.platform-stage{max-width:1990px;margin:0 auto;padding:32px 16px 64px;--ok: #6fae7f;--gold: #ffdf80}[data-theme=light] .platform-stage{--ok: #3e7d50;--gold: #8a6a1e}.platform-stage [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.platform-stage h1{color:var(--text-primary);font-size:28px;margin:0 0 6px;letter-spacing:.02em}.platform-subtitle{color:var(--text-secondary);margin:0 0 24px;font-size:15px}#level-menu{display:grid;gap:6px;margin:10px 0 0;max-height:min(52vh,340px);overflow-y:auto}#level-menu button{width:100%;text-align:left;background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:8px;padding:7px 14px;font-size:13px;font-family:var(--ui-font);cursor:pointer;transition:border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}#level-menu button:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}#level-menu button.active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}#level-menu button:disabled{opacity:.45;cursor:not-allowed}.sprites-link{display:inline-block;margin-top:12px;font-size:12px;color:var(--text-secondary);text-decoration:none;border-bottom:1px dashed var(--border-light)}.sprites-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.platform-layout{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);align-items:start}.platform-center{min-width:0}.platform-side-right{display:contents}.platform-side-right>*{order:1}.side-block{background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;padding:12px 14px}.side-block h2{margin:0 0 8px;font-family:var(--ui-font);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}@media(min-width:1100px){.platform-layout{gap:16px;grid-template-columns:minmax(0,1fr) 300px}.platform-side-right{display:grid;gap:12px;position:sticky;top:16px}}#platform-canvas-holder{position:relative;background:#191919;border:1px solid var(--border-light);border-radius:12px;padding:12px;display:flex;justify-content:center}#platform-canvas-holder canvas{image-rendering:pixelated;display:block;border-radius:6px}#platform-canvas-holder:after{content:"";position:absolute;inset:12px;border-radius:6px;pointer-events:none;background:radial-gradient(ellipse at center,transparent 62%,rgba(0,0,0,.42) 100%)}#platform-win,#platform-pause,#platform-quiz{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,86%);z-index:5}#platform-win,#platform-pause{background:#191919f0;border:1px solid var(--border-light);border-radius:12px;padding:20px 24px}#platform-win{border-left:2px solid var(--ok)}#platform-quiz{width:min(640px,88%);background:#191919f0;border:1px solid var(--border-light);border-left:2px solid var(--ok);border-radius:12px;padding:14px 16px}[data-theme=light] #platform-win,[data-theme=light] #platform-pause,[data-theme=light] #platform-quiz{background:#fffffff5}#platform-win h2,#platform-pause h2,#platform-quiz h2{margin:0 0 14px;font-family:"Press Start 2P",var(--ui-font);font-size:12px;line-height:1.6;letter-spacing:.04em;color:var(--ok)}#platform-pause h2{color:var(--accent)}#platform-quiz h2{margin:0 0 12px}#win-points{margin:0 0 12px;padding-left:20px;color:var(--text-primary);font-size:14px;line-height:1.55}#win-banked{margin:0 0 14px;color:var(--gold);font-family:var(--mono-font);font-variant-numeric:tabular-nums;font-size:13px}#win-record{margin:0 0 4px;color:var(--text-secondary);font-family:var(--mono-font);font-variant-numeric:tabular-nums;font-size:13px}.win-record-badge{margin:0 0 14px;color:var(--gold);font-family:var(--mono-font);font-size:12px;letter-spacing:.04em}.overlay-buttons{display:flex;flex-wrap:wrap;gap:8px}.overlay-buttons button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:6px;padding:8px 16px;font-size:13px;font-family:var(--ui-font);cursor:pointer;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.overlay-buttons button:hover{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}#pause-resume,#win-quiz-btn,#intro-play{background:var(--accent);color:#fff;border-color:transparent}#platform-intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:6;pointer-events:none}#platform-intro .overlay-card{pointer-events:auto;background:#191919f0;border:1px solid var(--border-light);border-radius:12px;padding:20px 24px;width:min(560px,86%)}[data-theme=light] #platform-intro .overlay-card{background:#fffffff5}#platform-intro h2{margin:0 0 14px;font-family:"Press Start 2P",var(--ui-font);font-size:12px;line-height:1.6;letter-spacing:.04em;color:var(--accent)}#platform-intro p{margin:0 0 10px;color:var(--text-primary);font-size:14px;line-height:1.55}#platform-intro[hidden]{display:none}.overlay-buttons .overlay-link{display:inline-block;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:6px;padding:8px 16px;font-size:13px;text-decoration:none;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.overlay-buttons .overlay-link:hover{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}#pause-resume:hover,#win-quiz-btn:hover{border-color:transparent;box-shadow:0 0 20px var(--accent-glow)}.overlay-hint{margin:10px 0 0;font-size:12px;color:var(--text-secondary)}#platform-trace{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:5;max-width:calc(100% - 40px);background:var(--bg-secondary);border:1px solid var(--border-light);border-left:2px solid var(--accent);border-radius:8px;padding:6px 14px;color:var(--accent);font-family:"Press Start 2P",Consolas,monospace;font-size:10px;line-height:1.7;letter-spacing:.06em}#platform-hud{margin-top:18px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:12px;display:grid;gap:10px}.hud-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#hud-status{margin:0;font-family:var(--mono-font);font-variant-numeric:tabular-nums;font-size:13px;color:var(--accent);white-space:pre-wrap}.hud-buttons{display:flex;flex-wrap:wrap;gap:6px}.hud-buttons button{display:inline-flex;align-items:center;background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:8px;padding:8px 12px;min-height:32px;font-size:12px;font-family:var(--ui-font);cursor:pointer;transition:border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.hud-buttons button:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.hud-buttons button:active{transform:scale(.96)}#reading-block summary:before,#hud-controls summary:before,.side-block h2:before,#hud-hint:before,#hud-signal:before,#hud-mute:before{content:"";display:inline-block;width:14px;height:14px;flex:0 0 auto;background:no-repeat center / contain}#reading-block summary:before,#hud-controls summary:before{margin-right:6px;vertical-align:-2px}#reading-block summary:before{background-image:url(/img/books-24.png)}#hud-controls summary:before{background-image:url(/img/gamepad-48.png)}.side-block h2:before{background-image:url(/img/goal-30.png);margin-right:6px;vertical-align:-2px}#hud-hint:before,#hud-signal:before,#hud-mute:before{margin-right:6px}#hud-hint:before{background-image:url(/img/hint.png)}#hud-signal:before{background-image:url(/img/connected-50.png)}#hud-mute:before{background-image:url(/img/sound-50.png)}html:not([data-theme=light]) #reading-block summary:before,html:not([data-theme=light]) #hud-controls summary:before,html:not([data-theme=light]) .side-block h2:before,html:not([data-theme=light]) #hud-hint:before,html:not([data-theme=light]) #hud-signal:before,html:not([data-theme=light]) #hud-mute:before{filter:invert(1) brightness(1.15)}@keyframes hud-callout-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hud-callout{display:none;position:relative;background:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;padding:10px 40px 10px 14px}.hud-callout:has(p:not([hidden])){display:flex;animation:hud-callout-in .22s cubic-bezier(.4,0,.2,1) backwards}.hud-callout.is-hint:has(p:not([hidden])){animation-delay:.08s}.hud-callout p{flex:1;margin:0;font-size:13px;color:var(--text-primary)}.hud-callout-close{position:absolute;top:6px;right:6px;width:20px;height:20px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;line-height:1;cursor:pointer;border-radius:4px;transition:color .15s ease}.hud-callout-close:before{content:"";position:absolute;inset:-10px}.hud-callout-close:hover{color:var(--text-primary)}#reading-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}#reading-list a{display:block;color:var(--text-secondary);text-decoration:none;font-size:13px;line-height:1.35}#reading-list a:hover{color:var(--text-primary);text-decoration:underline}.hud-controls summary,.level-menu-block summary,#reading-block summary{cursor:pointer;list-style:none;user-select:none;font-family:var(--ui-font);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.hud-controls summary::-webkit-details-marker,.level-menu-block summary::-webkit-details-marker,#reading-block summary::-webkit-details-marker{display:none}.hud-controls summary:hover,.level-menu-block summary:hover,#reading-block summary:hover{color:var(--text-primary)}.hud-controls-list{display:grid;gap:6px;margin-top:10px;color:var(--text-secondary);font-size:12px}.hud-key kbd{display:inline-block;background:var(--card-bg);border:1px solid var(--border-light);border-bottom-width:2px;border-radius:4px;padding:1px 5px;margin:0 1px;font-family:var(--mono-font);font-size:11px;color:var(--text-primary)}#quiz-question{margin:0 0 12px;font-size:14px;color:var(--text-primary)}#quiz-options{display:grid;gap:8px}#quiz-options button{text-align:left;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-light);border-radius:8px;padding:10px 12px;font-size:13px;font-family:var(--ui-font);cursor:pointer;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}#quiz-options button:hover{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}#quiz-explanation{margin:12px 0 0;font-size:13px;color:var(--text-secondary)}#quiz-outcome{margin:12px 0 0;font-size:13px;color:var(--ok)}#quiz-retry{margin-top:12px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:6px;padding:8px 16px;font-size:13px;font-family:var(--ui-font);cursor:pointer;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}#quiz-retry:hover{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}#quiz-course-back{margin-top:12px;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 18px;font-size:13px;font-family:var(--ui-font);cursor:pointer;transition:filter .2s cubic-bezier(.4,0,.2,1)}#quiz-course-back:hover{filter:brightness(1.12)}