:root{--bg:#0b1020;--panel:#121a33;--text:#e8ecff;--muted:#aab2d8;--border:#ffffff1f}*{box-sizing:border-box}body,html{height:100%}body{background:radial-gradient(1200px 800px at 50% 0,#172457,#0b1020);background:radial-gradient(1200px 800px at 50% 0,#172457,var(--bg));color:#e8ecff;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0}.app{display:flex;flex-direction:column;min-height:100%}.topbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1e99;border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.brand{font-weight:700;letter-spacing:.2px}.user{text-align:right}.user-name{font-weight:600}.user-balance{color:#aab2d8;color:var(--muted);font-size:12px}.btn.help-btn{border-radius:10px;font-size:12px;line-height:1;margin-top:8px;padding:6px 10px}.main{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:360px 1fr;padding:16px}.panel{background:#121a33b3;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:14px;height:-webkit-fit-content;height:fit-content;padding:14px}.row{margin-bottom:12px}.label{color:#aab2d8;color:var(--muted);font-size:12px;margin-bottom:6px}.stake{display:flex;flex-wrap:wrap;gap:8px}.mode-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.btn.mode-btn.selected{outline:2px solid #7c4dffcc}.queue-row{justify-content:space-between}.checkbox-row,.queue-row{align-items:center;display:flex;gap:10px}.checkbox-row{color:#aab2d8;color:var(--muted);font-size:13px;-webkit-user-select:none;user-select:none}.checkbox-row input[type=checkbox]{accent-color:#7c4dfff2;height:18px;width:18px}.color-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.color-btn{align-items:center;display:inline-flex;gap:8px;justify-content:center;padding:10px}.color-dot{border-radius:999px;box-shadow:inset 0 0 0 2px #ffffff24;height:14px;width:14px}.color-name{color:#e8ecff;color:var(--text);font-size:12px}.color-dot.red{background:#ff3b3b}.color-dot.green{background:#18d86a}.color-dot.yellow{background:#ffd400}.color-dot.blue{background:#1e7bff}.btn.color-btn.selected{outline:2px solid #7c4dffcc}.btn.color-btn.selected:disabled{opacity:1}.btn{background:#ffffff0f;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:12px;color:#e8ecff;color:var(--text);cursor:pointer;padding:10px 12px;transition:transform .12s ease,background .12s ease}.btn:hover{background:#ffffff1a;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn.stake-btn.selected:disabled{opacity:1}.btn.primary{background:linear-gradient(135deg,#3b6cff,#7c4dff);border:none}.btn.sfx-btn{width:100%}.btn.sfx-btn.on{outline:2px solid #7c4dff8c}.btn.stake-btn.selected{outline:2px solid #7c4dffcc}.status{font-size:13px;line-height:1.4}.small,.status{color:#aab2d8;color:var(--muted)}.small{font-size:12px}.small span{word-break:break-all}.dice-row{align-items:center;display:flex;gap:10px}.dice{display:block;height:44px;width:44px}.dice.rolling{animation:diceRoll .52s ease-in-out}.board:after{animation:boardGlow 6s ease-in-out infinite;background:radial-gradient(800px 800px at 30% 20%,#ffffff12,#fff0 60%);bottom:0;content:"";left:0;mix-blend-mode:screen;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dice.placeholder{background:#ffffff0a;border:1px dashed #ffffff1f;border:1px dashed var(--border);border-radius:12px;height:44px;width:44px}.board-wrap{align-items:flex-start;display:flex;justify-content:center}.board{background-color:#0e1530;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:18px;max-width:740px;overflow:hidden;position:relative;width:100%}.board:before{content:"";display:block;padding-top:100%}.tokens{pointer-events:auto;z-index:2}.board-dice-layer,.tokens{bottom:0;left:0;position:absolute;right:0;top:0}.board-dice-layer{pointer-events:none;z-index:3}.base-dice{background:#0b1020bf;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 18px 40px #00000059,inset 0 0 0 1px #ffffff0f;cursor:default;display:grid;height:62px;padding:0;place-items:center;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);transition:transform .14s ease,box-shadow .14s ease,background .14s ease;width:62px}.base-dice.clickable{cursor:pointer}.base-dice.clickable:hover{background:#121a33cc;transform:translate(-50%,-50%) scale(1.04)}.base-dice:disabled{opacity:.7}.base-dice.turn{animation:diceTurnPulse 1.2s ease-in-out infinite;box-shadow:0 20px 46px #0000006b,0 0 0 2px #7c4dffa6}.base-dice-img{display:block;height:44px;width:44px}.base-dice-img.rolling{animation:diceRoll .52s ease-in-out}.base-dice-placeholder{background:#ffffff0a;border:1px dashed #ffffff2e;border-radius:12px;height:44px;width:44px}.base-dice-go{background:linear-gradient(135deg,#3b6cff,#7c4dff);bottom:-14px;box-shadow:0 10px 22px #00000059;color:#fff;font-size:10px;left:50%;letter-spacing:.9px;padding:4px 8px;transform:translateX(-50%)}.base-dice-go,.base-dice-timer{border-radius:999px;font-weight:800;position:absolute}.base-dice-timer{-webkit-text-fill-color:#fff!important;background:#000000a6;border:1px solid #ffffff2e;color:#fff!important;display:grid;font-size:12px;height:26px;place-items:center;right:-10px;text-shadow:0 1px 2px #0000008c;top:-10px;width:26px}.token{background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35));height:26px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:left .15s cubic-bezier(.2,.8,.2,1),top .15s cubic-bezier(.2,.8,.2,1),transform .22s ease,filter .22s ease;width:26px;will-change:left,top,transform}.token.selectable{animation:tokenSelectable 1s ease-in-out infinite;cursor:pointer;outline:2px solid #ffffffd9;pointer-events:auto}.token.me{height:30px;width:30px}.token.active{animation:tokenPulse 1.2s ease-in-out infinite;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45));transform:translate(-50%,-50%) scale(1.08)}.token.captured{animation:tokenCaptured .62s ease-in-out}.token.finished{animation:tokenFinish .9s ease-in-out;filter:drop-shadow(0 14px 26px rgba(255,255,255,.18)) drop-shadow(0 12px 26px rgba(0,0,0,.55))}.token.red{background-color:#ff3b3b;background-image:url(/static/media/pawn-red.9948673220c7fbdda054.svg)}.token.green{background-color:#18d86a;background-image:url(/static/media/pawn-green.48c178a689491c068663.svg)}.token.yellow{background-color:#ffd400;background-image:url(/static/media/pawn-yellow.8be7182267b6150e85d7.svg)}.token.blue{background-color:#1e7bff;background-image:url(/static/media/pawn-blue.f918f257eb03a7b58c6a.svg)}@media (max-width:920px){.color-picker,.main,.mode-picker{grid-template-columns:1fr}}.overlay{animation:overlayFade .22s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;bottom:0;display:grid;left:0;overflow:auto;padding:16px;place-items:center;position:fixed;right:0;top:0}.overlay-card{animation:overlayPop .26s cubic-bezier(.2,.8,.2,1);background:#121a33eb;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:16px;padding:16px;width:min(520px,calc(100vw - 32px))}.overlay-title{font-size:18px;font-weight:800;margin-bottom:6px}.overlay-sub{color:#aab2d8;color:var(--muted);margin-bottom:14px}.overlay-winner{color:#e8ecff;color:var(--text);font-weight:700}.overlay-actions{display:flex;gap:10px;justify-content:flex-end}.help-card{max-height:84vh;overflow:hidden;width:min(720px,calc(100vw - 32px))}.help-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.help-body{-webkit-overflow-scrolling:touch;max-height:calc(84vh - 110px);overflow-y:auto;padding-right:6px;touch-action:pan-y}.help-sec{border-top:1px solid #ffffff1f;border-top:1px solid var(--border);padding:10px 0}.help-sec:first-child{border-top:0;padding-top:0}.help-sec-title{font-size:14px;font-weight:800;margin-bottom:6px}.help-list{color:#aab2d8;color:var(--muted);margin:0;padding-left:18px}.help-list li{margin:6px 0}@keyframes tokenPulse{0%,to{transform:translate(-50%,-50%) scale(1.08)}50%{transform:translate(-50%,-50%) scale(1.15)}}@keyframes tokenSelectable{0%,to{filter:drop-shadow(0 10px 22px rgba(124,77,255,.15)) drop-shadow(0 6px 18px rgba(0,0,0,.35));outline-color:#ffffffe6}50%{filter:drop-shadow(0 16px 30px rgba(124,77,255,.25)) drop-shadow(0 10px 22px rgba(0,0,0,.45));outline-color:#7c4dfff2}}@keyframes tokenCaptured{0%{filter:drop-shadow(0 6px 18px rgba(0,0,0,.35));transform:translate(-50%,-50%) scale(1)}30%{filter:drop-shadow(0 18px 30px rgba(255,59,59,.25)) drop-shadow(0 10px 22px rgba(0,0,0,.5));transform:translate(-50%,-50%) scale(1.18) rotate(-6deg)}60%{transform:translate(-50%,-50%) scale(.92) rotate(6deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}}@keyframes tokenFinish{0%{transform:translate(-50%,-50%) scale(1)}45%{transform:translate(-50%,-50%) scale(1.3) rotate(-4deg)}to{transform:translate(-50%,-50%) scale(1.08) rotate(0deg)}}@keyframes diceRoll{0%{transform:rotate(0deg) scale(1)}45%{transform:rotate(180deg) scale(1.12)}to{transform:rotate(1turn) scale(1)}}@keyframes diceTurnPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes overlayPop{0%{opacity:.6;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes boardGlow{0%,to{opacity:.35}50%{opacity:.75}}
/*# sourceMappingURL=main.e6bafe5a.css.map*/