:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#202b38;background:#edf1f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#202b38;--muted:#788697;--line:#d4dce5;--blue:#2468a7;--blue-dark:#174a7a;--blue-pale:#eaf3fc;--panel:#fff;--canvas:#fff;--gold:#e8b33b}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#edf1f5}.topbar{height:62px;background:#172330;color:#f6f8fa;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1440px)/2));border-bottom:3px solid #2c80c2}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:14px;font-weight:750;letter-spacing:.025em}.brand b{display:block;font-size:9px;letter-spacing:.14em;color:#aab8c7;margin-top:2px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#2e79b6;color:#fff;font-size:13px;border-radius:3px}.account{display:flex;align-items:center;gap:16px;font-size:12px;color:#d9e1ea}.balance{color:#f4f7fb}.balance i{display:inline-block;width:7px;height:7px;background:#52c5a3;border-radius:50%;margin-right:6px}.page{max-width:1440px;margin:0 auto;padding:26px 24px 18px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:750;color:#7d8c9c}.page-heading h1{font-size:24px;line-height:1.1;margin:5px 0}.page-heading p{font-size:12px;color:#788697;margin:5px 0 0}.canvas-size{background:#e1e8ef;border:1px solid #cdd6df;border-radius:3px;padding:9px 12px;font-size:13px;font-weight:750;letter-spacing:.03em}.canvas-size small{font-size:9px;color:#788697;margin-left:7px;font-weight:650}.workspace{display:grid;grid-template-columns:minmax(500px,1.75fr) minmax(340px,1fr);gap:16px;align-items:start}.panel{background:var(--panel);border:1px solid #cbd5df;border-radius:4px;box-shadow:0 2px 5px #1b2c3c0a}.canvas-panel{padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head h2{margin:3px 0 0;font-size:16px}.panel-head.compact{margin-bottom:12px}.map-tools{display:flex;align-items:center;gap:6px}.button{height:34px;border:1px solid #c4cfda;border-radius:3px;background:#f6f8fa;color:#344354;padding:0 12px;font:650 11px inherit;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.button:hover:not(:disabled){border-color:#6e9fc8;background:#eef5fb}.button:disabled{opacity:.45;cursor:not-allowed}.button.small{height:29px;padding:0 10px}.button.icon{width:31px;padding:0;font-size:16px}.button.primary{color:#fff;background:#2879b9;border-color:#2879b9}.button.primary:hover:not(:disabled){background:#1c659f;border-color:#1c659f}.button.primary:disabled{background:#9cb4c9;border-color:#9cb4c9;opacity:1}.zoom-level{width:49px;text-align:center;font-size:10px;color:#728092;font-variant-numeric:tabular-nums}.canvas-wrap{height:min(64vh,700px);min-height:390px;position:relative;overflow:hidden;background:#fff;border:1px solid #c9d4de;border-radius:3px;touch-action:none;cursor:crosshair;outline:none}.canvas-wrap:focus-visible{box-shadow:0 0 0 2px #61a3d5}.canvas-wrap.pan-mode{cursor:grab}.canvas-wrap.dragging{cursor:grabbing}.canvas-wrap canvas{display:block;width:100%;height:100%}.canvas-coordinates,.canvas-help,.pixel-tooltip{position:absolute;background:#fff;border:1px solid #c8d3df;border-radius:3px;color:#516172;font-size:9px;letter-spacing:.035em;padding:6px 8px;pointer-events:none;box-shadow:0 2px 5px #10263c14}.canvas-coordinates{top:9px;left:9px;font-variant-numeric:tabular-nums}.canvas-help{bottom:9px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#6e7e8e}.pixel-tooltip{z-index:2;white-space:nowrap;font-size:10px;color:#26384a}.paint-controls{display:flex;align-items:flex-end;gap:16px;padding-top:13px}.palette-block{min-width:170px}.palette{display:flex;gap:6px;margin-top:6px}.swatch{width:24px;height:24px;border:2px solid #d2d9e0;border-radius:3px;padding:0;cursor:pointer}.swatch.active{border-color:#2468a7;box-shadow:0 0 0 2px #d9ebfa}.selection-summary{display:flex;flex-direction:column;gap:3px;margin-right:auto;font-size:11px}.selection-summary strong{font-size:12px}.selection-summary span{font-size:10px;color:#748394}.text-button{padding:0;border:0;background:none;color:#347eb6;font:650 10px inherit;cursor:pointer;text-align:left}.place-button{white-space:nowrap}.canvas-note{display:flex;justify-content:space-between;border-top:1px solid #e1e6eb;margin-top:12px;padding-top:9px;font-size:9px;color:#83909d}.side-column{display:grid;gap:14px}.slot-panel,.wheel-panel,.leaderboard-panel{padding:15px}.tag{background:#edf6f3;border:1px solid #c9e4db;color:#368571;border-radius:3px;padding:6px 8px;font-size:9px;font-weight:750;letter-spacing:.05em}.jackpot{background:#f4f6f8;border:1px solid #dce3e9;border-radius:3px;padding:10px 12px;margin-bottom:10px}.jackpot strong{display:inline-flex;align-items:center;gap:7px;font-size:25px;color:#25384b;margin:5px 6px 0 0;font-variant-numeric:tabular-nums}.jackpot strong i{font-style:normal;font-size:13px;color:var(--gold)}.jackpot small{font-size:8px;color:#748394;letter-spacing:.1em}.reel-frame{border:1px solid #cbd5df;border-radius:4px;background:#f3f6f8;padding:8px 10px}.reel-label,.reel-foot{font-size:8px;color:#788697;letter-spacing:.13em}.reels{display:flex;justify-content:center;gap:8px;padding:8px 0}.reel-window{width:min(30%,82px);height:70px;overflow:hidden;position:relative;border:1px solid #c5d0da;border-radius:4px;background:linear-gradient(#fff,#f4f6f8);box-shadow:inset 0 2px 5px #12283b0e}.reel-window:before,.reel-window:after{content:"";position:absolute;left:0;right:0;height:11px;z-index:1;pointer-events:none}.reel-window:before{top:0;background:linear-gradient(#e9eef3,transparent)}.reel-window:after{bottom:0;background:linear-gradient(transparent,#e9eef3)}.reel{display:flex;flex-direction:column;will-change:transform;color:#cf9a26;font-size:38px;font-weight:800;font-variant-numeric:tabular-nums}.reel-symbol{height:70px;flex:0 0 70px;display:flex;align-items:center;justify-content:center;line-height:1}.reel-window.rolling{background:#111b24}.reel-window.rolling:before{background:linear-gradient(#101821,transparent)}.reel-window.rolling:after{background:linear-gradient(transparent,#101821)}.reel-window.rolling .reel{color:#e8b33b}.reel-window.landing{box-shadow:inset 0 0 0 1px #e8b33b,0 0 0 1px #e8b33b}.reel-foot{border-top:1px solid #dce3e9;padding-top:7px}.spin-row{display:flex;align-items:center;gap:11px;margin:10px 0}.spin-button{height:44px;min-width:126px;background:#e8b33b;border-color:#d7a127;color:#312b1e;font-size:15px}.spin-button:hover:not(:disabled){background:#f0c354;border-color:#d7a127}.spin-button small{font-size:9px;margin-left:5px}.spin-row strong{font-size:10px}.spin-row p{font-size:9px;color:#7d8995;margin:3px 0 0;line-height:1.35}.odds-row{border-top:1px solid #e1e6eb;padding:9px 0;display:flex;justify-content:space-between;gap:5px;font-size:8px;color:#687989}.odds-row b{color:#344657;margin-left:3px}.history-head{display:flex;justify-content:space-between;align-items:center}.history-head a{font-size:8px;letter-spacing:.1em;color:#9c7929;text-decoration:none}.spin-history{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.spin-history span{font-size:9px;color:#596878;border:1px solid #dce3e9;padding:5px 7px;border-radius:3px;font-variant-numeric:tabular-nums}.spin-history .muted{border:0;padding:0;color:#85919c}.wheel-panel{border-left:3px solid #2879b9}.wheel-panel .tag{background:#f0f2f5;border-color:#d8dfe6;color:#7a8793}.wheel-content{display:flex;align-items:center;gap:12px}.wheel-content canvas{width:132px;height:132px;flex:none}.wheel-copy strong{font-size:12px}.wheel-copy p{font-size:10px;line-height:1.45;color:#748394;margin:5px 0 9px}.wheel-copy .button{font-size:10px}.wheel-odds{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:10px}.wheel-odds span{text-align:center;background:#f2f5f7;border:1px solid #e0e5ea;border-radius:2px;padding:5px 2px;font-size:8px;color:#5e6c7a}.wheel-odds b{display:block;font-size:9px;color:#283c50;margin-bottom:2px}.leaderboard{font-size:10px}.leaderboard-row{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #e6eaee;color:#4f5e6d}.leaderboard-row b{color:#2d3d4d}.muted{color:#8793a0}.site-footer{display:flex;justify-content:space-between;margin-top:18px;padding:10px 1px;color:#85919d;font-size:9px}.site-footer a{color:#607589;text-decoration:none}.toast{position:fixed;z-index:20;bottom:20px;left:50%;transform:translateX(-50%);background:#1e2e3d;color:white;border:1px solid #456078;border-radius:3px;padding:10px 15px;font-size:11px;box-shadow:0 7px 24px #10203035}.modal[hidden],.toast[hidden]{display:none}.modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center}.modal-shade{position:absolute;inset:0;background:#142333a8}.modal-card{position:relative;width:min(390px,calc(100vw - 32px));background:#fff;border:1px solid #c7d1db;border-top:3px solid #2879b9;border-radius:4px;padding:22px;box-shadow:0 15px 60px #0d1a2a55}.modal-card h2{font-size:21px;margin:5px 0}.modal-card>p{font-size:11px;color:#778593;margin:6px 0 15px}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:23px;color:#687887;cursor:pointer}.modal-card label{display:block;font-size:10px;font-weight:700;margin:10px 0;color:#455565}.modal-card input{display:block;width:100%;height:36px;margin-top:5px;border:1px solid #c9d3dd;border-radius:3px;padding:0 9px;font:12px inherit}.modal-card input:focus{outline:2px solid #bddcf3;border-color:#5795c5}.button.full{width:100%;margin-top:10px}.auth-switch{margin-top:12px}.error-text{font-size:10px;color:#ae3939}.turnstile-box{min-height:0}.turnstile-box:has(iframe){min-height:65px}@media(max-width:980px){.workspace{grid-template-columns:minmax(0,1.25fr) minmax(310px,1fr)}.canvas-wrap{height:58vh;min-height:350px}.canvas-note{gap:8px}.canvas-note span:last-child{text-align:right}}@media(max-width:760px){.topbar{padding:0 14px}.page{padding:17px 12px}.page-heading h1{font-size:21px}.page-heading p{font-size:10px}.canvas-size{font-size:11px;padding:8px}.canvas-size small{display:block;margin:2px 0 0}.workspace{grid-template-columns:1fr}.canvas-panel{padding:12px}.canvas-wrap{height:58vh;min-height:320px;max-height:620px}.side-column{grid-row:2}.canvas-note{font-size:8px}.paint-controls{gap:10px;flex-wrap:wrap}.palette-block{min-width:145px}.selection-summary{min-width:90px}.paint-controls>.button{margin-left:auto}.wheel-content canvas{width:116px;height:116px}.account{gap:8px}.account #account-name{display:none}.account .balance{font-size:10px}}@media(max-width:420px){.brand{font-size:12px}.brand b{font-size:8px}.brand-mark{width:30px;height:30px}.page-heading{align-items:center}.canvas-size{font-size:10px}.panel-head h2{font-size:14px}.map-tools{gap:4px}.map-tools .button.small{padding:0 7px}.zoom-level{width:38px}.canvas-help{font-size:7px}.palette{gap:4px}.swatch{width:22px;height:22px}.selection-summary{min-width:75px}.paint-controls>.button{padding:0 8px}.canvas-note span:last-child{display:none}}