:root{--color-bg: #1e1e1e;--color-surface: #282828;--color-surface-2: #2c2c2c;--color-input-bg: #3a3a3a;--color-modal-bg: #2c2c2c;--color-border: #2a2a2a;--color-text: #f2f2f2;--color-text-muted: #8a8a8a;--color-text-on-accent: #ffffff;--color-accent: #2698ec;--color-accent-dim: #004b82;--color-success: #4cd964;--color-danger: #d63049;--color-warning: #ffd166;--color-gold: #e8b923;--color-rarity-common: #2a2a2a;--color-rarity-rare: #2e79c7;--color-rarity-epic: #8e44ad;--color-rarity-legendary: #e8b923;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size: 14px;--font-size-small: 12.5px;--font-size-title: 18px;--font-size-hero: 25px;--font-size-nick: 40px;--font-weight: 400;--font-weight-bold: 700;--radius-sm: 9px;--radius-md: 12px;--radius-lg: 16px;--radius-modal: 18px;--radius-pill: 999px;--space-xs: 6px;--space-sm: 10px;--space-md: 14px;--space-lg: 20px;--screen-padding: 20px;--button-padding-y: 11px;--button-padding-x: 22px;--button-radius: 12px;--button-font-size: 21px;--button-font-weight: 700;--button-press-shift: 1px;--nav-button-width: 158px;--nav-button-radius: 21px;--play-button-font-size: 25px;--play-button-padding-y: 17px;--play-button-padding-x: 60px;--play-button-radius: 16px;--shadow-accent: 0 6px 24px rgba(38, 152, 236, .35);--shadow-modal: 0 6px 24px rgba(0, 0, 0, .4);--shadow-win: 0 0 44px rgba(232, 185, 35, .25);--avatar-size: 106px;--header-gap: 14px;--hud-chip-bg: rgba(44, 44, 44, .5);--hud-chip-text: #f2f2f2;--hud-chip-radius: 999px;--hud-chip-font-size: 13px;--boost-button-size: 86px;--boost-button-bg: rgba(68, 68, 68, .5);--boost-button-bg-active: rgba(38, 152, 236, .6);--boost-button-border: rgba(255, 255, 255, .35);--overlay-backdrop: rgba(10, 10, 10, .8);--game-bg: #1e1e1e;--game-tile-line: #292929;--game-tile-line-width: 3;--game-zone: #ffffff;--game-plate-bg: #000000;--game-plate-text: #ffffff;--game-plate-font-size: 13;--game-eye: #ffffff;--game-pupil: #1e1e1e;--game-tongue: #2287f2;--game-food-1: #ff6b81;--game-food-2: #7bed9f;--game-food-3: #70a1ff;--game-food-4: #eccc68;--game-food-5: #dda0f6;--game-food-6: #7ed6df;--game-minimap-you: #ffffff;--game-minimap-other: #9aa0a6;--game-minimap-size: 52}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app-root{height:100%;position:relative}button{font-family:inherit;cursor:pointer}.muted{color:var(--color-text-muted)}.small{font-size:var(--font-size-small)}.pos{color:var(--color-success)}.neg{color:var(--color-danger)}.rotate-overlay{display:none}@media (orientation: portrait){.rotate-overlay{display:flex;position:fixed;inset:0;z-index:1000;background:var(--color-bg);align-items:center;justify-content:center;text-align:center}}.rotate-icon{font-size:64px;animation:spin 2.4s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{to{transform:rotate(360deg)}}.menu{position:relative;height:100%;background-color:var(--color-bg);background-size:100% 100%;background-repeat:no-repeat;overflow:hidden}.ui-surface{position:absolute;left:0;top:0;width:var(--ui-width, 1280px);height:var(--ui-height, 720px);transform:scale(var(--ui-scale, 1));transform-origin:top left}.slot{position:absolute}.avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-text-on-accent);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:calc(var(--avatar-size) * .42);overflow:hidden;flex-shrink:0}.avatar-img{width:100%;height:100%;object-fit:cover}.menu-nick{font-size:var(--font-size-nick);font-weight:var(--font-weight-bold);white-space:nowrap;overflow:hidden}.nick-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.menu-banner{display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border-radius:var(--radius-md);padding:0 var(--space-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-small);overflow:hidden}.menu-banner:has(.menu-banner-media){padding:0}.menu-banner-media{width:100%;height:100%;object-fit:cover;display:block}.menu-banner.clickable{cursor:pointer}.balance-pill{background-color:var(--color-accent-dim);border:none;border-radius:var(--radius-pill);padding:0 10px;font-weight:var(--font-weight-bold);font-size:var(--font-size);color:var(--color-text);display:flex;align-items:center;gap:8px;line-height:1}.ton-icon{width:37px;height:26px;object-fit:contain;flex-shrink:0}.plus-icon{width:26px;height:26px;object-fit:contain;flex-shrink:0}.balance-value{flex:1;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.settings-btn{display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-pill);background:var(--color-surface)}.settings-btn img{width:60%;height:60%;object-fit:contain}.settings-btn:hover{background:var(--color-surface-2)}.menu-nav{display:flex;flex-direction:column}.nav-btn{background-color:var(--color-surface-2);color:var(--color-text);border:none;border-radius:var(--nav-button-radius);padding:0 var(--space-lg);font-size:var(--button-font-size);font-weight:var(--font-weight-bold);text-align:left;width:100%;display:flex;align-items:center;gap:var(--space-sm);background-size:100% 100%;background-repeat:no-repeat}.nav-btn.active{color:var(--color-text-on-accent)}.nav-icon{width:39px;height:39px;object-fit:contain;flex-shrink:0}.menu-content{overflow:hidden;background-color:var(--color-surface);border-radius:var(--radius-lg);background-size:100% 100%;background-repeat:no-repeat}.panel-inner{height:100%;overflow-y:auto;padding:var(--space-md) var(--space-lg)}.panel-inner h3,.panel h3{font-size:var(--font-size-title);margin-bottom:var(--space-md)}.panel h4{font-size:var(--font-size);margin:var(--space-md) 0 8px;color:var(--color-text-muted)}.panel{height:100%;overflow-y:auto}.panel-note{margin-top:var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.6}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.stat{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.stat span{color:var(--color-text-muted);font-size:12px}.stat b{font-size:20px}.skin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:var(--space-sm);align-items:stretch}.skin-card{display:flex;flex-direction:column;background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-sm);border:1.5px solid var(--color-rarity-common);text-align:center}.skin-card.rarity-rare{border-color:var(--color-rarity-rare)}.skin-card.rarity-epic{border-color:var(--color-rarity-epic)}.skin-card.rarity-legendary{border-color:var(--color-rarity-legendary);box-shadow:0 0 16px #e8b9232e}.skin-card-preview{display:flex;align-items:center;justify-content:center;height:168px;margin-bottom:8px}.skin-card-name{font-weight:var(--font-weight-bold);font-size:13.5px}.skin-card-rarity{color:var(--color-text-muted);font-size:11.5px;margin-bottom:9px}.skin-card-btn{width:100%;margin-top:auto;background-color:var(--color-accent);background-size:100% 100%;background-repeat:no-repeat;color:var(--color-text-on-accent);border:none;border-radius:var(--radius-sm);padding:8px;font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.skin-card-btn.owned{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text)}.skin-card-btn:disabled{opacity:.55;cursor:default}.tabs{display:flex;gap:8px;margin-bottom:var(--space-md)}.tabs button{background:var(--color-surface-2);border:none;color:var(--color-text);border-radius:var(--radius-sm);padding:7px var(--space-md);font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.tabs button.active{background:var(--color-accent);color:var(--color-text-on-accent)}.leader-list{display:flex;flex-direction:column;gap:5px}.leader-head,.leader-row{display:grid;grid-template-columns:46px 1fr 64px 64px 96px;gap:var(--space-sm);align-items:center;padding:9px var(--space-md);font-size:13.5px}.leader-head{color:var(--color-text-muted);font-size:12px;padding-bottom:4px}.leader-head .num,.leader-head .won{text-align:right}.leader-row{background:var(--color-surface-2);border-radius:var(--radius-sm)}.leader-row.me{background:var(--color-accent-dim)}.leader-row.demo{background:#ffffff08;color:var(--color-text-muted)}.leader-row .rank{color:var(--color-text-muted);font-weight:var(--font-weight-bold)}.leader-row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-row .num{text-align:right;font-variant-numeric:tabular-nums}.leader-row .won{color:var(--color-accent);font-weight:var(--font-weight-bold);text-align:right;font-variant-numeric:tabular-nums}.leader-row.demo .won{color:var(--color-text-muted)}.empty{color:var(--color-text-muted);font-size:var(--font-size-small);padding:var(--space-md) 0;text-align:center}.empty.big{padding:48px 0;font-size:15px}.inventory-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);height:100%;overflow-y:auto}.snake-preview{background:none;border:none;border-radius:var(--radius-lg);padding:8px;position:relative;width:min(420px,100%);overflow:hidden;display:flex}.snake-preview-svg{width:100%;height:100%;min-height:0;display:block}.preview-plate{position:absolute;left:50%;bottom:var(--space-md);transform:translate(-50%);background:var(--game-plate-bg);color:var(--game-plate-text);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);padding:5px var(--space-md);border-radius:var(--radius-pill);white-space:nowrap}.skin-arrows{display:flex;gap:var(--space-sm);align-items:center}.arrow-btn{background-color:var(--color-surface-2);border:none;border-radius:var(--radius-sm);background-size:100% 100%;background-repeat:no-repeat;flex-shrink:0}.skin-preview-name{font-size:15px;font-weight:var(--font-weight-bold);background:var(--color-surface-2);border-radius:var(--radius-md);padding:8px var(--space-lg);min-width:180px;text-align:center}.badge{margin-left:8px;font-size:11px;color:var(--color-accent)}.equip-btn{padding:9px 28px;border-radius:var(--button-radius);border:none;font-weight:var(--font-weight-bold)}.gifts{width:min(420px,100%)}.gift-row{background:var(--color-surface-2);border-radius:var(--radius-sm);padding:8px var(--space-sm);font-size:var(--font-size-small);margin-bottom:5px}.play-btn{background-color:var(--color-accent);color:var(--color-text-on-accent);border:none;border-radius:var(--play-button-radius);font-size:var(--play-button-font-size);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-accent);background-size:100% 100%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.play-btn:active{transform:translateY(var(--button-press-shift))}.modal-backdrop{position:fixed;inset:0;z-index:500;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.modal{background:var(--color-modal-bg);border:1px solid var(--color-border);border-radius:var(--radius-modal);padding:var(--space-lg) var(--space-lg);width:min(460px,100%);max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-modal)}.modal.wide{width:min(860px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.modal-head h3{font-size:var(--font-size-title)}.modal-close{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-title)}.balance-big{font-size:30px;font-weight:800;margin-bottom:var(--space-md)}.balance-big span{font-size:16px;color:var(--color-text-muted)}.stars-badge{margin-left:var(--space-sm);font-size:15px;color:var(--color-gold)}.field{display:block;margin-bottom:var(--space-sm)}.field span{display:block;color:var(--color-text-muted);font-size:var(--font-size-small);margin-bottom:5px}.field input{width:100%;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-sm);color:var(--color-text);font-size:15px;font-family:inherit}.checkbox{display:flex;align-items:center;gap:8px;font-size:13.5px;margin-bottom:var(--space-sm);color:var(--color-text)}.deposit-box{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm)}.deposit-label{color:var(--color-text-muted);font-size:12px;margin-bottom:4px}.deposit-addr,.deposit-memo{display:block;background:var(--color-bg);border-radius:8px;padding:8px var(--space-sm);font-size:var(--font-size-small);word-break:break-all;margin-bottom:var(--space-sm);color:var(--color-accent);user-select:all}.deposit-memo{color:var(--color-warning)}.modal-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.modal-actions button{flex:1;border:none;border-radius:var(--button-radius);padding:var(--button-padding-y);font-size:var(--button-font-size);font-weight:var(--button-font-weight)}.modal-msg{margin-top:var(--space-sm);background:var(--color-surface-2);border-left:3px solid var(--color-success);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-sm);font-size:var(--font-size-small);color:var(--color-text)}.modal-msg.error{border-left-color:var(--color-danger);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.link-btn{background:none;border:none;color:var(--color-accent);text-decoration:underline;font-size:var(--font-size-small)}.rules-banner{background:var(--color-surface-2);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-small);color:var(--color-warning);margin-bottom:var(--space-md);line-height:1.5}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.mode-card{position:relative;overflow:hidden;background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;color:var(--color-text);transition:border-color .2s ease,transform .2s ease}.mode-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.09) 50%,transparent 60%);transform:translate(-120%);pointer-events:none}.mode-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.mode-card:hover:after{animation:mode-shine .7s ease}@keyframes mode-shine{to{transform:translate(120%)}}.mode-card.practice{border-style:dashed}.mode-pick{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;background:none;border:none;color:inherit}.mode-icon{width:52px;height:52px;margin-bottom:6px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}.mode-icon img{width:100%;height:100%;object-fit:contain;display:block}.mode-card[data-mode=battle_royale] .mode-icon{animation:mode-trophy 3s ease-in-out infinite}@keyframes mode-trophy{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}.mode-card[data-mode=duel] .mode-icon{animation:mode-swords 2.4s ease-in-out infinite;transform-origin:50% 70%}@keyframes mode-swords{0%,60%,to{transform:rotate(0) scale(1)}70%{transform:rotate(-16deg) scale(1.12)}80%{transform:rotate(14deg) scale(1.12)}90%{transform:rotate(0) scale(1)}}.mode-card[data-mode=room] .mode-icon{animation:mode-door 3.6s ease-in-out infinite;transform-origin:20% 50%}@keyframes mode-door{0%,to{transform:perspective(200px) rotateY(0)}50%{transform:perspective(200px) rotateY(-32deg)}}.mode-card[data-mode=practice] .mode-icon{animation:mode-target 2.2s ease-in-out infinite}@keyframes mode-target{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.14);opacity:1}}@media (prefers-reduced-motion: reduce){.mode-icon{animation:none!important}.mode-card:after{display:none}}.mode-name{font-size:16px;font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.mode-desc{color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.5;margin-bottom:var(--space-sm)}.mode-stake{color:var(--color-accent);font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.stake-picker,.rooms-view{display:flex;flex-wrap:wrap;gap:var(--space-md)}.stake-picker{flex-direction:column}.stake-row{display:flex;gap:var(--space-sm);flex-wrap:wrap}.stake-btn{flex:1;min-width:100px;background:var(--color-surface-2);border:1.5px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-md) var(--space-sm);font-size:16px;font-weight:var(--font-weight-bold)}.stake-btn:hover:not(:disabled){border-color:var(--color-accent)}.stake-btn:disabled{opacity:.4;cursor:default}.custom-stake{display:flex;gap:var(--space-sm);align-items:flex-end}.custom-stake .field{flex:1;margin-bottom:0}.custom-stake button{border:none;border-radius:var(--button-radius);padding:var(--button-padding-y) var(--space-lg);font-weight:var(--font-weight-bold);white-space:nowrap}.rooms-col{flex:1;min-width:240px}.rooms-col h4{font-size:var(--font-size);margin:0 0 8px;color:var(--color-text-muted)}.rooms-col>button{width:100%;border:none;border-radius:var(--button-radius);padding:var(--button-padding-y);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.room-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:190px;overflow-y:auto}.room-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-sm);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text);font-size:13.5px;text-align:left}.room-row:hover{border-color:var(--color-accent)}.room-players{color:var(--color-text-muted)}.room-stake{color:var(--color-accent);font-weight:var(--font-weight-bold)}.back{align-self:flex-start;border:none;border-radius:var(--radius-sm);padding:9px var(--space-lg);font-weight:var(--font-weight-bold);width:100%;margin-top:4px}.game-screen,.game-canvas-host{position:absolute;inset:0}.hud{pointer-events:none;z-index:10}.hud-top{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.hud-chip{background-color:var(--hud-chip-bg);color:var(--hud-chip-text);border-radius:var(--hud-chip-radius);padding:7px 15px;font-size:var(--hud-chip-font-size);font-weight:var(--font-weight-bold);background-size:100% 100%;background-repeat:no-repeat;white-space:nowrap}.hud-chip b{color:var(--color-accent)}.hud-chip-warn b{color:var(--color-danger)}.minimap-frame{background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}.boost-btn{border-radius:var(--radius-pill);border:none;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;color:var(--hud-chip-text);font-size:26px;pointer-events:auto;touch-action:none}.boost-btn:active{filter:brightness(1.35)}.death-overlay{position:absolute;inset:0;z-index:20;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.death-card{background-color:var(--color-modal-bg);background-size:100% 100%;background-repeat:no-repeat;border-radius:var(--radius-modal);padding:28px 38px;text-align:center;min-width:320px;max-width:520px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-modal)}.death-card.win-card{border:2px solid var(--color-gold);box-shadow:var(--shadow-win)}.death-card h2{font-size:var(--font-size-hero);margin-bottom:var(--space-md)}.death-stats{color:var(--color-text-muted);font-size:15px;line-height:1.7;margin-bottom:var(--space-lg)}.prize{color:var(--color-success);font-size:21px}.death-actions{display:flex;gap:var(--space-sm);justify-content:center}.death-actions button{border:none;border-radius:var(--button-radius);padding:var(--button-padding-y) 26px;font-size:15px;font-weight:var(--button-font-weight)}.btn-secondary{background-color:var(--color-surface-2);color:var(--color-text);border:none;background-size:100% 100%;background-repeat:no-repeat}.btn-primary{background-color:var(--color-accent);color:var(--color-text-on-accent);border:none;background-size:100% 100%;background-repeat:no-repeat}.lobby-card{min-width:360px}.lobby-stake{color:var(--color-text-muted);font-size:var(--font-size);margin-bottom:var(--space-md)}.room-code{color:var(--color-warning);letter-spacing:2px}.lobby-players{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.lobby-player{display:flex;justify-content:space-between;background:var(--color-surface-2);border-radius:var(--radius-sm);padding:9px var(--space-md);font-size:var(--font-size)}.lobby-player.me{background:var(--color-accent-dim)}.lobby-player.empty{color:var(--color-text-muted);justify-content:center;font-size:var(--font-size-small);border:1px dashed var(--color-border);background:transparent}.ready-yes{color:var(--color-success);font-size:var(--font-size-small)}.ready-no{color:var(--color-text-muted);font-size:var(--font-size-small)}.lobby-status{color:var(--color-text-muted);font-size:13.5px;margin-bottom:var(--space-md)}.lobby-invite{border-radius:var(--radius-sm);padding:9px var(--space-lg);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-text-on-accent);border-radius:var(--radius-md);padding:11px 22px;font-size:var(--font-size);font-weight:var(--font-weight-bold);z-index:900;box-shadow:var(--shadow-modal)}.toast.error{background:var(--color-danger)}.wallet-box{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-sm)}.wallet-row{display:flex;align-items:center;gap:var(--space-sm)}.wallet-name{font-weight:var(--font-weight-bold)}.wallet-addr{flex:1;font-family:ui-monospace,monospace;font-size:12px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis}.wallet-unlink,.link-btn{background:none;border:none;color:var(--color-accent);font-size:12px;cursor:pointer;padding:0;text-align:left}.wallet-pay{width:100%}.stars-box{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-sm)}.stars-presets{display:flex;gap:6px;flex-wrap:wrap}.stars-preset{flex:1;min-width:52px;padding:6px 0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-text);font-size:13px;cursor:pointer}.stars-preset.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent)}.stars-pay{width:100%}.splash{position:absolute;inset:0;background-color:var(--color-bg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.splash-blur{position:absolute;inset:0;filter:blur(26px);opacity:.5;pointer-events:none}.splash-snake{position:absolute;width:42%;height:auto;transform-origin:center}.splash-content{position:relative;width:min(560px,72vw);text-align:center}.splash-title{font-size:clamp(22px,4.2vw,38px);font-weight:var(--font-weight-bold);letter-spacing:.06em;margin-bottom:18px;color:var(--color-text);text-shadow:0 2px 12px rgba(0,0,0,.55)}.splash-bar{height:34px;border-radius:999px;background:#00000073;box-shadow:inset 0 2px 8px #00000080;padding:4px;overflow:hidden}.splash-fill{height:100%;min-width:42px;border-radius:999px;background:linear-gradient(90deg,var(--color-accent),#3ac0f5);display:flex;align-items:center;justify-content:center;transition:width .12s linear}.splash-percent{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-on-accent)}.mode-card{position:relative}.mode-pick{width:100%;height:100%;background:none;border:none;color:inherit;cursor:pointer;padding:var(--space-md);text-align:center}.mode-info{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--color-border);background:#00000059;color:var(--color-text-muted);font-size:13px;font-weight:var(--font-weight-bold);line-height:1;cursor:pointer;z-index:2}.mode-info:hover{color:var(--color-text);border-color:var(--color-accent)}.mode-info-box{margin-top:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-input-bg);font-size:13px;line-height:1.45}.mode-info-box p{margin:6px 0 0;color:var(--color-text-muted)}.menu-content.bare{background:none;border-radius:0}.home-view{display:flex;gap:22px;height:100%}.home-card{display:flex;flex-direction:column;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-sm)}.home-skin{align-items:center;flex-shrink:0;background:none;border-color:#ffffff24;margin:18px 0 0 -26px}.home-card-title{font-size:13px;color:var(--color-text-muted)}.home-skin-name{font-weight:var(--font-weight-bold)}.home-live{flex:1;min-width:0}.spectator{position:relative;flex:1;min-height:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--game-bg, #1e1e1e);border:1px solid var(--color-border)}.spectator-canvas{position:absolute;inset:0}.spectator-badge{position:absolute;top:8px;left:8px;padding:3px 10px;border-radius:999px;background:#0000008c;font-size:11px;color:var(--color-text-muted)}.spectator-badge.status-live{color:#ff5f5f}.avatar-btn,.nick-btn{border:none;cursor:pointer;color:inherit;font-family:inherit}.nick-btn{background:none;display:flex;align-items:baseline;gap:10px;padding:0}.player-no{font-size:13px;font-weight:var(--font-weight);color:var(--color-text-muted)}.profile-columns{display:flex;gap:var(--space-lg);height:100%}.profile-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.stat-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.stat-row{display:flex;justify-content:space-between;padding:5px 10px;border-radius:var(--radius-md);background:#0000003d;font-size:13px}.stat-row .pos{color:#6ee7a0}.stat-row .neg{color:#ff7a7a}.ref-summary{display:flex;gap:8px}.ref-tile{flex:1;padding:8px 10px;border-radius:var(--radius-md);background:#0000003d;display:flex;flex-direction:column}.ref-tile span{font-size:12px;color:var(--color-text-muted)}.ref-tile b{font-size:18px}.social-body{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.social-add{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.social-add .field{flex:1 1 200px;min-width:0}.social-add .btn-primary,.social-add .btn-secondary{flex:0 0 auto;white-space:nowrap}.social-hint{font-size:12px;color:var(--color-text-muted)}.social-hint .link-btn{margin-left:4px;font-size:inherit}.friend-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--radius-md);background:#0000003d;font-size:13px}.friend-no{color:var(--color-accent);font-weight:var(--font-weight-bold);min-width:62px}.friend-name{flex:1}.btn-primary.tiny{padding:3px 10px;font-size:12px}.squad-head{display:flex;align-items:baseline;gap:10px}.squad-code{font-family:ui-monospace,monospace;color:var(--color-accent)}.skin-card-preview svg{height:100%;width:auto;max-width:100%}.btn-primary,.btn-secondary{border-radius:var(--button-radius);padding:var(--button-padding-y) 20px;font-size:15px;font-weight:var(--button-font-weight);cursor:pointer;line-height:1.2}.btn-primary:disabled,.btn-secondary:disabled{opacity:.55;cursor:default}.hud-top{justify-content:flex-start;flex-wrap:wrap;max-width:52%}.hud-board{pointer-events:none;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:var(--radius-lg);background-size:100% 100%;background-repeat:no-repeat;background-color:#2c2c2c80;overflow:hidden}.hud-board-title{text-align:center;font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);padding:2px 0 4px}.hud-board-list{display:flex;flex-direction:column;gap:2px}.hud-board-row{display:grid;grid-template-columns:18px 1fr auto auto;gap:6px;align-items:baseline;font-size:12px;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.hud-board-row.me{background:#2698ec47}.hud-board-place{color:var(--color-text-muted)}.hud-board-name{overflow:hidden;text-overflow:ellipsis}.hud-board-mass{color:var(--color-text-muted)}.hud-board-value{color:var(--color-accent);font-weight:var(--font-weight-bold)}.hud-board-empty{font-size:12px;color:var(--color-text-muted);text-align:center;padding:6px 0}.steer-zone{position:absolute;left:0;top:0;width:50%;height:100%;pointer-events:none}.boost-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;cursor:pointer}.boost-label{font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:.08em;color:var(--color-text);opacity:.85}.boost-btn:active .boost-label{color:var(--color-accent);opacity:1}.skin-card-note{font-size:10.5px;color:var(--color-text-muted);line-height:1.3;margin:3px 0 6px;min-height:26px}.friends-dock{position:absolute;left:47px;bottom:24px;z-index:30;width:300px;display:flex;flex-direction:column-reverse;gap:8px}.friends-tab{display:flex;align-items:center;gap:8px;padding:9px 16px;border:none;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:var(--font-weight-bold);cursor:pointer}.online-lamp{width:10px;height:10px;border-radius:50%;background:#2ecc71;box-shadow:0 0 8px #2ecc71e6;animation:online-pulse 2.6s ease-in-out infinite;flex-shrink:0}@keyframes online-pulse{0%,to{opacity:1;box-shadow:0 0 8px #2ecc71e6}50%{opacity:.35;box-shadow:0 0 2px #2ecc7166}}.online-count{color:#2ecc71;font-variant-numeric:tabular-nums}.friends-tab-label{color:var(--color-text-muted);font-weight:var(--font-weight)}.friends-badge{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-text-on-accent);font-size:12px;text-align:center}.friends-panel{max-height:340px;overflow-y:auto;padding:10px 12px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:5px}.friends-title{font-size:12px;color:var(--color-text-muted);margin-top:4px}.friends-empty{font-size:12px;color:var(--color-text-muted);padding:4px 0}.friend-line{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 6px;border-radius:var(--radius-sm);background:#00000038}.friend-line.dim{opacity:.55}.friend-line.challenge{background:#2698ec2e}.friend-line-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);flex-shrink:0}.dot.online{background:#2ecc71;box-shadow:0 0 6px #2ecc71cc}.challenge-row{display:flex;gap:6px;flex-wrap:wrap}.stake-chip{flex:1;min-width:58px;padding:5px 0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-text);font-size:12px;cursor:pointer}.stake-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.friends-more{margin-top:6px}.friends-msg{margin-top:6px;font-size:12px;color:var(--color-text-muted)}.spectator-switch{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:var(--radius-pill);background:#0000008c}.spectator-arrow{width:24px;height:24px;border:none;border-radius:50%;background:#ffffff1a;color:var(--color-text);font-size:16px;line-height:1;cursor:pointer}.spectator-arrow:hover{background:var(--color-accent)}.spectator-name{font-size:12px;min-width:130px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-badge{display:flex;align-items:center;gap:7px;padding:0 16px;border-radius:var(--radius-pill);background:var(--color-surface);font-size:14px;font-weight:var(--font-weight-bold);white-space:nowrap}.connect-pill .balance-value{margin:0 auto}.profile-panel{display:flex;flex-direction:column;gap:var(--space-sm)}.pf-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.pf-card h4{margin:0 0 var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size)}.pf-head{display:flex;align-items:center;gap:var(--space-md)}.pf-avatar{width:62px;height:62px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-text-on-accent);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:var(--font-weight-bold);overflow:hidden;flex-shrink:0}.pf-avatar img{width:100%;height:100%;object-fit:cover}.pf-head-main{flex:1;min-width:0}.pf-name{font-size:22px;font-weight:var(--font-weight-bold)}.pf-id{color:var(--color-text-muted);font-size:13px}.pf-balance{text-align:right;display:flex;flex-direction:column;gap:2px}.pf-balance b{font-size:20px;color:var(--color-accent)}.pf-balance span{font-size:13px;color:var(--color-text-muted)}.pf-heroes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm)}.pf-hero{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center}.pf-hero b{display:block;font-size:26px;line-height:1.2}.pf-hero span{color:var(--color-text-muted);font-size:12.5px}.pf-hero.pos b{color:var(--color-success)}.pf-hero.neg b{color:var(--color-danger)}.pf-bar-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.pf-bar{height:10px;border-radius:var(--radius-pill);background:#ffffff14;overflow:hidden}.pf-bar-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-accent),var(--color-success));transition:width .4s ease}.pf-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-sm)}.pf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}.pf-tile{background:#ffffff0a;border-radius:var(--radius-md);padding:10px 8px;text-align:center}.pf-tile b{display:block;font-size:18px}.pf-tile span{color:var(--color-text-muted);font-size:11.5px}.pf-promo{display:flex;align-items:center;gap:var(--space-md);border-color:var(--color-accent);background:linear-gradient(90deg,rgba(38,152,236,.16),transparent)}.pf-promo-icon{font-size:30px}.pf-promo-text{flex:1;display:flex;flex-direction:column}.pf-promo-text b{font-size:16px}.promo-hero{font-size:42px;text-align:center}.promo-lead{text-align:center;margin:6px 0 var(--space-md);line-height:1.5}.promo-input{text-transform:uppercase;letter-spacing:2px;font-weight:var(--font-weight-bold);text-align:center}.promo-submit{width:100%;margin-top:var(--space-sm)}.promo-reward{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background:#4cd9641f;border:1px solid var(--color-success)}.promo-reward-title{font-weight:var(--font-weight-bold);color:var(--color-success);margin-bottom:8px}.promo-reward-list{display:flex;flex-direction:column;gap:6px}.promo-reward-item{display:flex;align-items:center;gap:8px}.promo-reward-icon{font-size:18px}.friends-page{display:flex;flex-direction:column;gap:6px}.friend-seen{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.friend-row.dim{opacity:.65}.friend-row.challenge{background:#2698ec2e}.friend-line-stake{color:var(--color-accent);font-weight:var(--font-weight-bold)}.gifts-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.gifts-total{font-size:13px;color:var(--color-text-muted)}.gifts-empty{text-align:center;padding:32px 12px;color:var(--color-text-muted)}.gifts-empty-icon{font-size:44px;margin-bottom:8px}.gifts-empty p{margin:4px 0}.gifts-empty .small{max-width:460px;margin:8px auto 0;line-height:1.5}.gifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}.gift-card{padding:12px;border-radius:var(--radius-lg);background:#00000042;border:1px solid var(--color-border);text-align:center}.gift-icon{font-size:30px}.gift-title{font-weight:var(--font-weight-bold);margin-top:4px}.gift-collection{font-size:12px;color:var(--color-text-muted)}.gift-value{margin-top:6px;color:#6ee7a0;font-weight:var(--font-weight-bold)}.settings-modal{width:min(460px,92vw)}.settings-group{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:8px}.settings-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--color-text-muted);font-size:var(--font-size-small)}.settings-value{color:var(--color-accent);font-size:var(--font-size)}.settings-langs{display:flex;gap:8px}.settings-lang{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size);font-weight:var(--font-weight-bold)}.settings-lang.active{border-color:var(--color-accent);background:var(--color-accent-dim)}.settings-range{width:100%;height:6px;border-radius:var(--radius-pill);background:var(--color-surface-2);appearance:none;-webkit-appearance:none;outline:none}.settings-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:none;cursor:pointer}.settings-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:none;cursor:pointer}.settings-scale{display:flex;justify-content:space-between;color:var(--color-text-muted);font-size:12px}.victory-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0a0a0cd1;animation:victory-fade .35s ease both}.victory-overlay.win{background:radial-gradient(circle at 50% 42%,rgba(232,185,35,.22),transparent 55%),#0a0a0cdb}@keyframes victory-fade{0%{opacity:0}to{opacity:1}}.victory-card{position:relative;width:min(520px,92vw);max-height:92vh;overflow-y:auto;padding:26px;border-radius:var(--radius-modal);background:var(--color-modal-bg);background-size:100% 100%;background-repeat:no-repeat;border:1px solid var(--color-border);text-align:center;animation:victory-pop .45s cubic-bezier(.2,1.3,.4,1) both}.victory-card.win{border-color:var(--color-gold);box-shadow:var(--shadow-win)}@keyframes victory-pop{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}.victory-icon{font-size:54px;line-height:1;animation:victory-bounce 2.4s ease-in-out infinite}@keyframes victory-bounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}.victory-title{font-size:30px;margin:8px 0 4px}.victory-card.win .victory-title{color:var(--color-gold)}.victory-sub{color:var(--color-text-muted);margin-bottom:var(--space-sm)}.victory-profit{margin:var(--space-md) 0;padding:var(--space-md);border-radius:var(--radius-lg);background:#ffffff0d;display:flex;flex-direction:column;gap:2px}.victory-profit span{color:var(--color-text-muted);font-size:var(--font-size-small)}.victory-profit b{font-size:34px;font-variant-numeric:tabular-nums}.victory-profit.pos b{color:var(--color-success)}.victory-profit.neg b{color:var(--color-danger)}.victory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:var(--space-sm)}.victory-tile{background:var(--color-surface-2);border-radius:var(--radius-md);padding:10px 6px}.victory-tile b{display:block;font-size:18px;font-variant-numeric:tabular-nums}.victory-tile span{color:var(--color-text-muted);font-size:11.5px}.victory-breakdown{margin-top:var(--space-md);display:flex;flex-direction:column;gap:6px;font-size:var(--font-size-small)}.victory-breakdown div{display:flex;justify-content:space-between;color:var(--color-text-muted)}.victory-breakdown b{color:var(--color-text);font-variant-numeric:tabular-nums}.victory-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.victory-actions button{flex:1}.victory-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.victory-confetti span{position:absolute;top:-8%;left:calc(var(--i) * 5.6% + 2%);width:8px;height:16px;border-radius:2px;background:var(--color-gold);opacity:0;animation:victory-fall 2.6s linear infinite;animation-delay:calc(var(--i) * .14s)}.victory-confetti span:nth-child(3n){background:var(--color-accent)}.victory-confetti span:nth-child(3n+1){background:var(--color-success)}@keyframes victory-fall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(105vh) rotate(540deg)}}@media (prefers-reduced-motion: reduce){.victory-card,.victory-icon,.victory-confetti span,.victory-overlay{animation:none}.victory-confetti{display:none}}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--color-text-muted)}.coming-soon-text{font-size:56px;font-weight:var(--font-weight-bold);letter-spacing:2px;opacity:.85}.nav-badge{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--color-danger);color:#fff;font-size:15px;font-weight:var(--font-weight-bold);line-height:22px;text-align:center;flex-shrink:0;animation:nav-badge-pulse 1.8s ease-in-out infinite}@keyframes nav-badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 #d6304999}50%{transform:scale(1.1);box-shadow:0 0 0 7px #d6304900}}@media (prefers-reduced-motion: reduce){.nav-badge{animation:none}}.wallet-modal{width:min(460px,92vw)}.modal-back{background:none;border:none;color:var(--color-text-muted);font-size:22px;line-height:1;padding:0 8px 0 0}.modal-back:hover{color:var(--color-text)}.pay-lead{text-align:center;margin:var(--space-sm) 0 var(--space-md)}.pay-choice{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.pay-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-lg) var(--space-sm);border-radius:var(--radius-lg);background:var(--color-surface-2);border:1.5px solid var(--color-border);color:var(--color-text);transition:border-color .2s ease,transform .2s ease}.pay-option:hover{border-color:var(--color-accent);transform:translateY(-2px)}.pay-option b{font-size:18px}.pay-option span{color:var(--color-text-muted);font-size:12px;text-align:center}.pay-option-icon{width:46px;height:33px;object-fit:contain}.pay-option-emoji{font-size:33px;line-height:33px}.pay-withdraw{display:block;margin:var(--space-md) auto 0}.pay-amount{font-size:22px;font-weight:var(--font-weight-bold);text-align:center;font-variant-numeric:tabular-nums}.pay-presets{display:flex;flex-wrap:wrap;gap:8px;margin:var(--space-sm) 0 var(--space-md)}.pay-preset{flex:1;min-width:64px;padding:9px 6px;border-radius:var(--radius-sm);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.pay-preset.active{border-color:var(--color-accent);background:var(--color-accent-dim)}.squad-lobby{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-top:6px}.squad-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-height:200px;padding:var(--space-sm);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.09);color:var(--color-text);overflow:hidden}.squad-slot.me{border-color:var(--color-accent);background:#2698ec1f}.squad-slot.empty{justify-content:center;border-style:dashed;border-color:#ffffff2e;color:var(--color-text-muted);transition:border-color .2s ease,transform .2s ease}.squad-slot.empty:hover{border-color:var(--color-accent);transform:translateY(-2px)}.squad-plus{font-size:38px;line-height:1;opacity:.6}.squad-snake{position:relative;width:100%;height:132px;flex-shrink:0}.squad-snake-svg{position:absolute;top:50%;left:50%;width:132px;height:48px;max-width:none;transform:translate(-50%,-50%) rotate(-90deg)}.squad-slot-name{font-weight:var(--font-weight-bold);font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad-slot-id{color:var(--color-text-muted);font-size:11.5px}.squad-crown{position:absolute;top:6px;right:8px;color:var(--color-gold);font-size:14px}.duel-toast{position:absolute;left:50%;top:24px;z-index:60;display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);border-radius:var(--radius-pill);background:var(--color-modal-bg);border:1.5px solid var(--color-accent);box-shadow:var(--shadow-accent);white-space:nowrap;animation:duel-fly-in .45s cubic-bezier(.2,1.3,.4,1) both}@keyframes duel-fly-in{0%{opacity:0;transform:translate(-50%,-70px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.duel-toast-icon{width:30px;height:30px;object-fit:contain}.duel-toast-text{display:flex;flex-direction:column;line-height:1.25}.duel-toast-text b{font-size:15px}.duel-toast-text span{color:var(--color-text-muted);font-size:12px}.duel-toast-stake{color:var(--color-accent);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.duel-toast-accept{padding:7px 16px}.duel-toast-close{background:none;border:none;color:var(--color-text-muted);font-size:16px;padding:0 2px}.duel-toast-close:hover{color:var(--color-text)}@media (prefers-reduced-motion: reduce){.duel-toast{animation:none;transform:translate(-50%)}}.fr-page,.sq-page{display:flex;flex-direction:column;gap:var(--space-sm)}.fr-add{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.fr-add-me{display:flex;flex-direction:column;gap:2px;padding-right:var(--space-md);border-right:1px solid var(--color-border)}.fr-add-me b{font-size:17px}.fr-add-form{display:flex;gap:8px;flex:1;min-width:220px}.fr-add-form input{flex:1}.fr-add-form input,.sq-option input{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);color:var(--color-text);font-size:15px;font-family:inherit}.fr-row{display:flex;align-items:center;gap:var(--space-sm);padding:9px 0;border-bottom:1px solid var(--color-border)}.fr-row:last-child{border-bottom:none}.fr-avatar{flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);border:1px solid var(--color-border);font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.fr-row.online .fr-avatar{border-color:var(--color-success);color:var(--color-text)}.fr-row-main{flex:1;min-width:0}.fr-row-name{font-weight:var(--font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-row-sub{display:flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:12px}.fr-dot{width:7px;height:7px;border-radius:50%;background:var(--color-text-muted);opacity:.5}.fr-dot.on{background:var(--color-success);opacity:1;box-shadow:0 0 6px var(--color-success)}.fr-row-actions{display:flex;align-items:center;gap:6px}.fr-btn{border-radius:var(--radius-sm);padding:7px 12px;font-size:var(--font-size-small);font-weight:var(--font-weight-bold);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text)}.fr-btn.accent{background:var(--color-accent);border-color:transparent;color:var(--color-text-on-accent)}.fr-btn.ghost{background:transparent;color:var(--color-text-muted);padding:7px 10px}.fr-duels{border-color:var(--color-accent)}.fr-stakes-row{display:flex;gap:8px;flex-wrap:wrap}.fr-stake{flex:1;min-width:84px;padding:10px;border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);font-weight:var(--font-weight-bold)}.fr-empty{color:var(--color-text-muted);font-size:var(--font-size-small);padding:var(--space-sm) 0}.sq-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.sq-name{font-size:20px;font-weight:var(--font-weight-bold)}.sq-code{color:var(--color-text-muted);font-size:12.5px}.sq-code b{color:var(--color-text);letter-spacing:2px;margin-left:4px}.sq-head-actions{display:flex;align-items:center;gap:8px}.sq-roster-head{display:flex;align-items:baseline;justify-content:space-between}.sq-count{color:var(--color-text-muted);font-size:12.5px}.sq-intro{padding:var(--space-sm) 2px var(--space-xs)}.sq-intro-title{font-size:22px;font-weight:var(--font-weight-bold);margin-bottom:4px}.sq-intro p{color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.45;margin:0}.sq-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-sm)}.sq-option{display:flex;flex-direction:column;gap:8px}.sq-option p{margin:0}.sq-option input{width:100%}.sq-option button{margin-top:auto}.sq-option .btn-secondary{border:1px solid var(--color-border)}.sq-code-input{letter-spacing:3px;text-transform:uppercase;text-align:center;font-weight:var(--font-weight-bold)}.te-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1200;background:#1c1c1c;color:#f0f0f0;border:1px solid #3a3a3a;border-right:none;border-radius:10px 0 0 10px;padding:12px 6px;font-size:12px;font-weight:600;font-family:system-ui,sans-serif;opacity:.55;writing-mode:vertical-rl;letter-spacing:1px;box-shadow:-2px 0 12px #0006}.te-toggle:hover{opacity:1}.te-panel{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);z-index:1300;background:#141414;border-left:1px solid #333;color:#eaeaea;font-family:system-ui,-apple-system,sans-serif;font-size:13px;display:flex;flex-direction:column;box-shadow:-8px 0 32px #00000080}.te-head{padding:10px 12px;border-bottom:1px solid #2b2b2b;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.te-head h3{font-size:15px;margin:0;white-space:nowrap}.te-head-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.te-btn{background:#242424;color:#e8e8e8;border:1px solid #383838;border-radius:7px;padding:5px 10px;font-size:11.5px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.te-btn:hover{background:#2e2e2e}.te-btn.danger{border-color:#6b2b2b;color:#ff9c9c}.te-close{background:none;border:none;color:#999;font-size:15px;cursor:pointer;padding:2px 6px}.te-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid #2b2b2b;overflow-x:auto;flex-wrap:wrap}.te-tabs button{background:#202020;border:1px solid #2e2e2e;color:#c8c8c8;border-radius:999px;padding:4px 11px;font-size:11.5px;font-family:inherit;cursor:pointer;white-space:nowrap}.te-tabs button.active{background:#2b6ea8;border-color:#3d8ac9;color:#fff}.te-body{flex:1;overflow-y:auto;padding:6px 12px 12px}.te-row{padding:8px 0;border-bottom:1px solid #232323}.te-row.te-changed .te-name:after{content:"•";color:#4fb3ff;margin-left:6px}.te-label{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.te-name{font-weight:600;font-size:12.5px}.te-hint{color:#8c8c8c;font-size:11px}.te-var{color:#6f6f6f;font-size:10.5px;font-family:ui-monospace,monospace}.te-control{display:flex;align-items:center;gap:8px}.te-color{width:42px;height:30px;padding:0;border:1px solid #3a3a3a;border-radius:6px;background:none;cursor:pointer;flex-shrink:0}.te-text{flex:1;min-width:0;background:#1c1c1c;border:1px solid #333;border-radius:6px;color:#eaeaea;padding:6px 8px;font-size:12px;font-family:ui-monospace,monospace}.te-text.wide{flex:1}.te-range{flex:1;min-width:0;accent-color:#3d8ac9}.te-num{width:74px;background:#1c1c1c;border:1px solid #333;border-radius:6px;color:#eaeaea;padding:6px 8px;font-size:12px;font-family:ui-monospace,monospace}.te-reset{background:none;border:1px solid #333;border-radius:6px;color:#9a9a9a;width:30px;height:30px;cursor:pointer;flex-shrink:0;font-size:14px}.te-reset:disabled{opacity:.25;cursor:default}.te-export{border-top:1px solid #2b2b2b;padding:8px 12px;background:#101010}.te-export-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;color:#9a9a9a;font-size:11px;margin-bottom:6px;line-height:1.4}.te-export textarea{width:100%;height:130px;background:#0b0b0b;color:#b9d8ee;border:1px solid #2a2a2a;border-radius:6px;padding:8px;font-family:ui-monospace,monospace;font-size:11px;resize:vertical}.te-foot{padding:8px 12px;border-top:1px solid #2b2b2b;color:#8c8c8c;font-size:11px;line-height:1.4}