.game-recording{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0;font-size:12px;color:#b9cebf}.game-recording button,.game-recording .record-save{padding:8px 12px;border:1px solid #697e6e;border-radius:5px;background:#20362d;color:#f5e4b9;font:inherit;cursor:pointer}.game-recording[data-recording] button{border-color:#ed806d;color:#ffac99}.game-recording output{font-variant-numeric:tabular-nums}.game-recording details{flex-basis:100%;border:0}.game-recording summary{cursor:pointer}.game-recording video{display:block;max-width:100%;width:576px;margin-top:8px}.game-recording [hidden]{display:none!important}:root{font-family:Segoe UI,Yu Gothic,sans-serif;color:#dbd6c1;background:#121a1d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#283437,transparent 65%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 5px);min-width:320px}button{font:inherit;cursor:pointer}button:focus-visible,#game-root:focus-visible{outline:2px solid #ffc775;outline-offset:4px}.table{max-width:890px;margin:auto;padding:28px 30px 20px}.masthead{display:flex;align-items:center;justify-content:space-between;margin:0 4px 20px}.maker{font-size:16px;font-weight:900;letter-spacing:3px;line-height:1.1}.maker small{font-size:8px;letter-spacing:2px;color:#82938e}.edition{font-size:9px;letter-spacing:2px;color:#9aaa9f}.edition b{font-size:24px;color:#e8b56d;margin-left:14px}.cabinet{position:relative;padding:32px 38px 26px;border:2px solid #60594d;border-radius:19px;background:linear-gradient(110deg,#4b3529,#291e1a 8%,#402e24 89%,#5a3f2c);box-shadow:0 28px 65px #0008,inset 0 0 0 5px #100e0c,inset 0 0 0 7px #ffffff0c}.glass{padding:24px 22px 14px;background:linear-gradient(120deg,#35403e,#192522 45%,#111c1b);border:1px solid #53615a;border-radius:9px;box-shadow:inset 0 0 0 5px #ffffff03,0 3px 5px #0007}.screen-frame{width:596px;max-width:100%;margin:auto;border:10px solid #080b0c;border-radius:18px;overflow:hidden;box-shadow:0 0 0 2px #48514b,0 6px 16px #000b;background:#000}#game-root{width:100%;aspect-ratio:288/224}#game-root canvas{display:block;width:100%!important;height:auto!important;image-rendering:pixelated}.brand-strip{display:flex;align-items:center;justify-content:space-between;padding:14px 3px 0}.brand-strip span{font-size:12px;font-style:italic;font-weight:900;letter-spacing:3px;color:#e3b875}.brand-strip small{font-size:7px;letter-spacing:1.7px;color:#738b80}.instruction{display:grid;grid-template-columns:180px 1fr;margin:20px 4px 0;border:5px solid #19201e;background:#d6ceb1;color:#233d3f;box-shadow:0 3px 9px #0008;transform:rotate(-.25deg)}.card-title{padding:15px 17px;background:#e1d7b5;border-right:1px solid #59736b}.tag{font-size:8px;letter-spacing:2px;border-bottom:2px solid #b4503e;padding-bottom:4px}.card-title h1{font-family:Impact,Arial Black,sans-serif;font-style:italic;font-size:31px;letter-spacing:1px;line-height:.9;margin:14px 0 9px}.card-title em{color:#b54f3d;font-style:inherit}.card-title p{font-size:9px;line-height:1.8;margin:0;font-weight:700}.card-rules{padding:14px 18px}.card-rules h2{font-size:10px;letter-spacing:1.6px;border-bottom:2px solid #2f5351;margin:0 0 10px;padding-bottom:7px}.card-rules p{font-size:11px;margin:5px 0}.card-rules b{font-size:10px;color:#b54f3d;margin-right:9px}.key-guide{display:flex;flex-wrap:wrap;gap:10px;font-size:9px;margin:12px 0 6px}kbd{display:inline-block;min-width:18px;padding:1px 3px;margin-right:2px;border:1px solid #57736d;border-radius:2px;text-align:center;font-size:12px}.card-rules small{font-size:8px;color:#516965}.control-deck{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:23px 8px 0}.lamp{font-size:8px;letter-spacing:1px;color:#d3caa5;display:flex;align-items:center;gap:7px}.lamp i{width:6px;height:6px;background:#a8d590;border-radius:50%;box-shadow:0 0 10px #a8d590}.start{border:1px solid #ffde99;border-bottom:4px solid #8c4b29;border-radius:5px;background:#e8b66d;color:#2b3029;padding:10px 27px;font-weight:900;font-size:16px;letter-spacing:2px;box-shadow:0 3px 7px #0008}.start small{display:block;font-size:7px;letter-spacing:1px;margin-top:3px}.start:active{transform:translateY(2px)}.switches{display:flex;gap:5px}.switches button,.debug-buttons button{background:#192724;border:1px solid #58685c;color:#bcc5a7;padding:7px 9px;border-radius:3px;font-size:8px;letter-spacing:.7px}.screw{position:absolute;width:8px;height:8px;border-radius:50%;background:linear-gradient(45deg,#8a8c79 40%,#2f332d 42%,#2f332d 55%,#a4a58d 57%);box-shadow:0 0 0 2px #151712}.top-left{top:15px;left:15px}.top-right{top:15px;right:15px}.bottom-left{bottom:15px;left:15px}.bottom-right{bottom:15px;right:15px}footer{display:flex;justify-content:space-between;gap:12px;margin:17px 5px 0;font-size:8px;letter-spacing:1px;color:#83958b}#debug{margin-top:18px;border:1px solid #476458;padding:14px;background:#101e1b}#debug h2{font-size:10px;letter-spacing:2px}#telemetry{display:block;font-family:monospace;font-size:11px;margin-top:12px}.touch-controls{display:none;gap:8px;margin-top:16px}.touch-controls button{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;padding:12px 4px;background:#20302c;color:#e2d9b8;border:1px solid #647465;border-radius:4px;font-size:10px}@media(pointer:coarse){.touch-controls{display:flex}}@media(max-width:700px){.table{padding:14px 10px}.cabinet{padding:24px 14px 22px}.glass{padding:12px 10px}.instruction{grid-template-columns:125px 1fr}.card-title{padding:12px}.card-title h1{font-size:27px}.card-rules{padding:12px}.card-rules h2{font-size:8px}.card-rules p{font-size:10px}.brand-strip small{display:none}.edition{font-size:7px;letter-spacing:1px}.control-deck{flex-wrap:wrap;justify-content:center}.lamp{display:none}.switches button{padding:9px}.start{padding:8px 22px}footer{font-size:7px}.touch-controls{display:flex}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}#transitions{font:10px monospace;color:#9fb5a7;overflow-wrap:anywhere}@media(max-width:480px){.instruction{grid-template-columns:1fr}.card-title{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-right:0;border-bottom:1px solid #59736b}.card-title .tag{grid-column:1 / -1}.card-title h1{margin:7px 0}.card-title p{align-self:center}.edition{max-width:130px;text-align:right}}:root{--screen-width: 576px;--screen-height: 448px}.table{width:max-content;min-width:700px;max-width:none}.screen-frame{width:calc(var(--screen-width) + 20px);max-width:none}#game-root{width:var(--screen-width);height:var(--screen-height)}#game-root canvas{width:var(--screen-width)!important;height:var(--screen-height)!important}.display-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:11px}.display-options select,.display-options button{padding:6px 9px;border:1px solid #65766b;border-radius:3px;background:#192724;color:#e1dbc0;font:inherit}.display-options span{color:#9bad9e;font-size:10px}#display-message{color:#ffcd92}:root[data-compact=true] .table{min-width:0;padding:8px}:root[data-compact=true] .masthead,:root[data-compact=true] .instruction,:root[data-compact=true] .brand-strip,:root[data-compact=true] .control-deck,:root[data-compact=true] .touch-controls,:root[data-compact=true] footer{display:none}:root[data-compact=true] .cabinet{padding:8px;border-radius:12px}:root[data-compact=true] .glass{padding:4px}:root[data-compact=true] .screw{display:none}:root[data-compact=true] .display-options{margin-bottom:6px}:root:fullscreen{overflow:auto;background:#121a1d}@media(max-width:700px){:root[data-scale="1"] .table{min-width:0;width:362px;padding:10px}:root[data-scale="1"] .cabinet{padding:16px 6px}:root[data-scale="1"] .glass{padding:8px 4px}}footer a{color:#d9bc76;text-underline-offset:3px}#fps-display{color:#edca76;font-variant-numeric:tabular-nums;white-space:nowrap}.tabletop{display:contents}.inst-card{display:none}:root[data-handheld=false] .table{padding:22px 20px;min-width:0}:root[data-handheld=false] .layout-picker,:root[data-handheld=false] #recording,:root[data-handheld=false] .brand-strip,:root[data-handheld=false] .control-deck,:root[data-handheld=false] .touch-controls,:root[data-handheld=false] #debug,:root[data-handheld=false] .display-tuning>span,:root[data-handheld=false] .display-tuning>label:has(#show-fps),:root[data-handheld=false] #fps-display{display:none}:root[data-handheld=false] .display-options{margin:0 0 16px}:root[data-handheld=false] .cabinet{padding:0;border:2px solid #838b84;border-radius:12px;background:#090e0f;box-shadow:0 18px 48px #0008,0 0 0 3px #1c2222,inset 0 0 0 2px #b7c0b866}:root[data-handheld=false] .tabletop{position:relative;isolation:isolate;display:grid;grid-template-columns:152px auto 152px;align-items:center;gap:40px;padding:58px;border:3px solid #171f1e;border-radius:10px;background:linear-gradient(125deg,#171d1c,#080c0d 42%,#111716);box-shadow:inset 0 0 0 1px #84918766}:root[data-handheld=false] .tabletop:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:2px solid #e6e9db;border-radius:22px;pointer-events:none;box-shadow:0 0 1px #fff5}:root[data-handheld=false] .tabletop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;pointer-events:none;z-index:2;border-top:2px solid #d9e5dc44;box-shadow:inset 0 1px 12px #b3d2c319;background:linear-gradient(115deg,#d8eee508,transparent 26%,transparent 85%,#c8dcd805)}:root[data-handheld=false] .glass{padding:24px;border:1px solid #89928c;border-radius:7px;background:#0b1011;box-shadow:0 0 0 3px #030606,0 0 0 4px #5b655e,inset 0 0 0 2px #303735}:root[data-handheld=false] .screen-frame{width:calc(var(--screen-width) + 48px);max-width:none;border:24px solid;border-color:#161c1e #293033 #424a48 #202628;border-radius:11px;box-shadow:0 0 0 1px #060908,inset 0 0 12px #000,0 2px #89958a55}:root[data-handheld=false] .inst-card{display:block;width:152px;height:320px;box-shadow:0 0 0 1px #626d60,0 3px 8px #000b}.inst-card img{display:block;width:100%;height:100%}:root[data-handheld=false] .inst-right{transform:rotate(180deg)}:root[data-handheld=false] .screw{display:block;width:42px;height:42px;z-index:4;pointer-events:none;border-radius:10px 3px 3px;background:linear-gradient(135deg,#f1f4ee,#899b9d 22%,#e6eae2 38%,#5f7175 57%,#a5b4b1 75%,#3c4b50);clip-path:polygon(0 0,100% 0,100% 29%,32% 32%,29% 100%,0 100%);box-shadow:inset 1px 1px 2px #fff,inset -2px -2px 3px #182328}:root[data-handheld=false] .top-left{top:-3px;left:-3px}:root[data-handheld=false] .top-right{top:-3px;right:-3px;transform:rotate(90deg)}:root[data-handheld=false] .bottom-right{bottom:-3px;right:-3px;transform:rotate(180deg)}:root[data-handheld=false] .bottom-left{bottom:-3px;left:-3px;transform:rotate(270deg)}:root[data-handheld=false][data-compact=true] .cabinet{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}:root[data-handheld=false][data-compact=true] .tabletop{padding:16px;border:0;border-radius:0;box-shadow:none}:root[data-handheld=false][data-compact=true] .tabletop:before,:root[data-handheld=false][data-compact=true] .tabletop:after,:root[data-handheld=false][data-compact=true] .screw{display:none}:root[data-handheld=false][data-scale="3"] .tabletop{grid-template-columns:228px auto 228px;gap:60px;padding:24px}:root[data-handheld=false][data-scale="3"] .inst-card{display:block;width:228px;height:480px}:root[data-handheld=false][data-scale="3"] .glass{padding:36px;border-width:1.5px;border-radius:10.5px}:root[data-handheld=false][data-scale="3"] .screen-frame{width:calc(var(--screen-width) + 72px);border-width:36px;border-radius:16.5px}:root[data-handheld=false][data-scale="4"] .tabletop{grid-template-columns:auto;padding:8px;background:transparent}:root[data-handheld=false][data-scale="4"] .inst-card{display:none}:root[data-handheld=true] .tabletop{display:contents}:root[data-handheld=true] .inst-card{display:none}:root[data-handheld=false] .table{display:grid;grid-template-columns:1fr auto;column-gap:24px}:root[data-handheld=false] .masthead{display:flex;grid-column:1;grid-row:1;align-self:center;margin:0 0 18px}:root[data-handheld=false] .masthead .edition{display:none}:root[data-handheld=false] .display-options{grid-column:2;grid-row:1;justify-self:end;align-self:center;margin:0 0 18px}:root[data-handheld=false] .cabinet{grid-column:1 / -1;grid-row:2}:root[data-handheld=false] footer{display:flex;grid-column:1 / -1;grid-row:3;justify-content:flex-end;margin:14px 2px 0;font-size:8px;letter-spacing:1px}:root[data-handheld=false] footer>:not(.cabinet-credit){display:none}:root:fullscreen[data-handheld=false] .table{min-height:100dvh;grid-template-rows:minmax(max-content,1fr) auto minmax(max-content,1fr)}:root:fullscreen[data-handheld=false] .masthead,:root:fullscreen[data-handheld=false] .display-options{align-self:end}:root:fullscreen[data-handheld=false] footer{align-self:start}.display-tuning{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#handheld-settings{display:none}.touch-controls button b{display:block;font-size:22px}.touch-controls button span{display:block;font-size:9px;letter-spacing:1px}.touch-controls button[data-pressed=true]{transform:translateY(3px);filter:brightness(1.25)}:root[data-handheld=true]{background:#222731;color:#343549}:root[data-handheld=true] body{min-width:0;background:linear-gradient(135deg,#303643,#151b24)}:root[data-handheld=true] .table{width:min(100%,480px);min-width:0;max-width:480px;min-height:100svh;padding:calc(8px + env(safe-area-inset-top)) 10px calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column}:root[data-handheld=true] .display-options{margin:0 2px 8px;gap:8px;color:#e8e2d2;justify-content:space-between}:root[data-handheld=true] .display-options select,:root[data-handheld=true] .display-options button{min-height:32px;font-size:11px}:root[data-handheld=true] #handheld-settings{display:block}:root[data-handheld=true] .display-tuning{display:none}:root[data-handheld=true][data-handheld-settings=true] .display-tuning{display:flex;flex-basis:100%;padding:8px;background:#19212b;border-radius:8px}:root[data-handheld=true] #recording,:root[data-handheld=true] .instruction,:root[data-handheld=true] footer{display:none}:root[data-handheld=true] .masthead{display:flex;margin:3px 10px 10px;color:#d3cec2}:root[data-handheld=true] .maker{font-size:12px;letter-spacing:2px}:root[data-handheld=true] .maker small{font-size:6px}:root[data-handheld=true] .edition{font-size:6px;max-width:145px}:root[data-handheld=true] .edition b{font-size:20px;margin-left:5px}:root[data-handheld=true] .cabinet{flex:1;display:flex;flex-direction:column;align-items:center;padding:22px 14px 48px;border:1px solid #eeeadc;border-radius:18px 18px 58px;background:linear-gradient(115deg,#e3dfd0,#c9c7bd 70%,#b4b5b0);box-shadow:inset 3px 3px 1px #fff8,inset -5px -7px 2px #787d7e,0 12px 32px #0007}:root[data-handheld=true] .cabinet:after{content:"";position:absolute;right:28px;bottom:16px;width:86px;height:20px;transform:rotate(-10deg);background:repeating-linear-gradient(90deg,#646b71 0 3px,transparent 3px 13px);border-radius:5px;opacity:.65}:root[data-handheld=true] .glass{order:0;width:100%;max-width:min(100%,max(240px,calc((100svh - 335px)*1.2857)));padding:14px 10px 9px;border:2px solid #535966;border-radius:12px 12px 32px;background:linear-gradient(140deg,#5a5c69,#353a48);box-shadow:inset 0 2px 5px #0009,0 2px #fff8}:root[data-handheld=true] .screen-frame{width:100%;max-width:100%;border:6px solid #151e20;border-radius:4px;box-shadow:0 0 0 1px #727875}:root[data-handheld=true] #game-root{width:100%;height:auto;aspect-ratio:288/224}:root[data-handheld=true] #game-root canvas{width:100%!important;height:auto!important}:root[data-handheld=true] .brand-strip{display:flex;padding:10px 1px 2px}:root[data-handheld=true] .brand-strip span{font-size:11px;color:#ded9c6;letter-spacing:2px}:root[data-handheld=true] .brand-strip small{display:block;font-size:5px;letter-spacing:.7px;color:#b8bdba}:root[data-handheld=true] .touch-controls{order:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin:24px 0 18px;padding:0 2px}:root[data-handheld=true] .touch-controls button{min-height:66px;padding:8px 0;border:0;border-radius:12px;background:linear-gradient(#444851,#262b34);color:#eeeadc;box-shadow:0 5px #141822,0 7px 8px #35374455,inset 0 1px 1px #ffffff60;touch-action:none;-webkit-touch-callout:none}:root[data-handheld=true] .touch-controls .accelerator{background:linear-gradient(#ad345c,#76213e);border-radius:50%;box-shadow:0 5px #461b32,0 7px 8px #35374455,inset 0 1px 1px #ffffff60}:root[data-handheld=true] .touch-controls .brake{background:linear-gradient(#c98f45,#986023);border-radius:50%;box-shadow:0 5px #67421c,0 7px 8px #35374455,inset 0 1px 1px #ffffff60}:root[data-handheld=true] .touch-controls button[data-pressed=true]{transform:translateY(4px);box-shadow:0 1px #202331}:root[data-handheld=true] .control-deck{order:2;display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;gap:14px}:root[data-handheld=true] .lamp{display:none}:root[data-handheld=true] .start{padding:8px 25px;font-size:12px;border:0;border-radius:20px;color:#e9e5d8;background:#575d67;box-shadow:0 3px #303541;touch-action:manipulation}:root[data-handheld=true] .start small{display:none}:root[data-handheld=true] .switches{gap:6px}:root[data-handheld=true] .switches button{padding:10px 7px;min-height:36px;font-size:8px;border:1px solid #747a80;border-radius:8px;background:#c1c2bc;color:#353b48;touch-action:manipulation}:root[data-handheld=true] .screw{display:none}:root[data-handheld=true] #debug{color:#d6ddcc}
