.stage-entry-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#000;color:#fff;min-height:100dvh}.stage-entry-video{display:block;width:100%;height:100%;max-height:100dvh;object-fit:contain}.stage-entry-skip{position:absolute;z-index:2;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));min-width:112px;min-height:44px;padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #efc666;border-radius:10px;background:#071a2ee6;color:#fff2c4;font-family:inherit;font-size:13px;font-weight:800;line-height:1.3;cursor:pointer}.stage-entry-play button:focus-visible,.stage-entry-skip:focus-visible{outline:3px solid #fff;outline-offset:3px}.stage-entry-play{position:absolute;inset:35% 12% auto;display:grid;justify-items:center;gap:16px;text-align:center}.stage-entry-play p{padding:12px 16px;border-radius:10px;background:#071a2ee6;color:#fff2c4}.stage-entry-play button{min-height:48px;padding:12px 22px;border:1px solid #efc666;border-radius:10px;background:#071a2ee6;color:#fff2c4;font-weight:800;cursor:pointer}.level-select-screen{min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));color:#fff4d4;background:radial-gradient(circle at 50% -20%,#245673 0,#0b2940 35%,#061725 78%);overflow-x:hidden}.level-select-header{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.level-select-header>img{width:min(220px,30vw);height:auto}.level-access-error button,.level-requirements button,.level-select-header>button{min-height:44px;width:max-content;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #e4af3c;border-radius:10px;background:#0b314b;color:#fff4d4;font-weight:900}.level-select-intro{max-width:800px;margin:22px auto 20px;text-align:center}.level-select-intro>span{font-size:11px;font-weight:950;letter-spacing:.24em;color:#f7c85a}.level-select-intro h1{margin:7px 0 4px;font-size:clamp(34px,5vw,58px);line-height:1;color:#fff2cb;text-shadow:0 3px #5d350d}.level-select-intro p{margin:8px auto;color:#bad0cb;line-height:1.6}.level-access-error{width:min(800px,100%);margin:0 auto 18px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e29b56;border-radius:12px;background:#522819;color:#fff}.level-card-grid{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.level-card{min-width:0;display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);overflow:hidden;border:2px solid #dca43b;border-radius:18px;background:#0a263c;box-shadow:inset 0 0 0 2px #456b75,0 16px 34px #0006}.level-card>img{width:100%;height:100%;min-height:205px;object-fit:cover}.level-card.locked>img{filter:saturate(.62) brightness(.72)}.level-card-content{min-width:0;padding:19px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:15px}.level-card h2{margin:0;color:#ffe17b;font-size:clamp(20px,2vw,27px);line-height:1.12;overflow-wrap:anywhere}.level-card p{margin:5px 0;color:#fff;font-weight:800}.level-card small{display:block;margin-top:12px;color:#a9c8c5;line-height:1.5}.level-card-content>button{min-height:48px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:2px solid #f6d675;border-radius:10px;background:linear-gradient(#ffd975,#efb63f 68%,#ad6f1d);color:#102d35;font-weight:950;box-shadow:inset 0 2px #fff6c4,0 4px 0 #6d4317}.level-card-content>button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.68}.level-card.locked .level-card-content>button{background:#143951;color:#f8dd98;border-color:#98773f;box-shadow:none}.level-select-screen button:focus-visible{outline:3px solid #fff;outline-offset:3px}.level-requirements-backdrop{position:fixed;z-index:40;inset:0;padding:20px;display:grid;place-items:center;background:#020b12cc;overflow:auto}.level-requirements{width:min(540px,100%);padding:28px;border:2px solid #dca43b;border-radius:18px;background:#0a263c;box-shadow:0 24px 60px #000b}.level-requirements>svg{color:#ffd96a}.level-requirements h2{margin:8px 0 16px;font-size:28px}.level-requirements li,.level-requirements p{line-height:1.6;color:#d5e3de}.level-requirements-note{padding:12px;border-radius:9px;background:#061928}.level-requirements button{margin-top:10px;background:#dca43b;color:#092337}@media(max-width:820px){.level-select-screen{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.level-select-header{grid-template-columns:1fr auto}.level-select-header>span{display:none}.level-select-header>img{width:150px}.level-select-header>button{font-size:0;padding:10px}.level-select-header>button svg{width:22px;height:22px}.level-card-grid{gap:16px}.level-card,.level-card-grid{grid-template-columns:1fr}.level-card>img{min-height:0;aspect-ratio:2/1}.level-card-content{padding:16px}.level-card h2{font-size:22px}.level-card-content>button{min-height:50px}.level-select-intro{margin:16px auto}.level-select-intro p{font-size:14px}.level-access-error{align-items:stretch;flex-direction:column}.level-access-error button{width:100%;justify-content:center}}@media(max-height:520px) and (min-width:600px){.level-card-grid{grid-template-columns:repeat(2,minmax(320px,1fr))}.level-select-screen{overflow:auto}.level-card{grid-template-columns:42% 58%}.level-card>img{aspect-ratio:auto;min-height:190px}.level-select-intro{margin:10px auto}.level-select-intro h1{font-size:34px}}@media(prefers-reduced-motion:reduce){.level-select-screen *{scroll-behavior:auto!important}}