:root{--ground: #071319;--surface: #0d1f27;--raised: #122a34;--line: #1d3a45;--text: #e8f1f3;--muted: #93a9b2;--live: #f6b33d;--live-hot: #ffd98a;--fail: #ff6b5a;--radius: 12px;--ease: cubic-bezier(.22, .61, .36, 1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ground);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}:where(button,input,select,[tabindex]):focus-visible{outline:2px solid var(--live);outline-offset:2px;border-radius:4px}#app{display:flex;flex-direction:column;min-height:100dvh;max-width:34rem;margin:0 auto;padding:env(safe-area-inset-top) 12px calc(env(safe-area-inset-bottom) + 10px);gap:8px}.demo-banner{flex:none;margin-top:6px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--live) 40%,transparent);border-radius:999px;background:color-mix(in srgb,var(--live) 10%,transparent);color:var(--live);font-size:.75rem;font-weight:600;text-align:center}.topbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar__mark{font-weight:700;letter-spacing:.16em;font-size:.8125rem}.topbar__meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;font-size:.6875rem;color:var(--muted)}.topbar__value{color:var(--text);font-weight:700}.strip{flex:none;display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.strip__chip{flex:none;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:.75rem;font-weight:700;color:var(--muted)}.strip__chip--mid{color:var(--live);border-color:color-mix(in srgb,var(--live) 35%,transparent)}.strip__chip--high{color:var(--live-hot);border-color:color-mix(in srgb,var(--live-hot) 45%,transparent);background:color-mix(in srgb,var(--live) 12%,transparent)}.strip__empty{font-size:.75rem;color:var(--muted)}.stage{position:relative;flex:1 1 auto;min-height:210px;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 100%,#0a1a22 0%,var(--ground) 70%);overflow:hidden}.stage__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.stage__readout{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;padding:0 12px}.multiplier{margin:0;font-size:clamp(3.25rem,17vw,5.5rem);font-weight:700;line-height:.95;letter-spacing:-.03em;color:var(--text);text-shadow:0 0 36px rgb(246 179 61 / .45)}.multiplier--live{color:var(--live-hot)}.multiplier--ended{color:var(--muted);text-shadow:none}.stage__note{margin:10px 0 0;font-size:.875rem;color:var(--muted);max-width:26ch}.stage__fair{position:absolute;left:10px;bottom:8px;display:inline-flex;align-items:center;gap:6px;border:none;background:none;color:var(--muted);font:inherit;font-size:.6875rem;cursor:pointer;pointer-events:auto}.stage__fair:hover{color:var(--live)}.position{flex:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.position__cell{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:6px 8px}.position__label{display:block;font-size:.625rem;color:var(--muted)}.position__value{display:block;font-size:.9375rem;font-weight:700}.dock{flex:none;display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:6px}.chip{flex:1;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--text);font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:border-color .2s var(--ease),transform .12s var(--ease),color .2s var(--ease)}.chip:hover{border-color:var(--live)}.chip:active{transform:scale(.98)}.chip--secure{color:var(--live);border-color:color-mix(in srgb,var(--live) 40%,transparent)}.stake{display:flex;align-items:center;gap:6px}.stake__step{width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--text);font:inherit;font-size:1.25rem;font-weight:700;cursor:pointer}.stake__amount{flex:1;min-width:0;height:44px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:1.0625rem;font-weight:700;text-align:center}.stake__label{font-size:.6875rem;color:var(--muted);flex:none}.auto{display:flex;align-items:center;gap:6px}.auto select{flex:1;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.primary{min-height:64px;width:100%;border:none;border-radius:var(--radius);background:linear-gradient(180deg,var(--live-hot),var(--live));color:#1a1204;font:inherit;font-size:1.125rem;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 8px 24px #f6b33d38;transition:opacity .2s var(--ease),transform .12s var(--ease)}.primary:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.primary:active:not(:disabled){transform:scale(.995)}.note{font-size:.75rem;color:var(--muted);text-align:center;min-height:.9rem;margin:0}.note--refusal{color:var(--live)}.sheet{position:fixed;inset:0;display:grid;place-items:end center;background:#03080bd1;padding:12px;z-index:10}.sheet__panel{width:100%;max-width:34rem;max-height:88dvh;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px}.sheet__title{margin:0 0 12px;font-size:1.125rem}.sheet dl{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:0 0 14px}.sheet dt{color:var(--muted);font-size:.875rem}.sheet dd{margin:0;font-weight:700;text-align:right}.sheet__verify{font-size:.625rem;color:var(--muted);word-break:break-all;margin:0 0 12px}.sheet__body{color:var(--muted);line-height:1.6;font-size:.9375rem}.link{background:none;border:none;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer;padding:0}@media(orientation:landscape)and (max-height:520px){#app{max-width:none;flex-direction:row;flex-wrap:wrap;align-items:stretch}.demo-banner,.topbar,.strip{width:100%}.stage{flex:1 1 58%;min-height:160px}.dock{flex:1 1 36%;justify-content:flex-end}.position{width:100%}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}