@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10120f;--panel:#191c17;--line:#30352a;--muted:#929b86;--text:#ecf0e5;--lime:#daf382;--purple:#a09dc9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{color:inherit}main{max-width:1280px;margin:auto;padding:0 44px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2f25}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;letter-spacing:-1.5px;color:var(--text);text-decoration:none}.brand-icon{color:var(--lime);font-size:35px}.brand-sub{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:500;letter-spacing:2px;border-left:1px solid #434a3a;margin-left:10px;padding-left:22px;color:var(--muted)}.practice{font-size:10px;letter-spacing:1.2px;color:#adb69e;display:flex;align-items:center;gap:8px}.practice i{width:5px;height:5px;background:var(--lime);border-radius:50%}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:43px 0 34px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--muted)}h1{font-family:'Space Grotesk',sans-serif;font-size:48px;font-weight:500;letter-spacing:-2.2px;line-height:1.08;margin:15px 0 14px}p{color:var(--muted);line-height:1.6}.intro p{font-size:14px;margin:0}.text-button{background:none;border:0;color:#c7cfbd;font-size:12px;padding:8px 0}.text-button span{margin-left:15px;color:var(--lime)}.game-grid{display:grid;grid-template-columns:390px 1fr;gap:20px;align-items:start}.panel{border:1px solid var(--line);border-radius:15px;background:var(--panel)}.play-panel{padding:25px 27px 18px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 22%,#292f1e 0, var(--panel) 50%)}.panel-top{display:flex;justify-content:space-between;align-items:center}.round{color:#79836e;font-size:10px;letter-spacing:1px}.round b{color:#e5eddb;font-weight:500}.odds-badge{font-size:11px;display:table;margin:23px auto 0;color:#afb99f;background:#262d1e;padding:8px 12px;border:1px solid #39432a;border-radius:20px}.odds-badge>span:first-child{color:var(--lime);font-weight:600}.tiny-dot{margin:0 6px;color:#5c694c}.coin-stage{height:185px;display:grid;place-items:center;position:relative;perspective:900px}.orbit{position:absolute;width:190px;height:190px;border:1px solid #b5cb5d0b;border-radius:50%;pointer-events:none}.orbit-two{width:150px;height:150px;border-color:#b5cb5d0e}.coin{width:116px;height:116px;filter:drop-shadow(0 14px 16px #0006)}.coin-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,.65,.3,1)}.coin-face{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f4f3b0,#c4cf67 48%,#8a9b3e 100%);border:5px solid #c8d578;box-shadow:inset 0 0 0 2px #77852d,inset 0 0 0 6px #dae68f,inset 0 0 0 7px #8c9e41,0 3px 0 #67742b;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#424e1c}.back{transform:rotateY(180deg);background:radial-gradient(circle at 30% 20%,#e3dfbd,#b0ab84 50%,#77754d)}.coin-face strong{font-family:'Space Grotesk',sans-serif;font-size:54px;line-height:1;font-weight:500;text-shadow:1px 1px #f9ffd69e,-1px -1px #47572044}.coin-rim{font-size:5px;letter-spacing:.7px;position:absolute;top:15px}.coin-foot{font-size:5px;letter-spacing:1px;position:absolute;bottom:17px}.result{min-height:24px;text-align:center;font-size:12px;color:#b7c0a8;margin-top:-2px}.result.won{color:var(--lime)}.result.lost{color:#efab90}.balance-label{font-size:9px;letter-spacing:2px;text-align:center;color:var(--muted);margin-top:14px}.balance{font-family:'Space Grotesk',sans-serif;font-size:48px;letter-spacing:-2px;text-align:center;margin:3px 0;font-variant-numeric:tabular-nums}.return{text-align:center;color:var(--muted);font-size:11px;height:28px}.return.positive{color:var(--lime)}.return.negative{color:#efab90}.bet-heading{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.bet-heading label{font-size:12px;color:#b6c0a8}.bet-heading label span{margin-left:9px;color:#f0f4e9}.stake-number{display:flex;align-items:center;gap:1px}.stake-number input{width:48px;background:transparent;border:0;text-align:right;color:var(--lime);font-size:22px;font-family:'Space Grotesk',sans-serif;padding:0;appearance:textfield}.stake-number input::-webkit-inner-spin-button{appearance:none}.stake-number>span{color:#99a874;font-size:13px}input[type=range]{width:100%;height:4px;accent-color:var(--lime);margin:19px 0 12px;cursor:pointer;border-radius:10px}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 4px #d7ef7e13}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#77836b}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:18px 0 23px}.presets button{border:1px solid #363e2f;background:#20261c;color:#a6b298;border-radius:6px;font-size:10px;height:31px;padding:0 3px}.presets button.active{border-color:#b9d16c;color:var(--lime);background:#333d22}.presets button span{font-size:8px}.side-label{font-size:9px;letter-spacing:1.3px;color:var(--muted);margin-bottom:9px}.side-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-switch button{background:#1c2218;border:1px solid #353f2c;border-radius:7px;height:42px;font-family:'Space Grotesk',sans-serif;font-size:15px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#9eab8f}.side-switch button span{font-family:'DM Sans',sans-serif;font-size:12px}.side-switch small{margin-left:auto;font-size:10px;color:#7f906d}.side-switch button.selected{background:#303a22;border-color:#8caa50;color:#e4f7b5}.side-switch button.selected small{color:#c4dd8f}.actions{display:flex;gap:8px;margin-top:15px}.primary{display:flex;align-items:center;justify-content:space-between;background:var(--lime);border:0;color:#202813;border-radius:7px;height:48px;padding:0 19px;font-weight:700;font-size:13px}.actions .primary{flex:1}.primary:hover{background:#e8ff9d}.secondary{border:1px solid #4c583c;border-radius:7px;background:#242c1d;padding:0 15px;color:#c5d1b4;font-size:12px}.secondary.running{color:var(--lime);border-color:var(--lime)}.keyboard{display:flex;gap:8px;justify-content:center;align-items:center;color:#728166;font-size:9px;margin-top:16px}.keyboard kbd{font:8px 'DM Sans',sans-serif;border:1px solid #36402d;padding:2px 4px;border-radius:3px}.keyboard>span{margin:0 4px}.right-column{display:grid;gap:17px}.chart-panel{padding:25px 25px 0}.chart-heading{display:flex;justify-content:space-between;gap:10px}h2{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.4px;font-size:20px;margin:9px 0 0}.reset{background:none;border:1px solid #3c4334;border-radius:6px;color:#bbc5ad;font-size:10px;padding:0 11px;height:31px;white-space:nowrap}.legend{display:flex;align-items:center;gap:23px;margin-top:26px;font-size:10px;color:#aeb89f}.legend>span{display:flex;align-items:center;gap:6px}.legend i{width:6px;height:6px;border-radius:50%}.you-key{background:var(--lime)}.bot-key{background:var(--purple)}.legend b{font-weight:500;color:#e3ead9;margin-left:5px;font-variant-numeric:tabular-nums}.legend .same-toss{margin-left:auto;color:#79856d;font-size:9px}.chart-wrap{position:relative;margin-top:20px}#chart{width:100%;height:auto;display:block;overflow:visible}#grid text{fill:#77836d;font-size:10px;font-family:'DM Sans',sans-serif}#grid line{stroke:#30372b;stroke-dasharray:3 5}.chart-hint{position:absolute;left:0;right:0;top:45%;text-align:center;color:#7e8a71;font-size:11px;pointer-events:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:13px;padding:21px 0}.stats>div{padding-left:18px;border-left:1px solid var(--line)}.stats>div:first-child{padding:0;border:0}.stats span{font-size:8px;letter-spacing:1.3px;color:#919d83;display:block}.stats strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:400;margin-top:7px}.toss-panel{padding:19px 24px}.toss-heading{display:flex;justify-content:space-between}.toss-key{font-size:9px;color:#7f8b71}.toss-key>span{padding:0 7px}.tosses{display:flex;gap:7px;min-height:35px;align-items:center;margin-top:14px;overflow:hidden}.empty-toss{font-size:11px;color:#77856b}.toss{flex:0 0 29px;height:29px;display:grid;place-items:center;border-radius:50%;font-family:'Space Grotesk',sans-serif;font-size:11px;border:1px solid #536331;color:#d6ed9b;background:#303b21}.toss.loss{background:#322921;border-color:#5b4537;color:#d8ad8b}.edge-panel{padding:24px}.edge-title{display:flex;gap:13px;align-items:center}.spark{font-size:34px;color:#c8dd97;line-height:1}.edge-panel h2{font-size:18px;margin-top:6px}.edge-panel p{font-size:12px;margin:15px 0 20px;max-width:480px}.probability-row{display:flex;justify-content:space-between;font-size:11px;color:#abb89b}.probability-row output{color:var(--lime);font-family:'Space Grotesk',sans-serif}.edge-panel input{margin-top:16px}.kelly-note{display:flex;justify-content:space-between;gap:10px;color:#96a583;font-size:10px;margin-top:5px}.kelly-note strong{color:#d0e3aa;font-weight:500}.edge-panel .edge-foot{font-size:9px;color:#768369;margin:17px 0 0}footer{display:flex;justify-content:space-between;padding:28px 0 33px;margin-top:8px;color:#6f7c62;font-size:8px;letter-spacing:1px}footer>span:last-child{letter-spacing:0}footer a{color:#939f86;text-decoration:none;margin-left:10px}dialog{width:min(520px,calc(100% - 32px));background:#1b2117;border:1px solid #4a5739;color:var(--text);border-radius:16px;padding:35px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#080b06cc;backdrop-filter:blur(7px)}dialog h2{font-size:29px;margin:15px 0 20px}dialog p{font-size:13px}dialog .primary{width:100%;margin-top:25px}.dialog-close{position:absolute;right:14px;top:10px;font-size:25px;background:none;border:0;color:var(--muted)}@media(min-width:1450px){main{max-width:1380px}.game-grid{grid-template-columns:420px 1fr}.coin-stage{height:210px}.chart-wrap{margin-top:28px}}@media(max-width:1000px){main{padding:0 25px}.game-grid{grid-template-columns:350px 1fr;gap:15px}.play-panel{padding:23px}.chart-panel{padding:23px 18px 0}.legend{gap:15px}.legend .same-toss{display:none}.edge-panel{padding:20px}.chart-heading h2{font-size:17px}.stats>div{padding-left:10px}.stats span{font-size:7px}}@media(max-width:760px){main{padding:0 18px;max-width:600px}header{height:75px}.brand{font-size:24px;gap:8px}.brand-sub{font-size:8px;margin-left:4px;padding-left:12px;letter-spacing:1.3px}.practice{font-size:8px;letter-spacing:.4px}.intro{padding:30px 0 26px;display:block}h1{font-size:42px}.intro p{font-size:12px}.text-button{margin-top:13px;font-size:11px}.game-grid{grid-template-columns:1fr}.play-panel{padding:23px}.coin-stage{height:170px}.presets{margin-bottom:19px}.balance{font-size:46px}.right-column{gap:15px}.chart-panel{padding:23px 18px 0}.chart-heading h2{font-size:18px}.stats span{font-size:8px}.legend .same-toss{display:flex;font-size:8px}.legend{gap:12px}.tosses{gap:6px}.toss{flex-basis:27px;height:27px}footer{display:block;line-height:2}footer>span{display:block}.edge-panel{padding:23px}.keyboard{display:none}}@media(prefers-reduced-motion:reduce){.coin-inner{transition:none}}
