:root{--ink:#fff8ec;--ink-soft:#e6d9c4;--panel:#1c1410eb;--gold:#ffc738;--red:#ff6a55;--action:#ffb703;--action-ink:#241504;--line:#fff8ec47;--heat:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-text-size-adjust:100%;overscroll-behavior:none;background:linear-gradient(#5d87c8,#f2b06b 55%,#d59a5c 56%,#b97c45);margin:0;overflow:hidden}[hidden]{display:none!important}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}#hud button,#hud input,#hud .panel,#hud .history{pointer-events:auto}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}:focus-visible{outline-offset:2px;outline:3px solid #fff;box-shadow:0 0 0 6px #1c1410}#topbar{background:linear-gradient(#1c1410e6,#1c1410b8);width:100%}.bar{justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 4px;display:flex}.stat{flex-direction:column;min-width:86px;line-height:1.1;display:flex}.stat.right{align-items:flex-end}.stat-label{color:var(--ink-soft);font-size:12px}.stat-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.bar-buttons{gap:6px;display:flex}.small{border:1px solid var(--line);min-width:32px;min-height:32px;color:var(--ink);background:#fff8ec1f;border-radius:8px;padding:2px 10px;font-size:13px;font-weight:600}.history{scrollbar-width:none;gap:4px;min-height:34px;margin:0;padding:4px 12px 8px;list-style:none;display:flex;overflow-x:auto}.history::-webkit-scrollbar{display:none}.pill{font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:2px 7px;font-size:12px;font-weight:700}.pill.grey{color:#fff;background:#4a433c}.pill.gold{background:var(--gold);color:#241504}.pill.red{color:#fff;background:#b3261e}#readout{text-align:center;font-variant-numeric:tabular-nums;transform-origin:50%;margin-top:5vh;animation:.9s ease-in-out infinite pulse}#readout-value{letter-spacing:-.02em;color:color-mix(in srgb, #fff, #ffcf40 calc(var(--heat) * 100%));-webkit-text-stroke:2px #1c1410;paint-order:stroke fill;text-shadow:0 3px #1c1410bf,0 6px 18px #1c141080;font-size:clamp(56px,19vw,96px);font-weight:900;line-height:1}#readout-value[data-len="7"]{font-size:clamp(50px,16vw,96px)}#readout-value[data-len="8"]{font-size:clamp(44px,14vw,96px)}#readout-note{min-height:24px;color:var(--ink);text-shadow:0 1px #1c1410,0 0 6px #1c1410,0 0 12px #1c1410;margin-top:6px;font-size:16px;font-weight:700}#readout.slam{animation:.32s cubic-bezier(.2,1.6,.4,1) slam}@keyframes pulse{50%{transform:scale(1.035)}}@keyframes slam{0%{transform:scale(1.5)}to{transform:scale(1)}}#pops{text-align:center;height:0;position:absolute;top:38%;left:0;right:0}.pop{color:var(--gold);-webkit-text-stroke:1.5px #1c1410;paint-order:stroke fill;font-size:30px;font-weight:900;animation:.9s ease-out forwards pop-up;position:absolute;left:0;right:0}@keyframes pop-up{0%{opacity:0;transform:translateY(14px)scale(.7)}20%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-46px)scale(1)}}.dock{padding:12px 10% calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#1c1410d9 45%);flex-direction:column;align-items:stretch;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.bail{background:var(--action);min-height:76px;color:var(--action-ink);font-variant-numeric:tabular-nums;white-space:nowrap;border:3px solid #1c1410;border-radius:16px;font-size:26px;font-weight:900;overflow:hidden;box-shadow:0 5px #8a5a00}.bail:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #8a5a00}.bail:disabled{color:var(--ink);border-color:var(--line);box-shadow:none;background:#3b332c}.line{text-align:center;color:var(--ink);text-shadow:0 1px 2px #1c1410;margin:0;font-size:14px}.primary{background:var(--action);color:var(--action-ink);border:3px solid #1c1410;border-radius:14px;min-height:48px;padding:8px 18px;font-weight:900}.primary:disabled{color:var(--ink);border-color:var(--line);background:#3b332c}.big{width:100%;min-height:68px;font-size:24px}.secondary{border:2px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:0 0;border-radius:12px;font-weight:700}.link{min-height:40px;color:var(--ink);background:0 0;border:none;padding:4px 8px;font-size:14px;text-decoration:underline}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px}#result{left:5%;right:5%;bottom:calc(14px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;gap:10px;padding:16px;animation:.22s ease-out rise;display:flex;position:absolute}#result p{margin:0}#result h2{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(30px,10vw,44px);font-weight:900;line-height:1.05}#result h2.win{color:var(--gold)}#result h2.lose{color:var(--red)}#result-detail{color:var(--ink-soft);font-size:14px}.kicker{color:var(--ink-soft);font-size:14px;font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.menu{padding:calc(14px + env(safe-area-inset-top)) 6% calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#1c141080,#1c1410eb 42%);border:none;border-radius:0;flex-direction:column;gap:8px;display:flex;position:absolute;inset:0;overflow-y:auto}.menu h1{letter-spacing:-.02em;text-align:center;color:var(--gold);-webkit-text-stroke:2px #1c1410;paint-order:stroke fill;margin:0;font-size:clamp(44px,14vw,64px);font-weight:900;line-height:1}.menu h2{justify-content:space-between;align-items:center;margin:6px 0 0;font-size:15px;font-weight:800;display:flex}.play-note{text-align:center;color:var(--ink);text-shadow:0 1px 2px #1c1410;margin:0;font-weight:700}.menu-credits{text-align:center;margin:0;font-size:16px}.menu-credits strong{font-variant-numeric:tabular-nums;font-size:22px}.broke{color:#ffb4a8;text-align:center;margin:0;font-size:14px}.ramps{flex-direction:column;gap:6px;display:flex}.ramp-card{text-align:left;border:2px solid var(--line);background:#fff8ec14;border-radius:12px;grid-template-columns:1fr auto;gap:0 10px;min-height:58px;padding:8px 12px;display:grid}.ramp-card strong{font-size:17px}.ramp-card span{color:var(--ink-soft);grid-column:1;font-size:13px}.ramp-card em{font-variant-numeric:tabular-nums;color:var(--gold);grid-area:1/2/span 2;align-self:center;font-style:normal;font-weight:800}.ramp-card[aria-pressed=true],.chip[aria-pressed=true]{border-color:var(--gold);background:#ffc73833}.ramp-card[aria-pressed=true] strong:before,.chip[aria-pressed=true]:before{content:"✓ "}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font-variant-numeric:tabular-nums;border:2px solid var(--line);white-space:nowrap;background:#fff8ec14;border-radius:12px;flex:1 1 0;min-width:56px;min-height:46px;padding:4px 6px;font-weight:800}#skins .chip{flex:45%}#auto-input{width:100%;min-height:44px;font:inherit;color:var(--ink);border:2px solid var(--line);background:#fff8ec14;border-radius:10px;margin-top:4px;padding:4px 10px;font-weight:700}.menu .big{flex:none;margin-top:auto}.menu-links{justify-content:space-between;display:flex}dialog{width:min(92vw,480px);max-height:86dvh;color:var(--ink);border:1px solid var(--line);background:#1c1410;border-radius:16px;padding:18px;font-size:15px;line-height:1.4;overflow-y:auto}dialog::backdrop{background:#0009}dialog h2{margin:0 0 8px;font-size:22px}dialog h3{color:var(--gold);margin:14px 0 4px;font-size:16px}dialog p{margin:6px 0}dialog ul{margin:4px 0;padding-left:18px}dialog table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}dialog th,dialog td{text-align:right;border-bottom:1px solid var(--line);padding:3px 4px;font-size:14px}dialog th:first-child{text-align:left}dialog .primary{width:100%;margin-top:10px}dialog .play-note{margin-top:12px}@media (prefers-reduced-motion:reduce){#readout,#readout.slam,#result,.pop{animation:none}.pop{opacity:1}}