*{box-sizing:border-box}html{min-height:100%;background:#f5f1e8}body{margin:0;min-height:100svh;background:#f5f1e8 url('/assets/background.png') center/cover fixed no-repeat;color:#302b26;font-family:Calibri,Carlito,'Segoe UI',Arial,sans-serif;padding-top:58px}.academy-return{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;gap:12px 24px;flex-wrap:wrap;padding:12px 20px;background:#f9f6eff2;border-bottom:1px solid #b58b5044;font:14px/1.5 Calibri,Carlito,'Segoe UI',Arial,sans-serif}.academy-return a{color:#60451d;text-decoration:none}.academy-return a:hover{text-decoration:underline}.academy-return a:focus-visible{outline:2px solid #ad8d55;outline-offset:4px}.academy-stage{min-height:calc(100svh - 58px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:25px 18px 35px}.academy-stage>img{display:block;width:auto;height:auto;max-width:100%;max-height:62svh;object-fit:contain;border:1px solid #b58b5077;box-shadow:0 7px 24px #57402225}.academy-enter{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;max-width:100%;min-height:48px;padding:12px 25px;border:1px solid #ae8c48;border-radius:30px;color:#f7e5be;background:linear-gradient(#173a57,#061b32);font:16px/1.4 Calibri,Carlito,'Segoe UI',Arial,sans-serif;text-align:center;text-decoration:none;box-shadow:0 0 0 2px #c2a66c55}.academy-enter small{font-size:14px}.academy-enter:hover{filter:brightness(1.12)}.academy-enter:focus-visible{outline:2px solid #947448;outline-offset:5px}.academy-selection{max-width:1360px;min-height:calc(100svh - 58px);margin:auto;padding:45px 28px;display:flex;flex-direction:column;justify-content:center}.academy-selection h1{text-align:center;font-size:28px;font-weight:400;color:#60451d;margin:0 0 30px}.academy-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.academy-tile{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #b58b5077;border-radius:10px;background:#faf7f0e8;text-decoration:none;color:#60451d;box-shadow:0 5px 18px #57402212;transition:transform .2s,box-shadow .2s}.academy-tile img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.academy-tile span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:72px;padding:15px 12px;font-size:20px;line-height:1.35}.academy-tile:hover{transform:translateY(-3px);box-shadow:0 8px 20px #57402222}.academy-tile:focus-visible{outline:2px solid #947448;outline-offset:4px}.academy-scene{position:relative;width:min(100%,1200px);line-height:0;margin:auto;box-shadow:0 7px 24px #57402225}.academy-scene img{display:block;width:100%;height:auto;filter:saturate(.70)}.academy-scene .entry,.academy-scene .enter{position:absolute;border-radius:999px;cursor:pointer;outline-offset:4px;min-height:32px}.academy-scene .entry:focus-visible,.academy-scene .enter:focus-visible{outline:3px solid #fff1a0}.academy-scene .entry:hover,.academy-scene .enter:hover{box-shadow:0 0 14px 4px #f6cb5d55 inset}.academy-screen{min-height:calc(100svh - 58px);display:flex;align-items:center;padding:25px 20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:720px){.academy-tiles{grid-template-columns:1fr;max-width:600px;width:100%;margin:auto}.academy-selection{padding:26px 18px}.academy-stage>img{width:100%;max-height:none}.academy-return{padding:10px 12px;gap:8px 18px}.academy-screen{padding:15px 0}.academy-tile span{font-size:18px;min-height:62px}}@media(prefers-reduced-motion:reduce){.academy-tile{transition:none}}

/* Original illustrated buttons remain visible; links provide interaction only. */
.academy-scene .entry,.academy-scene .enter{display:block;background:transparent;border:0;box-shadow:none;padding:0;color:transparent;text-decoration:none;text-shadow:none}
.academy-scene .entry:hover,.academy-scene .enter:hover{box-shadow:none;background:transparent}
.academy-scene .entry:focus-visible,.academy-scene .enter:focus-visible{outline:2px solid #fff3bf;outline-offset:3px}
.academy-enter{font-size:20px}.academy-enter small{font-size:13px}
@media(max-width:720px){.academy-enter{font-size:18px}.academy-scene .entry,.academy-scene .enter{min-height:44px}}