:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef6fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--chrome-bg:#203541;--page-bg:#1d313c;--panel-bg:#243d4a;--panel-strong:#192a34;--board-bg:#102531;--line-soft:#0d1a2257;--copy-muted:#9fb7c6;--accent:#2d7be0;--accent-strong:#296fd0;background:#1d313c;font-family:Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{background:var(--page-bg);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:var(--page-bg);min-height:100vh}.topbar{background:linear-gradient(#233945,#203540);border-bottom:1px solid #0812197a;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 36px 0 20px;display:grid;box-shadow:inset 0 -1px #00000014}.topbar__brand{align-items:center;display:flex}.brand-mark{letter-spacing:-.05em;color:#fff;font-family:Brush Script MT,Snell Roundhand,Segoe Script,cursive;font-size:3rem;font-style:italic;font-weight:700;line-height:1;transform:translateY(-2px)}.topbar__wallet-wrap{align-items:stretch;display:flex}.wallet-display{background:#13242d;border-radius:12px 0 0 12px;justify-content:center;align-items:center;gap:12px;min-width:282px;height:52px;padding:0 28px;display:flex;box-shadow:inset 0 1px #ffffff08}.wallet-display__amount{letter-spacing:.01em;font-size:.98rem;font-weight:800}.wallet-display__token,.stake-input__token{background:radial-gradient(circle at 35% 35%,#9db1ff 0 32%,#647ae5 32% 100%);border-radius:50%;flex:none;width:24px;height:24px;position:relative}.wallet-display__token:after,.stake-input__token:after{content:"";border:2px solid #ffffffeb;border-radius:999px;position:absolute;inset:5px 7px}.wallet-display__chevron{color:#d8e5ed;font-size:1.2rem;line-height:1;transform:translateY(-1px)}.wallet-button{color:#fff;background:linear-gradient(#3688ea,#2b74d7);border:0;border-radius:0;min-width:112px;min-height:52px;padding:0 24px;font-size:.95rem;font-weight:800}.audio-toggle{color:#fff;background:#587385;border:0;border-left:1px solid #09141c52;border-radius:0 12px 12px 0;justify-content:center;align-items:center;gap:7px;min-width:98px;min-height:52px;padding:0 16px;font-size:.88rem;font-weight:800;display:inline-flex}.audio-toggle--muted{color:#b9cad4;background:#344b58}.topbar__actions{color:#fff;justify-self:end;align-items:center;gap:28px;display:flex}.nav-icon{opacity:.96;justify-content:center;align-items:center;width:18px;height:18px;font-size:1.2rem;display:inline-flex}.nav-dot{opacity:.94;background:#fff;border-radius:50%;width:12px;height:12px}.nav-dot--live{background:#55dc8f;box-shadow:0 0 12px #55dc8f8c}.site-layout{grid-template-columns:60px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.site-rail{background:#182a34;border-right:1px solid #0912185c;flex-direction:column;align-items:center;gap:8px;padding-top:8px;display:flex}.site-rail__icon{color:#8aa2af;opacity:.95;border-radius:9px;place-items:center;width:26px;height:26px;font-size:.8rem;display:grid}.site-rail__icon.is-active{color:#f7fff8;background:linear-gradient(#3fe26a,#2fbd57)}.page-stage{padding:10px 10px 8px}.result-banner{background:#182933f5;border:1px solid #7da2b82e;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:min(540px,100% - 184px);margin:0 auto 14px;padding:12px 14px;display:flex;box-shadow:0 12px 28px #040a1033}.result-banner strong{margin-bottom:2px;display:block}.result-banner p{color:#bbd0dc;margin:0;font-size:.92rem}.result-banner--success{border-color:#5bd08c52}.result-banner--danger{border-color:#ed7d7d4d}.ghost-button{color:#f0f7fd;background:#213746;border:1px solid #8ba9bc33;border-radius:10px;padding:9px 12px}.casino-card{background:#223945;border:1px solid #12222a8c;border-radius:16px;align-items:stretch;width:min(1840px,100vw - 92px);height:min(676px,100vh - 74px);margin:0 auto;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff05}.sidebar{background:var(--panel-bg);border-right:1px solid var(--line-soft);flex:0 0 380px;width:380px;min-height:100%;padding:12px 14px 14px}.toggle-group{background:#162731;border-radius:42px;grid-template-columns:repeat(2,1fr);gap:10px;height:62px;padding:9px;display:grid;box-shadow:inset 0 1px #ffffff08}.toggle-group button{color:#fff;background:0 0;border:0;border-radius:34px;font-size:.95rem;font-weight:800}.toggle-group button.active{background:#4c687c}.control-card{margin-top:12px}.control-card--compact{padding-bottom:2px}.control-card--seed{opacity:.88}.field,.profit-block{gap:10px;margin-top:12px;display:grid}.field span,.field-header span,.checkbox-field span{color:var(--copy-muted);font-size:.96rem;font-weight:800}.field-header{justify-content:space-between;align-items:center;display:flex}.field-header strong{color:#b6cad7;font-size:.94rem;font-weight:700}.stake-input-row{background:#496577;border-radius:14px;grid-template-columns:minmax(0,1fr) 74px 74px;display:grid;overflow:hidden}.stake-input{display:block;position:relative}.stake-input input,.field input,.field select{color:#fff;background:#192933;border:0;border-radius:14px;outline:0;width:100%;height:50px;padding:16px 52px 16px 16px;font-size:.92rem;box-shadow:inset 0 0 0 1px #58788de6}.stake-input input{font-size:.92rem}.stake-input-row .stake-input input{border-radius:14px 0 0 14px}.stake-input__token{margin-top:-12px;position:absolute;top:50%;right:14px}.stake-action{color:#fff;background:#4d687b;border:0;border-left:1px solid #15242d52;font-size:.92rem;font-weight:800}.field select{appearance:none;background:linear-gradient(45deg,#0000 50%,#fff 50%) calc(100% - 30px) calc(50% - 4px)/8px 8px no-repeat,linear-gradient(135deg,#fff 50%,#0000 50%) calc(100% - 22px) calc(50% - 4px)/8px 8px no-repeat,#192933}.primary-button,.secondary-button{border:0;border-radius:14px;width:100%;height:50px;margin-top:12px;font-size:1rem;font-weight:800}.primary-button{color:#fff;background:linear-gradient(#3181e4,#2a74d7);box-shadow:inset 0 1px #ffffff1f}.secondary-button{color:#ffffff6b;background:#314a57}.secondary-button--cashout{color:#d5ebf7}.primary-button:disabled,.secondary-button:disabled,.fairness-button:disabled,.ghost-button:disabled{opacity:.62;cursor:not-allowed}.checkbox-field{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;display:grid}.checkbox-field input{width:18px;height:18px}.board-shell{background:#223945;flex-direction:column;flex:auto;min-width:0;margin-left:0;display:flex}.board-frame{background:var(--board-bg);border-left:1px solid var(--line-soft);flex:auto;min-height:0;position:relative}.board-stage{position:absolute}.pixi-board__mount,.board-overlay{position:absolute;inset:0}.pixi-board__mount canvas{display:block;width:100%!important;height:100%!important}.board-overlay{pointer-events:none}.hole-button{aspect-ratio:1;pointer-events:auto;background:0 0;border:0;border-radius:50%;width:16%;position:absolute;transform:translate(-50%,-50%)}.hole-button:after{content:"";border-radius:50%;transition:box-shadow .18s;position:absolute;inset:16%}.hole-button:hover:after{box-shadow:none}.hole-button--hit-selected:after{box-shadow:0 0 0 2px #82e98952,0 0 30px #7bdd832e}.hole-button--miss-selected:after{box-shadow:0 0 0 2px #ff7e7e42,0 0 24px #ff717124}.feedback-chip{text-align:center;border-radius:18px;min-width:118px;padding:13px 18px;font-size:1rem;font-weight:800;position:absolute;transform:translate(-50%,-50%);box-shadow:0 14px 40px #050c104d}.feedback-chip--success{color:#eaffec;background:#345e33db;border:2px solid #94fd79c7}.feedback-chip--danger{color:#ffe6e6;background:#5a2727e0;border:2px solid #ff7e7eb8}.board-status-pill{background:#344954eb;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:flex;position:absolute;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #060d1438}.status-dots{grid-template-columns:repeat(3,10px);gap:4px;width:38px;display:grid}.status-dots i{background:#fff;border-radius:50%;width:10px;height:10px}.status-dots i:first-child{background:#ff314d}.board-status-pill strong{color:#fff;font-size:.86rem;font-weight:800}.board-footer{background:#243d4a;border-top:1px solid #12222c59;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 18px;display:grid}.board-footer__icons{color:#a5bcc9;align-items:center;gap:26px;font-size:1.55rem;display:flex}.footer-icon{justify-content:center;align-items:center;width:22px;height:22px;line-height:1;display:inline-flex}.board-footer__brand{color:#fff;justify-self:center;font-family:Brush Script MT,Snell Roundhand,Segoe Script,cursive;font-size:1.55rem;font-style:italic;font-weight:700}.fairness-button{color:#fff;background:#587385;border:0;border-radius:14px;justify-content:center;justify-self:end;align-items:center;gap:10px;min-width:138px;height:42px;padding:0 18px;font-size:.96rem;font-weight:800;display:inline-flex}.fairness-button__check{color:#294f66;background:#e0eef67a;border-radius:8px;place-items:center;width:26px;height:26px;font-size:1rem;font-weight:900;display:inline-grid}@media (width<=1600px){.casino-card{width:calc(100vw - 92px)}.sidebar{flex-basis:344px;width:344px}}@media (width<=1160px){.site-layout{grid-template-columns:1fr}.site-rail{display:none}.page-stage{padding:18px 10px 10px}.casino-card{width:100%;height:auto;display:block}.sidebar{border-bottom:1px solid #12222c59;border-right:0;flex-basis:auto;width:100%;min-height:auto}.board-shell{margin-left:0;display:block}.board-frame{min-height:620px}.topbar{grid-template-columns:1fr;gap:12px;height:auto;padding:14px 12px}.topbar__wallet-wrap{justify-content:flex-start}.topbar__actions{justify-self:start}.result-banner{width:100%;margin-left:0;margin-right:0}.board-footer{grid-template-columns:1fr;gap:10px;height:auto;padding:14px 18px}.board-footer__icons,.board-footer__brand,.fairness-button{justify-self:center}}@media (width<=900px){html,body,#root{min-height:100%}.app-shell--embedded{height:100dvh;overflow:hidden}.app-shell--embedded .topbar{justify-content:center;height:34px;padding:3px 8px;display:flex}.app-shell--embedded .topbar__brand,.app-shell--embedded .topbar__actions{display:none}.app-shell--embedded .wallet-display{border-radius:10px 0 0 10px;gap:7px;min-width:172px;height:28px;padding:0 10px}.app-shell--embedded .wallet-display__amount{font-size:.76rem}.app-shell--embedded .wallet-display__token{width:18px;height:18px}.app-shell--embedded .wallet-display__token:after{inset:4px 5px}.app-shell--embedded .wallet-display__chevron{font-size:.86rem}.app-shell--embedded .wallet-button{min-width:58px;min-height:28px;padding:0 8px;font-size:.76rem}.app-shell--embedded .audio-toggle{border-radius:0 10px 10px 0;gap:4px;min-width:54px;min-height:28px;padding:0 7px;font-size:.72rem}.app-shell--embedded .site-layout{min-height:calc(100dvh - 34px)}.app-shell--embedded .page-stage{min-height:calc(100dvh - 34px);padding:0}.app-shell--embedded .casino-card{border:0;border-radius:0;flex-direction:column;width:100vw;height:calc(100dvh - 34px);min-height:0;display:flex}.app-shell--embedded .board-shell{flex:auto;order:1;min-height:0}.app-shell--embedded .sidebar{flex:none;order:2;min-height:0;padding:7px 10px 9px;overflow:hidden}.app-shell--embedded .board-frame{height:100%;min-height:0}.app-shell--embedded .board-footer{display:none}.app-shell--embedded .toggle-group{gap:6px;height:38px;padding:5px}.app-shell--embedded .toggle-group button{font-size:.84rem}.app-shell--embedded .control-card,.app-shell--embedded .field,.app-shell--embedded .profit-block,.app-shell--embedded .primary-button,.app-shell--embedded .secondary-button{margin-top:6px}.app-shell--embedded .field,.app-shell--embedded .profit-block{gap:5px}.app-shell--embedded .field span,.app-shell--embedded .field-header span,.app-shell--embedded .checkbox-field span,.app-shell--embedded .field-header strong{font-size:.76rem}.app-shell--embedded .stake-input input,.app-shell--embedded .field input,.app-shell--embedded .field select,.app-shell--embedded .primary-button,.app-shell--embedded .secondary-button{height:37px}.app-shell--embedded .stake-input input,.app-shell--embedded .field input,.app-shell--embedded .field select{border-radius:12px;padding:8px 38px 8px 12px;font-size:.82rem}.app-shell--embedded .stake-input-row{border-radius:12px;grid-template-columns:minmax(0,1fr) 56px 56px}.app-shell--embedded .stake-input-row .stake-input input{border-radius:12px 0 0 12px}.app-shell--embedded .stake-action{font-size:.82rem}.app-shell--embedded .stake-input__token{width:20px;height:20px;margin-top:-10px;right:10px}.app-shell--embedded .stake-input__token:after{border-width:2px;inset:4px 6px}.app-shell--embedded .field select{background:linear-gradient(45deg,#0000 50%,#fff 50%) calc(100% - 24px) calc(50% - 4px)/7px 7px no-repeat,linear-gradient(135deg,#fff 50%,#0000 50%) calc(100% - 18px) calc(50% - 4px)/7px 7px no-repeat,#192933}.app-shell--embedded .primary-button,.app-shell--embedded .secondary-button{border-radius:12px;font-size:.86rem}.app-shell--embedded .board-status-pill{gap:8px;padding:7px 12px;bottom:12px}.app-shell--embedded .status-dots{grid-template-columns:repeat(3,8px);gap:4px;width:32px}.app-shell--embedded .status-dots i{width:8px;height:8px}.app-shell--embedded .board-status-pill strong{font-size:.76rem}.app-shell--embedded .control-card--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;display:grid}.app-shell--embedded .control-card--compact .field{margin-top:0}.app-shell--embedded .checkbox-field{grid-template-columns:16px minmax(0,1fr);align-content:end}.app-shell--embedded .checkbox-field input{width:16px;height:16px}.app-shell--embedded .control-card--seed{display:none}}@media (width<=420px){.app-shell--embedded .sidebar{padding:6px 8px 8px}.app-shell--embedded .stake-input input,.app-shell--embedded .field input,.app-shell--embedded .field select,.app-shell--embedded .primary-button,.app-shell--embedded .secondary-button{height:35px}.app-shell--embedded .field span,.app-shell--embedded .field-header span,.app-shell--embedded .checkbox-field span,.app-shell--embedded .field-header strong{font-size:.72rem}}@media (orientation:landscape) and (height<=700px){.app-shell--embedded{height:100dvh;overflow:hidden}.app-shell--embedded .site-rail,.app-shell--embedded .board-footer{display:none}.app-shell--embedded .topbar{justify-content:center;height:32px;padding:2px 8px;display:flex}.app-shell--embedded .topbar__brand,.app-shell--embedded .topbar__actions{display:none}.app-shell--embedded .wallet-display{min-width:158px;height:28px;padding:0 9px}.app-shell--embedded .wallet-button{min-width:54px;min-height:28px;padding:0 7px}.app-shell--embedded .audio-toggle{min-width:50px;min-height:28px;padding:0 6px}.app-shell--embedded .site-layout,.app-shell--embedded .page-stage{min-height:calc(100dvh - 32px)}.app-shell--embedded .page-stage{padding:0}.app-shell--embedded .casino-card{border:0;border-radius:0;flex-direction:row;width:100vw;height:calc(100dvh - 32px);min-height:0;display:flex}.app-shell--embedded .board-shell{flex:auto;order:1;min-width:0;min-height:0}.app-shell--embedded .board-frame{border-left:0;height:100%;min-height:0}.app-shell--embedded .sidebar{border-bottom:0;border-left:1px solid #12222c59;flex:0 0 clamp(300px,34vw,430px);order:2;width:clamp(300px,34vw,430px);min-height:0;padding:8px 10px;overflow:hidden}.app-shell--embedded .toggle-group{gap:6px;height:36px;padding:5px}.app-shell--embedded .toggle-group button{font-size:.8rem}.app-shell--embedded .control-card,.app-shell--embedded .field,.app-shell--embedded .profit-block,.app-shell--embedded .primary-button,.app-shell--embedded .secondary-button{margin-top:6px}.app-shell--embedded .field,.app-shell--embedded .profit-block{gap:5px}.app-shell--embedded .field span,.app-shell--embedded .field-header span,.app-shell--embedded .checkbox-field span,.app-shell--embedded .field-header strong{font-size:.72rem}.app-shell--embedded .stake-input input,.app-shell--embedded .field input,.app-shell--embedded .field select,.app-shell--embedded .primary-button,.app-shell--embedded .secondary-button{height:34px;font-size:.78rem}.app-shell--embedded .stake-input input,.app-shell--embedded .field input,.app-shell--embedded .field select{padding:7px 34px 7px 10px}.app-shell--embedded .stake-input-row{grid-template-columns:minmax(0,1fr) 48px 48px}.app-shell--embedded .stake-input__token{width:18px;height:18px;margin-top:-9px;right:9px}.app-shell--embedded .stake-input__token:after{inset:4px 5px}.app-shell--embedded .primary-button,.app-shell--embedded .secondary-button{border-radius:10px}.app-shell--embedded .control-card--compact,.app-shell--embedded .control-card--seed{display:none}.app-shell--embedded .board-status-pill{bottom:18px}}
