:root{--c-deep: #001a33;--c-mid: #0a4a6e;--c-surface: #66d4e8;--c-accent: #66ffcc;--c-accent-2: #33cc99;--c-danger: #ff4757;--c-gold: #ffd166}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:var(--c-deep);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;touch-action:none}#loading-screen{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:var(--c-deep);transition:opacity .5s ease}#loading-screen.loading-screen-done{opacity:0;pointer-events:none}.loading-logo{width:96px;height:96px;object-fit:contain;animation:loadingLogoPulse 2.2s ease-in-out infinite}@keyframes loadingLogoPulse{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.06);opacity:1}}.loading-bar-track{width:220px;height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.loading-bar-fill{height:100%;width:0%;border-radius:3px;background:linear-gradient(90deg,var(--c-accent-2),var(--c-accent));transition:width .25s ease-out}.loading-percent{font-size:13px;font-weight:700;letter-spacing:.06em;color:#fff9;font-variant-numeric:tabular-nums}#game{position:relative;width:100vw;height:100vh;height:100dvh}#canvas{display:block;width:100%;height:100%;background:var(--c-deep)}#mobile-panel-mount{display:none}#hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:env(safe-area-inset-top,12px) 14px env(safe-area-inset-bottom,12px)}.hud-top{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:52px}.hist-pill{font-size:11px;font-weight:800;padding:3px 8px;border-radius:10px;background:#000a16d1;border:1px solid rgba(255,255,255,.15);color:#ffffffd9;font-variant-numeric:tabular-nums;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:pillIn .3s ease-out}.hist-pill.low{border-color:var(--c-danger);color:var(--c-danger)}.hist-pill.mid{border-color:var(--c-gold);color:var(--c-gold)}.hist-pill.high{border-color:var(--c-accent);color:var(--c-accent)}@keyframes pillIn{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.crash-blackout{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity 1s ease}.crash-blackout.active{opacity:1}.hud-multiplier{font-size:clamp(48px,14.4vw,108px);font-weight:900;line-height:.95;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 4px 30px rgba(0,0,0,.4);transition:color .25s;margin-top:4px;transform:translateY(-10%)}.hud-multiplier.betting{color:#ffffff59}.hud-multiplier-unit{font-size:.32em;font-weight:700;margin-left:2px;vertical-align:baseline}.hud-multiplier.running{color:var(--c-accent);text-shadow:0 0 50px rgba(102,255,204,.6),0 4px 30px rgba(0,0,0,.4);animation:pulse .5s infinite alternate ease-in-out}.hud-multiplier.crashed{color:var(--c-danger);text-shadow:0 0 50px rgba(255,71,87,.6),0 4px 30px rgba(0,0,0,.4);animation:shake .5s}@keyframes pulse{0%{transform:translateY(-10%) scale(1)}to{transform:translateY(-10%) scale(1.03)}}@keyframes shake{0%,to{transform:translateY(-10%) translate(0)}20%,60%{transform:translateY(-10%) translate(-6px)}40%,80%{transform:translateY(-10%) translate(6px)}}.hud-status{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:#ffffffd9;text-shadow:0 2px 10px rgba(0,0,0,.5);min-height:16px}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:20}.ui-top-bar{position:absolute;top:0;left:0;right:0;height:52px;padding:max(env(safe-area-inset-top),10px) 14px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-start;gap:10px}.ui-top-bar-left,.ui-top-bar-right{display:flex;align-items:center;gap:8px;min-width:0}.ui-top-bar-right{justify-content:flex-end}.ui-top-bar-center{display:flex;justify-content:center;min-width:0}.ui-history{display:flex;gap:5px;flex-wrap:nowrap;overflow:hidden;max-width:46vw;min-height:22px;pointer-events:auto;cursor:pointer;mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent 100%)}.ui-history:hover .hist-pill:first-child{box-shadow:0 0 0 1px #66ffcc80}.ui-icon-btn{pointer-events:auto;width:34px;height:34px;flex-shrink:0;background:#000c18bf;border:1px solid rgba(102,255,204,.3);border-radius:10px;color:var(--c-accent);font-size:15px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s}.ui-icon-btn:hover{background:#66ffcc24}.ui-settings-root{position:absolute;top:max(env(safe-area-inset-top),10px);left:14px;pointer-events:auto;z-index:25}.ui-settings-trigger-row{display:flex;align-items:center;gap:8px}.ui-settings-btn{font-size:16px}.ui-settings-menu{position:absolute;top:42px;left:0;width:230px;max-width:calc(100vw - 28px);background:#000c18eb;border:1px solid rgba(102,255,204,.25);border-radius:14px;padding:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 30px #0006}.ui-settings-menu[hidden]{display:none}.ui-settings-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 8px;border-radius:9px;background:transparent;border:none;color:#ffffffe6;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;text-align:left}.ui-settings-row-btn:hover{background:#ffffff0f}.ui-settings-row-label{display:flex;align-items:center;gap:10px}.ui-settings-row-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--c-accent)}.ui-settings-row-icon svg{width:16px;height:16px}.ui-settings-divider{height:1px;background:#ffffff14;margin:4px 2px}.ui-connection-banner{position:absolute;top:58px;left:50%;transform:translate(-50%);background:#ffd16629;border:1px solid rgba(255,209,102,.4);color:var(--c-gold);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ui-balance-corner{position:absolute;left:14px;bottom:max(env(safe-area-inset-bottom),10px);pointer-events:auto;z-index:21}.ui-balance-pill{display:flex;align-items:center;background:#000c18bf;border:1px solid rgba(102,255,204,.3);border-radius:14px;padding:10px 16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:800;font-variant-numeric:tabular-nums;font-size:22px}.ui-balance-value{color:var(--c-accent)}.ui-side-panel{position:absolute;top:54px;right:14px;bottom:120px;width:300px;max-width:calc(100vw - 28px);pointer-events:auto;display:flex;flex-direction:column;min-height:0;background:#000c18c7;border:1px solid rgba(102,255,204,.2);border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden}.ui-tabbar{display:flex;flex-shrink:0;border-bottom:1px solid rgba(102,255,204,.15)}.ui-tab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:none;border-bottom:2px solid transparent;color:#ffffff80;padding:9px 2px 7px;cursor:pointer;font-family:inherit}.ui-tab-icon{font-size:14px;line-height:1}.ui-tab-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ui-tab:hover{color:#fffc}.ui-tab.active{color:var(--c-accent);border-bottom-color:var(--c-accent)}.ui-tab-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ui-tab-panel{padding:8px 10px 10px;display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.ui-tab-panel[hidden]{display:none}.ui-panel-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;opacity:.6;font-weight:700;margin-bottom:6px;flex-shrink:0}.ui-empty{font-size:11px;opacity:.4;font-style:italic;padding:8px 0}.ui-live-bets-list{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(102,255,204,.4) transparent}.ui-bet-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:4px 0;font-size:11px;border-bottom:1px solid rgba(255,255,255,.05)}.ui-bet-row:last-child{border-bottom:none}.ui-bet-row.mine .ui-bet-row-name{color:var(--c-accent)}.ui-bet-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-bet-row-amount{font-variant-numeric:tabular-nums;opacity:.8}.ui-bet-row-status{font-weight:700;font-size:10px;white-space:nowrap}.ui-bet-row-status.in{color:#fff9}.ui-bet-row-status.cashed{color:var(--c-accent)}.ui-bet-row-status.busted{color:var(--c-danger)}.ui-my-bets-list{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(102,255,204,.4) transparent}.ui-mybet-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:4px 0;font-size:11px;border-bottom:1px solid rgba(255,255,255,.05)}.ui-mybet-row:last-child{border-bottom:none}.ui-mybet-row-time{font-size:9px;opacity:.4;white-space:nowrap}.ui-stats-windows{display:flex;gap:4px;margin-bottom:8px;flex-shrink:0}.ui-stats-window-btn{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:9.5px;font-weight:700;text-transform:uppercase;padding:5px 0;border-radius:6px;cursor:pointer}.ui-stats-window-btn.active{background:#66ffcc2e;border-color:#6fc6;color:var(--c-accent)}.ui-stats-list{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:rgba(102,255,204,.4) transparent}.ui-stats-row{display:grid;grid-template-columns:24px 1fr auto auto;gap:8px;align-items:center;padding:4px 0;font-size:11px;border-bottom:1px solid rgba(255,255,255,.05)}.ui-stats-row:last-child{border-bottom:none}.ui-stats-row-rank{opacity:.5;font-weight:700;font-size:10px}.ui-stats-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-stats-row-mult{color:var(--c-gold);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.ui-stats-row-payout{color:var(--c-accent);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.ui-chat-list{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:rgba(102,255,204,.4) transparent}.ui-chat-row{padding:3px 0;font-size:11px;line-height:1.35}.ui-chat-row-name{font-weight:700;color:var(--c-surface);margin-right:6px}.ui-chat-row-time{font-size:9px;opacity:.4}.ui-chat-row-text{opacity:.9;word-break:break-word}.ui-chat-input-row{display:flex;gap:6px;margin-top:6px;flex-shrink:0}.ui-chat-input{flex:1;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;padding:7px 9px;border-radius:8px;font-family:inherit;font-size:11px}.ui-chat-input:focus{outline:none;border-color:var(--c-accent)}.ui-chat-send{background:var(--c-accent);color:var(--c-deep);border:none;border-radius:8px;padding:0 12px;font-weight:800;font-size:11px;cursor:pointer}.ui-chat-send:disabled{opacity:.4;cursor:default}.ui-bet-dock{position:absolute;left:14px;right:14px;bottom:max(env(safe-area-inset-bottom),10px);display:flex;flex-wrap:wrap;justify-content:center;gap:10px;pointer-events:auto;z-index:22}.ui-bet-slot{flex:0 1 190px;width:190px;max-width:190px;background:#000c18cc;border:1px solid rgba(102,255,204,.25);border-radius:16px;padding:5px 10px 6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s}.ui-bet-slot.autobet-active{border-color:#ffd1668c}.ui-bet-slot-tabs{display:flex;justify-content:flex-end;margin-bottom:4px}.ui-bet-auto-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff9;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 10px;border-radius:20px;cursor:pointer}.ui-bet-auto-toggle.active{background:#66ffcc29;border-color:#66ffcc59;color:var(--c-accent)}.ui-bet-auto-options{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.ui-bet-auto-options[hidden]{display:none}.ui-bet-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;cursor:pointer}.ui-bet-toggle-label{font-size:11px;opacity:.85}.ui-switch{position:relative;display:inline-block;width:34px;height:19px;flex-shrink:0}.ui-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.ui-switch-track{position:absolute;inset:0;background:#ffffff26;border-radius:10px;transition:background .15s}.ui-switch-thumb{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .15s}.ui-switch input:checked+.ui-switch-track{background:var(--c-accent)}.ui-switch input:checked+.ui-switch-track .ui-switch-thumb{transform:translate(15px)}.ui-bet-autostop-row{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:10px;opacity:.7}.ui-bet-autostop-input{width:44px;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;padding:3px 4px;border-radius:6px;font-family:inherit;font-size:11px;text-align:center}.ui-bet-autostop-input:focus{outline:none;border-color:var(--c-accent)}.ui-bet-amount-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}.ui-bet-step{width:24px;height:24px;flex-shrink:0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}.ui-bet-amount-input,.ui-bet-autocashout-input{width:100%;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;padding:4px 8px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.ui-bet-amount-input:focus,.ui-bet-autocashout-input:focus{outline:none;border-color:var(--c-accent)}.ui-bet-autocashout-input{margin-bottom:8px;font-weight:500;font-size:11px}.ui-bet-chips{display:flex;gap:4px;margin-bottom:5px}.ui-bet-chip{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffd9;padding:4px 0;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer}.ui-bet-chip:hover{background:#ffffff24}.ui-bet-slot-placed{display:flex;justify-content:space-between;font-size:11px;opacity:.8;margin-bottom:6px}.ui-bet-slot-placed[hidden]{display:none}.ui-bet-action-btn{width:100%;padding:10px;background:linear-gradient(135deg,var(--c-accent),var(--c-accent-2));border:none;border-radius:12px;color:var(--c-deep);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;box-shadow:0 4px 24px #66ffcc73,inset 0 1px #fff6;transition:transform .1s,filter .15s}.ui-bet-action-btn:active{transform:scale(.97)}.ui-bet-action-btn:hover{filter:brightness(1.05)}.ui-bet-action-btn:disabled{cursor:default;filter:grayscale(.5) brightness(.75);box-shadow:none}.ui-bet-action-btn.cancel{background:linear-gradient(135deg,#ffb3b3,var(--c-danger))}.ui-bet-action-btn.cashout{background:linear-gradient(135deg,var(--c-gold),#ff9d4d);animation:pulse .6s infinite alternate ease-in-out}.ui-bet-cashout-label{display:block;font-size:.78em;opacity:.85}.ui-bet-cashout-amount{display:block;font-size:1.3em;letter-spacing:0;margin-top:1px}.ui-bet-action-btn.cashed{background:#66ffcc4d}.ui-bet-action-btn.busted{background:#ff47574d}.ui-modal-root{pointer-events:none}.ui-modal-backdrop{position:fixed;inset:0;background:#00060cb3;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:150;pointer-events:auto;padding:20px}.ui-modal-backdrop[hidden]{display:none}.ui-modal{width:100%;max-width:420px;max-height:80vh;background:#000e1af7;border:1px solid rgba(102,255,204,.3);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(102,255,204,.2);flex-shrink:0}.ui-modal-title{font-weight:800;font-size:14px;color:var(--c-accent);letter-spacing:.5px}.ui-modal-close{background:transparent;border:none;color:#fff9;font-size:14px;cursor:pointer;padding:4px 8px}.ui-modal-close:hover{color:#fff}.ui-modal-body{padding:14px 16px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(102,255,204,.4) transparent}.ui-history-table{display:flex;flex-direction:column}.ui-history-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px}.ui-history-row:last-child{border-bottom:none}.ui-history-row-mult{font-weight:800;font-variant-numeric:tabular-nums}.ui-history-row-mult.low{color:var(--c-danger)}.ui-history-row-mult.mid{color:var(--c-gold)}.ui-history-row-mult.high{color:var(--c-accent)}.ui-history-row-time{opacity:.4;font-size:11px}.ui-fairness-intro{font-size:11px;opacity:.7;line-height:1.5;margin-bottom:12px}.ui-fairness-input-row{display:flex;gap:6px;margin-bottom:12px}.ui-fairness-round-input{flex:1;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;padding:8px 10px;border-radius:8px;font-family:ui-monospace,monospace;font-size:11px}.ui-fairness-round-input:focus{outline:none;border-color:var(--c-accent)}.ui-fairness-check-btn{background:var(--c-accent);color:var(--c-deep);border:none;border-radius:8px;padding:0 14px;font-weight:800;font-size:12px;cursor:pointer}.ui-fairness-divider{height:1px;background:#ffffff14;margin:4px 0 12px}.ui-fairness-seed-input{flex:1;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;padding:8px 10px;border-radius:8px;font-family:ui-monospace,monospace;font-size:11px}.ui-fairness-seed-input:focus{outline:none;border-color:var(--c-accent)}.ui-fairness-seed-btn{background:var(--c-accent);color:var(--c-deep);border:none;border-radius:8px;padding:0 14px;font-weight:800;font-size:12px;cursor:pointer}.ui-fairness-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.06)}.ui-fairness-row .ok{color:var(--c-accent);font-weight:800}.ui-fairness-row .bad{color:var(--c-danger);font-weight:800}.ui-fairness-row a{color:var(--c-accent);text-decoration:none;font-weight:700}.ui-fairness-row a:hover{text-decoration:underline}.ui-fairness-seed{display:flex;flex-direction:column;gap:2px;padding:8px 0 0;font-size:10px;font-family:ui-monospace,monospace;word-break:break-all;color:#fff9}.ui-fairness-seed span:first-child{font-family:Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.5px;font-size:9px;opacity:.5;display:block;margin-bottom:1px}@media (max-width: 767px){.ui-side-panel{top:56px;bottom:auto;max-height:46vh;width:240px;max-width:calc(100vw - 28px)}}@media (max-width: 480px){.ui-balance-corner{top:max(env(safe-area-inset-top),10px);right:14px;left:auto;bottom:auto}.ui-balance-pill{padding:6px 12px;font-size:16px}}@media (orientation: portrait) and (max-width: 1024px){html,body{height:auto;min-height:100%;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch}.ui-bet-dock{flex-wrap:nowrap;gap:8px}.ui-bet-slot{flex:1 1 0;width:auto;min-width:0;max-width:240px}#mobile-panel-mount{display:block;padding:20px 14px calc(20px + env(safe-area-inset-bottom))}#mobile-panel-mount .ui-side-panel{position:static;inset:auto;width:100%;max-width:480px;max-height:none;margin:0 auto}#mobile-panel-mount .ui-tab-content,#mobile-panel-mount .ui-tab-panel,#mobile-panel-mount .ui-chat-list,#mobile-panel-mount .ui-live-bets-list,#mobile-panel-mount .ui-my-bets-list,#mobile-panel-mount .ui-stats-list{flex:none;min-height:0;height:auto;max-height:none;overflow:visible}}@media (orientation: landscape) and (max-height: 500px){.hud-multiplier{font-size:clamp(42px,12.7vw,95px)}.ui-bet-dock{bottom:6px;gap:6px}.ui-bet-slot{width:150px;max-width:150px;flex-basis:150px;padding:4px 8px 5px}.ui-bet-slot-tabs{margin-bottom:2px}.ui-bet-auto-toggle{padding:2px 8px;font-size:9px}.ui-bet-amount-row{margin-bottom:2px;gap:4px}.ui-bet-step{width:18px;height:18px;font-size:11px}.ui-bet-amount-input{padding:2px 6px;font-size:11px}.ui-bet-chips{margin-bottom:2px;gap:3px}.ui-bet-chip{padding:2px 0;font-size:9px}.ui-bet-slot-placed{margin-bottom:3px;font-size:10px}.ui-bet-action-btn{padding:5px 8px;font-size:11px}.ui-side-panel{top:42px;bottom:90px;width:190px}.ui-tab{padding:6px 2px 5px}}#dev-panel{position:fixed;top:12px;left:12px;bottom:12px;width:320px;max-width:calc(100vw - 24px);background:#000c18f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,255,204,.3);border-radius:14px;color:#fff;padding:12px 14px;font-family:Inter,ui-monospace,monospace;font-size:11px;z-index:100;max-height:50vh;overflow-y:auto;pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(102,255,204,.4) transparent;box-shadow:0 -10px 30px #0006}#dev-panel::-webkit-scrollbar{width:6px}#dev-panel::-webkit-scrollbar-thumb{background:#6fc6;border-radius:3px}#dev-panel::-webkit-scrollbar-track{background:transparent}.dev-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(102,255,204,.2);position:sticky;top:0;background:#000c18f0;z-index:2}.dev-dot{width:8px;height:8px;background:var(--c-accent);border-radius:50%;box-shadow:0 0 8px var(--c-accent);animation:pulse 1s infinite alternate;flex-shrink:0}.dev-title{font-weight:800;letter-spacing:2px;font-size:12px;color:var(--c-accent);flex:1}.dev-collapse{background:transparent;border:1px solid rgba(102,255,204,.3);color:var(--c-accent);width:26px;height:26px;border-radius:6px;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;line-height:1}.dev-body{display:block}.dev-section{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.dev-section:last-child{border-bottom:none;margin-bottom:0}.dev-section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;opacity:.6;margin-bottom:6px;font-weight:700}.dev-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;padding:0;margin:0 0 6px;cursor:pointer;font-family:inherit;color:inherit;text-align:left}.dev-section-header .dev-section-title{margin-bottom:0}.dev-section-header:hover .dev-section-title{opacity:1;color:var(--c-accent)}.dev-section-header.expanded .dev-section-title{opacity:.9}.dev-section-chevron{font-size:9px;opacity:.5;flex-shrink:0;margin-left:8px}.dev-section-header.expanded .dev-section-chevron{opacity:1;color:var(--c-accent)}.dev-section-body[hidden]{display:none}.dev-section-subtitle{font-size:10px;opacity:.5;margin:8px 0 4px;font-weight:600}.dev-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:11px}.dev-row:last-child{border-bottom:none}.dev-key{opacity:.55}.dev-val{font-weight:700;font-variant-numeric:tabular-nums}.dev-btn{background:#66ffcc1f;border:1px solid rgba(102,255,204,.35);color:var(--c-accent);padding:5px 8px;border-radius:7px;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;margin:2px;transition:all .1s}.dev-btn:hover{background:#66ffcc38}.dev-btn.active{background:var(--c-accent);color:var(--c-deep)}.dev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(55px,1fr));gap:4px;margin:6px 0}.dev-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:4px;margin:6px 0;font-size:11px}.dev-toggle-grid label{display:flex;align-items:center;gap:5px;padding:4px 6px;border-radius:5px;cursor:pointer}.dev-toggle-grid label:hover{background:#ffffff0d}.dev-toggle-grid input[type=checkbox]{accent-color:var(--c-accent)}.dev-slider{width:100%;margin:4px 0;accent-color:var(--c-accent)}.dev-select{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;padding:5px 6px;border-radius:6px;font-family:inherit;font-size:11px;margin:2px 0 4px}.dev-color{width:32px;height:22px;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:5px;background:transparent;cursor:pointer;flex-shrink:0}.dev-hint{font-size:10px;opacity:.5;font-style:italic;margin:4px 0}.dev-banner{background:#66ffcc1a;border:1px solid rgba(102,255,204,.35);border-radius:8px;padding:8px 10px;margin:0 0 8px;font-size:11px;color:var(--c-accent);text-align:center;font-weight:700;line-height:1.4}.dev-hint.saved-flash{color:var(--c-accent);font-weight:700;opacity:1;font-style:normal}.dev-input-row{display:flex;align-items:center;gap:8px;margin:4px 0}.dev-input-row .dev-key{width:18px;text-align:center;font-weight:800;opacity:.7;flex-shrink:0}.dev-input-row .dev-num{flex:1;min-width:0}.dev-textarea{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 8px;border-radius:6px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.3;width:100%;box-sizing:border-box;resize:vertical;min-height:60px;max-height:200px;white-space:pre;overflow:auto}.dev-textarea:focus{outline:none;border-color:var(--c-accent)}.dev-textarea::placeholder{opacity:.4}@media (max-width: 600px){#dev-panel{width:calc(100vw - 24px);bottom:auto;max-height:55vh}}