:root{--ink:#111316;--muted:#6d737a;--line:#d8dce1;--white:#fff;--green:#164b3c;--amber:#f3be38;--screen:#111a20;--gutter:clamp(22px,4.5vw,72px)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{color:var(--ink);background:#fff;margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif}button{font:inherit}.page{min-height:100vh}.tool-header{min-height:80px;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:32px;display:flex}.tool-header__brand,.tool-header__project{color:var(--ink);font-size:18px;font-weight:600}.tool-header__brand{flex:none}.tool-header__project{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.game-page{padding:clamp(24px,3vw,44px) var(--gutter) 36px;background:#fff}.arcade-shell{color:#e8efe9;max-width:1120px;image-rendering:pixelated;background:#1b2429;border:4px solid #10171b;border-radius:10px;outline:1px solid #435057;margin:auto;position:relative;overflow:hidden;box-shadow:0 18px 42px #0c131740,inset 0 0 0 1px #37444a}.arcade-shell:before,.arcade-shell:after{display:none}.cabinet-top{letter-spacing:.02em;background:#11181c;border-bottom:3px solid #0b1114;align-items:stretch;gap:0;min-height:56px;padding:0;font-family:Courier New,monospace;font-weight:800;display:flex;box-shadow:inset 0 -1px #3b464b}.hud-panels{flex:1;grid-template-columns:1fr 1.45fr 1fr;gap:0;display:grid}.hud-panel{text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:2px 2px #000;background:linear-gradient(#141c20,#0b1114);border-right:1px solid #354147;justify-content:center;align-items:center;min-width:0;padding:5px 10px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #263137}.hud-panel--left{color:#ffc229;font-size:clamp(16px,1.8vw,24px)}.hud-panel--center{color:#f0f1eb;letter-spacing:.07em;font-size:clamp(18px,2.1vw,27px)}.hud-panel--right{color:#69df3c;font-size:clamp(17px,1.9vw,25px)}.sound-button{color:#8f999b;cursor:pointer;background:linear-gradient(#141c20,#0b1114);border:0;border-left:1px solid #354147;flex:0 0 135px;padding:5px 9px;font:800 11px Courier New,monospace}.sound-button span{color:#7f898b;font-size:14px}.screen{aspect-ratio:1.62;background:var(--screen);border-left:3px solid #0b1114;border-right:3px solid #0b1114;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #0000006b}.game-canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:#1a242a;display:block}.cabinet-bottom{background:linear-gradient(#182126,#11181c);border-top:3px solid #0b1114;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:10px 17px;display:flex;box-shadow:inset 0 1px #3f4b50}.controls{color:#bfc7c5;flex-wrap:wrap;gap:11px 22px;font:800 15px Courier New,monospace;display:flex}.controls span{align-items:center;gap:6px;display:flex}.controls b{color:#cbd1ce}kbd{color:#ffbf1f;text-align:center;min-width:auto;box-shadow:none;background:0 0;border:0;padding:0;font:800 15px Courier New,monospace}.layout-actions,.result-actions,.dialog-actions{gap:8px;display:flex}.layout-actions button,.result-actions button,.dialog-actions button{color:#eef3e8;letter-spacing:.06em;text-shadow:2px 2px #111;cursor:pointer;border:3px solid #080d10;min-height:48px;padding:10px 23px;font:900 19px/1 Courier New,monospace;box-shadow:inset 0 0 0 1px #ffffff2e,0 2px #080c0e}.layout-actions small{opacity:.72;margin-left:4px;font-size:.72em}.reset-button{background:linear-gradient(#596369,#30393e);min-width:142px}.done-button,.dialog-actions button:first-child{background:linear-gradient(#ffc72b,#da8b0c);min-width:158px;color:#17140c!important;text-shadow:1px 1px #ffffff5c!important}button:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.48}.desktop-note{color:#7b8185;text-align:center;letter-spacing:.08em;max-width:1120px;margin:17px auto 0;font:600 11px Courier New,monospace}.site-footer{min-height:112px;padding:0 var(--gutter);border-top:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;display:flex}.site-footer small{color:var(--muted)}.title-screen,.select-screen,.dialog-backdrop,.result-screen{position:absolute;inset:0}.title-screen{background:radial-gradient(circle at 50% 60%,#33424b 0,#111a21 47%,#060a0d 100%);place-items:center;font-family:Courier New,monospace;display:grid;overflow:hidden}.stone-title{z-index:4;text-align:center;color:#cad5d1;text-shadow:3px 3px #080b0d,-2px -2px #384851;position:absolute;top:8%;transform:scaleY(.92)}.stone-title span{letter-spacing:.28em;font-size:clamp(13px,2.5vw,25px);display:block}.stone-title strong{letter-spacing:.03em;margin-top:-3px;font-size:clamp(32px,7vw,67px);line-height:.9;display:block}.stone-title small{color:#d9a630}.iron-gate{filter:drop-shadow(0 0 22px #e8a53d29);gap:4px;display:flex;position:absolute;inset:30% 19% 0}.iron-gate>div{background:repeating-linear-gradient(90deg,#11191f 0 10px,#26323a 10px 14px,#0c1216 14px 25px);border:8px solid #141c22;width:50%;box-shadow:inset 0 0 0 5px #37444b,inset 0 -40px 50px #080c0f}.iron-gate>div:first-child{border-radius:45% 0 0}.iron-gate>div:last-child{border-radius:0 45% 0 0}.gate-light{z-index:2;background:#ffb638;width:7px;height:7px;position:absolute;top:52%;box-shadow:0 0 12px 5px #ffa82e80}.gate-light--left{left:14%}.gate-light--right{right:14%}.press-start{z-index:5;color:#ffe690;letter-spacing:.12em;text-shadow:2px 2px #3a2604;cursor:pointer;background:0 0;border:0;font:800 clamp(15px,2.6vw,24px) Courier New,monospace;animation:1.15s steps(2,end) infinite blink;position:absolute;bottom:9%}@keyframes blink{50%{opacity:.35}}.select-screen{background:linear-gradient(#0a1115e3,#0d1519f0);flex-direction:column;justify-content:center;align-items:center;gap:5%;padding:5%;font-family:Courier New,monospace;display:flex}.select-screen h1{color:#f6d160;letter-spacing:.1em;text-shadow:3px 3px #17130a;margin:0;font-size:clamp(18px,3.4vw,34px)}.character-row{grid-template-columns:repeat(3,1fr);gap:14px;width:min(88%,720px);display:grid}.character-card{color:#9ca7a5;background:#1a2429;border:3px solid #39464c;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0;min-height:190px;padding:16px 10px;font-family:Courier New,monospace;display:flex}.character-card--active{color:#fff1bc;cursor:pointer;background:linear-gradient(#29383d,#182126);border-color:#d8a82d;box-shadow:0 0 0 3px #5c461b,0 0 22px #eeb82f38}.character-card strong{font-size:clamp(11px,2vw,17px)}.character-card small{font-size:9px}.locked{color:#606b6d;border:3px dashed #4a565a;place-items:center;width:72px;height:91px;margin-bottom:18px;font-size:40px;display:grid}.bear-portrait{place-items:center;width:104px;height:112px;margin-bottom:2px;display:grid;overflow:hidden}.bear-portrait img{object-fit:contain;width:132%;height:132%;image-rendering:pixelated;filter:drop-shadow(3px 4px #05090b6b);display:block}.select-screen>p{color:#889395;text-align:center;letter-spacing:.08em;margin:0;font-size:10px}.demo-ribbon{color:#1a1d18;letter-spacing:.05em;text-shadow:1px 1px #ffffff40;background:#d29d27;border:2px solid #151b1e;align-items:center;gap:14px;padding:8px 12px 8px 15px;font:900 15px/1 Courier New,monospace;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:3px 3px #151b1e}.demo-ribbon button{color:#f5d96f;letter-spacing:.05em;text-shadow:1px 1px #000;cursor:pointer;background:#191f21;border:2px solid #30230c;min-height:28px;padding:5px 10px;font:900 13px/1 Courier New,monospace}.pixel-toast{color:#161b1c;white-space:nowrap;background:#e4b436;border:2px solid #0f1518;max-width:90%;padding:10px 16px;font:800 15px Courier New,monospace;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:3px 3px #11191d}.dialog-backdrop{background:#05090bad;place-items:center;display:grid}.pixel-dialog{color:#e6ebe4;background:#263238;border:4px solid #151c20;outline:3px solid #8a6b27;width:min(82%,520px);padding:32px;font-family:Courier New,monospace;box-shadow:8px 8px #0b1013}.pixel-dialog h2{color:#f0c94d;letter-spacing:.06em;text-shadow:2px 2px #111;margin:0 0 24px;font-size:clamp(22px,3vw,29px);font-weight:900}.pixel-dialog p{letter-spacing:.03em;margin:12px 0;font-size:17px;font-weight:800}.pixel-dialog p kbd{font-size:18px;font-weight:900}.dialog-actions{gap:12px;margin-top:27px}.dialog-actions button{min-width:150px;font-size:19px}.dialog-actions button:last-child{background:#455158}.result-screen{color:#edf2e7;background:#080d10e0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:6%;font-family:Courier New,monospace;font-weight:800;display:flex}.result-screen h1{color:#f2c747;text-shadow:4px 4px #4e3710;letter-spacing:.06em;margin:0;font-size:clamp(28px,6vw,58px)}.score-line{letter-spacing:.05em;text-shadow:2px 2px #080b0d;gap:40px;font-size:17px;font-weight:900;display:flex}.score-line b{color:#fff;margin-left:5px;font-size:23px}.gain,.loss{letter-spacing:.07em;text-shadow:2px 2px #07100c;font-size:22px;font-weight:900}.gain{color:#6ee09a}.loss{color:#ff7168}.result-actions{gap:12px;margin-top:7px}.result-actions button{font-size:19px}.result-actions button:first-child{background:#b9811c;min-width:150px}.result-actions button:last-child{background:#3d484d;min-width:310px}.coin-scene{width:105px;height:75px;position:relative}.coin-bag{color:#f7d05b;text-shadow:2px 2px #4d2c12;background:#a86225;border:4px solid #4d2c12;border-radius:8px 8px 15px 15px;place-items:center;width:48px;height:38px;font:900 20px Courier New,monospace;display:grid;position:absolute;bottom:0;left:30px}.coin{color:#ffd94e;text-shadow:2px 1px #9e6518;animation:1.35s steps(8,end) both coinfall;position:absolute;top:0}.c1{left:34px}.c2{animation-delay:.16s;left:51px}.c3{animation-delay:.34s;left:66px}.c4{animation-delay:.52s;left:45px}@keyframes coinfall{0%{transform:translateY(-15px)}75%,to{opacity:1;transform:translateY(48px)}to{opacity:0}}@media (width<=800px){.tool-header{gap:20px;min-height:68px}.tool-header__brand,.tool-header__project{font-size:14px}.game-page{padding:22px 8px 28px}.arcade-shell{border-width:4px}.cabinet-top{border-bottom-width:4px;gap:3px;min-height:58px;padding:4px}.hud-panels{grid-template-columns:1fr 1.25fr .8fr;gap:3px}.hud-panel{letter-spacing:0;text-shadow:1px 1px #000;border-width:2px;padding:5px 3px;font-size:clamp(8px,2.6vw,11px)}.sound-button{flex-basis:35px;padding:3px;font-size:0;overflow:hidden}.sound-button span{font-size:12px}.cabinet-bottom{border-top-width:4px;flex-direction:column;align-items:flex-start;min-height:116px;padding:10px}.controls{gap:7px 10px;font-size:9px}.controls span{gap:4px}kbd{min-width:25px;padding:4px;font-size:9px}.layout-actions{align-self:flex-end;margin-top:-3px}.layout-actions button{border-width:3px;min-width:86px;padding:9px 12px;font-size:11px}.character-card{min-height:145px;padding:10px 5px}.bear-portrait{margin:-10px 0 -7px;transform:scale(.72)}.locked{width:45px;height:64px;margin-bottom:8px}.site-footer{justify-content:flex-end;min-height:96px}}