@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0908;--font-ui:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{--grain-wall:.3;--grain-desk:.5;--grain-metal:.35;--noise-fine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-desk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='320'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .9' numOctaves='3' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .85 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-metal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='320'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .85' numOctaves='2' seed='21' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .96 0 0 0 0 .92 0 0 0 .22 -.02'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.viewport{background:var(--bg);position:fixed;inset:0;overflow:hidden}.stage{-webkit-user-select:none;user-select:none;background:#0b0908;width:1440px;height:900px;position:absolute;top:50%;left:50%;overflow:hidden}.stage>*{position:absolute}.wall{background:linear-gradient(#120e0d 0%,#0d0a09 100%);height:calc(50% + 290px);inset:0 0 auto}.cone{background:radial-gradient(ellipse 50% 60% at 50% 8%, color-mix(in srgb, var(--glow) 50%, transparent) 0%, color-mix(in srgb, var(--glow) 20%, transparent) 38%, transparent 72%);width:1000px;height:860px;top:0;left:calc(50% - 500px)}.wash{background:radial-gradient(ellipse 70% 80% at 50% 12%, color-mix(in srgb, var(--glow) 18%, transparent) 0%, transparent 70%);height:calc(50% + 290px);inset:0 0 auto}.desk{background:linear-gradient(#1c1513 0%,#0e0a09 100%);border-top:1px solid #2b211e;width:100%;height:calc(50% - 250px);top:calc(50% + 250px);left:0}.desk-glow{background:radial-gradient(ellipse 50% 70% at 50% 0%, color-mix(in srgb, var(--glow) 30%, transparent) 0%, transparent 75%);width:1000px;height:calc(50% - 250px);top:calc(50% + 250px);left:calc(50% - 500px)}.grain{pointer-events:none}.grain-wall{background-image:var(--noise-fine);height:calc(50% + 250px);opacity:var(--grain-wall);inset:0 0 auto}.grain-desk{background-image:var(--noise-desk);width:100%;height:calc(50% - 251px);opacity:var(--grain-desk);top:calc(50% + 251px);left:0}.cord{background:#2a2320;width:2px;height:74px;top:0;left:calc(50% - 1px)}.socket{background:linear-gradient(90deg,#3a302c,#1c1513,#3a302c);border-radius:3px;width:24px;height:16px;top:60px;left:calc(50% - 12px)}.bulb-halo{background:radial-gradient(circle, color-mix(in srgb, var(--core) 90%, transparent) 0%, color-mix(in srgb, var(--glow) 45%, transparent) 28%, transparent 70%);border-radius:50%;width:240px;height:240px;top:20px;left:calc(50% - 120px)}.bulb{background:radial-gradient(circle at 50% 40%, var(--bulb) 0%, var(--bulb) 60%, color-mix(in srgb, var(--bulb) 80%, black) 100%);border-radius:18px 18px 22px 22px;width:36px;height:46px;top:72px;left:calc(50% - 18px)}.contact{background:radial-gradient(50% 50%,#000000d9 0%,#0000 100%);width:1108px;height:60px;top:calc(50% + 276px);left:calc(50% - 554px)}.chassis{background:linear-gradient(#403934 0%,#2b2623 6%,#201c1a 55%,#171413 100%);border:1px solid #4c433c;border-radius:28px;flex-direction:row;align-items:center;gap:48px;width:1188px;height:500px;margin:0;padding:0 40px;display:flex;top:calc(50% - 214px);left:calc(50% - 594px);box-shadow:inset 0 1px #ffffff24,inset 0 -3px 8px #000000b3,0 36px 70px #000000b3}.chassis>.spill,.chassis>.grain-metal,.chassis>.screw{position:absolute}.spill{pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--glow) 18%, transparent), transparent);border-radius:28px 28px 0 0;width:100%;height:120px;top:0;left:0}.grain-metal{background-image:var(--noise-metal);opacity:var(--grain-metal);border-radius:28px;inset:0}.screw{pointer-events:none;background:radial-gradient(circle at 35% 30%,#6b6058,#2a2522);border-radius:50%;width:14px;height:14px;box-shadow:0 1px #ffffff1a}.screw.tl{top:18px;left:18px}.screw.tr{top:18px;right:18px}.screw.bl{bottom:18px;left:18px}.screw.br{bottom:18px;right:18px}.well{flex:none;width:440px;height:440px;position:relative}.dial{touch-action:none;cursor:pointer;width:420px;height:420px;position:absolute;top:10px;left:10px}.seams{transition:stroke .22s cubic-bezier(.22,1,.36,1)}.cell,.lens{transition:stroke .22s cubic-bezier(.22,1,.36,1),fill .22s cubic-bezier(.22,1,.36,1)}.hue-radio{fill:#0000;pointer-events:none;outline:none}.hue-radio:focus-visible{stroke:#ffb000;stroke-width:3px;fill:#ffb0001a}.controls{flex-direction:column;flex:none;gap:24px;width:620px;display:flex;position:relative}.label-row{font:11px var(--font-mono);letter-spacing:.22em;color:#c2b7a8;justify-content:space-between;align-items:center;display:flex}.lamps{gap:20px;display:flex}.label-end{align-items:center;gap:14px;display:flex}.named{color:#b8ad9e;align-items:center;gap:8px;display:flex}.named.on{color:#efe5d6}.lamp{background:#3a332d;border-radius:50%;width:7px;height:7px;display:block}.named.on .lamp{background:#ffb000;box-shadow:0 0 8px #ffb000}.led{background:#080605;border-radius:12px;flex-direction:column;gap:12px;padding:24px 28px;display:flex;position:relative;box-shadow:inset 0 4px 12px #000000f2,inset 0 0 0 1px #000c,0 1px #ffffff1a}.led-row{font:12px var(--font-mono);letter-spacing:.16em;color:#c98a00;justify-content:space-between;display:flex}.led-row .k{color:#b07a00;letter-spacing:.2em;margin-right:1.1ch;font-size:.9em}.led-row .v{color:#ffb000;font-weight:500}.led-row .sep{color:#b07a00;font-style:normal}.led-row.bright{letter-spacing:.08em;color:#ffb000;font-size:13px}.led-name{font-family:var(--font-mono);letter-spacing:-.02em;white-space:nowrap;color:#ffb000;text-shadow:0 0 18px #ffb00073;font-weight:500}.led-click{cursor:text}.name-cell{letter-spacing:0;width:calc(1ch - .02em);display:inline-block;position:relative}.name-spacer{visibility:hidden}.name-glyph{position:absolute;top:0;left:0}.led-type{position:relative}.led-input{color:#0000;caret-color:#0000;width:100%;font:inherit;background:0 0;border:0;outline:none;padding:0;position:absolute;inset:0}.led-cursor{vertical-align:baseline;background:#ffb000;width:3px;height:.8em;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.led-matches{justify-content:flex-start;gap:22px}.match{opacity:.72;cursor:pointer;align-items:center;gap:6px;display:inline-flex}.match.on{opacity:1}.match-tag{letter-spacing:.1em;border:1px solid;border-radius:3px;padding:1px 4px;font-size:8px;font-style:normal}.glare{pointer-events:none;background:linear-gradient(#ffffff12,#0000);border-radius:12px 12px 0 0;height:56px;position:absolute;top:0;left:0;right:0}.mixer{flex-direction:column;gap:8px;display:flex}.meter{cursor:pointer;touch-action:none;outline:none;grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.meter:focus-visible{outline-offset:6px;border-radius:3px;outline:2px solid #ffb000}.step{flex-direction:column;gap:8px;display:flex}.seg{background:#373029;border-radius:3px;height:22px;transition:background-color .12s;display:block;box-shadow:inset 0 1px 2px #0009}.step.on .seg{background:#ffb000}.step:hover:not(.on) .seg{background:#453c33}.step-label{text-align:center;font:10px var(--font-mono);letter-spacing:.14em;color:#c2b7a8;transition:color .12s}.step.now .step-label{color:#ffb000}.keys{gap:14px;display:flex}.key{height:64px;font:12px var(--font-mono);letter-spacing:.2em;color:#d2c8ba;cursor:pointer;background:linear-gradient(#4a423c 0%,#302a26 100%);border:0;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;transition:transform 70ms ease-out,box-shadow 70ms ease-out;display:flex;box-shadow:0 5px #0e0b0a,0 7px 10px #0009,inset 0 1px #ffffff2e}.key.down{color:#ffb000;background:linear-gradient(#241f1c 0%,#2e2824 100%);transform:translateY(4px);box-shadow:0 1px #0e0b0a,inset 0 3px 8px #000c}.key.down .lamp{background:#ffb000;box-shadow:0 0 10px #ffb000}.key:active:not(.down){transform:translateY(2px);box-shadow:0 3px #0e0b0a,0 4px 6px #0009,inset 0 1px #ffffff2e}.key:focus-visible{outline-offset:4px;outline:2px solid #ffb000}.note{max-width:480px;font:400 15px/22px var(--font-ui);color:#d6cdc0;margin:0}@media (prefers-reduced-motion:reduce){.led-cursor{animation:none}.cell,.seams,.lens,.seg,.key{transition:none}}.title{align-items:center;gap:14px;display:flex}.rocker[aria-label=Difficulty] .rock{padding:4px 7px}.rocker{background:#0a0807;border-radius:6px;padding:2px;display:flex;box-shadow:inset 0 1px 3px #000000e6,0 1px #ffffff14}.rock{font:10px var(--font-mono);letter-spacing:.18em;color:#b0a597;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 9px;transition:color .1s,background-color .1s}.rock:hover:not(.on){color:#d2c8ba}.rock.on{color:#ffb000;background:#2a2420}.rock:focus-visible{outline-offset:1px;outline:2px solid #ffb000}.named.miss{opacity:1;-webkit-text-decoration:line-through #e5484d;text-decoration:line-through #e5484d}.named.miss .lamp{background:#e5484d;box-shadow:0 0 8px #e5484d}.lamps{gap:16px}.named .lamp{transition:background-color .12s,box-shadow .12s}.dial.locked{cursor:default}.footer-slot{align-items:center;height:64px;display:flex}.footer-fade{width:100%}.quiz-bar{align-items:center;gap:24px;min-height:64px;display:flex}.quiz-text{flex-direction:column;flex:1;align-items:flex-start;gap:6px;display:flex}.quiz-bar .note .count{font:11px var(--font-mono);letter-spacing:.16em;color:#c2b7a8;margin-right:10px}.push{font:12px var(--font-mono);letter-spacing:.2em;color:#d2c8ba;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:16px;padding:0;transition:color .12s;display:flex}.push.ready{color:#ffb000}.push-well{background:#0e0b0a;border:3px solid #4a3a1c;border-radius:50%;place-items:center;width:64px;height:64px;transition:border-color .12s,box-shadow .12s;display:grid;box-shadow:inset 0 3px 8px #000000e6,0 1px #ffffff1a}.push.ready .push-well{border-color:#ffb000;box-shadow:inset 0 3px 8px #000000e6,0 0 14px #ffb00073,0 1px #ffffff1a}.push-dome{background:radial-gradient(circle at 38% 28%,#8a7d72,#3a322d 55%,#221d1a);border-radius:50%;width:44px;height:44px;margin-top:-4px;transition:transform 70ms ease-out,box-shadow 70ms ease-out;box-shadow:0 4px #0e0b0a,0 6px 8px #0009,inset 0 1px #ffffff4d}.push:active .push-dome{transform:translateY(3px);box-shadow:0 1px #0e0b0a,inset 0 1px #ffffff4d}.push:focus-visible{outline:none}.push:focus-visible .push-well{outline-offset:4px;outline:2px solid #ffb000}.link{font:10px var(--font-mono);letter-spacing:.2em;color:#c2b7a8;cursor:pointer;background:0 0;border:0;padding:2px 0}.link:hover{color:#ffb000}.link:focus-visible{outline-offset:3px;outline:2px solid #ffb000}@media (prefers-reduced-motion:reduce){.push,.push-well,.push-dome,.rock,.named .lamp{transition:none}}.sound{color:#c2b7a8;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;transition:color .1s,background-color .1s;display:grid}.sound[aria-checked=true]{color:#ffb000}.sound:hover{background:#2a2420}.sound:focus-visible{outline-offset:1px;outline:2px solid #ffb000}@media (prefers-reduced-motion:reduce){.sound{transition:none}}.viewport.portrait{overscroll-behavior:contain;scrollbar-width:none;overflow:hidden auto}.viewport.portrait::-webkit-scrollbar{display:none}.stage.portrait{transform-origin:top;top:0}.stage.portrait .wall,.stage.portrait .wash,.stage.portrait .grain-wall{height:var(--dt);inset:0 0 auto}.stage.portrait .cone{height:700px;margin-left:-500px;left:50%}.stage.portrait .desk,.stage.portrait .desk-glow{left:0;top:var(--dt);width:100%;height:calc(var(--sh) - var(--dt))}.stage.portrait .grain-desk{left:0;top:calc(var(--dt) + 1px);width:100%;height:calc(var(--sh) - var(--dt) - 1px)}.stage.portrait .contact{left:10px;top:calc(var(--ct) + var(--ch) - 18px);width:calc(100% - 20px)}.stage.portrait .cord,.stage.portrait .socket,.stage.portrait .bulb-halo,.stage.portrait .bulb{display:var(--lamp)}.stage.portrait .cord{height:calc(var(--by) + 2px);left:calc(50% - 1px)}.stage.portrait .socket{left:calc(50% - 12px);top:calc(var(--by) - 12px)}.stage.portrait .bulb-halo{left:calc(50% - 120px);top:calc(var(--by) - 52px)}.stage.portrait .bulb{left:calc(50% - 18px);top:var(--by)}.stage.portrait .chassis{top:var(--ct);width:min(100% - 30px,410px);height:var(--ch);border-radius:24px;flex-direction:column;justify-content:center;gap:10px;margin:0 auto;padding:22px 0;left:0;right:0}.stage.portrait .screw{width:10px;height:10px}.stage.portrait .screw.tl,.stage.portrait .screw.bl{left:8px}.stage.portrait .screw.tr,.stage.portrait .screw.br{right:8px}.stage.portrait .screw.tl,.stage.portrait .screw.tr{top:8px}.stage.portrait .screw.bl,.stage.portrait .screw.br{bottom:8px}.stage.portrait .well{width:370px;height:370px}.stage.portrait .dial{width:350px;height:350px;top:10px;left:10px}.stage.portrait .controls{display:contents}.stage.portrait .controls>*{flex:none;width:372px}.stage.portrait .label-row{order:-1;grid-template-rows:34px 34px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px 10px;height:76px;display:grid}.stage.portrait .title{display:contents}.stage.portrait .title>span:first-child{grid-area:1/1}.stage.portrait .rocker[aria-label=Mode]{grid-area:1/2}.stage.portrait .rocker[aria-label=Difficulty]{grid-area:1/4}.stage.portrait .label-end{grid-area:2/1/3/-1;align-items:center;gap:6px;display:flex}.stage.portrait .label-end>.sound:first-of-type{order:1;margin-left:-7px}.stage.portrait .label-end>.sound:nth-of-type(2){order:2}.stage.portrait .label-end>.lamps{order:3;margin-left:auto}.stage.portrait .label-row:not(:has(.rocker[aria-label=Difficulty])){grid-template-rows:1fr}.stage.portrait .label-row:not(:has(.rocker[aria-label=Difficulty])) .label-end{grid-area:1/3/2/-1;justify-content:flex-end}.stage.portrait .label-row:not(:has(.rocker[aria-label=Difficulty])) .label-end>.lamps{display:none}.stage.portrait .label-row:not(:has(.rocker[aria-label=Difficulty])) .label-end>.sound:first-of-type{margin-left:0}.stage.portrait .label-row:not(:has(.rocker[aria-label=Difficulty])) .label-end>.sound:nth-of-type(2){margin-right:-7px}.stage.portrait .rock,.stage.portrait .rocker[aria-label=Difficulty] .rock{padding:8px 10px}.stage.portrait .sound{width:32px;height:32px}.stage.portrait .led{gap:8px;padding:14px 16px}.stage.portrait .led-row,.stage.portrait .led-row.bright{letter-spacing:.1em;flex-wrap:wrap;align-content:flex-start;gap:3px 12px;min-height:30px;font-size:11px}.stage.portrait .led-row.bright{letter-spacing:.06em;font-size:12px}.stage.portrait .led-matches{gap:4px 14px}.stage.portrait .key{height:52px}.stage.portrait .keys{gap:10px}.stage.portrait .footer-slot{align-items:flex-start;height:112px;padding-top:12px}.stage.portrait .quiz-bar{flex-direction:column;align-items:stretch;gap:4px;min-height:0}.stage.portrait .quiz-text{flex:none}.stage.portrait .push{align-self:flex-end}.stage.portrait .note{max-width:none;font-size:14px;line-height:20px}.stage.compact{--name-lh:50px}.stage.compact .cord,.stage.compact .socket,.stage.compact .bulb-halo,.stage.compact .bulb{display:none}.stage.compact .wall,.stage.compact .wash{height:calc(50% + 179px)}.stage.compact .desk,.stage.compact .desk-glow{height:calc(50% - 139px);top:calc(50% + 139px)}.stage.compact .grain-wall{height:calc(50% + 139px)}.stage.compact .grain-desk{height:calc(50% - 140px);top:calc(50% + 140px)}.stage.compact .contact{width:960px;height:44px;top:calc(50% + 165px);left:calc(50% - 480px)}.stage.compact .chassis{gap:28px;width:1024px;height:350px;padding:0 28px;top:calc(50% - 175px);left:calc(50% - 512px)}.stage.compact .screw.tl,.stage.compact .screw.bl{left:12px}.stage.compact .screw.tr,.stage.compact .screw.br{right:12px}.stage.compact .screw.tl,.stage.compact .screw.tr{top:12px}.stage.compact .screw.bl,.stage.compact .screw.br{bottom:12px}.stage.compact .well{width:320px;height:320px}.stage.compact .dial{width:300px;height:300px}.stage.compact .controls{gap:9px;width:620px}.stage.compact .led{gap:5px;padding:12px 22px}.stage.compact .key{gap:5px;height:44px}.stage.compact .footer-slot{height:52px}.stage.compact .note{font-size:14px;line-height:19px}.stage.compact .quiz-bar{min-height:52px}.stage.compact .push-well{width:48px;height:48px}.explore-foot{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.explore-foot .note{flex:1;max-width:none}.note.small{font-size:13px;line-height:18px}.detail-key{font:10px var(--font-mono);letter-spacing:.2em;color:#d2c8ba;cursor:pointer;background:linear-gradient(#4a423c 0%,#302a26 100%);border:0;border-radius:8px;flex:none;align-items:center;gap:8px;margin-left:auto;padding:7px 13px;transition:transform 70ms ease-out,box-shadow 70ms ease-out,color .1s;display:inline-flex;box-shadow:0 3px #0e0b0a,0 5px 8px #0000008c,inset 0 1px #ffffff2e}.detail-key .lamp{background:#3a332d;border-radius:50%;width:6px;height:6px;transition:background-color .12s,box-shadow .12s}.detail-key:hover{color:#fff4e0}.detail-key:active:not([aria-pressed=true]){transform:translateY(2px);box-shadow:0 1px #0e0b0a,0 3px 5px #0009,inset 0 1px #ffffff2e}.detail-key[aria-pressed=true]{color:#ffb000;background:linear-gradient(#241f1c 0%,#2e2824 100%);transform:translateY(3px);box-shadow:0 1px #0e0b0a,inset 0 3px 8px #000c}.detail-key[aria-pressed=true] .lamp{background:#ffb000;box-shadow:0 0 8px #ffb000}.detail-key:focus-visible{outline-offset:3px;outline:2px solid #ffb000}@media (prefers-reduced-motion:reduce){.detail-key,.detail-key .lamp{transition:none}}.stage.portrait .explore-foot{flex-direction:column;align-items:stretch;gap:10px}.stage.portrait .detail-key{align-self:flex-end;margin-right:4px;padding:13px 20px;font-size:11px}.stage.portrait .note.small{font-size:13px;line-height:18px}