.htf-overlay{--htf-bg:#0a0e12;--htf-panel:#13181e;--htf-panel-2:#1b2128;--htf-selected:#213449;--htf-line:#30363d;--htf-hi:#e6e8eb;--htf-mid:#9da2a8;--htf-low:#6b6f75;--htf-accent:#60aaf3;--htf-up:#3fbe90;--htf-down:#eb827b;--htf-sans:"IBM Plex Sans KR", var(--font-sans,-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Noto Sans KR", sans-serif);--htf-mono:"IBM Plex Mono", var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);border:1px solid var(--htf-line);background:var(--htf-panel);width:min(720px,100vw - 40px);max-width:720px;max-height:calc(100dvh - 100px);color:var(--htf-hi);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--htf-sans);word-break:keep-all;border-radius:14px;margin:clamp(50px,8.75vh,70px) auto auto;padding:0;font-size:15px;line-height:1.5;position:fixed;inset:0;overflow:hidden;box-shadow:0 24px 80px #00000094}.htf-overlay[open]{display:flex}.htf-overlay::backdrop{background:#020305c7}.htf-overlay__surface{width:100%;min-height:0;max-height:inherit;background:var(--htf-panel);flex-direction:column;display:flex}.htf-overlay__header{z-index:2;background:var(--htf-panel);flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:14px 18px 8px;display:flex;position:sticky;top:0}.htf-overlay__heading{flex-direction:column;gap:3px;min-width:0;display:flex}.htf-overlay__title-row,.htf-overlay__status,.htf-overlay__status>span,.htf-overlay__header-actions,.htf-overlay__chart-heading,.htf-overlay__chart-meta{align-items:center;display:flex}.htf-overlay__title-row{color:var(--htf-accent);gap:7px}.htf-overlay__title-row svg{stroke-width:1.8px;flex:none;width:17px;height:17px}.htf-overlay__title-row h2{color:var(--htf-accent);margin:0;font-size:15px;font-weight:700;line-height:1.35}.htf-overlay__status{color:var(--htf-mid);flex-wrap:wrap;gap:5px;margin:0;font-size:12px;line-height:1.4}.htf-overlay__status>span:first-child{color:var(--htf-accent);gap:5px}.htf-overlay__status svg{stroke-width:2.6px;width:15px;height:15px}.htf-overlay__header-actions{flex:none;gap:9px}.htf-overlay__header-actions kbd{border:1px solid var(--htf-line);background:var(--htf-bg);color:var(--htf-mid);font-family:var(--htf-mono);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:500;line-height:1.5}.htf-overlay__close{border:1px solid var(--htf-line);background:var(--htf-panel-2);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--htf-mid);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.htf-overlay__close:hover{color:var(--htf-hi)}.htf-overlay__close:focus-visible,.htf-overlay__timeframe-button:focus-visible{outline:2px solid var(--htf-accent);outline-offset:2px}.htf-overlay__close svg{stroke-width:2px;width:20px;height:20px}.htf-overlay__body{overscroll-behavior:contain;scrollbar-color:var(--htf-line) transparent;min-height:0;padding:4px 18px 16px;overflow-y:auto}.htf-overlay__unavailable{flex-direction:column;gap:12px;display:flex}.htf-overlay__notice{border:1px solid var(--htf-line);background:var(--htf-panel-2);min-height:44px;color:var(--htf-mid);border-radius:9px;margin:6px 0 2px;padding:11px 13px;font-size:12px;line-height:20px}.htf-overlay__upgrade-button{border:1px solid var(--htf-accent);background:var(--htf-accent);min-height:48px;color:var(--htf-bg);border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.htf-overlay__upgrade-button:disabled{cursor:not-allowed;opacity:.58}.htf-overlay__upgrade-button:focus-visible{outline:2px solid var(--htf-hi);outline-offset:2px}.htf-overlay__upgrade-button svg{width:16px;height:16px}.htf-overlay__spinner{animation:.9s linear infinite htf-overlay-spin}.htf-overlay__upgrade-error{color:var(--htf-down);margin:-2px 0 0;font-size:12px;line-height:1.55}@keyframes htf-overlay-spin{to{transform:rotate(360deg)}}.htf-overlay__timeframes{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.htf-overlay__timeframe-button{border:1px solid var(--htf-line);background:var(--htf-panel-2);min-width:0;min-height:58px;color:var(--htf-hi);cursor:pointer;font-family:var(--htf-mono);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 4px;line-height:1.3;display:flex;position:relative;overflow:hidden}.htf-overlay__timeframe-button:hover{border-color:#46515d}.htf-overlay__timeframe-button--selected{border-color:var(--htf-accent);background:var(--htf-selected);box-shadow:inset 0 -4px 0 var(--htf-accent)}.htf-overlay__timeframe-label{color:var(--htf-hi);font-size:14px;font-weight:700}.htf-overlay__timeframe-delta{font-size:12px;font-weight:650}.htf-overlay__delta--positive{color:var(--htf-up)}.htf-overlay__delta--negative{color:var(--htf-down)}.htf-overlay__delta--neutral{color:var(--htf-mid)}.htf-overlay__chart-region{touch-action:pan-y}.htf-overlay__chart-card{border:1px solid var(--htf-line);background:var(--htf-panel-2);border-radius:10px;flex-direction:column;min-height:338px;padding:13px 18px 11px;display:flex;overflow:hidden}.htf-overlay__chart-heading{min-height:23px;font-family:var(--htf-mono);justify-content:space-between;gap:12px}.htf-overlay__chart-timeframe{color:var(--htf-accent);font-size:15px;font-weight:700}.htf-overlay__delta{font-family:var(--htf-mono);border-radius:6px;padding:2px 7px;font-size:12px;font-weight:650;line-height:1.35}.htf-overlay__chart-meta{min-width:0;color:var(--htf-mid);font-family:var(--htf-mono);white-space:nowrap;justify-content:space-between;gap:12px;margin-top:1px;font-size:11.5px;font-weight:550;line-height:1.5}.htf-overlay__plot{flex:none;height:234px;margin-top:9px;position:relative}.htf-overlay__chart{width:100%;height:100%;display:block;overflow:visible}.htf-overlay__now-rail{pointer-events:none;background:#60aaf3a6;width:1px;position:absolute;top:0;bottom:0;right:0}.htf-overlay__empty{height:100%;color:var(--htf-mid);justify-content:center;align-items:center;font-size:12px;display:flex}.htf-overlay__x-axis{color:var(--htf-low);font-family:var(--htf-mono);grid-template-columns:repeat(5,1fr);margin-top:6px;font-size:10.5px;font-weight:600;line-height:1.35;display:grid}.htf-overlay__x-axis span{text-align:center}.htf-overlay__x-axis span:first-child{text-align:left}.htf-overlay__x-axis span:last-child{color:var(--htf-accent);text-align:right}.htf-overlay__caption{color:var(--htf-mid);word-break:keep-all;margin:0;padding:10px 2px 0;font-size:11.5px;line-height:1.55}@media (width<=1023px){.htf-overlay{border:0;border-top:1px solid var(--htf-line);border-radius:18px 18px 0 0;width:100%;max-width:none;height:min(560px,68dvh);max-height:calc(100dvh - 88px);margin:0;inset:auto 0 0;box-shadow:0 -18px 60px #00000073}.htf-overlay__surface{height:100%}.htf-overlay__header{min-height:70px;padding:12px 16px 6px}.htf-overlay__header-actions kbd{display:none}.htf-overlay__body{padding:4px 16px calc(14px + env(safe-area-inset-bottom,0px));flex:1}.htf-overlay__timeframes{gap:8px;margin-bottom:12px}.htf-overlay__timeframe-button{border-radius:9px;min-height:48px;padding:4px 2px}.htf-overlay__timeframe-label{font-size:13px}.htf-overlay__timeframe-delta{font-size:11px}.htf-overlay__chart-card{min-height:326px;padding:12px 12px 10px}.htf-overlay__plot{height:222px;margin-top:8px}.htf-overlay__caption{padding-top:9px;padding-bottom:2px;font-size:11px}}@media (width<=374px){.htf-overlay__header{padding-inline:12px}.htf-overlay__body{padding-left:12px;padding-right:12px}.htf-overlay__timeframes{gap:5px}.htf-overlay__timeframe-label{font-size:12px}.htf-overlay__timeframe-delta{font-size:10px}.htf-overlay__chart-meta{gap:6px;font-size:10.5px}.htf-overlay__plot{height:204px}}@media (forced-colors:active){.htf-overlay__timeframe-button--selected{outline-offset:-3px;outline:2px solid highlight}}@media (prefers-reduced-motion:reduce){.htf-overlay,.htf-overlay::backdrop{scroll-behavior:auto}}@font-face{font-family:IBM Plex Mono;font-weight:500;font-display:swap;src:url(/game/fonts/ibm-plex-mono-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-display:swap;src:url(/game/fonts/ibm-plex-mono-600.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e12;--surface:#07090d;--panel:#13181e;--panel-2:#1b2128;--line:#2c3137;--line-soft:#20262c;--hi:#e6e8eb;--mid:#9da2a8;--low:#7c8187;--faint:#5e6369;--accent:#60aaf3;--accent-ink:#07090d;--accent-bg:#60aaf329;--up:#3fbe90;--down:#eb827b;--up-fg:#7fe0b8;--up-bg:#19302e;--down-fg:#ffb3a6;--down-bg:#31272b;--danger:#eb827b;--radius:10px;--radius-sm:8px;--font-sans:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Noto Sans KR", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--hi);font-family:var(--font-sans);word-break:keep-all;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.5}#root{min-height:100dvh}button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}button:disabled{cursor:not-allowed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}kbd.key-hint{font-family:var(--font-mono);border:1px solid var(--line);background:var(--bg);color:var(--mid);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:500;display:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wordmark{font-family:var(--font-mono);letter-spacing:.22em;color:var(--low);font-size:11px;font-weight:600}.eyebrow{font-family:var(--font-mono);color:var(--low);letter-spacing:.02em;font-size:12px}.centered-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px;display:flex}.centered-page h1{margin:0;font-size:20px;font-weight:700}.centered-page p{color:var(--mid);margin:0;font-size:14px}.loading-mark{border:3px solid var(--panel-2);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{gap:26px}.login-brand{flex-direction:column;align-items:center;gap:8px;display:flex}.login-brand h1{letter-spacing:-.01em;font-size:26px}.login-card{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:14px;flex-direction:column;gap:10px;width:min(340px,100%);padding:22px;display:flex}.login-card label{color:var(--mid);font-size:13px;font-weight:600}.login-card input{font:inherit;font-family:var(--font-mono);background:var(--bg);color:var(--hi);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px}.login-card input:focus{border-color:var(--accent);outline:none}.form-error{color:var(--down-fg);margin:0;font-size:13px}.legal-link{color:var(--faint);font-size:12px}.command-button{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);min-height:48px;color:var(--hi);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex}.command-button svg{width:17px;height:17px}.command-button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.command-button:disabled{opacity:.55}.icon-button{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--mid);justify-content:center;align-items:center;display:inline-flex}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:var(--panel);color:var(--hi)}.app-shell{min-height:100dvh;padding:calc(10px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));flex-direction:column;width:100%;max-width:520px;margin:0 auto;display:flex}.shell-header{justify-content:space-between;align-items:center;min-height:44px;display:flex}.ready-stage{flex-direction:column;flex:1;gap:14px;padding-top:8px;display:flex}.ready-copy{flex-direction:column;gap:6px;display:flex}.ready-copy h1{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:700}.session-meta{color:var(--low);margin:0;font-size:13.5px}.ready-bottom{flex-direction:column;gap:14px;margin-top:auto;display:flex}.home-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.start-card{border-color:var(--accent);justify-content:space-between;align-items:center;gap:14px;display:flex}.start-card>div{flex-direction:column;gap:2px;display:flex}.start-card strong{font-size:15px}.start-card span{color:var(--low);font-size:12.5px}.home-foot{font-family:var(--font-mono);color:var(--faint);text-align:center;margin:0;font-size:10px}.game-page{flex-direction:column;min-height:100dvh;display:flex}.game-shell{width:100%;max-width:520px;padding:calc(8px + var(--safe-top)) 14px calc(16px + var(--safe-bottom));flex-direction:column;flex:1;gap:0;margin:0 auto;display:flex}@media (width<=1023px){.game-page{height:100dvh;overflow:hidden}.game-shell{height:100dvh;padding-top:var(--safe-top);padding-bottom:0}.instrument-subtitle{display:none}.round-status{flex-direction:row;align-items:center;gap:0}.round-status strong:after{color:var(--low);content:" · "}.game-topbar-status{gap:9px}.game-topbar-status .sync-indicator{font-size:11px}.game-topbar-status .sync-indicator svg{width:10px;height:10px}.game-shell>.control-deck{border-inline:0;border-radius:0;margin-inline:-14px}}.game-topbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.game-title-group{align-items:center;gap:18px;min-width:0;display:flex}.game-title-group>.wordmark{display:none}.instrument-subtitle{color:var(--low);margin:1px 0 0;font-size:11px}.game-topbar-status{align-items:center;gap:10px;display:flex}.game-topbar-status .sync-indicator{display:inline-flex}.game-logout{display:none}.instrument-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.instrument-title{align-items:center;gap:8px;display:flex}.instrument-title h1{font-family:var(--font-mono);letter-spacing:.01em;margin:0;font-size:17px;font-weight:600}.blind-badge{background:var(--accent-bg);color:var(--accent);letter-spacing:.08em;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600}.fallback-badge{color:var(--low);border:1px solid var(--line);border-radius:5px;margin-left:6px;padding:1px 6px;font-size:10px}.instrument-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.instrument-meta p{color:var(--low);margin:0;font-size:12px}.round-status{text-align:right;font-family:var(--font-mono);flex-direction:column;gap:1px;display:flex}.round-status strong{font-size:14px;font-weight:600}.round-status span{color:var(--low);font-size:12px}.sync-indicator{align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:inline-flex}.sync-indicator svg{width:13px;height:13px}.sync-indicator.saved{color:var(--up)}.sync-indicator.pending{color:var(--accent)}.sync-indicator.offline{color:var(--mid)}.sync-indicator.error{color:var(--down-fg)}.progress-track{background:var(--panel-2);border-radius:2px;height:3px;overflow:hidden}.progress-command-row{align-items:center;gap:10px;min-height:44px;display:flex}.progress-command-row .progress-track{flex:1}.htf-toggle{border-radius:var(--radius-sm);min-height:44px;color:var(--mid);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:650;display:inline-flex;position:relative}.htf-toggle:before{z-index:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);content:"";position:absolute;inset:7px 0}.htf-toggle>*{z-index:1;position:relative}.htf-toggle svg{width:15px;height:15px}.htf-toggle:disabled{opacity:.5}.htf-toggle--desktop{display:none}.progress-track span{background:var(--accent);border-radius:2px;height:100%;transition:width .3s linear;display:block}.offline-banner,.migration-banner,.sync-error{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;display:flex}.offline-banner{background:var(--panel);color:var(--mid)}.migration-banner{background:var(--up-bg);color:var(--up-fg)}.offline-banner svg,.migration-banner svg{flex:none;width:14px;height:14px}.sync-error{background:var(--down-bg);color:var(--down-fg);justify-content:space-between}.sync-error button{color:var(--down-fg);text-underline-offset:2px;font-size:12.5px;font-weight:700;text-decoration:underline}.chart-card{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}@media (width<=1023px){.chart-card{margin-inline:-14px}.chart-legend{padding-inline:14px}.chart-canvas{border-inline:0;border-radius:0;min-height:300px}}.chart-legend{font-family:var(--font-mono);color:var(--mid);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;font-size:11px;display:flex}.ohlc-line{flex-wrap:wrap;gap:4px 10px;display:flex}.relative-time{color:var(--hi);font-weight:600}.ma-legend{align-items:baseline;gap:10px;display:flex}.volume-value{color:var(--mid)}.ma-key{font-size:10px}.ma-key.ma5{color:#6794f4}.ma-key.ma20{color:#dfa14e}.ma-key.ma60{color:#a58ae5}.chart-canvas{border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:var(--surface);flex:1;min-height:300px;overflow:hidden}.control-deck{background:var(--panel);border:1px solid var(--line);padding:13px 14px calc(13px + var(--safe-bottom) / 2);border-radius:14px;grid-template-rows:46px 103px 52px 40px;grid-template-areas:"transport""position""actions""footer";gap:11px;display:grid}.deck-row{align-items:center;gap:10px;min-width:0;display:flex}.transport{grid-area:transport;grid-template-columns:90px minmax(0,1fr) 72px;gap:10px;height:46px;display:grid}@media (width<=380px){.transport{gap:8px}.transport-button,.speed-control button{font-size:12px}}.transport-button{border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--line);width:100%;height:46px;color:var(--hi);justify-content:center;align-items:center;gap:8px;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.transport-button svg{width:15px;height:15px}.transport-button:disabled{opacity:.45}.speed-control{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:46px;display:grid;overflow:hidden}.speed-control button{min-width:0;font-family:var(--font-mono);color:var(--low);font-size:13px}.speed-control button.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.undo-button{width:100%;height:44px;color:var(--mid);border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:12px;font-weight:600;display:inline-flex}.undo-button svg{width:14px;height:14px}.undo-button:disabled{visibility:hidden;color:var(--faint)}.undo-button:not(:disabled):hover{background:var(--panel-2);color:var(--hi)}.position-row{flex-direction:column;grid-area:position;align-items:stretch;gap:9px;height:103px}.position-prompt{justify-content:space-between;align-items:baseline;gap:10px;height:20px;display:flex;overflow:hidden}.position-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.position-title em{font-style:normal}.position-title .dir-buy{color:var(--up-fg)}.position-title .dir-sell{color:var(--down-fg)}.position-note{color:var(--low);white-space:nowrap;flex:none;font-size:11px;line-height:20px}.position-cards{gap:8px;height:74px;display:flex}.position-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);white-space:nowrap;flex-direction:column;flex:1;align-items:center;gap:6px;height:74px;min-height:0;padding:10px 0 8px;display:flex}.position-card.active{border-color:var(--accent);background:var(--accent-bg)}.position-card.active .position-name{color:var(--accent);font-weight:600}.position-card:disabled{opacity:.35}.position-name{font-family:var(--font-mono);color:var(--mid);font-size:11.5px}.mini-candle{width:16px;height:34px;display:block;position:relative}.mini-wick{width:1.5px;margin-left:-.75px;position:absolute;left:50%}.mini-body{border-radius:1px;position:absolute;left:22%;right:22%}.mini-wick.up,.mini-body.up{background:var(--up)}.mini-wick.down,.mini-body.down{background:var(--down)}.actions{grid-area:actions;gap:10px;height:52px}.label-button{border-radius:var(--radius);flex:1;justify-content:center;align-items:center;gap:8px;height:52px;min-height:0;font-size:15px;font-weight:700;display:inline-flex}.label-button.buy{background:var(--up-bg);color:var(--up-fg);border:1px solid #34b99066}.label-button.sell{background:var(--down-bg);color:var(--down-fg);border:1px solid #e0685e66}.label-button.armed{outline-offset:-2px;outline:2px solid}.label-button:disabled{opacity:.5}.footer-row{grid-area:footer;grid-template-columns:minmax(0,1fr) 144px;gap:10px;height:40px;display:grid}.deck-hint{min-width:0;height:40px;color:var(--low);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11.5px;line-height:40px;overflow:hidden}.deck-secondary-slot{width:144px;height:40px}.retry-actions{grid-template-columns:.8fr 1.2fr;gap:7px;width:100%;height:40px;display:grid}.skip-button{width:100%;height:40px;color:var(--hi);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:0;padding:0 8px;font-size:12.5px;font-weight:600;display:inline-flex}.skip-button svg{width:12px;height:12px}.deck-saving{width:100%;height:40px;color:var(--mid);justify-content:center;align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:inline-flex}.deck-saving svg{width:14px;height:14px;animation:.9s linear infinite spin}.finish-button{border-radius:var(--radius-sm);background:var(--accent);border-color:var(--accent);width:100%;height:40px;min-height:0;color:var(--accent-ink);padding:0 10px;font-size:12.5px}.session-rail{display:none}.toast{left:50%;bottom:calc(316px + var(--safe-bottom) / 2);background:var(--panel-2);border:1px solid var(--line);color:var(--hi);z-index:30;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #00000073}.summary-dialog{background:0 0;border:none;width:100%;max-width:520px;margin:auto auto 0;padding:0}.summary-dialog::backdrop{background:#08090c8c}.summary-sheet{background:var(--panel);border:1px solid var(--line);padding:14px 18px calc(22px + var(--safe-bottom));color:var(--hi);border-radius:16px 16px 0 0;flex-direction:column;gap:10px;display:flex;position:relative}.sheet-handle{background:var(--line);border-radius:2px;width:36px;height:4px;margin:0 auto 2px}.sheet-close{position:absolute;top:10px;right:10px}.summary-sheet h2{margin:2px 0 0;font-size:17px;font-weight:700}.summary-count{color:var(--mid);font-size:13px;font-family:var(--font-mono);margin:0}.summary-note{color:var(--low);margin:0;font-size:12px}.recognition-options{gap:8px;margin-top:6px;display:flex}.recognition-options button{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);min-height:50px;color:var(--hi);flex:1;font-size:13.5px;font-weight:600}.recognition-options button:hover{border-color:var(--accent)}.recognition-options button:disabled{opacity:.5}.outcome-waiting{color:var(--mid);flex-direction:column;align-items:center;gap:10px;padding:8px 0;display:flex}.outcome-waiting svg{width:20px;height:20px}.outcome-waiting p{margin:0;font-size:13px}.receipt-view .receipt-panel{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px 0;display:flex}.receipt-check{background:var(--up-bg);width:52px;height:52px;color:var(--up-fg);border-radius:50%;justify-content:center;align-items:center;display:flex}.receipt-check svg{width:24px;height:24px}.receipt-view h1{margin:0;font-size:20px}.receipt-stats{gap:10px;width:100%;margin:10px 0 0;display:flex}.receipt-stats>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;flex:1;gap:3px;padding:12px;display:flex}.receipt-stats dt{color:var(--low);font-size:11.5px}.receipt-stats dd{font-family:var(--font-mono);margin:0;font-size:20px;font-weight:600}.receipt-warning{color:var(--down-fg);align-items:center;gap:8px;margin:4px 0 0;font-size:12.5px;display:flex}.receipt-warning svg{width:14px;height:14px}.receipt-hash{font-family:var(--font-mono);color:var(--faint);margin:2px 0 0;font-size:11px}.receipt-actions{gap:10px;width:100%;margin-top:14px;display:flex}.receipt-actions>*{flex:1}@media (width>=1024px){kbd.key-hint{display:inline-block}.app-shell{max-width:560px}.game-shell{grid-template:"head rail"48px"prog rail"10px"banner rail""chart rail"minmax(0,1fr)"deck rail"/minmax(0,1fr) 280px;align-items:stretch;gap:0;max-width:1280px;min-height:100dvh;padding:0;display:grid}.game-shell>.game-topbar{grid-area:head;padding:0 16px}.game-shell>.progress-command-row{grid-area:prog;min-height:10px;padding:0 16px}.game-shell>.offline-banner,.game-shell>.migration-banner,.game-shell>.sync-error{grid-area:banner}.game-shell>.chart-card{grid-area:chart;min-height:0;padding:0 0 0 16px}.game-shell>.control-deck{grid-area:deck;align-self:end}.game-shell>.session-rail{grid-area:rail}.game-title-group>.wordmark{display:inline}.instrument-subtitle{display:none}.game-topbar-status .sync-indicator,.game-logout{display:inline-flex}.progress-command-row .htf-toggle--mobile{display:none}.htf-toggle--desktop{display:inline-flex}.htf-toggle--desktop:before{inset:0}.session-rail{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;gap:14px;padding:14px;display:flex}.rail-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.session-rail h2{color:var(--mid);margin:0;font-size:12px;font-weight:600}.session-rail ul{margin:0;padding:0;list-style:none}.session-rail li{border-top:1px solid var(--line-soft);font-family:var(--font-mono);align-items:center;gap:8px;padding:8px 0;font-size:11.5px;display:flex}.session-rail li:first-child{border-top:none}.rail-dot{border-radius:50%;flex:none;width:7px;height:7px}.rail-dot.buy{background:var(--up)}.rail-dot.sell{background:var(--down)}.rail-kind{color:var(--hi)}.rail-price{color:var(--low);margin-left:auto}.rail-empty{color:var(--faint);margin:0;font-size:12px}.shortcut-card{margin-top:auto}.shortcut-card dl{margin:8px 0 0}.shortcut-card dl>div{border-top:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.shortcut-card dt{color:var(--low);font-size:11px}.shortcut-card dd{color:var(--mid);font:500 10px/1.5 var(--font-mono);margin:0}.control-deck{border-inline:0;border-radius:0;padding-inline:16px}.control-deck .transport{grid-template-columns:142px 176px 88px 76px;justify-content:start;gap:10px}.control-deck .transport-button{padding-inline:10px}.summary-dialog{margin:auto}.summary-sheet{border-radius:16px}.sheet-handle{display:none}}@media (width>=1180px){.toast{bottom:140px}.control-deck{grid-template:"transport actions"46px"position footer"46px/minmax(0,1fr) 330px;gap:10px 16px;padding:11px 16px}.control-deck .position-row{flex-direction:row;align-items:center;gap:10px;height:46px}.control-deck .position-prompt{flex-direction:column;flex:0 0 160px;justify-content:center;align-items:flex-start;gap:2px;height:46px}.control-deck .position-title,.control-deck .position-note{max-width:160px;line-height:18px}.control-deck .position-cards{flex:1;height:46px}.control-deck .position-card{flex-direction:row;gap:8px;height:46px;min-height:0;padding:0 12px}.control-deck .position-card .mini-candle{width:12px;height:28px}.control-deck .actions{width:330px;height:46px}.control-deck .label-button{height:46px;min-height:0;font-size:14px}.control-deck .footer-row{width:330px}}