:root{--gold:#f5b32c;--gold-pale:#ffe9a0;--gold-deep:#c98a18;--gold-dim:#b7a86f;--steel:#8b95ad;--cyan:#8fe0ff;--green:#9df0a8;--danger:#ff5252;--panel:#171a30;--frame:#2c3050}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-user-select:none;user-select:none;background:#07080f;font-family:system-ui,sans-serif;overflow:hidden}canvas{display:block}.layout{flex-direction:column;height:100vh;display:flex}.main-row{flex:1;min-height:0;display:flex}.view-pane{flex:1.25;min-width:0;position:relative}.view-pane canvas{width:100%;height:100%}.screen-pane{background:linear-gradient(#0b0d1c,#070810);border-left:1px solid #8b95ad2e;flex-direction:column;flex:1;align-items:center;gap:12px;min-width:0;padding:18px;display:flex;position:relative}.lcd-wrap{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.choice-overlay{background:#04061099;border-radius:12px;flex-direction:column;justify-content:safe center;align-items:center;gap:16px;padding:10px 0;display:flex;position:absolute;inset:0;overflow-y:auto}.choice-overlay.hidden{display:none}.choice-title{letter-spacing:.12em;color:var(--cyan);text-shadow:0 0 14px #3fd0ff80;margin-bottom:8px;font-family:Dela Gothic One,system-ui,sans-serif;font-size:24px}.choice-btn{width:min(320px,70%);color:var(--gold-pale);cursor:pointer;background:linear-gradient(#2a200cf2,#181106f2);border:1px solid #f5b32c80;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 20px;transition:transform 80ms ease-out;display:flex}.choice-btn:hover:not(:disabled){background:linear-gradient(#3a2c10f2,#201708f2);transform:scale(1.04)}.choice-btn:disabled{opacity:.45;cursor:not-allowed;color:var(--steel);border-color:#8b95ad59}.choice-label{font-size:20px;font-weight:800}.choice-sub{color:var(--gold-dim);font-size:12px}.choice-actions{justify-content:center;gap:14px;margin-top:10px;display:flex}.choice-action-btn{color:#b8c0d8;cursor:pointer;background:linear-gradient(#1a1d34f2,#0f1120f2);border:1px solid #8b95ad80;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:76px;height:64px;transition:transform 80ms ease-out;display:flex}.choice-action-btn:hover:not(:disabled){border-color:#b8c0d8cc;transform:scale(1.06)}.choice-action-btn:disabled{opacity:.4;cursor:not-allowed}.choice-action-icon{font-size:22px;line-height:1}.choice-action-label{font-size:11px;font-weight:700}.lcd-canvas{border:10px solid #14161f;border-radius:14px;outline:1px solid #8b95ad66;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 0 46px #3fa9ff29,0 0 120px #f5b32c12,0 14px 36px #0009}.control-bar{background:linear-gradient(#16182ef2,#0c0d1af2);border-top:1px solid #f5b32c40;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.lane,.center-group,.potion-group{background:#ffffff06;border:1px solid #8b95ad24;border-radius:12px;padding:6px 10px}.lane{align-items:center;gap:12px;display:flex}.lane-right{flex-direction:row-reverse}.insert-btn{white-space:nowrap;color:var(--gold-pale);cursor:pointer;background:linear-gradient(#4a3410,#2c1e08);border:1px solid #f5b32c80;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:18px;font-weight:800;transition:transform 60ms ease-out;display:flex}.insert-btn:hover{background:linear-gradient(#5c4114,#38260a)}.insert-btn:active,.insert-btn.pressed{transform:scale(.94)}.insert-btn.pressed{animation:.18s ease-out btn-pressed}@keyframes btn-pressed{0%{filter:brightness(1.7)}to{filter:brightness()}}.insert-btn .key{color:var(--gold-dim);border:1px solid #ffe9a080;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.auto-btn{background:var(--panel);color:var(--steel);letter-spacing:.08em;white-space:nowrap;cursor:pointer;border:1px solid #8b95ad66;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700}.auto-btn.on{color:var(--cyan);background:linear-gradient(#0e3346,#0a2233);border-color:#3fd0ffb3;box-shadow:0 0 12px #3fd0ff59}.potion-group{align-items:center;gap:10px;display:flex}.potion-btn{background:var(--panel);color:var(--steel);letter-spacing:.04em;cursor:pointer;white-space:nowrap;border:1px solid #8b95ad66;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:700}.potion-btn:disabled{opacity:.35;cursor:default}.potion-btn .potion-name{display:block}.potion-btn .potion-count{opacity:.9;margin-top:2px;font-size:14px;display:block}.potion-btn:not(:disabled){color:var(--green);background:linear-gradient(#103a22,#0a2416);border-color:#7ee787b3;box-shadow:0 0 10px #7ee7874d}.system-rail{z-index:5;position:absolute;top:10px;right:12px}.sys-group{background:#080912e0;border:1px solid #ffe9a059;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:7px 6px 8px;display:flex}.sys-label{letter-spacing:.18em;color:var(--gold-dim);font-size:9px;font-weight:700}.sys-item{flex-direction:column;align-items:center;gap:3px;display:flex}.sys-caption{letter-spacing:.08em;color:var(--steel);font-size:9px}.record-group{margin-top:8px}.record-value{white-space:pre-line;text-align:center;letter-spacing:.06em;color:var(--gold);text-shadow:0 0 8px #f5b32c59;font-size:12px;font-weight:700;line-height:1.35}.record-group.bump{animation:1.2s ease-out record-bump}@keyframes record-bump{0%{border-color:#ffe9a0;box-shadow:0 0 18px #f5b32cbf}to{box-shadow:none;border-color:#ffe9a059}}.sys-btn{color:#e6ecf8;cursor:pointer;background:linear-gradient(#4a5378,#2b3252);border:1px solid #a0acc8cc;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex;box-shadow:inset 0 1px #ffffff24}.sys-btn:hover{background:linear-gradient(#576187,#343c5e)}.sys-btn.on{color:var(--cyan);background:linear-gradient(#0e3346,#0a2233);border-color:#3fd0ffb3;box-shadow:0 0 12px #3fd0ff59}.bgm-btn{position:relative}.bgm-btn:not(.on):after{content:"";pointer-events:none;background:#101424d9;border-radius:1px;width:64%;height:2px;position:absolute;top:50%;left:18%;transform:rotate(-45deg)}.center-group{align-items:stretch;gap:12px;display:flex}.payout-box{text-align:center;background:linear-gradient(160deg,#101226e0,#1e1434e0);border:1px solid #f5b32cb3;border-radius:14px;flex-direction:column;justify-content:center;min-width:108px;padding:6px 18px 4px;transition:opacity .3s,box-shadow .3s;display:flex;box-shadow:0 0 18px #f5b32c66,inset 0 1px #ffffff14}.payout-box.off{opacity:.35;box-shadow:none;border-color:#8b95ad4d}.hud-payout{font-variant-numeric:tabular-nums;background:linear-gradient(#ffe9a0,#f5b32c 60%,#c98a18);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-style:italic;font-weight:800;line-height:1.15}.credit-box{color:#f0e6c8;text-align:center;background:linear-gradient(160deg,#101226e0,#1e1434e0);border:1px solid #f5b32c66;border-radius:14px;padding:6px 22px 4px;box-shadow:0 6px 24px #0000008c,inset 0 1px #ffffff14}.hud-main{justify-content:center;align-items:center;gap:10px;display:flex}.hud-coin{background:radial-gradient(circle at 35% 30%,#ffe9a0,#f5b32c 55%,#a06a10);border-radius:50%;width:24px;height:24px;box-shadow:0 0 8px #f5b32c8c,inset 0 -2px 3px #5a370599}.hud-stock{font-variant-numeric:tabular-nums;background:linear-gradient(#ffe9a0,#f5b32c 60%,#c98a18);color:#0000;text-shadow:0 2px 10px #f5b32c40;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:800;line-height:1.1}.hud-stock.empty{background:linear-gradient(#ff9a9a,#ff5252 60%,#b32020);-webkit-background-clip:text;background-clip:text}.hud-stock.pop,.hud-payout.pop{animation:.35s ease-out hud-pop}@keyframes hud-pop{0%{transform:scale(1)}35%{filter:brightness(1.5);transform:scale(1.28)}to{transform:scale(1)}}.hud-credit-label{letter-spacing:.28em;color:var(--gold-dim);margin-bottom:2px;font-size:10px;font-weight:600}.hint{color:var(--steel);background:#0a0c18a6;border:1px solid #8b95ad40;border-radius:999px;padding:5px 16px;font-size:12px}button{touch-action:manipulation}.rotate-overlay{z-index:100;color:var(--steel);letter-spacing:.1em;background:#06070f;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:18px;font-weight:700;display:none;position:fixed;inset:0}.rotate-icon{font-size:48px}@media (pointer:coarse) and (orientation:portrait){.rotate-overlay{display:flex}}@media (pointer:coarse){.hint{display:none}}@media (height<=520px){.control-bar{gap:8px;padding:5px 8px}.lane,.center-group,.potion-group{padding:3px 6px}.lane{gap:8px}.insert-btn{gap:5px;padding:7px 14px;font-size:15px}.insert-btn .key{padding:1px 5px;font-size:9px}.auto-btn{padding:6px 9px;font-size:11px}.potion-btn{padding:7px 10px;font-size:12px}.potion-btn .potion-count{font-size:12px}.center-group{gap:8px}.credit-box{padding:3px 12px 2px}.payout-box{min-width:76px;padding:3px 10px 2px}.hud-stock{font-size:22px}.hud-payout{font-size:20px}.hud-coin{width:16px;height:16px}.screen-pane{gap:6px;padding:8px}.hint{display:none}.system-rail{top:6px;right:8px}.sys-btn{width:32px;height:32px;font-size:14px}.choice-overlay{gap:8px;padding:8px 0}.choice-title{margin-bottom:2px;font-size:15px}.choice-btn{border-radius:10px;gap:2px;width:min(240px,80%);padding:7px 12px}.choice-label{font-size:14px}.choice-sub{font-size:10px}.choice-actions{gap:10px;margin-top:2px}.choice-action-btn{width:56px;height:46px}.choice-action-icon{font-size:16px}.choice-action-label{font-size:9px}}