.economy-shortcuts{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ranking-shortcut{color:var(--text)}.ranking-shortcut svg{color:var(--signal)}.economy-lives{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;background:transparent;border:0;color:#d59491;font:inherit;cursor:pointer}.economy-fee{font-size:.78rem;line-height:1.5;color:var(--muted);margin-block:12px}.weekly-period{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.85rem;flex-wrap:wrap}.weekly-prizes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-block:24px;text-align:center}.weekly-prizes>div{display:grid;gap:8px}.weekly-prizes span{color:var(--muted);font-size:.8rem}.weekly-prizes strong{color:var(--signal);font-size:1.1rem}.weekly-entries{list-style:none;padding:0;margin:0}.weekly-entries li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line);font-size:.85rem}.weekly-entries strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekly-entries small{color:var(--muted)}.weekly-entries .is-self{background:#2b4741}@media(max-width:600px){.economy-shortcuts{flex:1;gap:4px}.menu-footer .ranking-shortcut{font-size:.72rem}}:root{color-scheme:dark;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif;--void: #132d2b;--graphite: #102624;--surface: #203a36;--surface-2: #2b4741;--text: #f5f0e4;--muted: #a8b9ae;--dim: #869e91;--signal: #edc17b;--signal-ink: #2c3025;--primary: var(--signal);--secondary: #87b9a9;--success: #9bc6a7;--warning: #edc17b;--danger: #e3a092;--teal: #87b9a9;--amber: #edc17b;--line: rgb(218 231 217 / .12);--line-strong: rgb(218 231 217 / .26);--radius: 16px;--radius-small: 10px;--radius-panel: 28px;--radius-full: 999px;--shadow: 0 24px 70px rgb(5 21 18 / .28);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--motion-fast: .12s;--motion-normal: .22s;--ease-out: cubic-bezier(.2,.7,.2,1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}html{background:var(--void);scrollbar-color:#597365 var(--void)}body{color:var(--text);background:var(--void);overscroll-behavior-y:none}button,input,select,textarea{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,select{cursor:pointer}button:disabled{cursor:default;opacity:.46}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--signal);outline-offset:4px}button:focus:not(:focus-visible){outline:none}input,textarea{caret-color:var(--signal)}a{color:inherit}p{line-height:1.5}svg{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-root{min-height:100dvh;isolation:isolate}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:var(--radius);padding:12px 20px;background:var(--surface-2);color:var(--text);font-weight:750;line-height:1.3;text-align:center;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast),box-shadow var(--motion-fast)}.button>span:not(.button__spinner){display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px}.button svg{width:19px;height:19px}.button--primary{min-height:56px;background:var(--signal);color:var(--signal-ink);box-shadow:0 3px #b88d53}.button--quiet{background:transparent;color:var(--muted)}.button--danger{background:#563c35;color:#ffd2c8}.button:active:not(:disabled){transform:translateY(2px) scale(.985)}.button--primary:active:not(:disabled){box-shadow:0 1px #b88d53}.button__spinner{width:17px;height:17px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:spin .65s linear infinite}.icon-button{width:46px;height:46px;flex:none;display:inline-grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--surface);color:var(--muted);transition:transform var(--motion-fast),background var(--motion-fast),color var(--motion-fast)}.icon-button svg{width:21px;height:21px;stroke-width:1.8}.icon-button:active:not(:disabled){transform:scale(.92)}.text-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px;border:0;background:none;color:var(--muted);font-size:.82rem}@media(hover:hover){.button:hover:not(:disabled){background:#37554c}.button--primary:hover:not(:disabled){background:#f6cd8d}.button--quiet:hover:not(:disabled){background:var(--surface);color:var(--text)}.button--danger:hover:not(:disabled){background:#6b4840}.icon-button:hover{color:var(--text);background:var(--surface-2)}.text-button:hover{color:var(--text)}}.brand{display:inline-flex;align-items:center;gap:17px;color:var(--text);white-space:nowrap;direction:ltr}.brand-mark{width:52px;height:52px;flex:none;color:var(--signal)}.brand-wordmark{font-size:clamp(28px,3.2vw,42px);font-weight:900;letter-spacing:-.045em;line-height:1}.brand--compact{gap:10px}.brand--compact .brand-mark{width:30px;height:30px}.brand--compact .brand-wordmark{font-size:18px;letter-spacing:-.025em}.home-shell{min-height:100svh;max-width:1280px;margin-inline:auto;padding:max(12px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left));display:flex;flex-direction:column;animation:scene-in var(--motion-normal) var(--ease-out)}.menu-header{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:20px}.menu-header-mark{width:35px;height:35px;opacity:.8}.menu-header-actions{display:flex;gap:16px;align-items:center}.menu-profile{min-width:0;display:inline-flex;align-items:center;gap:13px;padding:0;border:0;background:transparent;text-align:start}.menu-avatar{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:50%;background:#e3dfca;color:#223e35;font-size:29px;box-shadow:0 2px #091e1b;transition:transform var(--motion-fast)}.menu-profile:active .menu-avatar{transform:scale(.94)}.menu-player-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700}.menu-wallet{min-height:44px;display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border:0;border-radius:var(--radius-full);color:var(--signal);background:var(--surface);font-variant-numeric:tabular-nums;font-weight:800}.menu-save-prompt{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #edc17b42;border-radius:var(--radius-full);background:#edc17b0d;color:var(--muted);font-size:.7rem}.menu-save-prompt strong{color:var(--signal);font-size:.72rem}.gold-coin{width:18px;height:18px;flex:none;border-radius:50%;background:var(--signal);box-shadow:inset 0 0 0 3px #b38c50,inset 0 0 0 4px #fbe0a4}.home-main{flex:1;width:100%;max-width:1040px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);grid-template-rows:1fr 1fr;column-gap:clamp(45px,7vw,100px);row-gap:34px;padding:48px 0 56px;align-content:center}.home-brand{grid-column:1;grid-row:1;align-self:end}.home-brand h1{margin:0;font-size:inherit}.home-brand p{margin:17px 0 0;font-size:1rem;color:var(--muted);letter-spacing:.015em}.home-board-preview{grid-column:2;grid-row:1 / span 2;align-self:center;width:100%;max-width:470px;justify-self:center;pointer-events:none}.home-actions{grid-column:1;grid-row:2;align-self:start;width:100%;max-width:370px;display:grid;gap:15px}.play-button{width:100%;min-height:62px;border-radius:20px;padding:15px 24px;font-size:1.12rem}.play-button>span:not(.button__spinner){width:100%;display:flex;justify-content:space-between}.play-button svg{width:22px;height:22px}[dir=rtl] .play-button svg{transform:rotate(180deg)}.friends-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.friends-actions .button{min-height:50px;padding:12px 10px;font-size:.86rem;background:transparent;color:#d4ded0}.friends-actions .button+.button{position:relative}.friends-actions .button+.button:before{content:"";position:absolute;inset-inline-start:-6px;top:17px;bottom:17px;width:1px;background:var(--line-strong)}.onboarding-form{display:grid;gap:10px}.onboarding-form>label{font-weight:650;color:var(--muted);font-size:.82rem}.onboarding-form input{background:var(--graphite)}.onboarding-form .play-button{margin-top:4px}.onboarding-form .field-error{margin:0}.menu-footer{min-height:48px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--dim);font-size:.76rem}.shop-shortcut{display:flex;align-items:center;gap:14px;width:100%;max-width:370px;min-height:66px;padding:12px 18px;border:0;border-radius:18px;background:#2b4741;color:var(--text);text-align:start;transition:background var(--motion-fast),transform var(--motion-fast)}.shop-shortcut:hover{background:#34554d}.shop-shortcut:active{transform:scale(.985)}.shop-shortcut>svg:first-child,.shop-shortcut-symbol{color:var(--signal);width:26px;height:26px;font-size:25px;flex:none}.shop-shortcut>span:not(.shop-shortcut-symbol){display:grid;gap:3px;flex:1}.shop-shortcut strong{color:var(--text);font-size:1rem;font-weight:750}.shop-shortcut small{color:var(--muted);font-size:.7rem}.shop-shortcut>svg:last-child{color:var(--signal);width:20px}.menu-footer .shop-shortcut{margin-block:8px}@media(max-width:600px){.menu-footer:has(.shop-shortcut){gap:10px;flex-wrap:wrap}.menu-footer .shop-shortcut{max-width:none;flex:1 1 100%;margin-block:0}.menu-footer:has(.shop-shortcut)>.text-button{margin-inline-start:auto}}.menu-connection{display:flex;align-items:center;gap:7px;color:var(--warning)}input,select,textarea{max-width:100%;width:100%;min-height:50px;border:1px solid var(--line-strong);border-radius:12px;padding:12px 14px;background:var(--graphite);color:var(--text);font-size:16px}input::placeholder,textarea::placeholder{color:var(--dim)}input[aria-invalid=true]{border-color:var(--danger)}select{padding-inline-end:28px}textarea{resize:vertical}.field-label{display:block;margin-bottom:9px;color:var(--muted);font-size:.79rem;font-weight:650}.field-help{color:var(--muted);font-size:.78rem;line-height:1.5}.field-error{color:var(--danger);font-size:.8rem;line-height:1.45}.language-picker{width:auto;max-width:160px;min-height:44px}.status-pill{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;color:var(--muted)}.status-pill>i{width:6px;height:6px;border-radius:50%;background:var(--dim)}.status-pill--ok>i{background:var(--success)}.status-pill--warn>i{background:var(--warning)}.status-pill--danger>i{background:var(--danger)}.modal-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#04120fb8;animation:fade-in .14s ease}.modal{position:relative;width:min(100%,560px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:32px;border:0;border-radius:var(--radius-panel);background:#1b3630;box-shadow:var(--shadow);animation:sheet-in var(--motion-normal) var(--ease-out);scrollbar-width:thin}.modal:focus{outline:none}.modal h2{margin:0 56px 22px 0;font-size:1.65rem;line-height:1.2;letter-spacing:-.035em;font-weight:800}[dir=rtl] .modal h2{margin:0 0 22px 56px}.modal>p{margin:-10px 20px 24px 0;color:var(--muted);font-size:.9rem}.modal-close{position:absolute;inset-block-start:22px;inset-inline-end:22px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:26px}.modal-actions .button{flex:1}.toast-region{position:fixed;z-index:110;inset-block-start:max(80px,calc(env(safe-area-inset-top) + 64px));inset-inline:16px;display:grid;justify-items:center;gap:8px;pointer-events:none}.toast{pointer-events:auto;max-width:min(100%,430px);display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;border:0;border-radius:16px;background:#e9e9da;color:#254335;font-size:.86rem;font-weight:600;text-align:start;box-shadow:0 5px 22px #081e1b26;animation:sheet-in var(--motion-normal) var(--ease-out)}.toast>i{flex:none;width:7px;height:7px;border-radius:50%;background:#4d7560}.toast--danger>i{background:#aa5447}.toast--success>i{background:#427a52}.empty-state{text-align:center;color:var(--muted);padding:32px 16px}.empty-state h3{color:var(--text)}.boot-screen{position:fixed;z-index:120;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;background:var(--void);padding:32px}.boot-screen .brand{flex-direction:column;gap:24px;animation:scene-in .3s var(--ease-out)}.boot-screen .brand-mark{width:84px;height:84px}.boot-screen .brand-wordmark{font-size:32px}.boot-progress{width:92px;height:3px;overflow:hidden;background:var(--surface-2);border-radius:9px}.boot-progress i{display:block;width:40%;height:100%;background:var(--signal);border-radius:inherit;animation:load-travel 1s ease-in-out infinite}@media(max-width:800px){.home-shell{padding-inline:max(22px,env(safe-area-inset-left)) max(22px,env(safe-area-inset-right));padding-block-start:max(8px,env(safe-area-inset-top));padding-block-end:max(8px,env(safe-area-inset-bottom))}.menu-header{min-height:64px;gap:10px}.menu-header-actions{gap:10px}.menu-avatar{width:44px;height:44px;font-size:26px}.menu-profile{gap:9px}.menu-player-name{max-width:135px;font-size:.83rem}.menu-wallet{padding:8px 11px;font-size:.9rem;gap:7px}.menu-save-prompt span{display:none}.menu-save-prompt{padding-inline:11px}.home-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:16px 0 12px}.home-brand{align-self:center;text-align:center}.home-brand .brand{gap:12px}.home-brand .brand-mark{width:37px;height:37px}.home-brand .brand-wordmark{font-size:31px}.home-brand p{margin:8px 0 0;font-size:.8rem}.home-board-preview{width:min(80vw,max(180px,calc(100svh - 435px)),340px)}.home-shell--guest .home-board-preview{width:min(78vw,max(170px,calc(100svh - 470px)),320px)}.home-actions{align-self:center;max-width:370px;gap:10px}.play-button{min-height:58px;border-radius:18px;font-size:1.06rem}.friends-actions{gap:10px}.friends-actions .button{min-height:48px;font-size:.84rem;padding:10px 6px}.onboarding-form{gap:8px}.onboarding-form>label{font-size:.76rem}.onboarding-form input{min-height:48px}.menu-footer{min-height:44px;gap:10px;font-size:.68rem}.menu-footer .text-button{font-size:.72rem;padding-inline:0}}@media(max-width:600px){.modal-backdrop{place-items:end center;padding:max(12px,env(safe-area-inset-top)) 0 0}.modal{width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));border-radius:26px 26px 0 0;padding:27px max(22px,env(safe-area-inset-right)) max(24px,calc(env(safe-area-inset-bottom) + 16px)) max(22px,env(safe-area-inset-left));box-shadow:none}.modal h2{font-size:1.5rem}.modal-close{top:18px;inset-inline-end:max(18px,env(safe-area-inset-right))}}@media(max-width:360px){.home-shell{padding-inline:16px}.menu-player-name{max-width:106px}.menu-header-actions{gap:8px}.home-main{gap:14px}.home-brand .brand-wordmark{font-size:29px}}@media(max-height:500px)and (orientation:landscape){.home-shell{padding-block:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-bottom))}.menu-header{min-height:48px}.menu-player-name{max-width:180px}.home-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:12px 40px;padding:12px 0}.home-brand{grid-column:1;grid-row:1;text-align:start}.home-brand .brand-wordmark{font-size:26px}.home-board-preview,.home-shell--guest .home-board-preview{grid-column:2;grid-row:1 / span 2;width:min(100%,calc(100svh - 115px));max-width:290px}.home-shell:has(.shop-shortcut) .home-board-preview{width:min(100%,calc(100svh - 195px))}.home-actions{grid-column:1;grid-row:2}.menu-footer{min-height:30px}.menu-footer .text-button{min-height:36px}.menu-footer .shop-shortcut{min-height:58px;padding-block:8px;margin-block:4px}.home-brand p{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-contrast=high]{--text: #fff;--muted: #d5e2d7;--dim: #bdcfc0;--line-strong: #9eb7a8}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes load-travel{0%{transform:translate(-110%)}to{transform:translate(360%)}}.board-outer{--board-ivory: #e8e4d7;--board-groove: #617970;position:relative;width:100%;aspect-ratio:1;padding:clamp(8px,1.5vw,14px);border-radius:24px;background:#476359;box-shadow:0 7px #0e2420,0 18px 30px #071b1a35,inset 0 1px #b4c4ae40;container-type:inline-size;direction:ltr;transform-origin:center;transition:transform .18s cubic-bezier(.2,.7,.2,1)}.board-2d{position:relative;width:100%;height:100%;border:0;border-radius:12px;background:var(--board-groove);touch-action:manipulation;isolation:isolate}.board-cell{position:absolute;padding:0;border:0;border-radius:0;background:none;opacity:1!important;cursor:default}.board-tile{position:absolute;inset:2px;display:grid;place-items:center;border-radius:5px;background:var(--board-ivory);box-shadow:inset 0 1px #fffffff0,0 1px #233c3133;transition:background .14s ease,box-shadow .14s ease}.board-cell.is-legal{cursor:pointer}.board-cell.is-legal .board-tile{background:#d7e1cf}.board-cell.is-legal .board-tile i{width:17%;height:17%;border-radius:50%;background:#6b8975;opacity:.65}.board-cell.is-selected .board-tile{background:#c0d4bc;box-shadow:inset 0 0 0 2px #7b9a80}.board-cell:focus-visible{outline:2px solid #255c4a;outline-offset:-4px;z-index:9}.board-goal{position:absolute;z-index:1;pointer-events:none;opacity:.66;border:0}.board-goal.is-self{opacity:1}.board-goal--north,.board-goal--south{left:2px;right:2px;height:11%}.board-goal--north{top:2px;background:linear-gradient(#c96c685e,#c96c6800);border-radius:5px 5px 0 0}.board-goal--south{bottom:2px;background:linear-gradient(0deg,#c96c685e,#c96c6800);border-radius:0 0 5px 5px}.board-goal--east,.board-goal--west{top:2px;bottom:2px;width:11%}.board-goal--east{right:2px;background:linear-gradient(270deg,#c96c685e,#c96c6800)}.board-goal--west{left:2px;background:linear-gradient(90deg,#c96c685e,#c96c6800)}.board-goal:not(.is-self){opacity:.82}.board-center-goal{position:absolute;z-index:2;left:44.45%;top:44.45%;width:11.1%;height:11.1%;display:grid;place-items:center;border:2px solid #b65f5b99;border-radius:28%;background:#b65f5b25;box-shadow:inset 0 0 0 2px #f0c28c33,0 0 0 4px #b65f5b14;pointer-events:none}.board-center-goal span{color:#a64f4d;font-size:clamp(18px,5cqw,31px);line-height:1;filter:drop-shadow(0 1px 0 #fff8)}.board-piece{position:absolute;z-index:4;min-width:44px;min-height:44px;display:grid;place-items:center;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);border-radius:50%;opacity:1!important;pointer-events:none;transition:left .19s cubic-bezier(.2,.7,.2,1),top .19s cubic-bezier(.2,.7,.2,1),opacity .12s ease}.board-piece:before{content:"";position:absolute;inset:8%;border-radius:50%;background:var(--piece-color);box-shadow:inset 0 2px 1px #ffffff80,inset 0 -3px #1b3b3535,0 3px 3px #213d3540;border:2px solid #faf6e9}.board-piece>span{position:relative;z-index:1;font-size:clamp(17px,4.7cqw,29px);line-height:1;filter:drop-shadow(0 1px 0 #fff3);pointer-events:none}.mobile-player-photo{position:absolute;z-index:2;inset:12%;width:76%;height:76%;object-fit:cover;border-radius:50%;pointer-events:none}.mobile-player-aura{position:absolute;inset:1%;border:3px solid;border-radius:50%;pointer-events:none}.mobile-match-reaction{position:fixed;right:max(24px,env(safe-area-inset-right));top:92px;width:88px;height:88px;z-index:30;pointer-events:none;animation:mobile-reaction-life 3s ease-out forwards}@keyframes mobile-reaction-life{0%{opacity:0;transform:scale(.85)}10%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){.mobile-match-reaction{animation:mobile-reaction-life 3s steps(1) forwards}}.board-piece.is-self{z-index:7}.board-piece.is-self:after{content:"";position:absolute;inset:2%;border:1.5px solid #244e3e99;border-radius:50%}.board-piece.is-self:not(:disabled){cursor:grab;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.board-piece.is-self:active:before{transform:scale(1.06);box-shadow:inset 0 2px 1px #ffffff90,0 6px 8px #19383045}.board-piece.is-self:active{cursor:grabbing}.board-piece.is-eliminated{filter:grayscale(1);opacity:.35!important}.board-piece.is-frozen:before{background:linear-gradient(145deg,#cfe9f1,#78aec6);box-shadow:inset 0 2px 1px #fffb,0 0 0 3px #b9e8f244,0 0 18px #7ecde080}.board-piece.is-timed:before{box-shadow:inset 0 2px 1px #ffffff80,0 0 0 3px #e5c57855,0 0 14px #e5c57866}.battle-piece-status{position:absolute;z-index:3;right:-3px;top:-4px;display:grid;place-items:center;width:18px;height:18px;border:1px solid #f6f1df;border-radius:50%;background:#3b7891;color:#f7fbf5;font-size:.66rem;font-style:normal;font-weight:750;box-shadow:0 2px 5px #102c2c66;animation:battle-pulse .9s ease-in-out infinite}.board-piece.is-timed .battle-piece-status{background:#a57d45}.board-2d.is-dragging-piece .board-piece.is-self{opacity:.25!important}.board-wall{position:absolute;z-index:5;pointer-events:none;background:var(--wall-color, #ddbd77);border-radius:4px;box-shadow:inset 0 1px #fff6,0 2px 3px #12372d66}.board-wall--target{pointer-events:auto;cursor:crosshair;border:0;padding:0;appearance:none;transition:filter .12s ease,transform .12s ease}.board-wall--target:hover,.board-wall--target:focus-visible{filter:brightness(1.2);transform:translateY(-50%) scale(1.08);outline:2px solid #f0d99b;outline-offset:3px}.board-wall--vertical.board-wall--target:hover,.board-wall--vertical.board-wall--target:focus-visible{transform:translate(-50%) scale(1.08)}.board-wall--horizontal{height:clamp(6px,1.6cqw,9px);transform:translateY(-50%)}.board-wall--vertical{width:clamp(6px,1.6cqw,9px);transform:translate(-50%)}.board-wall--preview{z-index:8;background:#e4c780;box-shadow:0 0 0 2px #fff7,0 3px 5px #173a3655}.board-wall--preview.is-invalid{background:#c8766c;box-shadow:0 0 0 2px #f9e1da88}.battle-wall-break{z-index:9;background:#e7c77f;animation:battle-wall-break .42s cubic-bezier(.2,.8,.3,1) both}.battle-wall-break.board-wall--horizontal{animation-name:battle-wall-break-horizontal}.battle-wall-break.board-wall--vertical{animation-name:battle-wall-break-vertical}.wall-anchor{position:absolute;z-index:6;display:grid;place-items:center;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);touch-action:manipulation}.wall-anchor i{display:block;width:150%;height:6px;border-radius:4px;background:#ddbd77;box-shadow:0 0 0 2px #fff9;opacity:0;pointer-events:none}.wall-anchor--vertical i{width:6px;height:150%}.wall-anchor:focus-visible{outline:0}.wall-anchor:focus-visible i{opacity:.9}.piece-drop-preview{position:absolute;z-index:3;transform:translate(-50%,-50%);border:2px solid #497f63;border-radius:50%;background:#7aa78540;pointer-events:none}.piece-drop-preview.is-invalid{border-color:#b76e62;background:#c77d7033}.game-v2,.lobby-shell-v2{min-height:100dvh;color:var(--text, #f0eee5);background:var(--background, #132d2b);padding:env(safe-area-inset-top) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.game-v2 button,.lobby-shell-v2 button{-webkit-tap-highlight-color:transparent}.game-top,.lobby-header{max-width:1200px;min-height:78px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.game-top-tools,.lobby-header-tools{display:flex;align-items:center;gap:6px}.game-top-tools .icon-button,.lobby-header-tools .icon-button{background:transparent;border:0;width:44px;height:44px}.connection-dot{width:6px;height:6px;border-radius:50%;background:var(--warning, #d6b570);margin-inline:8px;flex:none}.connection-dot.is-online{background:#85ba9c}.game-layout{max-width:1040px;margin:16px auto 0;display:grid;grid-template-columns:minmax(0,660px) minmax(230px,280px);align-items:center;justify-content:center;column-gap:clamp(30px,5vw,72px)}.game-board-section{min-width:0;width:min(100%,calc(100dvh - 205px));justify-self:center}.game-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.game-player{min-width:0;display:flex;align-items:center;gap:11px}.game-player:last-child:nth-child(2){justify-self:end;flex-direction:row-reverse;text-align:end}.game-player-avatar{width:47px;height:47px;position:relative;display:grid;place-items:center;flex:none;border-radius:50%;background:#24443e;font-size:24px;box-shadow:inset 0 0 0 2px var(--player-color);transition:box-shadow .18s ease}.game-player.is-turn .game-player-avatar{box-shadow:inset 0 0 0 3px var(--player-color),0 0 0 4px #132d2b,0 0 0 5px var(--player-color)}.game-player>div{min-width:0}.game-player strong{display:block;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:650}.game-player .bot-tag{margin-inline-end:5px;color:var(--muted);font-size:.58rem;font-style:normal;font-weight:500;letter-spacing:0}.game-player small{display:flex;align-items:center;gap:5px;margin-top:5px;color:#a4b8aa;font-size:.72rem;line-height:1.2}.game-player:last-child:nth-child(2) small{justify-content:flex-end}.game-player small em{font-style:normal;opacity:.75;margin-inline-start:3px}.game-player.is-eliminated{opacity:.4}.mini-wall{display:inline-block;width:13px;height:4px;border-radius:2px;background:var(--player-color)}.game-players--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.game-players--4 .game-player{flex-direction:column;text-align:center;gap:8px}.game-players--4 .game-player>div{width:100%}.game-players--4 .game-player small{justify-content:center}.game-players--4 .game-player strong{max-width:100%;font-size:.76rem}.game-players--4 .game-player small em{display:none}.turn-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 3px 12px;min-height:25px}.turn-heading h1{margin:0;max-width:78%;font-size:clamp(.95rem,1.7vw,1.15rem);line-height:1.3;letter-spacing:-.025em;font-weight:600;color:#b8c9bc;overflow-wrap:anywhere;animation:turn-arrive .18s ease both}.turn-heading.is-mine h1{color:var(--primary, #e5c578)}.turn-heading>span{flex:none;color:#91a699;font-size:.62rem;letter-spacing:.07em;font-weight:600}.game-controls{width:100%;min-width:0}.play-dock{display:grid;grid-template-columns:64px 1fr;gap:20px 16px;align-items:center}.pawn-mode{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:76px;padding:7px;border:0;border-radius:18px;background:transparent;color:#a7bcad;touch-action:manipulation}.pawn-mode>span{display:grid;place-items:center;width:43px;height:43px;background:#274940;border-radius:50%;font-size:26px;box-shadow:inset 0 0 0 2px var(--piece-color)}.pawn-mode small{font-size:.65rem}.pawn-mode.is-active{background:#f0eee509}.wall-inventory{display:flex;flex-direction:column;gap:6px;justify-content:center}.wall-inventory>span{color:#8fa99b;font-size:.65rem;letter-spacing:.06em}.wall-inventory strong{font-size:2rem;font-weight:600;color:#e5c578;line-height:1;font-variant-numeric:tabular-nums}.wall-tray{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.wall-source{display:grid;place-items:center;min-height:86px;border:0;border-radius:18px;background:#1c3933;position:relative;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:background .14s ease,transform .14s ease}.wall-source.is-active{background:#2c493d}.wall-source.is-active:after{content:"";width:4px;height:4px;position:absolute;bottom:8px;border-radius:50%;background:#dfbf79}.wall-source:active{cursor:grabbing;transform:scale(.97)}.wall-source-shape{display:block;border-radius:4px;background:#dfbf79;box-shadow:inset 0 2px #fff6,0 4px #967c43,0 7px 6px #091c1a55;pointer-events:none}.wall-source-shape--horizontal{width:58px;height:10px}.wall-source-shape--vertical{height:48px;width:10px}.move-summary{min-height:40px;margin:20px 0 0;color:#97ae9e;font-size:.78rem;line-height:1.55;text-align:center}.move-summary.is-invalid{color:#df9d8e}.connection-warning{color:#e5c578;font-size:.8rem;line-height:1.5;text-align:center}.drag-token{position:fixed;z-index:1000;left:0;top:0;pointer-events:none;will-change:transform}.drag-token--move{display:grid;place-items:center;width:45px;height:45px;border:2px solid #fff8e9;border-radius:50%;background:var(--piece-color);font-size:28px;box-shadow:inset 0 2px #fff5,0 8px 12px #0a242a60}.drag-token--wall{background:#e4c780;border-radius:4px;box-shadow:inset 0 1px #fff6,0 6px 8px #0a242a60}.drag-token--horizontal{width:70px;height:9px}.drag-token--vertical{width:9px;height:70px}.battle-kit{margin-top:18px;padding-top:15px;border-top:1px solid #dce7d815}.battle-kit-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;color:#e5c578;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.battle-kit-heading small{min-width:0;overflow:hidden;color:#91a99a;font-size:.64rem;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.battle-kit-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.battle-ability{position:relative;min-width:0;min-height:68px;display:grid;justify-items:center;align-content:center;gap:5px;padding:8px 5px 7px;border:1px solid #dce7d812;border-radius:13px;background:#1a3833;color:#b9c9b8;font-size:.6rem;line-height:1.1;text-align:center;transition:background .14s ease,border-color .14s ease,transform .14s ease}.battle-ability svg{width:19px;height:19px;color:#e5c578}.battle-ability span{overflow-wrap:anywhere}.battle-ability b{position:absolute;top:5px;right:6px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#315349;color:#e5c578;font-size:.6rem}.battle-ability.is-active{border-color:#e5c57888;background:#29483e;box-shadow:inset 0 0 0 1px #e5c57833}.battle-ability:disabled{opacity:.38;cursor:not-allowed}.battle-ability:not(:disabled):active{transform:scale(.96)}.game-v2.is-battle .battle-kit{will-change:transform}.lobby-main{max-width:1070px;min-height:calc(100dvh - 126px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);align-items:center;gap:clamp(36px,7vw,100px);padding:24px 0 44px}.lobby-stage{min-width:0}.lobby-stage .section-heading{margin:0 0 26px}.lobby-stage .eyebrow{display:block;color:#8ca799;font-size:.65rem;font-weight:650;letter-spacing:.14em}.lobby-stage h1{margin:8px 0 0;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1;letter-spacing:-.055em;font-weight:650}.lobby-arena{max-width:460px}.lobby-panel{min-width:0}.room-code-panel{position:relative;margin-bottom:34px}.room-code-panel .field-label{color:#97ae9e;font-size:.62rem;letter-spacing:.11em;margin-bottom:10px}.room-code{display:flex;align-items:center;gap:3px}.room-code strong{flex:1;color:var(--primary, #e5c578);font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:.065em;font-weight:600;white-space:nowrap;-webkit-user-select:all;user-select:all;direction:ltr}.room-code .icon-button{background:transparent;border:0;flex:none;width:44px;height:44px;color:#a7bbad}.qr-panel{position:absolute;z-index:10;top:calc(100% + 12px);inset-inline-end:0;display:grid;justify-items:center;gap:12px;padding:19px;border-radius:18px;background:#f0eee5;color:#132d2b;box-shadow:0 15px 40px #061b1a70;font-size:.7rem}.players-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;color:#91a99a;font-size:.63rem;font-weight:600;letter-spacing:.08em}.players-heading strong{color:#d2dace;font-size:.72rem;font-variant-numeric:tabular-nums}.player-slots{display:grid;gap:7px}.player-slot{display:flex;min-height:70px;align-items:center;gap:12px;padding:8px 0}.player-mark{display:grid;place-items:center;width:47px;height:47px;flex:none;border-radius:50%;background:#27483e;box-shadow:inset 0 0 0 2px var(--player-color, #58756a);color:#d6e1d4;font-size:23px;font-weight:650}.player-slot>div{min-width:0;flex:1}.player-slot strong{display:flex;align-items:center;gap:5px;font-size:.86rem;font-weight:600;overflow-wrap:anywhere}.player-slot strong svg{color:#cbb575;width:13px;height:13px;flex:none}.player-slot small{display:block;color:#8ca799;font-size:.7rem;margin-top:4px}.player-slot small:empty{display:none}.ready-state{font-size:.7rem;color:#89a194;white-space:nowrap;display:flex;align-items:center;gap:3px}.ready-state svg{width:15px;height:15px}.ready-state.is-ready{color:#9acaac}.player-slot .icon-button{background:transparent;border:0;color:#789588;flex:none;width:44px;height:44px;margin-inline-end:-10px}.player-slot .icon-button svg{width:15px}.player-slot.is-empty{opacity:.6}.player-slot.is-empty .player-mark{box-shadow:none;background:#28413888}.player-slot.is-empty strong{color:#a2b4a7;font-size:.8rem;font-weight:400}.team-selector{margin-top:22px}.lobby-footer{margin-top:30px;text-align:center}.lobby-footer p{color:#8ca699;font-size:.76rem;margin:0 0 13px}.lobby-footer .ready-button{width:100%;min-height:56px}.ready-button>span{display:flex;align-items:center;justify-content:center;gap:8px}.result-shell{min-height:100dvh;display:grid;place-items:center;padding:max(28px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:var(--background, #132d2b)}.result-card{width:min(100%,430px);text-align:center}.result-emblem{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:#27473c;color:#e4c578;margin:0 auto 30px;font-size:46px;animation:result-arrive .38s cubic-bezier(.2,.7,.2,1) both}.result-emblem svg{width:40px;height:40px;stroke-width:1.5}.result-card .eyebrow{display:block;color:#9cb09f;font-size:.62rem;letter-spacing:.12em}.result-card h1{margin:13px 0 8px;font-size:clamp(2.7rem,7vw,4.25rem);letter-spacing:-.06em;font-weight:650;line-height:1}.is-victory .result-card h1{color:#e9ce8f}.result-card>p{color:#9eb3a2;font-size:.88rem;margin:15px 0 23px}.match-earned-gold{display:grid;gap:5px;margin:20px 0 28px;color:#e4c578}.match-earned-gold strong{font-size:1.75rem;font-weight:650}.match-earned-gold>span{font-size:.62rem;color:#b0bd9e;letter-spacing:.09em}.result-table{display:grid;gap:2px;margin:0 0 30px}.result-table>div{display:flex;align-items:center;gap:13px;min-height:59px;padding:7px 14px;border-radius:14px;text-align:start}.result-table>div.is-self{background:#e1ead209}.result-place{color:#829e8c;font-size:.74rem}.result-avatar{display:grid;place-items:center;width:35px;height:35px;background:#294a3d;border-radius:50%;font-size:21px}.result-table strong{font-size:.87rem;font-weight:550;overflow-wrap:anywhere}.result-winner{margin-inline-start:auto;flex:none;color:#d9bf7e}.result-actions{display:grid;gap:9px}.result-actions .button{min-height:54px}.ad-pause{position:fixed;inset:0;z-index:60;background:#102a27ee;display:grid;place-items:center;color:#dce5d5}@media(hover:hover){.board-cell.is-legal:hover .board-tile{background:#c0d4bc}.wall-anchor:hover i{opacity:.8}.wall-source:hover:not(:disabled){background:#2b493d}.pawn-mode:hover:not(:disabled){background:#f0eee50c}}@media(max-width:800px){.game-v2,.lobby-shell-v2{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom))}.game-top,.lobby-header{min-height:64px}.game-layout{display:flex;flex-direction:column;gap:22px;margin-top:10px;max-width:540px}.game-board-section{width:min(100%,calc(100dvh - 280px));min-width:min(100%,260px)}.game-players{margin-bottom:14px;gap:12px}.game-player-avatar{width:39px;height:39px;font-size:21px}.game-player{gap:9px}.game-player strong{font-size:.77rem;max-width:135px}.game-player small{font-size:.65rem;margin-top:4px}.game-players--4,.game-players--4 .game-player{gap:7px}.game-players--4 .game-player strong{font-size:.65rem}.game-players--4 .game-player small{font-size:.6rem}.turn-heading{margin-bottom:9px}.turn-heading h1{font-size:.88rem}.turn-heading>span{font-size:.56rem}.game-controls{width:min(100%,390px)}.play-dock{display:flex;gap:14px;justify-content:center}.pawn-mode{flex:none;min-height:64px;width:58px;padding:3px 6px;gap:5px;border-radius:16px}.pawn-mode>span{width:36px;height:36px;font-size:22px}.pawn-mode small{font-size:.58rem}.wall-inventory{width:48px;gap:5px;flex:none}.wall-inventory>span{font-size:.5rem;letter-spacing:.035em}.wall-inventory strong{font-size:1.5rem}.wall-tray{display:flex;gap:10px}.wall-source{width:74px;min-height:66px;border-radius:16px}.wall-source-shape--horizontal{width:46px;height:9px}.wall-source-shape--vertical{height:39px;width:9px}.wall-source.is-active:after{bottom:6px;width:3px;height:3px}.battle-kit{margin-top:13px;padding-top:12px}.battle-kit-actions{gap:6px}.battle-ability{min-height:61px;font-size:.56rem}.move-summary{min-height:28px;margin:12px auto 0;max-width:310px;font-size:.69rem}.lobby-main{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:32px}.game-v2.is-battle .game-layout{padding-top:78px}.game-v2.is-battle .battle-kit{position:fixed;z-index:30;top:calc(env(safe-area-inset-top) + 58px);left:50%;width:min(calc(100% - 24px),390px);margin:0;padding:9px 10px 10px;border:1px solid #dce7d82b;border-radius:18px;background:#17332fdc;box-shadow:0 10px 28px #061b1a55,inset 0 1px #ffffff13;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%)}.game-v2.is-battle .battle-kit-heading{margin-bottom:6px;font-size:.58rem}.game-v2.is-battle .battle-kit-actions{gap:5px}.game-v2.is-battle .battle-ability{min-height:54px;background:#214139d9}}@media(max-width:600px){.lobby-main{display:block;min-height:0;max-width:430px;padding:12px 3px}.lobby-stage .section-heading{text-align:center;margin:7px 0 32px}.lobby-stage h1{font-size:2.6rem}.lobby-stage .eyebrow{font-size:.56rem}.lobby-arena{display:none}.room-code-panel{margin-bottom:28px}.room-code-panel .field-label{font-size:.6rem}.room-code strong{font-size:1.65rem}.player-slot{min-height:64px;gap:10px}.player-slot strong{font-size:.8rem}.player-mark{width:44px;height:44px;font-size:22px}.ready-state{font-size:.64rem}.lobby-footer{margin-top:27px;padding-bottom:5px}.lobby-footer p{font-size:.71rem}}@media(max-width:360px){.game-v2,.lobby-shell-v2{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.game-top{min-height:56px}.game-layout{margin-top:6px;gap:18px}.game-player-avatar{width:34px;height:34px;font-size:19px}.game-player strong{font-size:.7rem;max-width:100px}.game-player{gap:7px}.play-dock{gap:9px}.wall-source{width:65px;min-height:62px}.wall-inventory{width:43px}.wall-tray{gap:8px}.lobby-stage .section-heading{margin-bottom:24px}.room-code strong{font-size:1.45rem}.room-code{gap:0}.player-slot .icon-button{width:44px;margin-inline-end:-7px}}@media(max-height:550px)and (orientation:landscape){.game-v2{padding-bottom:max(12px,env(safe-area-inset-bottom))}.game-top{min-height:47px;max-width:900px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:26px;max-width:750px;margin-top:7px}.game-board-section{width:min(100%,calc(100dvh - 133px));min-width:0}.game-players{margin-bottom:9px}.game-player-avatar{width:29px;height:29px;font-size:16px}.game-player strong{max-width:88px;font-size:.61rem}.game-player small{font-size:.55rem;margin-top:2px}.game-players--4 .game-player{gap:4px}.game-players--4 .game-player strong{font-size:.55rem}.game-players--4 .game-player small{display:none}.turn-heading{min-height:19px;margin-bottom:6px}.turn-heading h1{font-size:.72rem}.turn-heading>span{font-size:.5rem}.game-controls{width:240px}.play-dock{display:grid;grid-template-columns:62px 1fr;gap:12px;justify-content:initial}.wall-tray{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.wall-source{width:100%;min-height:66px}.wall-inventory{width:auto}.wall-inventory>span{font-size:.58rem}.board-outer{padding:7px;border-radius:17px}.board-tile{inset:1.5px;border-radius:3px}.board-piece{min-width:32px;min-height:32px}.board-piece>span{font-size:16px}.move-summary{margin-top:14px;font-size:.68rem}.lobby-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1.15fr);align-items:start;padding-top:12px}.lobby-stage .section-heading{text-align:start}.lobby-arena{display:block;max-width:250px}}[data-contrast=high] .board-tile{background:#fffdf4}[data-contrast=high] .board-cell.is-legal .board-tile{background:#b0cbb0;box-shadow:inset 0 0 0 2px #336145}[data-contrast=high] .board-cell.is-legal .board-tile i{background:#224d32;opacity:1}@keyframes turn-arrive{0%{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes result-arrive{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes battle-pulse{0%,to{transform:scale(.94);opacity:.8}50%{transform:scale(1.08);opacity:1}}@keyframes battle-wall-break-horizontal{0%{opacity:.95;transform:translateY(-50%) scaleX(1) scaleY(1);filter:brightness(1)}50%{opacity:.9;transform:translateY(-50%) scaleX(1.18) scaleY(1.35);filter:brightness(1.45)}to{opacity:0;transform:translateY(-50%) scaleX(.25) scaleY(1.9);filter:blur(4px)}}@keyframes battle-wall-break-vertical{0%{opacity:.95;transform:translate(-50%) scaleX(1) scaleY(1);filter:brightness(1)}50%{opacity:.9;transform:translate(-50%) scaleX(1.35) scaleY(1.18);filter:brightness(1.45)}to{opacity:0;transform:translate(-50%) scaleX(1.9) scaleY(.25);filter:blur(4px)}}@media(prefers-reduced-motion:reduce){.board-outer,.board-piece,.board-tile,.wall-source,.game-player-avatar,.battle-ability{transition:none}.battle-piece-status,.battle-wall-break,.turn-heading h1,.result-emblem{animation:none}}.flow-modal{display:flex;flex-direction:column;gap:22px}.flow-modal .modal-close{z-index:2}.flow-modal .flow-actions{display:flex;gap:10px;margin-top:2px}.flow-modal .flow-actions .button{width:100%}.account-switch{display:flex;justify-content:center;gap:6px;margin-top:17px;color:var(--muted);font-size:.76rem}.account-switch button{border:0;background:transparent;color:var(--signal);font-weight:750}.account-note{display:block;margin-top:13px;color:var(--dim);font-size:.68rem;line-height:1.45;text-align:center}.mode-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mode-choice{position:relative;min-height:158px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:5px;padding:17px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#17332f;color:var(--text);text-align:start;transition:background var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast)}.mode-choice:active{transform:scale(.98)}.mode-choice.is-selected{border-color:var(--signal);background:#29463d;box-shadow:inset 0 0 0 1px #edc17b44}.mode-choice strong,.mode-choice small{position:relative;z-index:2;text-shadow:0 1px 10px #071b1a}.mode-choice strong{font-size:.94rem}.mode-choice small{color:var(--muted);font-size:.75rem}.mode-choice--battle{isolation:isolate}.mode-battle-art{position:absolute;z-index:0;inset:0;display:block}.mode-battle-art:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#0618171f 18%,#061817d9)}.mode-battle-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.92) brightness(.76);transform:scale(1.02);transition:transform .36s ease,filter .36s ease}.mode-choice--battle:hover .mode-battle-art img,.mode-choice--battle.is-selected .mode-battle-art img{filter:saturate(1.02) brightness(.86);transform:scale(1.06)}.mode-battle-art em{position:absolute;z-index:1;top:12px;right:12px;padding:5px 8px;border:1px solid #fff7;border-radius:999px;background:#102622b8;color:#ffe2a1;font-size:.58rem;font-style:normal;font-weight:800;letter-spacing:.12em;text-shadow:0 1px 7px #071b1a}.mode-pieces{position:absolute;inset-block-start:21px;inset-inline-start:18px;display:flex;align-items:center;gap:4px}.mode-pieces i{width:17px;height:17px;display:block;border-radius:50%;background:#c97f6f;box-shadow:inset 0 1px #fff8}.mode-pieces i:nth-child(2){background:#7eb09d}.mode-pieces i:nth-child(3){background:#b28eb3}.mode-pieces i:nth-child(4){background:#d1aa68}.mode-pieces--ffa4{gap:3px;flex-wrap:wrap;width:55px}.flow-form{display:grid;gap:20px}.flow-form fieldset{display:grid;gap:10px;min-inline-size:0;padding:0;border:0}.flow-form legend,.flow-field>span,.settings-group>h3{margin:0;color:var(--muted);font-size:.75rem;font-weight:750;letter-spacing:.025em}.flow-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;gap:4px;border-radius:14px;background:#142e2a}.flow-segmented button{min-height:43px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:700}.flow-segmented button.is-active{background:var(--surface-2);color:var(--text);box-shadow:0 2px #0e2420}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:#142e2a}.segmented button{min-height:43px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:700}.segmented button.is-active{background:var(--surface-2);color:var(--text)}.flow-field{display:grid;gap:9px}.flow-field>span{display:flex;justify-content:space-between}.flow-field>span small{color:var(--dim);font-size:.72rem;font-weight:500}.flow-password{position:relative}.flow-password input{padding-inline-end:56px}.flow-password .icon-button{position:absolute;inset-block-start:2px;inset-inline-end:2px;width:46px;height:46px;background:transparent}.code-input{min-height:70px;border-radius:16px;color:var(--signal);font:850 2rem ui-monospace,monospace;letter-spacing:.25em;text-align:center;text-transform:uppercase}.room-options{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.room-options summary{min-height:50px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;color:var(--muted);font-size:.82rem;font-weight:700}.room-options summary::-webkit-details-marker{display:none}.room-options summary svg{width:18px;transition:transform var(--motion-fast)}.room-options[open] summary svg{transform:rotate(90deg)}.room-options>div{display:grid;gap:16px;padding:0 0 17px}.flow-toggle-row{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}.flow-toggle-row>span{display:grid;gap:4px}.flow-toggle-row strong{font-size:.84rem;font-weight:700}.flow-toggle-row small{color:var(--muted);font-size:.74rem;line-height:1.4}.flow-toggle-row input{width:48px;min-height:28px;height:28px;flex:none;appearance:none;padding:0;border:0;border-radius:99px;background:#102622;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background var(--motion-fast)}.flow-toggle-row input:after{content:"";display:block;width:22px;height:22px;margin:3px;border-radius:50%;background:#90a79b;transition:transform var(--motion-fast),background var(--motion-fast)}.flow-toggle-row input:checked{background:#716047}.flow-toggle-row input:checked:after{transform:translate(20px);background:var(--signal)}.how-steps{display:grid;gap:22px;padding:0;margin:0;list-style:none;counter-reset:how}.how-steps li{display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:center;counter-increment:how}.how-steps li:before{content:counter(how,decimal-leading-zero);grid-column:1;grid-row:1;align-self:start;color:var(--signal);font:800 .72rem ui-monospace,monospace}.how-steps li>div{grid-column:2;grid-row:1}.how-steps strong{font-size:.92rem}.how-steps p{margin:5px 0 0;color:var(--muted);font-size:.79rem;line-height:1.48}.how-illustration{grid-column:1;grid-row:1;width:62px;height:62px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:18px;background:#17332f}.how-illustration i{display:block;width:12px;height:12px;border-radius:50%;background:var(--signal)}.how-illustration--move i:nth-child(2){opacity:.5;transform:translateY(-7px)}.how-illustration--move i:nth-child(3){opacity:.25;transform:translateY(7px)}.how-illustration--wall{position:relative}.how-illustration--wall i:first-child{width:38px;height:7px;border-radius:3px}.how-illustration--wall i:last-child{position:absolute;width:7px;height:35px;border-radius:3px;background:#88ae9b}.how-illustration--finish i{width:35px;height:35px;border:3px solid var(--signal);background:transparent;box-shadow:inset 0 0 0 7px #17332f}.profile-identity{display:grid;grid-template-columns:72px 1fr 46px;align-items:center;gap:14px}.profile-avatar{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#eee8d5;color:#234136;font-size:39px;box-shadow:0 3px #0e2420}.profile-identity h3{margin:0;font-size:1.25rem}.profile-identity div span{display:block;margin-top:5px;color:var(--muted);font-size:.76rem}.profile-identity .icon-button{background:transparent}.profile-record{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-record div{display:grid;gap:4px;text-align:center}.profile-record strong{font-size:1.1rem;font-variant-numeric:tabular-nums}.profile-record span{color:var(--muted);font-size:.64rem}.profile-daily{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:14px 0}.profile-daily>svg{color:var(--signal)}.profile-daily>div{display:grid;gap:3px}.profile-daily strong{font-size:.82rem}.profile-daily small{color:var(--muted);font-size:.7rem;line-height:1.35}.profile-daily .button{min-height:38px;padding:8px 13px;border-radius:11px;font-size:.75rem}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:4px}.collection-heading h3{margin:0;font-size:1rem}.collection-heading>div>span{color:var(--muted);font-size:.7rem}.profile-wallet{color:var(--signal);font-size:.83rem;font-weight:750;white-space:nowrap}.character-collection{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:35dvh;overflow:auto;padding:5px 2px 9px;scrollbar-width:thin}.collection-item{min-width:0;display:grid;justify-items:center;gap:5px;padding:8px 3px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text)}.collection-item.is-equipped{border-color:var(--signal);background:#edc17b12}.collection-item.is-locked{opacity:.55}.collection-item:active:not(:disabled){transform:scale(.95)}.collection-token{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e8e4d7;color:#234136;font-size:26px;box-shadow:0 2px #0e2420}.collection-check{position:absolute;inset-block-end:-3px;inset-inline-end:-3px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--signal);color:var(--signal-ink)}.collection-check svg{width:12px;height:12px}.collection-item strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.63rem}.collection-item small{color:var(--muted);font-size:.58rem}.profile-premium{display:grid;gap:12px;margin-top:2px;padding:15px 0 2px;border-top:1px solid var(--line)}.shop-navigation{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:22px}.shop-tabs{display:flex;flex-wrap:wrap;gap:5px}.shop-tabs button{min-height:44px;padding:10px 14px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:700}.shop-tabs button[aria-pressed=true]{background:var(--surface);color:var(--signal)}.shop-navigation .profile-wallet{white-space:nowrap}.premium-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.premium-heading>div{display:grid;gap:3px}.premium-heading span{color:var(--signal);font-size:.62rem;font-weight:850;letter-spacing:.13em}.premium-heading strong{font-size:.92rem}.premium-heading>small{color:var(--dim);font-size:.65rem;white-space:nowrap}.profile-premium>p{max-width:44ch;margin:-3px 0 0;color:var(--muted);font-size:.7rem;line-height:1.45}.premium-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.premium-option{min-width:0;display:grid;grid-template-columns:18px 1fr 14px;align-items:center;gap:7px;min-height:42px;padding:8px 9px;border:1px solid #b7caae20;border-radius:12px;background:#17332f66;color:var(--muted);text-align:start;opacity:.68;cursor:not-allowed}.premium-option>svg:first-child{width:16px;color:var(--signal)}.premium-option>svg:last-child{width:13px;color:var(--dim)}.premium-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:700}.premium-wall-swatch{width:15px;height:15px;display:block;border-radius:4px;background:linear-gradient(135deg,#d58f7b,#79b7a5);box-shadow:inset 0 0 0 1px #fff4}.premium-download{display:flex;align-items:center;gap:10px;padding-top:2px;color:var(--signal)}.premium-download>svg{width:17px;flex:none}.premium-download>div{display:grid;gap:2px}.premium-download strong{font-size:.74rem}.premium-download small{color:var(--dim);font-size:.64rem}.settings-groups{display:grid;gap:22px}.settings-group{display:grid;gap:3px;padding-bottom:18px;border-bottom:1px solid var(--line)}.settings-group:last-child{padding-bottom:0;border-bottom:0}.settings-group>h3{margin-bottom:5px;color:var(--signal);text-transform:uppercase;letter-spacing:.1em;font-size:.66rem}.settings-name{display:grid;gap:4px;margin-bottom:4px}.settings-name .flow-field>div{display:grid;grid-template-columns:1fr auto;gap:8px}.settings-name .flow-field .button{min-height:50px;padding-inline:16px;border-radius:12px}.settings-language{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;color:var(--text);font-size:.85rem}.settings-language .language-picker{min-height:42px}.settings-notice{margin:4px 0 0;color:var(--success);font-size:.77rem}.settings-link{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:4px 0;border:0;background:transparent;color:var(--text);text-align:start;font-size:.83rem}.settings-link svg{width:17px;color:var(--muted)}[dir=rtl] .settings-link svg{transform:rotate(180deg)}.policy-copy{color:var(--muted)}.policy-copy h3{margin:18px 0 6px;color:var(--text);font-size:.9rem}.policy-copy h3:first-child{margin-top:0}.policy-copy p{margin:0;font-size:.78rem;line-height:1.6}.queue-overlay{position:fixed;z-index:90;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:auto;padding:max(28px,calc(env(safe-area-inset-top) + 20px)) max(22px,env(safe-area-inset-right)) max(28px,calc(env(safe-area-inset-bottom) + 20px)) max(22px,env(safe-area-inset-left));background:#102b28fa;color:var(--text);text-align:center;overscroll-behavior:contain;animation:fade-in .16s ease}.queue-overlay:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 38%,rgb(237 193 123 / .08),transparent 38%)}.queue-overlay>*{position:relative;z-index:1}.flow-queue{background:#102b28f5}.queue-orbit{position:relative;width:100px;height:100px;display:grid;place-items:center;border:1px solid #b7caae44;border-radius:50%}.queue-orbit:before{content:"";width:24px;height:24px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 9px #edc17b14}.queue-orbit span,.queue-orbit i{position:absolute;inset:10px;border:1px solid #edc17b4d;border-radius:50%;animation:queue-pulse 2.4s ease-out infinite}.queue-orbit i:nth-child(2){inset:25px;animation-delay:.8s}.queue-orbit i:nth-child(3){inset:40px;animation-delay:1.6s}.queue-mode{color:var(--muted);font-size:.76rem}.flow-queue h2{margin:-7px 0 0;font-size:1.45rem}.queue-time{color:var(--signal);font:500 3.1rem ui-monospace,monospace;letter-spacing:-.05em}.queue-count{color:var(--muted);font-size:.78rem}.flow-queue .button{min-width:180px;margin-top:8px}@keyframes queue-pulse{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.2)}}@media(max-width:600px){.mode-choices{grid-template-columns:1fr}.queue-overlay{gap:12px}.queue-orbit{width:92px;height:92px}.flow-queue h2{font-size:1.35rem}.queue-time{font-size:2.75rem}.flow-queue .button{width:min(100%,280px);margin-top:10px}}@media(max-width:600px){.flow-modal{gap:18px}.mode-choice{min-height:145px;padding:14px}.mode-pieces{inset-block-start:18px;inset-inline-start:15px}.profile-record{gap:0}.character-collection{grid-template-columns:repeat(4,minmax(0,1fr));max-height:32dvh}.premium-options{gap:6px}.premium-option{padding-inline:7px}}@media(max-width:360px){.mode-choices{gap:7px}.mode-choice{padding:12px}.profile-identity{grid-template-columns:60px 1fr 42px}.profile-avatar{width:60px;height:60px;font-size:32px}.collection-token{width:42px;height:42px;font-size:23px}}