@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--ink: #0c2025;--muted-ink: #5c6e6b;--paper: #f4f0e8;--paper-deep: #e9e2d4;--teal: #07504a;--teal-dark: #053b38;--aqua: #59c4b2;--coral: #e46642;--gold: #e3b75d;--line: rgba(12, 32, 37, .16);--mono: "DM Mono", "SFMono-Regular", Consolas, monospace;--sans: "DM Sans", "Avenir Next", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{min-width:320px;height:100%;overflow:hidden;background:var(--paper)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 8% 12%,rgba(228,102,66,.08),transparent 20rem),radial-gradient(circle at 93% 80%,rgba(89,196,178,.08),transparent 24rem),var(--paper);font-family:var(--sans);min-height:100vh;height:100%;overflow:hidden}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-noise{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:multiply}.app-shell{position:relative;max-width:1560px;height:100dvh;overflow:hidden;display:flex;flex-direction:column;margin:0 auto;padding:0 32px 20px}.topbar{min-height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;width:max-content;flex-direction:column;gap:4px;color:var(--ink);text-decoration:none}.wordmark-kicker,.eyebrow,.panel-label,.table-footer-note,.topbar-center,.text-button,.stage-corner,.table-mark,.dice-caption-label,.plaque-kicker,.math-heading,.math-foot,.site-footer,.roll-context,.bet-block .block-note,.point-track,.ledger-row{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.wordmark-kicker{color:var(--coral);font-size:9px;font-weight:700}.wordmark-title{font-size:24px;line-height:1;font-weight:700;letter-spacing:-.07em}.wordmark-title i{color:var(--coral);font-style:normal;margin:0 2px}.topbar-center{display:flex;align-items:center;gap:10px;color:var(--muted-ink);font-size:9px}.topbar-divider{color:var(--coral);font-size:16px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 4px #59c4b229}.topbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px}.text-button,.icon-button{border:0;background:transparent;color:var(--muted-ink);font-size:9px;letter-spacing:.08em}.text-button span{color:var(--coral);font-size:15px;vertical-align:-1px;margin-left:3px}.text-button:hover{color:var(--ink)}.icon-button{display:flex;align-items:center;gap:6px;padding:6px;color:var(--ink);font-size:15px}.icon-button span{font-size:8px;color:var(--muted-ink)}.icon-button.is-muted{opacity:.45}.is-hidden{display:none}.main-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(190px,.72fr) minmax(480px,2.2fr) minmax(240px,.9fr);gap:30px;padding:28px 0 18px}.story-column{position:relative;padding:6px 5px 0 0}.eyebrow{color:var(--coral);font-size:9px;font-weight:700;margin-bottom:24px}h1{font-size:clamp(42px,4.1vw,78px);line-height:.88;letter-spacing:-.09em;margin:0 0 27px;font-weight:700}h1 em{color:var(--coral);font-family:Georgia,serif;font-weight:400;letter-spacing:-.1em}.lede{max-width:250px;margin:0;color:var(--muted-ink);font-size:13px;line-height:1.75}.story-rule{height:1px;width:86%;background:var(--ink);opacity:.22;margin:34px 0 20px}.fact-card{display:grid;grid-template-columns:30px 1fr;gap:10px;max-width:255px;padding:13px 0 14px;border-top:1px dashed rgba(12,32,37,.24)}.fact-card-offset{margin-left:23px}.fact-index{color:var(--coral);font:11px var(--mono);font-weight:700}.fact-card p{margin:0;color:var(--muted-ink);font-size:11px;line-height:1.65}.fact-card strong{color:var(--ink);font:10px var(--mono);letter-spacing:.08em}.scribble{color:var(--coral);font:italic 16px/1.15 Georgia,serif;transform:rotate(-7deg);margin:44px 0 0 64px}.table-column{min-width:0;min-height:0;display:flex;flex-direction:column}.table-meta{display:flex;align-items:center;gap:11px;color:var(--muted-ink);font:10px var(--mono);letter-spacing:.08em;margin:0 0 12px 10px}.table-meta .meta-line{display:block;height:1px;width:50px;background:var(--coral)}.table-stage{position:relative;min-height:0;flex:1;overflow:hidden;isolation:isolate;background:var(--teal-dark);border:1px solid var(--ink);box-shadow:14px 15px #0c202514}.table-stage:before,.table-stage:after{content:"";position:absolute;z-index:2;border:1px solid rgba(89,196,178,.35);pointer-events:none}.table-stage:before{inset:26px;border-radius:46% 54% 49% 51%/48% 47% 53% 52%}.table-stage:after{inset:43px 16%;border-color:#e3b75d59;border-radius:48% 52% 46% 54%/54% 43% 57% 46%}.table-vignette{position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse at center,transparent 23%,rgba(1,22,24,.38) 100%);pointer-events:none}.scene{position:absolute;inset:0;z-index:0;cursor:grab}.scene.can-grab{cursor:grab}.scene.is-holding{cursor:grabbing}.scene canvas{display:block;width:100%;height:100%}.stage-corner{position:absolute;z-index:4;top:18px;color:#ece7d69e;font-size:8px;line-height:1.5}.stage-corner-tl{left:19px}.stage-corner-tr{right:20px;text-align:right;color:var(--gold)}.table-mark{position:absolute;z-index:4;color:#ece7d68a;font-size:9px}.table-mark-pass{left:50%;bottom:128px;transform:translate(-50%);letter-spacing:.2em}.table-mark-point{right:10%;top:41%;color:#e3b75dcc;transform:rotate(90deg);transform-origin:center}.dice-caption{position:absolute;z-index:5;right:26px;top:26px;display:flex;flex-direction:column;align-items:flex-end;color:#f5e7c8}.dice-caption-label{font-size:8px;color:var(--aqua)}.dice-caption strong{font-size:23px;letter-spacing:-.08em;line-height:1.2}.status-plaque{position:absolute;z-index:5;left:25px;bottom:27px;max-width:270px;color:#f5e7c8}.plaque-kicker{display:block;color:var(--aqua);font-size:8px;margin-bottom:5px}.status-plaque strong{display:block;max-width:270px;font-size:18px;line-height:1.08;letter-spacing:-.05em}.table-stage[data-tone=win] .status-plaque strong{color:var(--gold)}.table-stage[data-tone=loss] .status-plaque strong{color:#ef9276}.table-stage[data-tone=rolling] .status-plaque strong{color:var(--aqua)}.table-stage[data-tone=holding] .status-plaque strong{color:var(--gold)}.grab-hint{position:absolute;z-index:5;left:50%;top:17%;transform:translate(-50%) rotate(-2deg);text-align:center;color:#f5e7c8e6;pointer-events:none;transition:opacity .25s,transform .25s}.grab-hint-kicker{display:block;margin-bottom:7px;color:var(--aqua);font:8px var(--mono);letter-spacing:.12em}.grab-hint strong{display:block;font:700 16px/1.05 var(--mono);letter-spacing:-.08em}.table-stage[data-interaction=holding] .grab-hint{transform:translate(-50%) translateY(-10px) rotate(-2deg);opacity:.28}.table-stage[data-interaction=throwing] .grab-hint{opacity:.15}.table-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:12px 0 0}.roll-context{display:flex;align-items:center;gap:10px;color:var(--muted-ink);font-size:9px}.context-dot{width:8px;height:8px;background:var(--coral);border-radius:50%}.throw-gesture{display:flex;align-items:center;gap:9px;color:var(--muted-ink);font:8px var(--mono);letter-spacing:.08em}.throw-gesture i{display:block;width:23px;height:1px;background:var(--coral)}.throw-gesture b{color:var(--coral);font:20px Georgia,serif;margin-left:1px}.table-footer-note{display:flex;justify-content:space-between;gap:10px;color:var(--muted-ink);font-size:8px;padding-top:18px}.control-column{display:flex;flex-direction:column;gap:15px;padding-top:2px}.balance-block{padding:0 0 17px;border-bottom:1px solid var(--line)}.panel-label{display:flex;align-items:center;justify-content:space-between;min-height:17px;font-size:9px;color:var(--muted-ink)}.panel-index{color:var(--coral)}.status-chip{color:var(--teal);padding:4px 6px;border:1px solid rgba(7,80,74,.35);font-size:8px}.balance-number{margin:12px 0 9px;font-size:clamp(39px,3.6vw,58px);font-weight:700;letter-spacing:-.09em;line-height:.95}.balance-number span{color:var(--coral);font:11px var(--mono);letter-spacing:.02em}.balance-bottom{display:flex;justify-content:space-between;color:var(--muted-ink);font:8px var(--mono)}.balance-bottom strong{color:var(--teal)}.balance-bottom strong.is-negative{color:var(--coral)}.panel-block{border-bottom:1px solid var(--line);padding:1px 0 17px}.bet-display{display:flex;align-items:baseline;margin-top:14px;font-size:42px;font-weight:700;letter-spacing:-.09em;line-height:1}.bet-display small{color:var(--coral);margin-left:5px;font:11px var(--mono);letter-spacing:.04em}.bet-stepper{display:flex;align-items:center;gap:8px;margin:16px 0 12px}.bet-stepper button{width:25px;height:25px;padding:0;border:1px solid var(--line);color:var(--ink);background:transparent;font-size:18px;line-height:1}.bet-stepper button:hover{border-color:var(--coral);color:var(--coral)}.bet-rail{flex:1;height:3px;background:var(--paper-deep)}.bet-rail span{display:block;height:100%;background:var(--coral);transition:width .2s}.bet-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.bet-presets button{padding:7px 4px;border:1px solid var(--line);color:var(--muted-ink);background:transparent;font:10px var(--mono)}.bet-presets button:hover,.bet-presets button.is-selected{border-color:var(--coral);color:var(--coral);background:#e4664214}.block-note{margin:12px 0 0;font-size:8px;color:var(--muted-ink);line-height:1.5}.point-display{margin:12px 0 3px;color:var(--teal);font:700 43px var(--mono);letter-spacing:-.12em}.point-block p{max-width:240px;margin:0;color:var(--muted-ink);font-size:11px;line-height:1.5}.point-track{display:flex;align-items:center;gap:6px;margin-top:15px;font-size:7px;color:var(--muted-ink)}.point-track-line{height:1px;flex:1;background:var(--coral)}.ledger{margin-top:11px}.ledger-empty{padding:10px 0 0;color:var(--muted-ink);font-size:11px}.ledger-row{display:grid;grid-template-columns:22px 1fr 20px 47px;align-items:center;gap:5px;padding:7px 0;border-top:1px dashed rgba(12,32,37,.16);font-size:8px}.ledger-roll{color:var(--coral)}.ledger-dice{color:var(--muted-ink)}.ledger-total{color:var(--ink);font-weight:700}.ledger-result{text-align:right}.ledger-result.win{color:var(--teal)}.ledger-result.loss{color:var(--coral)}.ledger-result.neutral{color:var(--muted-ink)}.math-block{position:relative;padding:15px;background:var(--teal);color:var(--paper);transform:rotate(.7deg);box-shadow:5px 5px #0c202521}.math-heading{display:flex;justify-content:space-between;color:var(--gold);font-size:8px}.math-symbol{font:23px Georgia,serif;line-height:.5}.math-block p{margin:14px 0 17px;color:#f4f0e8d1;font-size:11px;line-height:1.6}.math-block strong{color:var(--gold)}.math-foot{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(244,240,232,.23);color:#f4f0e899;font-size:7px}.math-foot strong{font-size:12px}.site-footer{display:flex;justify-content:space-between;gap:12px;padding:17px 0 0;border-top:1px solid var(--line);color:var(--muted-ink);font-size:8px}.site-footer span:first-child{color:var(--coral)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1150px){.app-shell{padding:0 22px 18px}.main-grid{grid-template-columns:minmax(165px,.7fr) minmax(420px,2fr);grid-template-rows:minmax(0,1fr) auto;gap:16px;padding:20px 0 12px}.control-column{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:1fr 1.18fr 1.12fr 1.08fr 1.35fr;align-items:start;gap:12px;padding-top:3px}.control-column>*{min-width:0}.balance-block,.panel-block{border-bottom:0;border-right:1px solid var(--line);padding-right:12px;min-height:150px}.math-block{min-height:150px}}@media(max-width:760px){.app-shell{padding:0 15px 18px}.topbar{min-height:72px;grid-template-columns:1fr auto}.wordmark-title{font-size:21px}.topbar-center{display:none}.topbar-actions{gap:5px}.topbar-actions .text-button{font-size:8px}.topbar-actions .text-button:first-child{display:none}.main-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:13px 0 10px}.story-column{order:1;grid-column:1;grid-row:1}.story-column .eyebrow{margin-bottom:6px}.story-column h1{font-size:34px;line-height:.9;margin:0}.story-column h1 br,.story-column .lede,.story-rule,.fact-card,.scribble{display:none}.table-column{order:2;grid-column:1;grid-row:2}.table-stage{min-height:0}.table-mark-point{right:6%}.table-controls{min-height:40px;padding-top:6px}.roll-context{font-size:7px}.throw-gesture{display:none}.table-footer-note{flex-wrap:wrap;line-height:1.5;padding-top:5px}.table-footer-note span:last-child{display:none}.control-column{order:3;grid-column:1;grid-row:3;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:10px;max-height:116px;overflow:hidden}.balance-block,.panel-block{min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:0 0 17px}.balance-block{grid-column:auto}.ledger-block,.math-block{display:none}.balance-number{font-size:31px;margin-top:10px}.bet-display,.point-display{font-size:30px;margin-top:10px}.bet-stepper{margin:10px 0 8px}.bet-presets button{padding:5px 2px}.block-note,.point-block p,.point-track,.site-footer{display:none}}@media(max-width:420px){.stage-corner-tr{display:none}.dice-caption{right:17px;top:55px}.status-plaque{left:17px;bottom:20px}.status-plaque strong{font-size:16px}.table-stage:before{inset:17px}.table-stage:after{inset:34px 9%}}