@font-face{font-family:pixel;src:url('/fonts/fusion-pixel-12px-proportional-zh-hans.woff2')}*{box-sizing:border-box}body{margin:0;background:#080b10;color:#e9e0ca;font-family:system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;background:none;border:0;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #f1ca87;outline-offset:5px}header{height:76px;margin:0 5%;border-bottom:1px solid #2c3034;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:20px pixel;white-space:nowrap}nav{display:flex;gap:23px;align-items:center;font:14px pixel}nav a{color:#9eaaa9;padding:8px 0}nav a[aria-current]{color:#f1ce94}main{padding:0 5%;max-width:1700px;margin:auto}.intro{text-align:center;padding:30px 0 25px}.intro p{font:10px monospace;letter-spacing:3px;color:#929999}.intro h1{font:32px pixel;letter-spacing:5px;margin:16px 0}.intro>span{font-size:12px;color:#8f9a9f}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1250px;margin:auto}.card{display:block;border:1px solid #9a917d;padding:12px;background:#0d1116;position:relative;transition:transform 220ms steps(4),border-color .3s;min-width:0}.card:hover,.card:focus-visible{transform:translateY(-5px);border-color:#f5d59a}.card-top{display:flex;justify-content:space-between;font:15px pixel;margin:0 0 12px}.card-top>span{font:9px monospace;letter-spacing:2px;color:#a9a08e}.art{position:relative;display:block;overflow:hidden;isolation:isolate;background:#0b1017}.card .art{height:clamp(170px,43svh,450px);border:1px solid #777365}.art>svg{display:block;width:100%;height:100%}.card h2{font:clamp(17px,1.8vw,27px) pixel;margin:20px 0 10px;text-align:center;white-space:nowrap}.en{display:block;text-align:center;font:10px monospace;letter-spacing:4px;color:#b8b1a0}.card-bottom{display:flex;justify-content:space-between;margin-top:22px;color:#9b9f98;font:12px pixel}.card-bottom>span{color:#e2bd7e}footer{display:flex;justify-content:space-between;padding:24px 0;font:10px monospace;color:#687578}.glow{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 65%,#ffd58233,transparent 60%);mix-blend-mode:screen;opacity:0;transition:opacity .7s steps(8);pointer-events:none}.about .glow{background:linear-gradient(110deg,transparent,#faca7d44,transparent);clip-path:polygon(20% 8%,70% 8%,65% 65%,95% 100%,6% 100%,24% 65%)}.card:hover .glow,.card:focus-visible .glow,.summary:not([hidden]) .glow{opacity:1}.orbit-dot{position:absolute;left:80%;top:30%;width:3px;height:3px;background:#ffe6b8;opacity:0;transform-origin:-22px 0}.school:hover .orbit-dot,.school:focus-visible .orbit-dot{opacity:1;animation:orbit 2.4s steps(32) 1 both}@keyframes orbit{to{transform:rotate(360deg)}}.paper-stars{position:absolute;left:57%;top:79%;color:#ffdb8b;opacity:0;font-size:15px;transition:opacity 1s}.notes:hover .paper-stars,.notes:focus-visible .paper-stars{opacity:.85}dialog{position:fixed;inset:0;width:min(1250px,96vw);height:min(850px,94svh);max-width:none;max-height:none;padding:0;background:#0b1016;color:#e9e0ca;border:1px solid #545b5a}dialog::backdrop{background:#03070bea}.dialog-toolbar{height:65px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #293036;padding:0 24px;gap:20px}.dialog-toolbar button{font:14px pixel}.dialog-toolbar nav{gap:18px}.summary{height:calc(100% - 65px);display:grid;grid-template-columns:45% 55%}.summary[hidden]{display:none}.detail-art{height:100%;min-height:0;display:flex;align-items:center}.detail-art>svg{height:auto;max-height:100%;width:100%}.copy{overflow:auto;align-self:stretch;padding:clamp(28px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.copy h2{font:36px pixel;margin:18px 0 25px}.eyebrow{font:11px monospace!important;letter-spacing:2px;color:#dfbf81!important}.copy p{font-size:15px;line-height:2;color:#aeb7bb}.copy ul{list-style:none;margin:15px 0;padding:0}.copy li{border-bottom:1px solid #303a40}.copy li a{display:flex;justify-content:space-between;padding:12px 0;font-size:14px;line-height:1.7}.details{font:18px pixel;align-self:flex-start;color:#ebc994;margin-top:28px;border-bottom:1px solid #9d885f;padding-bottom:8px}@media(max-width:1000px){nav{gap:12px;font-size:12px}.cards{gap:12px}.card{padding:8px}.card h2{font-size:18px}.card-top>span{font-size:8px;letter-spacing:0}.dialog-toolbar nav{gap:9px}.copy{padding:28px}.copy h2{font-size:28px}}@media(max-width:650px){header{height:auto;min-height:90px;display:block;padding:18px 0 10px}.brand{font-size:18px}nav{flex-wrap:wrap;gap:12px;margin-top:12px;font-size:12px}.intro{padding:18px 0}.intro h1{font-size:25px}.intro p{font-size:8px;letter-spacing:2px}.intro>span{font-size:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card .art{height:clamp(130px,25svh,240px)}.card h2{font-size:17px;margin:12px 0 8px}.card-bottom{margin-top:13px;font-size:10px}.en{font-size:8px;letter-spacing:2px}.card-top{font-size:12px}.card-top>span{font-size:7px}footer{font-size:8px;gap:12px}.dialog-toolbar{height:auto;min-height:96px;display:block;padding:14px}.dialog-toolbar nav{font-size:11px;gap:12px}.summary{height:calc(100% - 96px);display:flex;flex-direction:column;overflow:auto}.detail-art{height:33svh;min-height:220px;flex-shrink:0}.copy{overflow:visible;padding:24px;display:block}.copy h2{font-size:27px}.copy p{font-size:14px}.details{display:inline-block;font-size:16px;margin:16px 0 24px}.detail-art>svg{width:100%;height:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.card:hover,.card:focus-visible{transform:none}}

.skip-link{position:fixed;left:16px;top:-100px;z-index:20;background:#e4d0a8;color:#111;padding:12px}.skip-link:focus{top:12px}

/* Approved fixed-camera interactions; no legacy lighting overlays. */
.glow,.orbit-dot,.paper-stars{display:none!important}.card,.card:hover,.card:focus-visible,.card:active{transform:none!important}.card .art>svg{transform:none!important;transition:none!important}.card{transition:border-color 220ms ease-out}.card:active{border-color:#fff0bd;box-shadow:inset 0 0 0 1px #cab183}.responsive-stars rect,.bridge-zones path{transition:opacity 200ms ease-out}

.motion-control{display:block;margin:14px auto 0;padding:8px 12px;min-height:44px;border:1px solid #515753;color:#cbb891;font:12px/1.5 system-ui;cursor:pointer}.motion-control:hover{border-color:#d9b77d}.motion-control[hidden]{display:none}