.academy-page{--ac-deep:#050b1f;--ac-navy:#0b1a33;--ac-panel:#0f2440;--ac-panel-hi:#143052;--ac-line:#2b5784;--ac-line-soft:#1b3a5e;--ac-teal:#43c3cf;--ac-sky:#9fe3ff;--ac-gold:#f3d99a;--ac-text:#e6f3fb;--ac-muted:#9fbad2;color:var(--ac-text);padding:clamp(10px,1.4vw,22px)}.academy-frame{border:4px solid var(--ac-line);background:var(--ac-deep);gap:10px;width:min(100%,1680px);margin:14px auto 0;padding:10px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #08142a,0 0 0 2px #030712,0 18px 60px #000a}.academy-frame:before,.academy-frame:after{content:"";z-index:2;border:4px solid var(--ac-line);background:var(--ac-navy);pointer-events:none;border-bottom:0;width:45px;height:22px;position:absolute;top:-15px}.academy-frame:before{box-shadow:27px 0 0 -4px var(--ac-navy), 27px 0 0 0 var(--ac-line);left:18px}.academy-frame:after{left:62%}.academy-grid{grid-template-columns:minmax(0,1.55fr) minmax(400px,1fr);gap:10px;min-height:0;display:grid}.academy-scene:before{content:"";padding-top:56.2201%;display:block}.academy-room{position:absolute;inset:0}.academy-room img,.academy-room canvas{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.academy-room canvas{opacity:0}.academy-room canvas[data-ready]{opacity:1}.academy-scene{border:4px solid var(--ac-line-soft);background:var(--ac-deep);isolation:isolate;align-self:stretch;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #081428}.academy-console{border:4px solid var(--ac-line-soft);background:linear-gradient(#0d213d,#0a1830);flex-direction:column;gap:14px;min-width:0;padding:clamp(14px,1.8vw,24px);display:flex;box-shadow:inset 0 0 0 3px #081428}.academy-title{border-bottom:2px solid var(--ac-line-soft);align-items:center;gap:14px;padding-bottom:14px;display:flex}.academy-title .school-crest{flex:none;width:46px;height:54px}.academy-title h1{color:#eaf7ff;letter-spacing:0;text-shadow:3px 3px #06142b,0 0 18px #43c3cf44;margin:0;font-size:clamp(28px,3vw,40px);line-height:1.15}.academy-halls{flex:1;grid-auto-rows:1fr;gap:12px;display:grid}.academy-hall{border:2px solid var(--ac-line);min-height:96px;color:inherit;background:linear-gradient(135deg, var(--ac-panel-hi), var(--ac-panel));align-items:center;gap:16px;padding:16px 18px;text-decoration:none;transition:transform .14s steps(3,end),border-color .14s,box-shadow .14s,background-color .14s;display:flex;position:relative;box-shadow:4px 4px #02060f,inset 0 0 0 2px #081428}:is(.academy-hall:hover,.academy-hall:focus-visible){border-color:var(--ac-sky);outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px #02060f,inset 0 0 0 2px #081428,0 0 18px #43c3cf44}.academy-hall:focus-visible{outline:2px solid var(--ac-gold);outline-offset:3px}.academy-hall:active{transform:translate(1px,1px);box-shadow:2px 2px #02060f,inset 0 0 0 2px #081428}.academy-hall-icon{width:58px;height:58px;color:var(--ac-sky);background:#081a33;border:2px solid #3e7aa8;flex:none;place-items:center;transition:color .14s,box-shadow .14s;display:grid;box-shadow:inset 0 0 0 3px #0c2444,3px 3px #02060f}:is(.academy-hall:hover .academy-hall-icon,.academy-hall:focus-visible .academy-hall-icon){color:var(--ac-gold);box-shadow:inset 0 0 0 3px #0c2444,3px 3px #02060f,0 0 14px #9fe3ff55}.academy-hall-copy{gap:5px;min-width:0;display:grid}.academy-hall-copy strong{color:#f1f9ff;font-size:20px;line-height:1.25}.academy-hall-text{color:var(--ac-muted);font-size:13px;line-height:1.55}.academy-hall-arrow{color:var(--ac-gold);margin-left:auto;font-size:22px;transition:transform .14s steps(3,end)}:is(.academy-hall:hover .academy-hall-arrow,.academy-hall:focus-visible .academy-hall-arrow){transform:translate(4px)}.academy-sublinks{gap:8px;font-size:13px;display:flex}.academy-sublinks a{border:1px solid var(--ac-line-soft);color:var(--ac-muted);padding:6px 12px}:is(.academy-sublinks a:hover,.academy-sublinks a:focus-visible){border-color:var(--ac-sky);color:var(--ac-sky)}.academy-gate-transition{z-index:2000;background:radial-gradient(circle,#0c2a4ee6,#030712f2 70%);place-content:center;justify-items:center;gap:18px;animation:.72s ease-out both gate-fade;display:grid;position:fixed;inset:0}.academy-gate-circle{fill:none;width:min(46vw,220px);stroke:var(--ac-sky,#9fe3ff);stroke-width:1.6px;filter:drop-shadow(0 0 10px #43c3cf);animation:.72s cubic-bezier(.2,.8,.3,1) both gate-spin}.academy-gate-transition strong{color:#f3d99a;font:15px/1.4 var(--font-game,monospace);letter-spacing:.08em}@keyframes gate-fade{0%{opacity:0}}@keyframes gate-spin{0%{opacity:0;transform:rotate(-120deg)scale(.4)}to{opacity:1;transform:rotate(0)scale(1)}}@media (max-width:1100px){.academy-grid{grid-template-columns:1fr}.academy-halls{grid-auto-rows:auto}}@media (max-width:600px){.academy-page{padding:8px}.academy-frame{border-width:3px;gap:6px;padding:6px}.academy-frame:after{display:none}.academy-scene{border-width:3px}.academy-console{padding:14px}.academy-title h1{font-size:26px}.academy-hall{gap:12px;min-height:0;padding:14px}.academy-hall-icon{width:46px;height:46px}.academy-hall-copy strong{font-size:17px}}@media (prefers-reduced-motion:reduce){.academy-gate-transition,.academy-gate-circle{animation:none}.academy-hall,.academy-hall-arrow{transition:none}}