.game-board{width:100%;height:100%;max-height:calc(100vh - 118px);touch-action:manipulation;filter:drop-shadow(0 24px 38px rgba(5,4,3,.34));overflow:visible}.board-perspective{transform:rotate(var(--board-rotation, 0deg));transform-origin:460px 430px;transition:transform .42s cubic-bezier(.22,.8,.24,1)}.board-perspective .piece-art,.board-perspective .capture-effect-art,.board-perspective .seat-mark,.board-perspective .coordinate-number{transform:rotate(var(--piece-counter-rotation, 0deg));transform-box:fill-box;transform-origin:center;transition:transform .42s cubic-bezier(.22,.8,.24,1)}.coordinate-guide{pointer-events:none;color:var(--board-guide, rgba(235, 218, 187, .72));filter:drop-shadow(0 1.5px 2px rgba(0,0,0,.62))}.coordinate-number{fill:currentColor;stroke:#0d0a07a3;stroke-width:1.15px;paint-order:stroke fill;font:750 17px Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}.coordinate-number.major{fill:var(--board-guide-major, #f2c77f);font-size:19px}.coordinate-dot-ring{fill:color-mix(in srgb,currentColor 18%,transparent);stroke:currentColor;stroke-width:1.15px}.coordinate-dot-core{fill:var(--board-guide-bright, #f2c77f);stroke:none}.coordinate-dot.midpoint .coordinate-dot-ring{stroke-width:1.4px}.coordinate-dot.major .coordinate-dot-ring{fill:none;stroke:var(--board-guide-major, #f2c77f);stroke-width:1.6px}.game-board [tabindex]:focus,.game-board [tabindex]:focus-visible{outline:none!important}.board-cell[tabindex="0"]:focus-visible{stroke:var(--board-selected-line, #ffe17c);stroke-width:4;filter:drop-shadow(0 0 7px var(--board-selected-glow, rgba(255, 216, 106, .84)))}.board-cell{stroke:var(--board-line, #8d8173);stroke-width:1.25;transition:fill .15s ease,stroke .15s ease,filter .15s ease}.board-cell.tone-0{fill:var(--board-tone-1, #6f665c)}.board-cell.tone-1{fill:var(--board-tone-2, #625a51)}.board-cell.tone-2{fill:var(--board-tone-3, #7b7064)}.board-cell.corner{fill:var(--board-corner, #465e60);stroke:var(--board-corner-line, #83a9a8);stroke-width:2.3}.board-cell.throne{fill:var(--board-throne, #b58a35);stroke:var(--board-throne-line, #ffe3a0);stroke-width:3;filter:drop-shadow(0 0 8px rgba(220,171,69,.38))}.board-cell.throne.throne-occupied{transform-box:fill-box;transform-origin:center;animation:board-throne-pulse 1.8s ease-in-out infinite}.board-cell.throne.throne-progress-1{animation-duration:1.2s}.board-cell.throne.throne-progress-2{animation-duration:.72s}.board-cell.actionable{cursor:pointer}.board-cell.legal{stroke-width:3.2;filter:brightness(1.15)}.board-cell.legal.move{fill:var(--board-move, #dce8f2);stroke:var(--board-move-line, #f7fbff);filter:drop-shadow(0 0 5px var(--board-move-glow, rgba(220, 238, 255, .8)))}.board-cell.legal.capture{fill:var(--board-capture, #a8514a);stroke:var(--board-capture-line, #ffe5d0);filter:drop-shadow(0 0 5px var(--board-capture-glow, rgba(234, 110, 100, .72)))}.board-cell.legal.shoot{fill:var(--board-shoot, #3d77c7);stroke:var(--board-shoot-line, #b9e4ff);stroke-dasharray:6 2;filter:drop-shadow(0 0 6px var(--board-shoot-glow, rgba(76, 161, 255, .82)))}.board-cell.legal.strike-return{fill:var(--board-strike, #c79b43);stroke:var(--board-strike-line, #fff0a8);stroke-dasharray:2 2;filter:drop-shadow(0 0 6px var(--board-strike-glow, rgba(255, 202, 91, .85)))}.board-cell.marksman-range:not(.legal){fill:var(--board-range-fill, #5a4677);stroke:var(--board-range-line, #c39bed);stroke-width:2.7;stroke-dasharray:7 3;filter:drop-shadow(0 0 5px var(--board-range-glow, rgba(177, 119, 232, .62)))}.board-cell.blocked-shot{fill:var(--board-blocked-fill, #7e3d3a);stroke:var(--board-blocked-line, #ff756c);stroke-width:3.5;stroke-dasharray:3 2;filter:drop-shadow(0 0 7px var(--board-blocked-glow, rgba(255, 91, 82, .82)))}.board-cell.preview-action{stroke-width:3.2;filter:brightness(1.08) drop-shadow(0 0 5px var(--board-preview-glow, rgba(255, 226, 139, .62)))}.tactical-overlay-layer{pointer-events:none}.tactical-target-marker,.tactical-threat-marker{vector-effect:non-scaling-stroke;stroke-linejoin:round}.tactical-target-marker.future-target-marker{fill:var(--board-future-fill, rgba(46, 184, 159, .14));stroke:var(--board-future-line, #69d4c3);stroke-width:2.8;stroke-dasharray:6 3;opacity:.94;filter:drop-shadow(0 0 1px var(--board-overlay-contrast, rgba(8, 13, 12, .9))) drop-shadow(0 0 5px var(--board-future-glow, rgba(74, 205, 184, .66)))}.tactical-threat-marker{fill:var(--board-threat-fill, rgba(190, 52, 45, .16));stroke:var(--board-threat-line, #ff756c);stroke-width:3.1;stroke-dasharray:4 2;filter:drop-shadow(0 0 1px var(--board-threat-contrast, rgba(62, 10, 7, .94))) drop-shadow(0 0 5px var(--board-threat-glow, rgba(255, 91, 82, .78)))}.tactical-threat-marker.preview{fill:var(--board-threat-preview-fill, rgba(210, 52, 43, .24));stroke-width:3.8;stroke-dasharray:3 1.5;filter:drop-shadow(0 0 1.2px var(--board-threat-contrast, rgba(62, 10, 7, .96))) drop-shadow(0 0 7px var(--board-threat-glow, rgba(255, 91, 82, .86)))}.blocked-shot-layer{pointer-events:none}.blocked-shot-marker circle{fill:var(--board-blocked-marker-fill, rgba(35, 15, 15, .92));stroke:var(--board-blocked-line, #ff756c);stroke-width:1.6;filter:drop-shadow(0 0 4px var(--board-blocked-glow, rgba(255, 91, 82, .82)))}.blocked-shot-marker path{fill:none;stroke:var(--board-blocked-line, #ff756c);stroke-width:2.2;stroke-linecap:round}.throne-symbol{pointer-events:none;fill:none;stroke:#fff0bf;stroke-width:1.7;opacity:.92;filter:url(#throneGlow)}.throne-symbol polygon:nth-child(2){stroke-width:1;opacity:.78}.throne-symbol circle{fill:#fff0bf;stroke:none}.throne-symbol.throne-occupied{opacity:1;animation:throne-symbol-flare 1.8s ease-in-out infinite}.throne-symbol.throne-progress-1{animation-duration:1.2s}.throne-symbol.throne-progress-2{animation-duration:.72s}@keyframes board-throne-pulse{0%,to{filter:brightness(.94) drop-shadow(0 0 7px rgba(220,171,69,.34))}50%{filter:brightness(1.2) drop-shadow(0 0 14px rgba(255,200,77,.78))}}@keyframes throne-symbol-flare{0%,to{opacity:.72}50%{opacity:1}}.game-page.reduce-motion .board-cell.throne.throne-occupied,.game-page.reduce-motion .throne-symbol.throne-occupied{animation:none}.game-page.reduce-motion .capture-effect{display:none}.piece{cursor:default;outline:none;filter:url(#pieceShadow)}.piece.interactive{cursor:pointer}.piece-hit{fill:transparent;pointer-events:all}.piece-art{pointer-events:none}.capture-effect{--capture-effect-color: var(--board-capture-line, #ffe5d0);color:var(--capture-effect-color);pointer-events:none}.capture-effect-shoot{--capture-effect-color: var(--board-shoot-line, #b9e4ff)}.capture-effect-piece{transform-box:fill-box;transform-origin:center;filter:url(#pieceShadow);animation:captured-piece-collapse .48s cubic-bezier(.2,.78,.25,1) both}.capture-effect-art{pointer-events:none}.capture-effect-wave{fill:color-mix(in srgb,currentColor 10%,transparent);stroke:currentColor;stroke-width:2.4;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 5px currentColor);animation:capture-wave-release .46s ease-out both}.capture-effect-spark{stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:12;stroke-dashoffset:12;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px currentColor);animation:capture-spark-release .44s ease-out both}@keyframes captured-piece-collapse{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}22%{opacity:1;transform:translateY(-1px) rotate(-2deg) scale(1.08)}58%{opacity:.72;transform:translateY(3px) rotate(4deg) scale(.72)}to{opacity:0;transform:translateY(11px) rotate(9deg) scale(.24)}}@keyframes capture-wave-release{0%{opacity:0;transform:scale(.58)}24%{opacity:.92}to{opacity:0;transform:scale(1.62)}}@keyframes capture-spark-release{0%{opacity:0;stroke-dashoffset:12}25%{opacity:.9}68%{opacity:.64;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-7}}.piece-select-frame{fill:none;stroke:transparent;stroke-width:2;pointer-events:none}.piece:hover .piece-select-frame,.piece:focus-visible .piece-select-frame{stroke:var(--board-piece-hover-line, rgba(255, 241, 193, .66))}.board-cell.selected-origin{stroke:var(--board-selected-line, #ffe17c);stroke-width:3.5;filter:drop-shadow(0 0 6px var(--board-selected-glow, rgba(255, 216, 106, .8)))}.piece.available-target{cursor:pointer}.piece.available-target.show-action-hints .piece-select-frame{stroke:var(--board-capture, #a8514a);stroke-width:3.5;filter:drop-shadow(0 0 6px var(--board-capture-glow, rgba(220, 91, 80, .82)))}.piece.shoot-target.show-action-hints .piece-select-frame{stroke:var(--board-shoot-line, #b9e4ff);stroke-width:3.7;stroke-dasharray:6 2;filter:drop-shadow(0 0 7px var(--board-shoot-glow, rgba(76, 161, 255, .82)))}.piece.strike-target.show-action-hints .piece-select-frame{stroke:var(--board-strike-line, #ffe18a);stroke-width:3.5;stroke-dasharray:3 1.5;filter:drop-shadow(0 0 6px var(--board-strike-glow, rgba(255, 197, 74, .92)))}.seat-mark{pointer-events:none}.seat-mark circle{fill:#171513;stroke:#fffc;stroke-width:1}.seat-mark text{fill:#fff;font:700 7px Inter,system-ui,sans-serif}.seat-mark-1 circle{stroke-dasharray:2 1}.seat-mark-2 circle{stroke-dasharray:1 1}.seat-mark-3 circle{stroke-dasharray:4 1}.seat-mark-4 circle{stroke-dasharray:1 2}.seat-mark-5 circle{stroke-dasharray:3 2 1 2}.piece-icon-image{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:900px){.game-board{max-height:none}}@font-face{font-family:Knyaz Display;src:url(/assets/ST-Nizhegorodsky-C0MRU5pG.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Knyaz UI;src:url(/assets/AlegreyaSans-Regular-DYmh2k2A.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Knyaz UI;src:url(/assets/AlegreyaSans-Medium-D5uvTEoe.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Knyaz UI;src:url(/assets/AlegreyaSans-Bold-DdVvVeIV.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--font-brand: "Knyaz Display", Georgia, serif;--font-ui: "Knyaz UI", Candara, "Aptos", "Segoe UI Variable Text", "Segoe UI", sans-serif;font-family:var(--font-ui);color:#f2f4f6;background:#0b0c0e;--paper: #f2f4f6;--ink: #111317;--muted: #969ca4;--accent: #c4c9cf;--accent-bright: #ffffff;--accent-deep: #5b626b;--accent-ink: #15171a;--accent-glow: rgba(219, 225, 232, .16);--goal-accent: #bd8429;--goal-bright: #f0c86b;--panel: #15171a;--panel-raised: #1b1e22;--line: #31353a;--board-tone-1: #62676d;--board-tone-2: #555a60;--board-tone-3: #70767d;--board-line: #969da5;--board-corner: #414c53;--board-corner-line: #a8b6bf;--board-throne: #b7832d;--board-throne-line: #ffe39a;--board-move: #c9ced4;--board-capture: #a8514a;--army-ivory: #f2eadc;--army-charcoal: #29292d;--army-azure: #3c78d8;--army-crimson: #c64f4f;--army-jade: #4d9b72;--army-amber: #d9a441;--army-ivory-ink: #25282b;--army-charcoal-ink: #f5f7f8;--army-azure-ink: #05080c;--army-crimson-ink: #ffffff;--army-jade-ink: #0b2418;--army-amber-ink: #2b1d08}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#0b0c0e}button,select{font:inherit}button{color:inherit;background:transparent;border:1px solid var(--line);border-radius:4px;padding:.8rem 1rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent-deep)}button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}button:disabled{opacity:.42;cursor:not-allowed}h1,h2{font-family:var(--font-ui);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);font-size:.68rem;font-weight:700}.muted{color:var(--muted)}.topbar,.game-header,.home-utility{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,56px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:1.34rem;font-weight:400;line-height:1}.brand-word{font-family:var(--font-brand)!important;text-transform:none;letter-spacing:.035em!important}.brand-icon{display:block;width:34px;height:34px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5))}.brand-icon img{display:block;width:100%;height:100%}.nav-icon-button{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;padding:0;color:#d8dde2;background:#ffffff05;border-color:#cdd6e02e;border-radius:50%}.nav-icon-button:hover:not(:disabled){color:#fff;background:#ffffff0e;border-color:#e0e7ee6b}.hex-loader{position:relative;display:inline-block;width:34px;height:34px;flex:0 0 auto;background:conic-gradient(from 30deg,var(--accent-bright) 0deg 56deg,transparent 56deg 60deg,var(--accent) 60deg 116deg,transparent 116deg 120deg,var(--accent-deep) 120deg 176deg,transparent 176deg 180deg,#30343a 180deg 236deg,transparent 236deg 240deg,var(--accent-deep) 240deg 296deg,transparent 296deg 300deg,var(--accent) 300deg 356deg,transparent 356deg 360deg);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.hex-loader:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:var(--loader-core, #101215);clip-path:inherit}.hex-loader.active{animation:hex-spin 1.65s steps(6) infinite}.hex-loader.active:after{box-shadow:inset 0 0 8px var(--accent-glow)}@keyframes hex-spin{to{transform:rotate(360deg)}}.primary{background:var(--accent-bright);color:var(--accent-ink);border-color:var(--accent-bright);font-weight:700;display:flex;justify-content:space-between;gap:32px;align-items:center}.reduce-motion .hex-loader.active{animation:none}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.splash,.home{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 36%,rgba(205,214,224,.09),transparent 27%),radial-gradient(circle at 12% 100%,rgba(82,91,103,.08),transparent 32%),linear-gradient(148deg,#13161a,#0b0d10 48%,#08090b)}.splash:before,.home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(112deg,transparent 24%,rgba(255,255,255,.018) 48%,transparent 72%),radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.28) 100%)}.splash{display:grid;place-items:center;isolation:isolate}.splash-content{display:flex;flex-direction:column;align-items:center;transform:translateY(-2vh)}.splash-emblem{overflow:visible;display:grid;place-items:center;filter:drop-shadow(0 24px 34px rgba(0,0,0,.58))}.splash-emblem{width:clamp(250px,46vh,430px);aspect-ratio:1}.splash-emblem img{display:block;width:100%;height:100%;object-fit:contain}.splash-content h1{font-weight:400}.splash-content h1{margin:-6px 0 0;font-size:clamp(2.5rem,8vw,4rem);background:linear-gradient(180deg,var(--brand-title-start, #f7f9fa) 12%,var(--brand-title-end, #8c9299) 86%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.splash-content .hex-loader{margin-top:22px}.splash-tagline{margin:8px 0 0;color:var(--brand-subtitle, #a8b0b8);font-size:clamp(.62rem,1.8vw,.76rem);letter-spacing:.14em;line-height:1.4;text-align:center;text-transform:uppercase}.home{display:grid;grid-template-rows:74px minmax(0,1fr) 46px}.home-utility{position:relative;z-index:2}.home-utility .nav-icon-button{width:36px;min-width:36px;height:36px;min-height:36px;background:transparent;border-color:#cdd6e01f}.home-stage{position:relative;z-index:1;width:min(500px,calc(100% - 32px));margin:auto;display:flex;flex-direction:column;align-items:center;padding:8px 0 24px}.menu-primary{grid-column:1 / -1;width:100%;min-height:68px;display:flex;justify-content:space-between;align-items:center;padding:14px 19px;border-color:var(--accent-deep);background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 48%),linear-gradient(135deg,var(--accent-deep),var(--accent));color:var(--accent-ink);text-align:left;box-shadow:0 16px 34px #0000004d,inset 0 1px #ffffff59}.menu-primary span{font-size:1rem;font-weight:780}.menu-primary b{font-size:1.2rem}.home-footer{position:relative;z-index:1;display:grid;place-items:center;border-top:1px solid rgba(255,255,255,.05);color:var(--footer-text, #737b84);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.setup-page,.settings-page,.rules-page{min-height:100vh;background:radial-gradient(circle at 8% -12%,rgba(205,214,224,.075),transparent 30%),radial-gradient(circle at 96% 108%,rgba(87,96,108,.07),transparent 34%),linear-gradient(148deg,#121519,#0c0e11 52%,#090a0c)}.setup-card,.settings-card,.rules-content{width:min(780px,calc(100% - 32px));margin:50px auto;padding-bottom:60px}.setup-card h1,.settings-card h1,.rules-content>h1{font-size:clamp(3rem,8vw,5rem);font-weight:500;letter-spacing:-.045em}.field{margin-top:30px}.field>label{display:block;color:#bdb4aa;margin-bottom:12px;font-size:.8rem;font-weight:650}.players{margin:34px 0}.player-name{display:flex;flex-direction:column}.player-name small{color:var(--muted);margin-top:4px}.start{width:100%;margin-top:32px;padding:1rem 1.3rem}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.setting-row strong{font-size:.9rem}.setting-copy{min-width:0}.setting-title{display:flex;align-items:center;gap:7px}.setting-info{display:grid;place-items:center;width:44px;height:44px;margin:-10px 0;padding:0;border:0;background:transparent;flex:0 0 44px}.setting-info>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--frame-soft);border-radius:50%;color:var(--text-tertiary);font-family:Georgia,serif;font-size:.75rem;font-weight:700;transition:color .15s ease,border-color .15s ease,background .15s ease}.setting-info:hover>span,.setting-info:focus-visible>span,.setting-info[aria-expanded=true]>span{color:var(--text-primary);border-color:var(--frame-strong);background:#fff1}.setting-info:focus-visible{outline:2px solid var(--accent-bright);outline-offset:-6px}.setting-row .setting-help{margin-top:9px;padding-left:11px;border-left:2px solid var(--frame-soft)}.setting-row p{max-width:470px;margin:7px 0 0;color:var(--muted);font-size:.75rem;line-height:1.55}.audio-setting{grid-template-columns:minmax(0,1fr) auto}.audio-setting-copy{min-width:0}.audio-volume{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(120px,1fr) 42px;align-items:center;gap:12px;margin-top:-8px;color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.audio-volume input{width:100%;height:44px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent}.audio-volume input::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent-bright) 0 var(--audio-level),rgba(145,153,161,.25) var(--audio-level) 100%)}.audio-volume input::-moz-range-track{height:4px;border-radius:999px;background:#9199a140}.audio-volume input::-moz-range-progress{height:4px;border-radius:999px;background:var(--accent-bright)}.audio-volume input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #f5e4bc;border-radius:50%;background:linear-gradient(145deg,#fff7df,#b88a50);box-shadow:0 3px 8px #00000061}.audio-volume input::-moz-range-thumb{width:20px;height:20px;border:1px solid #f5e4bc;border-radius:50%;background:linear-gradient(145deg,#fff7df,#b88a50);box-shadow:0 3px 8px #00000061}.audio-volume output{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right}.audio-setting.muted .audio-volume{opacity:.4}.audio-volume input:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.theme-sample{width:26px;height:30px;flex:0 0 auto;background:linear-gradient(145deg,#fff,#858b92 65%,#34383e);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.toggle{position:relative;width:52px;height:44px;padding:0;border:0;background:transparent}.toggle:before{content:"";position:absolute;top:9px;left:2px;width:48px;height:26px;border:1px solid var(--line);border-radius:20px;background:#2a2e33}.toggle span{position:absolute;top:14px;left:6px;width:16px;height:16px;border-radius:50%;background:#8b9198;transition:transform .16s ease,background .16s ease}.toggle.on{background:transparent}.toggle.on:before{border-color:var(--accent-deep);background:var(--accent-deep)}.toggle.on span{transform:translate(22px);background:var(--accent-bright)}.rules-content>p:not(.eyebrow){max-width:680px;line-height:1.7;color:#b6aea4}.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:38px}.rule-grid article{position:relative;min-height:190px;overflow:hidden;background:linear-gradient(135deg,#1b1e22,#141619);border:1px solid var(--line);padding:24px}.rule-piece{width:58px;height:58px;margin-bottom:12px;filter:drop-shadow(0 5px 6px rgba(0,0,0,.38))}.rule-grid h2{font-size:1.9rem;font-weight:500}.rule-grid p{color:var(--muted);line-height:1.55;font-size:.82rem}.game-page{height:100vh;overflow:hidden;background:radial-gradient(circle at 52% 45%,#30353a,#0d0f12 62%);animation:game-emerge-from-dark .72s cubic-bezier(.2,.72,.25,1) both}@keyframes game-emerge-from-dark{0%{opacity:0;filter:brightness(.18)}55%{opacity:1;filter:brightness(.7)}to{opacity:1;filter:brightness(1)}}.game-header{padding:0 26px}.game-nav{display:flex;align-items:center;gap:8px}.game-nav .nav-icon-button{width:38px;height:38px}.turn-pill{margin-left:auto;margin-right:16px;display:flex;align-items:center;gap:10px}.turn-pill .hex-loader{width:27px;height:27px}.turn-pill .hex-loader:after{top:7px;right:7px;bottom:7px;left:7px}.turn-color{width:14px;height:16px;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);border:1px solid white}.turn-pill div{display:flex;flex-direction:column}.turn-pill small{color:var(--muted);font-size:.58rem}.turn-pill strong{font-size:.76rem}.game-layout{height:calc(100vh - 74px);display:grid;grid-template-columns:218px minmax(0,1fr) 248px}.status-panel,.history{padding:30px 21px;background:#101215e0;border-right:1px solid var(--line);overflow:auto}.history{border-right:0;border-left:1px solid var(--line)}.status-panel h2{font-size:2.35rem;font-weight:500}.throne-status{border:1px solid rgba(189,132,41,.55);background:linear-gradient(135deg,#bd84291f,#171a1e);padding:14px;margin:21px 0;display:grid;gap:10px;position:relative;overflow:hidden;isolation:isolate;transition:border-color .18s ease,box-shadow .18s ease}.throne-status:before{content:"";position:absolute;z-index:-1;top:-70%;right:-25%;bottom:-70%;left:-25%;background:radial-gradient(circle,rgba(247,189,88,.2),transparent 54%);opacity:0;transform:translate(-28%);transition:opacity .22s ease}.throne-status.occupied:before{opacity:1}.throne-status-copy{display:flex;flex-direction:column;gap:5px}.throne-status-copy span{color:var(--goal-label, var(--goal-bright));font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.throne-countdown{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:7px}.throne-countdown i{display:block;height:5px;border:1px solid rgba(213,165,82,.28);border-radius:999px;background:#080a0cb8;box-shadow:inset 0 1px 2px #000000bf}.throne-countdown i.active{border-color:#ffdb89e6;background:linear-gradient(90deg,#9d5e1e,#f7cb72 48%,#fff0b7);box-shadow:0 0 7px #e7a335c2,0 0 16px #e7a33547;animation:throne-signal 1.35s ease-in-out infinite}.throne-status[data-progress="2"]{border-color:#f5c25be6;box-shadow:0 0 18px #ce841e29}.throne-status[data-progress="2"] .throne-countdown i.active:last-child{animation-duration:.78s;box-shadow:0 0 9px #ffca5beb,0 0 22px #ffb33066}.throne-status.reduce-motion .throne-countdown i,.throne-status.reduce-motion .throne-countdown i.active{animation:none}@keyframes throne-signal{0%,to{filter:brightness(.82);opacity:.72}50%{filter:brightness(1.24);opacity:1}}.army-list>div{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.72rem}.army-list>div>span{display:grid;place-items:center;width:20px;height:22px;color:var(--army-marker-ink, white);font-size:.55rem;font-weight:800;text-shadow:none;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.army-list small{color:var(--muted)}.army-list .eliminated{opacity:.35;text-decoration:line-through}.board-wrap{min-width:0;display:grid;place-items:center;overflow:hidden}.history>div{border-bottom:1px solid var(--line);padding:12px 0;display:flex;flex-direction:column;gap:4px;font-size:.68rem}.history span{color:var(--muted);line-height:1.4}.result-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0908cc;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;z-index:10}.result{text-align:center;width:min(440px,calc(100% - 32px));background:linear-gradient(145deg,#1d2024,#141619);border:1px solid var(--accent-deep);padding:46px}.result-piece{width:88px;height:88px;margin:6px auto 10px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}.result h1{font-size:3.4rem;font-weight:500}.result p{color:var(--muted)}.result button{width:100%;margin-top:10px}.result .primary{justify-content:center}:root[data-motion-preference=reduce],:root[data-motion-preference=reduce] *,:root[data-motion-preference=reduce] *:before,:root[data-motion-preference=reduce] *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){:root:not([data-motion-preference=full]),:root:not([data-motion-preference=full]) *,:root:not([data-motion-preference=full]) *:before,:root:not([data-motion-preference=full]) *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:900px){.game-header{height:62px;padding:0 11px}.game-header .brand strong{display:none}.game-layout{height:calc(100vh - 62px);grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 106px}.status-panel{position:absolute;z-index:2;top:72px;left:10px;width:154px;padding:10px;background:#0e1013f0;border:1px solid var(--line)}.status-panel h2{font-size:1.35rem}.status-panel>.eyebrow,.army-list{display:none}.throne-status{margin:7px 0 0;padding:8px}.history{grid-row:2;border-left:0;border-top:1px solid var(--line);padding:8px 14px;display:flex;gap:16px;overflow-x:auto}.history>.eyebrow,.history>.muted{display:none}.history>div{min-width:150px;border:0;border-right:1px solid var(--line);padding-right:12px}.rule-grid{grid-template-columns:1fr}}@media(max-width:620px){.home{grid-template-rows:62px minmax(0,1fr) 40px}.home-utility,.topbar{height:62px;padding:0 16px}.home-stage{padding:4px 0 14px}.menu-primary{min-height:66px;padding-left:21px}.setup-card,.settings-card,.rules-content{margin-top:28px}.setup-card h1,.settings-card h1,.rules-content>h1{font-size:3.2rem}.setting-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.turn-pill{margin-left:auto}.game-header>.brand{display:none}}@media(max-height:720px)and (min-width:621px){.splash-emblem{width:250px}}body{font-kerning:normal;text-rendering:optimizeLegibility}.surface-page,.play-page,.more-page{min-height:100vh;background:radial-gradient(circle at 14% -10%,rgba(215,222,230,.08),transparent 31%),radial-gradient(circle at 90% 108%,rgba(97,108,121,.07),transparent 36%),linear-gradient(145deg,#14171b,#0c0e11 54%,#08090b)}.display-title{font-family:var(--font-ui);font-size:clamp(2.8rem,7vw,4.8rem);font-weight:700;line-height:.95;letter-spacing:-.038em;background:linear-gradient(180deg,#fff 12%,#d9dde1 54%,#8d949c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-wrap:balance}.page-lead{max-width:610px;margin:18px 0 0;color:#9ca3ab;font-size:.98rem;line-height:1.55}.compact-brand{width:42px;justify-content:center}.compact-brand .brand-icon{width:38px;height:38px}.home-stage{width:min(760px,calc(100% - 32px));gap:25px}.home-intro{text-align:center}.home-intro .eyebrow{margin:0 0 12px}.home-intro p:last-child{margin:15px 0 0;color:var(--muted);font-size:.86rem}.notice{width:min(430px,100%);padding:10px 14px;border:1px solid rgba(201,207,214,.2);background:#ffffff08;color:#c2c7cd;font-size:.76rem;text-align:center}.home-stage>.menu-primary{width:min(430px,100%);min-height:84px;display:grid;grid-template-columns:52px 1fr auto;gap:16px;padding:14px 20px;border-radius:7px}.home-stage>.menu-primary>span:not(.mode-icon):not(.play-icon){display:flex;flex-direction:column;align-items:flex-start;gap:2px}.home-stage>.menu-primary small{color:color-mix(in srgb,var(--cta-text) 72%,transparent);font-size:.58rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.home-stage>.menu-primary strong{font-size:1.3rem;letter-spacing:-.01em}.home-dock{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));width:min(430px,100%);border-top:1px solid rgba(255,255,255,.08);padding-top:15px}.home-tool{min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px;border:0;color:var(--nav-muted, #9198a0);font-size:.68rem}.home-tool:hover:not(:disabled){color:var(--nav-hover, #fff);border-color:transparent}.home-tool .nav-glyph{width:24px;height:24px}.play-content,.more-content{width:min(900px,calc(100% - 32px));margin:50px auto;padding-bottom:60px}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:34px}.mode-card{min-height:132px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;text-align:left;border-radius:7px;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 52%),#15181c}.mode-card:first-child{grid-column:1 / -1;border-color:#e0e6ed6b;background:linear-gradient(115deg,rgba(255,255,255,.09),transparent 48%),linear-gradient(145deg,#24282d,#15181b)}.mode-card>span:not(.mode-icon){display:flex;flex-direction:column}.mode-card small{color:var(--skin-mode-meta, #8e969f);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}.mode-card strong{margin-top:5px;font-size:1.08rem}.mode-card em{margin-top:6px;color:var(--skin-mode-description, #969da5);font-size:.72rem;font-style:normal;line-height:1.35}.mode-card>b{color:var(--skin-mode-arrow, #dce1e6);font-size:1.5rem}.mode-card.comingSoon{opacity:var(--skin-mode-disabled-opacity, .36);filter:saturate(var(--skin-mode-disabled-saturation, .4))}.mode-icon{position:relative;display:block;width:48px;height:52px;flex:0 0 auto;color:var(--skin-mode-icon-ink, #ecf0f3);background:var(--skin-mode-icon-surface, linear-gradient(145deg, #727a83, #24282d));clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.menu-primary .mode-icon{width:44px;height:48px;color:#181b1f;background:#11131733}.mode-icon.computer i{position:absolute;left:11px;top:13px;width:26px;height:20px;border:2px solid currentColor}.mode-icon.computer i:before,.mode-icon.computer i:after{content:"";position:absolute;top:7px;width:3px;height:3px;border-radius:50%;background:currentColor}.mode-icon.computer i:before{left:6px}.mode-icon.computer i:after{right:6px}.mode-icon.computer b{position:absolute;left:18px;bottom:10px;width:12px;height:2px;background:currentColor}.mode-icon.custom{background:var(--skin-mode-icon-custom)}.mode-icon.quick i{position:absolute;left:11px;top:25px;width:25px;height:2px;background:currentColor}.mode-icon.quick i:after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.mode-icon.ranked i{position:absolute;left:12px;top:13px;width:24px;height:23px;background:currentColor;clip-path:polygon(0 28%,25% 48%,50% 0,75% 48%,100% 28%,88% 100%,12% 100%)}.mode-icon.private i{position:absolute;left:14px;top:22px;width:20px;height:16px;border:2px solid currentColor}.mode-icon.private i:before{content:"";position:absolute;left:4px;top:-13px;width:9px;height:12px;border:2px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0}.setup-card{width:min(900px,calc(100% - 32px))}.player-count-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.player-count-options button{min-height:90px;display:flex;align-items:center;justify-content:center;gap:14px;border-radius:7px;background:#ffffff05}.player-count-options button.active{color:var(--accent-ink);background:linear-gradient(145deg,#f1f4f6,#aab1b8);border-color:#f1f4f6;box-shadow:0 12px 28px #0000003d}.player-count-options button>span:last-child{font-size:1.1rem;font-weight:700}.player-diagram{position:relative;display:block;width:50px;height:54px;flex:0 0 auto;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);filter:drop-shadow(0 5px 7px rgba(0,0,0,.26))}.player-diagram:after{content:"";position:absolute;top:21px;right:19px;bottom:21px;left:19px;border-radius:50%;background:#121417}.player-count-options button.active .player-diagram:after{background:#aab1b8}.player-diagram.compact{width:34px;height:38px}.player-diagram.compact:after{top:15px;right:13px;bottom:15px;left:13px}.players{display:grid;gap:8px}.player-seat{min-height:78px;display:grid;grid-template-columns:38px 42px minmax(130px,1fr) auto 54px;align-items:center;gap:13px;padding:12px 15px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(110deg,rgba(255,255,255,.036),transparent 48%),#121518c7}.participant-glyph{position:relative;width:36px;height:36px;display:block;color:#dfe4e8}.participant-glyph.human i{position:absolute;left:13px;top:4px;width:10px;height:10px;border:1.5px solid currentColor;border-radius:50%}.participant-glyph.human b{position:absolute;left:7px;top:17px;width:22px;height:14px;border:1.5px solid currentColor;border-radius:12px 12px 4px 4px}.participant-glyph.ai{border:1.5px solid currentColor;border-radius:7px;transform:scale(.78)}.participant-glyph.ai:before,.participant-glyph.ai:after{content:"";position:absolute;top:15px;width:4px;height:4px;border-radius:50%;background:currentColor}.participant-glyph.ai:before{left:8px}.participant-glyph.ai:after{right:8px}.participant-glyph.ai i{position:absolute;left:11px;top:-7px;width:12px;height:7px;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor}.color-crystal-trigger{position:relative;width:48px;height:48px;padding:0;border-radius:50%;background:#ffffff05}.color-crystal-trigger span{position:absolute;top:8px;right:10px;bottom:8px;left:10px;background:linear-gradient(145deg,rgba(255,255,255,.52),transparent 40%),var(--crystal-color);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);filter:drop-shadow(0 5px 5px rgba(0,0,0,.35))}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:16px;background:#040507c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-dialog{width:min(520px,100%);padding:30px;border:1px solid rgba(214,221,229,.32);border-radius:8px;background:radial-gradient(circle at 50% 0,rgba(230,235,240,.08),transparent 38%),#15181c;box-shadow:0 35px 80px #0000008c}.confirm-dialog h2{margin-top:5px;font-size:2rem;font-weight:700}.confirm-dialog>p:not(.eyebrow){color:var(--muted);line-height:1.5}.confirm-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.danger{color:#ffb9b4;border-color:#dc5b5080;background:#a8514a1a}.danger:hover:not(:disabled){color:#fff;border-color:#d8665d;background:#a8514a38}.match-settings{margin-top:38px;padding:22px;border:1px solid rgba(192,90,82,.3);border-radius:7px;background:#62201e14}.match-settings h2{margin-top:6px;font-size:1.6rem}.match-settings>div:first-child>p:last-child{max-width:580px;color:var(--muted);font-size:.78rem;line-height:1.5}.match-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.more-list{display:grid;gap:8px;margin-top:34px}.more-list button{min-height:78px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:16px;padding:14px 18px;text-align:left;border-radius:7px;background:#ffffff05}.more-list button>span:not(.nav-glyph){display:flex;flex-direction:column;gap:4px}.more-list button small{color:var(--muted);font-size:.68rem}.capture-choice{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:10px 12px 10px 16px;border:1px solid rgba(255,225,124,.55);border-radius:30px;background:#101215f0;color:#f5e4ad;font-size:.72rem;box-shadow:0 12px 28px #0006}.capture-choice button{width:26px;height:26px;padding:0;border-radius:50%}.board-wrap{position:relative}.match-launch{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 43%,rgba(218,224,231,.11),transparent 26%),linear-gradient(145deg,#14171a,#08090b);animation:match-launch-from-black .44s ease-out both}.match-launch>div{display:flex;flex-direction:column;align-items:center;transform:translateY(-3vh);animation:match-launch-content-emerge .48s cubic-bezier(.2,.72,.25,1) 60ms both}@keyframes match-launch-from-black{0%{opacity:0;background-color:#000}to{opacity:1}}@keyframes match-launch-content-emerge{0%{opacity:0;filter:brightness(.25);transform:translateY(calc(-3vh + 10px)) scale(.97)}to{opacity:1;filter:brightness(1);transform:translateY(-3vh) scale(1)}}.reduce-motion.game-page,.reduce-motion.match-launch,.reduce-motion.match-launch>div{animation-duration:.1s;animation-delay:0ms}.match-launch-crown{width:104px;height:104px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.52))}.match-launch .brand-word{margin-top:9px;font-size:2.35rem;font-weight:400;background:linear-gradient(180deg,var(--brand-title-start, #f7f9fa),var(--brand-title-end, #91979e));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.match-launch .hex-loader{width:27px;height:27px;margin-top:25px}.match-launch .hex-loader:after{top:7px;right:7px;bottom:7px;left:7px}@media(max-width:720px){.mode-grid{grid-template-columns:1fr}.mode-card:first-child{grid-column:auto}.player-count-options{grid-template-columns:repeat(2,1fr)}.player-seat{grid-template-columns:34px 36px 1fr 48px}.player-seat .color-crystal-trigger{grid-column:4;grid-row:1 / span 2}}@media(max-width:460px){.home-intro .display-title{font-size:2.75rem}.mode-card{grid-template-columns:46px 1fr auto;padding:16px}.mode-icon{width:42px;height:46px}.player-seat{grid-template-columns:34px 1fr 48px}.player-seat>.participant-glyph{display:none}.player-seat .player-name{grid-column:2}.player-seat .color-crystal-trigger{grid-column:3}.match-actions,.confirm-dialog>div{grid-template-columns:1fr}}.queue-page{min-height:100vh}.queue-content{width:min(940px,calc(100% - 32px));margin:46px auto;padding-bottom:70px}.queue-section{margin-top:30px;padding:20px;border:1px solid rgba(213,220,227,.14);border-radius:8px;background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 48%),#111419}.queue-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.queue-section-heading>div{display:flex;flex-direction:column;gap:3px}.queue-section-heading small,.format-family>label{color:#87909a;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.queue-section-heading h2{font-size:1.25rem;letter-spacing:-.01em}.queue-section-heading>span{color:#c9cfd5;font-size:.72rem}.queue-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.queue-mode-toggle button{min-height:76px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:13px 16px;text-align:left;background:#0d1013}.queue-mode-toggle button small{color:#89919a;font-size:.68rem}.queue-mode-toggle button.active,.format-grid button.active,.party-size-options button.active{color:#171a1d;border-color:#edf1f4;background:linear-gradient(120deg,rgba(255,255,255,.34),transparent 45%),linear-gradient(145deg,#e9edf0,#aeb5bd)}.queue-mode-toggle button.active small,.format-grid button.active small{color:#171a1da8}.format-family+.format-family{margin-top:16px}.format-family>label{display:block;margin:0 0 8px}.format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.format-family:last-child .format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.format-grid button{min-width:0;min-height:82px;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;padding:11px 12px;text-align:left;background:#0d1013}.format-grid button>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.format-grid button strong{font-size:.82rem;white-space:nowrap}.format-grid button small{color:#858e97;font-size:.6rem}.match-format-glyph{position:relative;display:grid;place-items:center;width:48px;height:52px}.match-format-glyph .player-diagram{position:absolute;top:5px;right:7px;bottom:5px;left:7px}.match-format-glyph>b{position:absolute;left:50%;bottom:-1px;min-width:26px;padding:2px 4px;color:#dce1e5;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0c0f12;font-size:.48rem;line-height:1;text-align:center;transform:translate(-50%)}.format-grid button.active .match-format-glyph>b{color:#171a1d;border-color:#171a1d33;background:#d5dae0}.party-size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}.party-size-options button{min-height:42px;color:#aab1b8;background:#0d1013}.party-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.party-member,.party-preview>button,.matchmaking-fill,.solo-format-note{min-height:74px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(213,220,227,.12);border-radius:6px;background:#0d1013;text-align:left}.party-member>span,.party-preview>button>span:not(.empty-slot-glyph),.matchmaking-fill>span,.solo-format-note>span{display:flex;flex-direction:column;gap:4px}.party-preview small,.solo-format-note small{color:#858e97;font-size:.62rem;line-height:1.3}.party-preview>button:disabled{opacity:.48}.matchmaking-fill{grid-column:auto;border-style:dashed}.matchmaking-fill .mode-icon{width:36px;height:40px;opacity:.76}.solo-format-note{width:100%}.ranking-architecture{margin-top:12px;padding:14px 17px;border-left:2px solid rgba(202,209,216,.48);background:#ffffff06}.ranking-architecture strong{font-size:.78rem}.ranking-architecture p{max-width:790px;margin:5px 0 0;color:#8f98a1;font-size:.68rem;line-height:1.48}.queue-start{width:100%;min-height:68px;display:grid;grid-template-columns:22px auto 1fr;justify-content:center;gap:10px;margin-top:18px;text-align:left}.queue-start small{justify-self:end;color:color-mix(in srgb,var(--cta-text) 72%,transparent);font-size:.62rem;font-weight:500}.turn-handoff-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;place-items:center;padding:16px;background:#050709f0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.turn-handoff{width:min(390px,100%);padding:34px;border:1px solid rgba(220,226,232,.28);border-radius:8px;background:radial-gradient(circle at 50% 0,rgba(224,230,235,.08),transparent 40%),#14171b;text-align:center;box-shadow:0 30px 75px #0000008f}.handoff-color{display:block;width:50px;height:54px;margin:15px auto;background:linear-gradient(145deg,rgba(255,255,255,.5),transparent 38%),var(--handoff-color);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);filter:drop-shadow(0 8px 9px rgba(0,0,0,.35))}.turn-handoff h2{font-size:2rem;letter-spacing:-.025em}.turn-handoff p{margin-bottom:5px;color:#a6adb5}.turn-handoff>small{color:#7d868f;font-size:.66rem}.turn-handoff .primary{width:100%;justify-content:center;margin-top:24px}@media(max-width:720px){.queue-mode-toggle,.format-grid,.format-family:last-child .format-grid,.party-preview{grid-template-columns:1fr 1fr}.matchmaking-fill{grid-column:1 / -1}.queue-start{grid-template-columns:20px auto}.queue-start small{grid-column:1 / -1;justify-self:center}}@media(max-width:480px){.queue-content{width:calc(100% - 22px);margin-top:28px}.queue-section{padding:15px}.queue-mode-toggle,.format-grid,.format-family:last-child .format-grid,.party-preview{grid-template-columns:1fr}.party-size-options{grid-template-columns:repeat(3,1fr)}.queue-section-heading{align-items:flex-start}}.display-title{font-size:clamp(2.75rem,6.2vw,4.25rem);line-height:.98;background:linear-gradient(180deg,#f9fafb 8%,#d7dce1 62%,#9ba2aa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-stage>.menu-primary{width:min(380px,100%);grid-template-columns:38px minmax(0,1fr);min-height:72px;gap:12px;padding:12px 18px;border-radius:8px;border-color:#eff3f6bf;background:linear-gradient(112deg,rgba(255,255,255,.52) 0%,rgba(255,255,255,.08) 42%,transparent 58%),linear-gradient(145deg,#eef1f3,#cbd1d7 52%,#aab1b8);box-shadow:0 16px 32px #00000047,inset 0 1px #ffffffb8,inset 0 -1px #454b5233}.home-stage>.menu-primary:hover:not(:disabled){border-color:#fff;background:linear-gradient(112deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.1) 42%,transparent 58%),linear-gradient(145deg,#f5f7f8,#d4dae0 52%,#b4bbc2);transform:translateY(-2px)}.home-new-match-link{margin-block:-17px -8px;padding:5px 10px;border:0;background:transparent;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}.home-new-match-link:hover:not(:disabled){border-color:transparent;color:var(--text-primary)}.play-icon{display:block;width:18px;height:22px;flex:0 0 auto;border:0;background:linear-gradient(135deg,#3f464d,#1d2227 48%,#090b0d);clip-path:polygon(5% 0,100% 50%,5% 100%);transform:translate(2px);filter:drop-shadow(0 3px 3px rgba(0,0,0,.3)) drop-shadow(0 0 1px rgba(255,255,255,.32))}.menu-primary .play-icon{justify-self:center}.setup-card{width:min(860px,calc(100% - 32px))}.setup-card>div:first-child .muted{max-width:650px;line-height:1.55}.player-count-options button{min-height:84px;border-color:#dee4ea24;background:#111419}.player-count-options button:hover:not(:disabled):not(.active){border-color:#dee4ea61;background:#171b20}.player-count-options button.active{background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 48%),linear-gradient(145deg,#eef1f4,#adb4bc)}.player-seat{min-height:76px;grid-template-columns:42px minmax(150px,1fr) auto 52px;gap:14px;padding:13px 15px;background:linear-gradient(110deg,rgba(255,255,255,.03),transparent 48%),#121519}.player-seat.empty{border-style:dashed;border-color:#cdd4dc2e;background:#12151985}.empty-slot-glyph{position:relative;display:grid;place-items:center;width:36px;height:36px;color:#8f979f;border:1px solid currentColor;border-radius:50%}.empty-slot-glyph:before,.empty-slot-glyph:after{content:"";position:absolute;width:13px;height:1px;background:currentColor}.empty-slot-glyph:after{transform:rotate(90deg)}.empty-slot-glyph i{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(255,255,255,.06);border-radius:50%}.empty-seat-action{min-width:94px;padding:.62rem .8rem;color:#c5cbd1;font-size:.7rem;white-space:nowrap}.empty-seat-action span{display:inline-block;margin-right:5px;font-size:1rem;line-height:0}.color-crystal-trigger{width:48px;height:48px;grid-column:4;border-color:#dee4ea29;background:#0e1114}.color-crystal-trigger:hover{border-color:#f5f8fa85}.slot-difficulty{grid-column:2 / -1;display:grid;grid-template-columns:minmax(62px,auto) repeat(3,minmax(72px,1fr));align-items:center;gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.065)}.slot-difficulty>span{color:#858d95;font-size:.63rem;letter-spacing:.08em;text-transform:uppercase}.slot-difficulty button{min-height:34px;padding:.45rem .65rem;color:#9da5ad;font-size:.68rem;background:#ffffff04}.slot-difficulty button.active{color:#171a1d;border-color:#dce1e5;background:linear-gradient(145deg,#e9edf0,#abb2ba);font-weight:750}.slot-chooser{grid-column:1 / -1;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px 40px 2px 0;border-top:1px solid rgba(255,255,255,.075)}.slot-chooser>button:not(.close-slot-menu){min-width:0;min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;text-align:left;background:#0f1215}.slot-chooser>button>span:not(.participant-glyph):not(.empty-slot-glyph){color:#cbd0d5;font-size:.68rem}.slot-chooser>button small{grid-column:2;color:#737b83;font-size:.56rem;text-transform:uppercase;letter-spacing:.08em}.slot-chooser>button:disabled{opacity:.38}.slot-chooser .remove-slot{grid-column:1 / -1;min-height:38px!important;display:block!important;color:#c99c98;text-align:center!important}.slot-chooser .close-slot-menu{position:absolute;top:10px;right:0;width:32px;height:32px;padding:0;border-radius:50%}.play-start{min-height:62px;justify-content:center;gap:13px;border-color:#f3f5f7;background:linear-gradient(115deg,rgba(255,255,255,.24),transparent 45%),linear-gradient(145deg,#f1f3f5,#b7bdc4)}.play-start .play-icon,.rematch-start .play-icon{width:14px;height:18px;background:linear-gradient(135deg,#3f464d,#0b0d0f)}.play-start:disabled{color:#80878f;border-color:#ffffff14;background:#15181c}.play-start:disabled .play-icon{opacity:.4}.result{max-height:calc(100vh - 32px);overflow-y:auto;border-color:#d8dee459;background:radial-gradient(circle at 50% 0,rgba(222,228,234,.07),transparent 36%),#15181c}.result h1{font-family:var(--font-ui);font-size:clamp(2.65rem,8vw,3.6rem);font-weight:700;letter-spacing:-.035em}.rematch-lobby{margin-top:20px}.rematch-heading{display:flex;justify-content:space-between;align-items:baseline;padding:0 2px 10px}.rematch-heading strong{font-size:1rem}.rematch-heading small{color:#9098a0;font-size:.65rem}.rematch-players{display:grid;gap:6px}.rematch-players>div{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);background:#101317;text-align:left}.rematch-players>div.accepted{border-color:#abc6b73d}.rematch-players>div>span{width:12px;height:14px;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.rematch-players b{font-size:.7rem}.rematch-players small{color:#8c9991;font-size:.58rem}.result .rematch-players button{width:auto;min-height:30px;margin:0;padding:.35rem .58rem;font-size:.62rem}.result .rematch-start{justify-content:center;gap:10px}@media(max-width:720px){.player-seat{grid-template-columns:38px minmax(0,1fr) 48px}.player-seat .empty-seat-action{grid-column:2;width:max-content}.player-seat .color-crystal-trigger{grid-column:3;grid-row:1 / span 2}.slot-difficulty,.slot-chooser{grid-column:1 / -1}.slot-difficulty{grid-template-columns:repeat(3,1fr)}.slot-difficulty>span{grid-column:1 / -1}.slot-chooser{grid-template-columns:1fr}.slot-chooser .remove-slot{grid-column:auto}}@media(max-width:460px){.setup-card{width:min(100% - 22px,860px)}.player-count-options button{min-height:74px}.player-seat{grid-template-columns:34px minmax(0,1fr) 44px;gap:9px;padding:11px}.player-seat>.participant-glyph,.player-seat>.empty-slot-glyph{display:block}.color-crystal-trigger{width:42px;height:42px}.result{padding:32px 22px}}.queue-player-count{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:14px}.queue-player-count button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 10px;color:#aeb6be;background:#0d1013}.queue-player-count button>span:last-child{font-size:.82rem;font-weight:750}.queue-player-count button.active{color:#171a1d;border-color:#edf1f4;background:linear-gradient(120deg,rgba(255,255,255,.34),transparent 45%),linear-gradient(145deg,#e9edf0,#aeb5bd)}.queue-player-count button.active .player-diagram:after{background:#adb4bc}.format-grid.count-2,.format-grid.count-3{grid-template-columns:1fr}.format-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.format-grid.count-6{grid-template-columns:repeat(3,minmax(0,1fr))}.training-format-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.training-format-options button{min-width:0;min-height:64px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:8px 11px;text-align:left;background:#101318}.training-format-options button>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.training-format-options strong{font-size:.78rem}.training-format-options small{color:#858e97;font-size:.58rem}.training-format-options button.active{color:#171a1d;border-color:#edf1f4;background:linear-gradient(120deg,rgba(255,255,255,.34),transparent 45%),linear-gradient(145deg,#e9edf0,#aeb5bd)}.training-format-options button.active small{color:#171a1da3}.training-format-options button.active .match-format-glyph>b{color:#171a1d;border-color:#171a1d33;background:#d5dae0}.player-seat.ally{border-left-color:#a4c5b59e;box-shadow:inset 2px 0 #a4c5b521}.player-seat.opponent{border-left-color:#cdada994;box-shadow:inset 2px 0 #cdada91c}.friend-pending{padding:.45rem .65rem;color:#8b939b;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase}@media(min-width:901px)and (min-height:700px){.queue-page,.setup-page{height:100vh;overflow-x:hidden;overflow-y:auto}.queue-content{width:min(1080px,calc(100% - 36px));height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(280px,.8fr) minmax(480px,1.35fr);grid-template-rows:auto auto auto auto;align-content:center;gap:10px;margin:0 auto;padding:14px 0 18px}.queue-content>.eyebrow,.queue-content>.display-title,.queue-content>.page-lead{grid-column:1 / -1}.queue-content>.eyebrow{margin:0}.queue-content>.display-title{font-size:clamp(2.4rem,4.4vw,3.5rem)}.queue-content>.page-lead{margin:0 0 2px;font-size:.8rem;line-height:1.35}.queue-section{margin:0;padding:13px 14px}.queue-section:nth-of-type(1){grid-column:1}.queue-section:nth-of-type(2){grid-column:2}.queue-section:nth-of-type(3){grid-column:1 / -1}.queue-section-heading{margin-bottom:9px}.queue-section-heading h2{font-size:1rem}.queue-mode-toggle button{min-height:58px;padding:9px 12px}.queue-player-count{margin-bottom:9px}.queue-player-count button{min-height:38px}.format-family>label{margin-bottom:5px}.format-grid button{min-height:58px;grid-template-columns:44px minmax(0,1fr);padding:6px 9px}.match-format-glyph{width:42px;height:46px}.party-size-options{margin-bottom:8px}.party-size-options button{min-height:34px}.party-member,.party-preview>button,.matchmaking-fill,.solo-format-note{min-height:54px;padding:8px 11px}.ranking-architecture{grid-column:1 / -1;margin:0;padding:8px 13px}.ranking-architecture p{margin-top:2px;font-size:.61rem;line-height:1.3}.queue-start{grid-column:1 / -1;min-height:46px;margin:0;padding-block:.65rem}.setup-card{width:min(1080px,calc(100% - 36px));height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);grid-template-rows:auto auto minmax(0,1fr) auto;align-content:center;gap:10px 14px;margin:0 auto;padding:13px 0 17px}.setup-card>div:first-child{grid-column:1 / -1}.setup-card>div:first-child .eyebrow{margin:0 0 2px}.setup-card>div:first-child .display-title{font-size:clamp(2.35rem,4.2vw,3.35rem)}.setup-card>div:first-child .muted{max-width:none;margin:6px 0 0;font-size:.72rem;line-height:1.35}.setup-card>.field{margin:0}.setup-card>.field>label{margin-bottom:6px;font-size:.68rem}.player-count-options button{min-height:60px;gap:8px;padding:7px}.player-count-options .player-diagram{width:38px;height:42px}.player-count-options .player-diagram:after{top:16px;right:14px;bottom:16px;left:14px}.training-format-options button{min-height:60px}.setup-card>.players{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:6px;min-height:0;margin:0}.player-seat{min-height:58px;grid-template-columns:34px minmax(130px,1fr) auto 42px;gap:9px;padding:8px 10px}.player-seat>.participant-glyph,.player-seat>.empty-slot-glyph{width:32px;height:32px}.player-name strong{font-size:.74rem}.player-name small{font-size:.59rem}.empty-seat-action{min-width:70px;padding:.46rem .58rem;font-size:.62rem}.color-crystal-trigger{width:40px;height:40px}.slot-difficulty{grid-column:1 / -1;grid-template-columns:42px repeat(3,minmax(54px,1fr));gap:4px;padding-top:6px}.slot-difficulty button{min-height:27px;padding:.3rem .45rem;font-size:.59rem}.slot-chooser{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:7px}.slot-chooser>button:not(.close-slot-menu){min-height:45px}.setup-card>.play-start{grid-column:1 / -1;min-height:46px;margin:0;padding-block:.65rem}}@media(max-width:900px),(max-height:699px){.queue-player-count,.training-format-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.queue-player-count,.training-format-options,.format-grid.count-4,.format-grid.count-6{grid-template-columns:1fr}}:root{--text-primary: #f4f6f8;--text-secondary: #bdc5cd;--text-tertiary: #929da8;--frame-soft: rgba(219, 226, 233, .14);--frame-strong: rgba(233, 238, 243, .32);--surface-low: #0d1014;--surface-mid: #12161b;--surface-high: #181d23;--radius-control: 9px;--radius-panel: 12px;--shadow-panel: 0 18px 42px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .035)}html{font-size:clamp(15px,.16vw + 14.5px,17px);text-size-adjust:100%;-webkit-text-size-adjust:100%}body{color:var(--text-primary);font-weight:400;line-height:1.45;letter-spacing:.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{min-width:24px;min-height:24px;border-radius:var(--radius-control);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}button:hover:not(:disabled){border-color:color-mix(in srgb,var(--focus-ring, #f6f8fa) 46%,var(--line))}button:focus-visible{outline:2px solid var(--focus-ring, #f6f8fa);outline-offset:3px;box-shadow:0 0 0 4px var(--focus-halo, rgba(212, 221, 230, .13))}.eyebrow,.field>label,.queue-section-heading small,.format-family>label,.slot-difficulty>span,.friend-pending{font-weight:700;letter-spacing:.14em}.page-lead,.muted,.player-name small,.training-format-options small,.format-grid button small,.party-preview small,.solo-format-note small{color:var(--text-tertiary)}.player-count-options,.queue-player-count,.training-format-options,.format-grid,.party-size-options,.army-list{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}.player-count-options button,.queue-player-count button,.training-format-options button,.format-grid button,.queue-mode-toggle button,.party-size-options button{position:relative;overflow:hidden;border:1px solid transparent;background:linear-gradient(145deg,var(--surface-mid),var(--surface-low)) padding-box,linear-gradient(135deg,#f1f5f838,#f1f5f80b 46%,#00000029) border-box;box-shadow:inset 0 1px #ffffff06,0 8px 22px #00000014}.player-count-options button:before,.queue-player-count button:before,.training-format-options button:before,.format-grid button:before,.queue-mode-toggle button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 34%,transparent 70%,rgba(255,255,255,.018));opacity:.72}.player-count-options button:hover:not(:disabled):not(.active),.queue-player-count button:hover:not(:disabled):not(.active),.training-format-options button:hover:not(:disabled):not(.active),.format-grid button:hover:not(:disabled):not(.active),.queue-mode-toggle button:hover:not(:disabled):not(.active){transform:translateY(-1px);background:linear-gradient(145deg,#171c22,#101419) padding-box,linear-gradient(135deg,#f2f6f961,#f2f6f912 55%,#0000001f) border-box;box-shadow:inset 0 1px #ffffff0b,0 12px 28px #00000029}.player-count-options button.active,.queue-player-count button.active,.training-format-options button.active,.format-grid button.active,.queue-mode-toggle button.active,.party-size-options button.active{color:#11151a;border-color:transparent;background:linear-gradient(120deg,rgba(255,255,255,.38),transparent 43%) padding-box,linear-gradient(145deg,#f1f4f6,#b6bdc5 58%,#9ba3ac) padding-box,linear-gradient(135deg,#fff,#9da6af) border-box;box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #3d444b2e,0 10px 24px #0003}.player-count-options button>span:last-child,.queue-player-count button>span:last-child{position:relative;z-index:1;font-size:clamp(.92rem,.4vw + .78rem,1.08rem);font-weight:700}.player-diagram,.match-format-glyph,.participant-glyph,.empty-slot-glyph{transition:filter .15s ease,opacity .15s ease,transform .15s ease}.player-count-options button:hover:not(:disabled) .player-diagram,.queue-player-count button:hover:not(:disabled) .player-diagram,.training-format-options button:hover:not(:disabled) .match-format-glyph,.format-grid button:hover:not(:disabled) .match-format-glyph{transform:translateY(-1px) scale(1.035);filter:drop-shadow(0 7px 10px rgba(0,0,0,.26))}.match-format-glyph>b{min-width:30px;padding:3px 5px;font-size:.55rem;font-weight:700;letter-spacing:.025em}.queue-section,.player-seat,.slot-chooser,.ranking-architecture{border-color:transparent;border-radius:var(--radius-panel);background:linear-gradient(145deg,#13171cfa,#0d1014fa) padding-box,linear-gradient(135deg,var(--frame-strong),rgba(218,225,232,.055) 48%,rgba(255,255,255,.12)) border-box;box-shadow:var(--shadow-panel)}.player-seat{position:relative;align-self:start;overflow:visible}.player-seat.ally{box-shadow:inset 2px 0 #8dc7a999,var(--shadow-panel)}.player-seat.opponent{box-shadow:inset 2px 0 #d38b858c,var(--shadow-panel)}.player-seat.empty{border:1px dashed rgba(205,215,224,.22);background:#0f1216ad;box-shadow:inset 0 1px #ffffff05}.player-name{min-width:0;gap:2px}.player-name strong{color:var(--text-primary);font-size:clamp(.84rem,.24vw + .77rem,.96rem);font-weight:700;line-height:1.1}.player-name small{margin-top:0;font-size:clamp(.69rem,.16vw + .64rem,.76rem);line-height:1.3}.participant-glyph{color:var(--skin-participant-ink, #e4e9ee);filter:drop-shadow(0 5px 8px rgba(0,0,0,.24))}.empty-seat-action{min-height:36px;color:#d2d8de;border-color:#dbe2e92e;background:#ffffff03;font-size:.72rem;font-weight:600}.empty-seat-action:hover{background:#ffffff0b}.color-crystal-trigger{border-color:#e2e9ef33;border-radius:50%;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.08),transparent 28%),linear-gradient(145deg,#151a20,#090c0f);box-shadow:inset 0 1px #ffffff0a,0 8px 17px #00000038}.color-crystal-trigger:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff12,0 11px 22px #0000004d}.slot-difficulty{border-top-color:#e3e9ef17}.slot-difficulty>span{color:#9ca6b0;font-size:.68rem}.slot-difficulty button{min-height:34px;color:#abb4bd;border-color:#dae1e81f;font-size:.7rem;font-weight:500}.slot-difficulty button.active{color:#12161a;background:linear-gradient(120deg,rgba(255,255,255,.34),transparent 46%),linear-gradient(145deg,#edf1f4,#b2bac3);box-shadow:inset 0 1px #ffffffb8,0 7px 16px #00000024}.training-format-options strong,.format-grid button strong,.queue-mode-toggle strong{position:relative;z-index:1;font-size:clamp(.82rem,.2vw + .77rem,.92rem);line-height:1.12}.training-format-options small,.format-grid button small,.queue-mode-toggle button small{position:relative;z-index:1;font-size:clamp(.68rem,.12vw + .64rem,.74rem);line-height:1.25}.friend-pending{color:#a3adb7;font-size:.65rem}@media(min-width:721px){.slot-chooser{position:absolute;z-index:12;top:calc(100% + 8px);right:0;left:0;grid-column:auto;padding:10px 46px 10px 10px;border:1px solid transparent;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 52px #0000007a,inset 0 1px #ffffff0b}.slot-chooser:before{content:"";position:absolute;top:-5px;right:92px;width:9px;height:9px;border-top:1px solid rgba(229,235,241,.28);border-left:1px solid rgba(229,235,241,.28);background:#15191e;transform:rotate(45deg)}.slot-chooser .remove-slot{grid-column:1 / -1}}@media(min-width:901px)and (min-height:700px){.setup-card{width:min(1180px,calc(100% - clamp(32px,6vw,96px)));height:auto;min-height:calc(100dvh - 74px);grid-template-columns:minmax(310px,.9fr) minmax(430px,1.1fr);grid-template-rows:auto auto auto auto;align-content:start;gap:clamp(10px,1.4vh,16px) clamp(14px,1.6vw,24px);padding:clamp(16px,2.4vh,28px) 0}.setup-card>div:first-child .display-title{font-size:clamp(2.8rem,4.3vw,4rem);line-height:.94}.setup-card>div:first-child .muted{margin-top:8px;color:var(--text-secondary);font-size:clamp(.75rem,.18vw + .7rem,.84rem);line-height:1.42}.setup-card>.field>label{color:#c6cdd4;margin-bottom:8px;font-size:.75rem}.player-count-options button,.training-format-options button{min-height:clamp(64px,7.7vh,78px)}.setup-card>.players{grid-auto-rows:max-content;align-content:start;align-items:start;align-self:start;gap:8px}.player-seat{min-height:66px;grid-template-columns:38px minmax(150px,1fr) auto 46px;gap:11px;padding:10px 12px}.player-seat>.participant-glyph,.player-seat>.empty-slot-glyph{width:36px;height:36px}.slot-difficulty{grid-template-columns:52px repeat(3,minmax(62px,1fr));gap:5px;padding-top:8px}.slot-difficulty button{min-height:34px}.setup-card>.play-start{min-height:52px;margin-top:2px;font-size:.9rem}.queue-content{width:min(1120px,calc(100% - clamp(32px,6vw,96px)));height:auto;min-height:calc(100dvh - 74px);align-content:start;padding:clamp(16px,2.2vh,26px) 0}.queue-content>.display-title{font-size:clamp(2.8rem,4.3vw,4rem)}.queue-content>.page-lead{color:var(--text-secondary);font-size:.82rem}.queue-section{padding:15px 16px}.queue-section-heading h2{font-size:1.12rem}.queue-mode-toggle button,.format-grid button{min-height:64px}}@media(min-width:721px)and (max-width:900px){.setup-card{width:min(820px,calc(100% - 32px));margin:26px auto}.setup-card>.players{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.player-seat{align-self:start}}@media(max-height:699px)and (min-width:721px){.setup-card,.queue-content{margin-block:18px}.setup-card h1,.queue-content .display-title{font-size:clamp(2.4rem,7vh,3.25rem)}.field{margin-top:18px}}@media(max-width:720px){.setup-card,.queue-content{width:min(100% - 24px,680px);margin:24px auto}.setup-card h1,.queue-content .display-title{font-size:clamp(2.6rem,13vw,3.8rem)}.setup-card>div:first-child .muted,.queue-content>.page-lead{color:var(--text-secondary);font-size:.82rem;line-height:1.48}.player-count-options{grid-template-columns:repeat(2,minmax(0,1fr))}.player-count-options button,.training-format-options button{min-height:66px}.player-seat{min-height:68px}.player-name strong{font-size:.92rem}.player-name small{font-size:.75rem}.slot-chooser>button:not(.close-slot-menu){min-height:48px}}@media(prefers-contrast:more){:root{--text-secondary: #d5dbe1;--text-tertiary: #bdc5cd;--frame-soft: rgba(245, 247, 249, .32);--frame-strong: rgba(250, 251, 252, .52)}button,.player-seat,.queue-section{border-color:#f5f7f970}}.reduce-motion button,.reduce-motion .player-diagram,.reduce-motion .match-format-glyph,.reduce-motion .participant-glyph,.reduce-motion .empty-slot-glyph{transition:none}.participant-glyph-trigger{width:42px;height:42px;display:grid;place-items:center;align-self:center;padding:2px;color:#dfe5ea;border-color:transparent;border-radius:50%;background:transparent}.participant-glyph-trigger:hover{border-color:#e1e8ee33;background:#ffffff09;transform:translateY(-1px)}.participant-glyph-trigger .participant-glyph,.participant-glyph-trigger .empty-slot-glyph{width:34px;height:34px}.color-wheel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;width:100vw;height:100dvh;padding:0;border:0;border-radius:0;background:#040608ad;-webkit-backdrop-filter:blur(7px) saturate(.72);backdrop-filter:blur(7px) saturate(.72);cursor:default}.color-wheel{position:absolute;z-index:61;top:50%;right:-8px;width:max-content;max-width:min(560px,calc(100vw - 28px));padding:9px 10px 10px;border:1px solid transparent;border-radius:14px;background:linear-gradient(145deg,#1a1f25f7,#0d1014fa) padding-box,linear-gradient(135deg,#f4f7f96b,#dae1e814 52%,#ffffff2e) border-box;box-shadow:0 28px 70px #0000008c,inset 0 1px #ffffff0e;transform:translateY(-50%)}.color-wheel:after{content:"";position:absolute;top:50%;right:-5px;width:9px;height:9px;border-top:1px solid rgba(235,240,244,.28);border-right:1px solid rgba(235,240,244,.28);background:#12161b;transform:translateY(-50%) rotate(45deg)}.color-wheel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:28px;padding:0 2px 5px 5px}.color-wheel-heading>span{overflow:hidden;color:#d6dce2;font-size:.67rem;font-weight:700;letter-spacing:.09em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.color-wheel-heading>button{width:28px;min-width:28px;height:28px;min-height:28px;display:grid;place-items:center;padding:0;border-radius:50%;color:#b7c0c8;border-color:#e0e7ed29;background:#ffffff05}.color-wheel-scroller{display:flex;gap:7px;max-width:min(530px,calc(100vw - 48px));overflow-x:auto;padding:2px;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none}.color-wheel-scroller::-webkit-scrollbar{display:none}.color-wheel-item{position:relative;flex:0 0 54px;width:54px;min-width:54px;height:58px;min-height:58px;padding:0;border-color:#e2e8ee1f;border-radius:10px;background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.055),transparent 30%),#ffffff05;scroll-snap-align:center}.color-wheel-item>span{position:absolute;top:8px;right:10px;bottom:8px;left:10px;background:linear-gradient(145deg,rgba(255,255,255,.52),transparent 40%),var(--crystal-color);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);filter:drop-shadow(0 7px 7px rgba(0,0,0,.34))}.color-wheel-item:hover,.color-wheel-item:focus-visible,.color-wheel-item.selected{border-color:#f4f7f9b8;background:#ffffff0f;transform:translateY(-1px)}.color-wheel-item.selected:after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;border-radius:50%;background:#f8fafb;transform:translate(-50%);box-shadow:0 0 8px #ffffffb3}@media(max-width:720px){.participant-glyph-trigger{grid-column:1;grid-row:1 / span 2}.color-wheel{right:-2px;max-width:calc(100vw - 20px)}.color-wheel-scroller{max-width:calc(100vw - 40px)}.color-wheel-item{flex-basis:58px;width:58px;min-width:58px;height:62px;min-height:62px}}.player-diagram{filter:drop-shadow(0 0 .8px rgba(245,248,250,.7)) drop-shadow(0 5px 7px rgba(0,0,0,.28))}.color-crystal-trigger span,.color-wheel-item>span{overflow:hidden;background:linear-gradient(135deg,#fff,#aeb6bf 38%,#eef2f5 58%,#747d87);filter:drop-shadow(0 7px 8px rgba(0,0,0,.38)) drop-shadow(0 0 1px rgba(255,255,255,.72))}.color-crystal-trigger span:after,.color-wheel-item>span:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(145deg,rgba(255,255,255,.5),transparent 40%),var(--crystal-color);clip-path:inherit}.color-wheel{position:fixed;inset-inline:0;top:50%;right:auto;width:100%;max-width:none;padding:16px 0 22px;border:0;border-top:1px solid rgba(231,236,241,.2);border-bottom:1px solid rgba(231,236,241,.2);border-radius:0;background:linear-gradient(90deg,transparent 0%,rgba(17,21,26,.94) 12%,rgba(17,21,26,.97) 50%,rgba(17,21,26,.94) 88%,transparent 100%);box-shadow:0 28px 70px #00000059,inset 0 1px #ffffff06;transform:translateY(-50%)}.color-wheel:after{display:none}.color-wheel-heading{justify-content:center;min-height:24px;padding:0 20px 8px;text-align:center}.color-wheel-heading>span{color:#e0e5e9;font-size:.74rem;letter-spacing:.13em}.color-wheel-scroller{width:100%;max-width:100vw;justify-content:safe center;gap:clamp(8px,1.25vw,16px);overflow-x:auto;padding:3px max(20px,calc((100vw - 570px)/2)) 8px;scroll-padding-inline:20px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.color-wheel-item{flex:0 0 clamp(68px,7vw,82px);width:clamp(68px,7vw,82px);min-width:68px;height:clamp(74px,7.5vw,88px);min-height:74px;border-color:transparent;border-radius:12px;background:transparent}.color-wheel-item>span{top:8px;right:12px;bottom:8px;left:12px}.color-wheel-item:hover,.color-wheel-item:focus-visible,.color-wheel-item.selected{border-color:#f4f7f92e;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 68%);transform:translateY(-2px)}.color-wheel-item.selected:after{bottom:2px}@media(max-width:720px){.color-wheel{right:auto;max-width:none;padding-block:15px 20px}.color-wheel-scroller{max-width:100vw;justify-content:flex-start;padding-inline:calc(50vw - 38px);scroll-snap-type:x mandatory}.color-wheel-item{flex-basis:76px;width:76px;min-width:76px;height:82px;min-height:82px}}.queue-section-summary{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.queue-section-summary>span{overflow:hidden;color:var(--text-secondary);font-size:.72rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.queue-section-summary>button{width:38px;min-width:38px;height:38px;min-height:38px;display:grid;place-items:center;padding:0;border-radius:50%;color:#dce2e7;border-color:#e2e8ee2e;background:#ffffff05}.queue-section-summary>button span,.setup-options-toggle>b{display:block;font-size:1rem;font-weight:500;line-height:1;transform:rotate(0);transition:transform .16s ease}.queue-collapsible.collapsed{padding-block:11px}.queue-collapsible.collapsed .queue-section-heading{align-items:center;margin-bottom:0}.queue-collapsible.collapsed .queue-section-summary>button span{transform:rotate(-90deg)}.ranking-architecture>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-primary);cursor:pointer;list-style:none}.ranking-architecture>summary::-webkit-details-marker{display:none}.ranking-architecture>summary:after{content:"⌄";color:var(--text-secondary);font-size:1rem;line-height:1;transition:transform .16s ease}.ranking-architecture:not([open])>summary:after{transform:rotate(-90deg)}.setup-options{grid-column:1 / -1;min-width:0}.setup-options-content{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);gap:14px}.setup-options-content>.field{min-width:0;margin:0}.setup-options-content>.field>label{margin-bottom:7px;color:#c6cdd4;font-size:.7rem}.setup-options-toggle{width:100%;min-height:54px;display:none;align-items:center;justify-content:space-between;gap:16px;padding:9px 13px;text-align:left;border-color:transparent;border-radius:var(--radius-panel);background:linear-gradient(145deg,#13171cfa,#0d1014fa) padding-box,linear-gradient(135deg,var(--frame-strong),rgba(218,225,232,.055) 48%,rgba(255,255,255,.12)) border-box;box-shadow:var(--shadow-panel)}.setup-options-toggle>span{min-width:0;display:flex;flex-direction:column;gap:3px}.setup-options-toggle small{color:var(--text-tertiary);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.setup-options-toggle strong{overflow:hidden;color:var(--text-primary);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.setup-options.collapsed .setup-options-toggle>b{transform:rotate(-90deg)}.queue-content.compact,.setup-card.compact{width:min(980px,calc(100% - clamp(24px,4vw,48px)));height:auto;min-height:calc(100dvh - 74px);display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(7px,1.2vh,12px);margin:0 auto;padding:clamp(12px,2vh,20px) 0 max(18px,env(safe-area-inset-bottom))}.network-lobby{width:min(620px,calc(100% - 32px));margin:clamp(2rem,8vh,6rem) auto 3rem;padding:clamp(1.25rem,4vw,2.25rem);border:1px solid var(--frame-soft);border-radius:12px;background:#080b0eb8;box-shadow:0 24px 70px #00000052}.network-field{display:grid;gap:.45rem;margin-top:1.1rem}.network-field>span,.network-waiting>span,.network-server-address{color:var(--text-secondary);font-size:.74rem}.network-field input{width:100%;min-height:46px;padding:.65rem .8rem;color:var(--text-primary);border:1px solid var(--frame-soft);border-radius:7px;background:#ffffff09}.network-actions{display:grid;gap:.8rem;margin-top:1rem}.network-actions>button{min-height:46px}.network-divider{height:1px;margin:.35rem 0;background:var(--frame-soft)}.network-waiting{display:grid;justify-items:center;gap:.55rem;margin-top:1.25rem;padding:1.2rem;border:1px solid var(--frame-soft);border-radius:9px;background:#ffffff06;text-align:center}.network-waiting strong{font-size:clamp(1.8rem,7vw,3rem);letter-spacing:.14em;overflow-wrap:anywhere}.network-waiting p,.network-waiting small{margin:0}.network-error{margin:1rem 0 0;color:#ffaaa1}.network-server-address{margin:1.25rem 0 0;overflow-wrap:anywhere}.network-server-address code{color:var(--text-primary)}.network-status-slot{position:relative;z-index:7;flex:0 0 0;width:100%;height:0;min-height:0}.notice.network-connection-status{position:absolute;top:0;left:50%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;width:min(720px,calc(100% - 16px));max-width:100%;max-height:30dvh;margin:0;padding:8px 16px;overflow:auto;transform:translate(-50%);box-shadow:0 8px 20px #00000047}.network-connection-status p{margin:0;overflow-wrap:anywhere}.network-connection-status small{color:var(--text-secondary);white-space:nowrap}.network-connection-status button{min-height:44px}.queue-content.compact>.eyebrow,.queue-content.compact>.display-title,.queue-content.compact>.page-lead{margin-block:0}.queue-content.compact>.display-title,.setup-card.compact .display-title{font-size:clamp(2.35rem,7vh,3.7rem);line-height:.95}.queue-content.compact>.page-lead,.setup-card.compact>div:first-child .muted{margin-top:2px;color:var(--text-secondary);font-size:clamp(.72rem,1.4vh,.82rem);line-height:1.35}.queue-content.compact .queue-section{width:100%;margin:0;padding:12px 14px}.queue-content.compact .queue-section-heading{margin-bottom:9px}.queue-content.compact .queue-section-heading h2{font-size:1rem}.queue-content.compact .ranking-architecture{width:100%;margin:0;padding:10px 13px}.queue-content.compact .queue-start,.setup-card.compact>.play-start{width:100%;min-height:50px;margin:auto 0 0}.setup-card.compact>div:first-child{width:100%}.setup-card.compact .setup-options-toggle{display:flex}.setup-card.compact .setup-options-content{grid-template-columns:minmax(240px,.8fr) minmax(340px,1.2fr);gap:10px}.setup-card.compact>.players{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:7px;margin:0}.setup-card.compact .player-seat{min-height:60px;grid-template-columns:36px minmax(120px,1fr) auto 42px;gap:9px;padding:8px 10px}.setup-card.compact .slot-difficulty{grid-template-columns:42px repeat(3,minmax(52px,1fr));gap:4px;padding-top:6px}.setup-card.compact .slot-difficulty button{min-height:30px;padding:.32rem .4rem;font-size:.62rem}@media(max-width:720px){.queue-content.compact,.setup-card.compact{width:calc(100% - 24px);min-height:calc(100dvh - 66px);padding-top:14px}.queue-content.compact>.display-title,.setup-card.compact .display-title{font-size:clamp(2.4rem,11vw,3.35rem)}.queue-section-heading{align-items:center;gap:10px}.queue-section-summary>span{max-width:34vw}.setup-card.compact .setup-options-content{grid-template-columns:1fr}.setup-card.compact>.players{grid-template-columns:1fr}.setup-card.compact .player-seat{grid-template-columns:36px minmax(110px,1fr) auto 44px}}@media(pointer:coarse){.queue-section-summary>button,.nav-icon-button{width:48px;min-width:48px;height:48px;min-height:48px}}.result-backdrop{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--result-army) 13%,transparent),transparent 42%),#050709d6}.result-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.22;background:repeating-linear-gradient(120deg,transparent 0 42px,rgba(255,255,255,.022) 42px 43px),radial-gradient(circle at 50% 48%,rgba(255,255,255,.05),transparent 38%)}.result{position:relative;z-index:2;width:min(510px,calc(100% - 28px));padding:clamp(28px,5vh,44px) clamp(24px,5vw,46px);overflow:visible;border:1px solid transparent;border-radius:2px;background:linear-gradient(155deg,#181d23fb,#0b0e12fc) padding-box,linear-gradient(135deg,#f8fafc80,#b5bec71c 48%,color-mix(in srgb,var(--result-army) 42%,transparent)) border-box;box-shadow:0 42px 100px #0000009e,inset 0 1px #ffffff0b}.result-piece{position:relative;z-index:3;width:90px;height:90px;margin:0;filter:drop-shadow(0 12px 13px rgba(0,0,0,.54)) drop-shadow(0 0 14px color-mix(in srgb,var(--result-army) 22%,transparent));animation:result-crown-arrive .62s cubic-bezier(.16,.78,.24,1.18) both}.result-confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.result-confetti>i{position:absolute;left:var(--confetti-x);top:-9vh;width:8px;height:16px;opacity:0;border-radius:1px;background:var(--result-army);box-shadow:inset 1px 0 #ffffff6b;filter:saturate(1.08) brightness(1.08);transform:rotate(var(--confetti-rotation));animation:result-confetti-fall var(--confetti-duration) linear var(--confetti-delay) infinite}.result-confetti>i:nth-child(3n){width:11px;height:11px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:saturate(.9) brightness(1.4)}.result-confetti>i:nth-child(4n){width:5px;height:19px;filter:saturate(1.15) brightness(.82)}.ranked-result{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 4px;padding:12px;border:1px solid rgba(226,232,238,.16);background:#ffffff05;text-align:left}.ranked-result>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ranked-result small{color:var(--text-tertiary);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.ranked-result strong{color:var(--text-primary)}.ranked-result strong.positive{color:#8fcaab}.ranked-result strong.negative{color:#d58c88}.ranked-result>p{grid-column:1 / -1;margin:2px 0 0;color:var(--text-tertiary);font-size:.62rem;line-height:1.35}@keyframes result-crown-arrive{0%{opacity:0;transform:translateY(12px) scale(.72)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-confetti-fall{0%{opacity:0;transform:translate3d(0,-12vh,0) rotate(var(--confetti-rotation))}8%{opacity:.96}to{opacity:.18;transform:translate3d(var(--confetti-drift),118vh,0) rotate(calc(var(--confetti-rotation) + 760deg))}}@media(max-width:560px){.result{max-height:calc(100dvh - 24px);padding:26px 20px}.result h1{font-size:clamp(2.55rem,14vw,3.35rem)}}.reduce-motion .result-piece,.reduce-motion .result-confetti>i{animation:none;opacity:1}.result>p:not(.eyebrow){margin-top:5px}.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}.language-picker-shell{position:relative;z-index:4}.language-picker{width:100%;min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:10px 14px;color:var(--text-primary);text-align:left;border:1px solid transparent;background:linear-gradient(145deg,var(--surface-mid),var(--surface-low)) padding-box,linear-gradient(135deg,var(--frame-soft),rgba(255,255,255,.035)) border-box}.language-picker-badge{display:grid;place-items:center;width:32px;height:28px;color:var(--text-secondary);border:1px solid var(--frame-soft);font-size:.63rem;font-weight:800;letter-spacing:.08em}.language-picker-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.language-picker small{color:var(--text-tertiary);font-size:.58rem;letter-spacing:.11em;text-transform:uppercase}.language-picker strong{color:var(--text-primary);font-size:.86rem;min-width:0;overflow-wrap:anywhere}.language-picker-list{position:absolute;z-index:40;inset-inline:0;top:calc(100% + 6px);max-height:min(360px,58vh);overflow-y:auto;padding:6px;border:1px solid var(--frame-soft);background:linear-gradient(145deg,#181d23,#0d1014);box-shadow:0 22px 44px #0000006b,inset 0 1px #ffffff0b}.language-picker-list>button{width:100%;min-height:46px;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:7px 10px;color:var(--text-secondary);text-align:left;border:1px solid transparent;background:transparent}.language-picker-list>button+button{border-top-color:color-mix(in srgb,var(--line) 44%,transparent)}.language-picker-list>button.highlighted{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-bright) 42%,var(--frame-soft));background:color-mix(in srgb,var(--accent) 24%,var(--surface-mid))}.language-picker-list>button[aria-selected=true]{color:var(--selection-text);background:linear-gradient(112deg,rgba(255,255,255,.16),transparent 44%),linear-gradient(145deg,var(--selection-start),var(--selection-end))}.language-option-badge{display:grid;place-items:center;width:32px;height:27px;color:inherit;border:1px solid color-mix(in srgb,currentColor 28%,transparent);font-size:.6rem;font-weight:800;letter-spacing:.06em}.language-picker-list strong{min-width:0;font-size:.84rem;overflow-wrap:anywhere}.language-option-check{justify-self:center;color:inherit;font-size:.86rem;font-weight:800}.language-picker-chevron{width:9px;height:9px;justify-self:center;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:translateY(-2px) rotate(45deg);pointer-events:none}.theme-options>button{min-height:68px;display:flex;align-items:center;gap:13px;padding:12px 14px;text-align:left;border:1px solid transparent;background:linear-gradient(145deg,var(--surface-mid),var(--surface-low)) padding-box,linear-gradient(135deg,var(--frame-soft),rgba(255,255,255,.035)) border-box}.theme-options>button.active{background:linear-gradient(145deg,#ffffff14,#ffffff06) padding-box,linear-gradient(135deg,#f9fbfcad,#8b959f3d) border-box;box-shadow:inset 0 1px #ffffff14}.theme-options>button>span:last-child{display:flex;flex-direction:column;gap:2px}.theme-options small{color:var(--text-tertiary);font-size:.58rem;letter-spacing:.11em;text-transform:uppercase}.theme-options strong{color:var(--text-primary);font-size:.86rem}.theme-sample.dark{background:linear-gradient(145deg,#f2f4f6 0,#f2f4f6 18%,#68717a 19%,#68717a 43%,#171b20 44%,#171b20)}.theme-sample.wood{background:linear-gradient(145deg,#d8dadd 0,#d8dadd 34%,#9ca2a8 35%,#9ca2a8 68%,#3e454c 69%,#3e454c)}.settings-rules-link{width:100%;min-height:66px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:18px;padding:12px 16px;text-align:left;border:1px solid transparent;background:linear-gradient(145deg,var(--surface-mid),var(--surface-low)) padding-box,linear-gradient(135deg,var(--frame-soft),rgba(255,255,255,.035)) border-box}.settings-rules-link>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.settings-rules-link strong{color:var(--text-primary);font-size:.88rem}.settings-rules-link small{color:var(--text-tertiary);font-size:.7rem}.settings-rules-link>b{color:var(--text-secondary);font-size:1.3rem;font-weight:400}.timer-field{grid-column:1 / -1}.timer-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.timer-mode-options>button{min-height:62px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:9px 11px;text-align:left;border:1px solid transparent;background:linear-gradient(145deg,var(--surface-mid),var(--surface-low)) padding-box,linear-gradient(135deg,var(--frame-soft),rgba(255,255,255,.035)) border-box}.timer-mode-options>button.active{color:#15191d;background:linear-gradient(145deg,#eef1f3,#aeb6be) padding-box,linear-gradient(135deg,#fff,#828c96) border-box}.timer-mode-options>button>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.timer-mode-options strong{font-size:.78rem}.timer-mode-options small{color:var(--text-tertiary);font-size:.62rem;line-height:1.2}.timer-mode-options>button.active small{color:#15191d9e}.timer-glyph{position:relative;width:29px;height:29px;display:block;border:1.7px solid currentColor;border-radius:50%}.timer-glyph:before{content:"";position:absolute;left:50%;top:4px;width:1.7px;height:9px;background:currentColor;transform-origin:50% 10px}.timer-glyph:after{content:"";position:absolute;left:50%;top:-5px;width:9px;height:4px;border:1.7px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0;transform:translate(-50%)}.timer-glyph.none:before{left:3px;top:13px;width:21px;height:1.7px;transform:rotate(-42deg)}.timer-glyph.elapsed:before{transform:rotate(42deg)}.timer-glyph.countdown:before{transform:rotate(-42deg)}.timer-limit-options{display:grid;grid-template-columns:auto repeat(4,minmax(58px,1fr));align-items:center;gap:6px;margin-top:8px}.timer-limit-options>span{padding-right:6px;color:var(--text-tertiary);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.timer-limit-options>button{min-height:34px;padding:.38rem .55rem;color:var(--text-secondary);font-size:.7rem}.timer-limit-options>button.active{color:#15191d;border-color:#dfe4e8;background:linear-gradient(145deg,#edf0f2,#abb3bb)}.turn-clock{min-width:48px;padding-left:10px;border-left:1px solid var(--line);color:var(--text-primary);font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.035em;text-align:right}.turn-clock.warning,.army-list time.warning{color:var(--warning-text, #e28a82);animation:clock-warning .85s ease-in-out infinite alternate}.match-clock-summary{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin:-10px 0 14px;padding:10px 12px;border:1px solid var(--line);background:#ffffff05}.match-clock-summary span,.match-clock-summary small{color:var(--text-tertiary);font-size:.61rem}.match-clock-summary strong{grid-row:1 / span 2;grid-column:2;align-self:center;font-size:.92rem;font-variant-numeric:tabular-nums}.army-list>div{grid-template-columns:22px minmax(0,1fr) auto auto}.army-list time{color:var(--text-secondary);font-size:.66rem;font-weight:700;font-variant-numeric:tabular-nums}@keyframes clock-warning{0%{opacity:.72}to{opacity:1;text-shadow:0 0 9px rgba(226,93,82,.38)}}@media(max-width:720px){.theme-options,.timer-mode-options{grid-template-columns:1fr}.timer-limit-options{grid-template-columns:repeat(4,1fr)}.timer-limit-options>span{grid-column:1 / -1}}[data-ui-theme=light]{color:#20262c;--paper: #242a30;--ink: #e0e2e3;--muted: #525d66;--accent: #747e87;--accent-bright: #252b31;--accent-deep: #59636d;--accent-ink: #161b20;--accent-glow: rgba(50, 58, 66, .13);--panel: #c4c7ca;--panel-raised: #d2d4d6;--line: #747b82;--text-primary: #1e252b;--text-secondary: #3f4952;--text-tertiary: #525d66;--frame-soft: rgba(38, 45, 52, .24);--frame-strong: rgba(28, 34, 40, .48);--surface-low: #aeb2b6;--surface-mid: #c3c6c9;--surface-high: #d0d2d4;--shadow-panel: 0 18px 38px rgba(28, 33, 38, .14), inset 0 1px 0 rgba(255, 255, 255, .42)}[data-ui-theme=light].surface-page,[data-ui-theme=light].play-page,[data-ui-theme=light].more-page,[data-ui-theme=light].setup-page,[data-ui-theme=light].settings-page,[data-ui-theme=light].rules-page,[data-ui-theme=light].queue-page,[data-ui-theme=light].home,[data-ui-theme=light].splash,[data-ui-theme=light].match-launch,[data-ui-theme=light].game-page{background:radial-gradient(circle at 12% -8%,rgba(255,255,255,.5),transparent 31%),radial-gradient(circle at 92% 108%,rgba(58,67,76,.13),transparent 36%),linear-gradient(145deg,#c9cbcd,#adb1b5 55%,#969ca2)}[data-ui-theme=light] .topbar,[data-ui-theme=light] .game-header,[data-ui-theme=light] .home-utility,[data-ui-theme=light] .home-footer{color:#222930;border-color:#242b324d;background:#c0c4c7c7}[data-ui-theme=light] .display-title{background:linear-gradient(180deg,#20262c 8%,#4c555e 62%,#747d86);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-ui-theme=light] .queue-section,[data-ui-theme=light] .player-seat,[data-ui-theme=light] .slot-chooser,[data-ui-theme=light] .ranking-architecture,[data-ui-theme=light] .setup-options-toggle,[data-ui-theme=light] .settings-rules-link,[data-ui-theme=light] .rule-grid article{color:var(--text-primary);background:linear-gradient(145deg,#cfd2d4fa,#aeb2b6fa) padding-box,linear-gradient(135deg,#1e252b85,#fff6 52%,#2d343b47) border-box}[data-ui-theme=light] .mode-card,[data-ui-theme=light] .more-list button,[data-ui-theme=light] .theme-options>button,[data-ui-theme=light] .language-picker,[data-ui-theme=light] .timer-mode-options>button{color:var(--text-primary);background:linear-gradient(145deg,#c9cccf,#aeb3b7) padding-box,linear-gradient(135deg,#22293080,#ffffff73) border-box}[data-ui-theme=light] .mode-card:first-child{background:linear-gradient(115deg,rgba(255,255,255,.42),transparent 48%),linear-gradient(145deg,#d2d4d6,#aeb3b7)}[data-ui-theme=light] .player-count-options button:not(.active),[data-ui-theme=light] .queue-player-count button:not(.active),[data-ui-theme=light] .training-format-options button:not(.active),[data-ui-theme=light] .format-grid button:not(.active),[data-ui-theme=light] .queue-mode-toggle button:not(.active),[data-ui-theme=light] .party-size-options button:not(.active){color:var(--text-primary);background:linear-gradient(145deg,#c7cacc,#adb2b6) padding-box,linear-gradient(135deg,#22293061,#ffffff7a) border-box}[data-ui-theme=light] .setting-row{border-bottom-color:#272e3552}[data-ui-theme=light] .toggle{background:transparent}[data-ui-theme=light] .toggle:before{border-color:#6f7780;background:#90969c}[data-ui-theme=light] .toggle span{background:#444c54}[data-ui-theme=light] .toggle.on{background:transparent}[data-ui-theme=light] .toggle.on:before{background:#4e5861}[data-ui-theme=light] .toggle.on span{background:#e2e4e5}[data-ui-theme=light] .nav-icon-button{color:#252c33;border-color:#242b325c;background:#ffffff24}[data-ui-theme=light] .status-panel,[data-ui-theme=light] .history{color:#20262c;border-color:#70777e;background:#b9bdc0eb}[data-ui-theme=light] .board-wrap{background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.2),transparent 44%),#9ba1a6}[data-ui-theme=light] .throne-status{background:linear-gradient(135deg,#b5832d2e,#b2b6b9d1)}[data-ui-theme=light] .menu-primary{color:#edf0f2;border-color:#252c33;background:linear-gradient(112deg,rgba(255,255,255,.18),transparent 48%),linear-gradient(145deg,#505a63,#252c33)}[data-ui-theme=light] .menu-primary .play-icon{border-left-color:#edf0f2}[data-ui-theme=light] .result-backdrop,[data-ui-theme=light] .turn-handoff-backdrop,[data-ui-theme=light] .color-wheel-backdrop{color:#f2f4f6}.player-diagram{--diagram-inactive: rgba(151, 160, 169, .2);--diagram-separator: #080b0e;filter:drop-shadow(0 0 1.2px rgba(247,249,250,.92)) drop-shadow(0 0 2.6px rgba(7,9,11,.92)) drop-shadow(0 7px 8px rgba(0,0,0,.32))}.player-diagram:after{border:1px solid rgba(238,242,245,.66);box-shadow:0 0 0 2px #06080a94,0 2px 5px #0000004d}.player-count-options button.active .player-diagram,.queue-player-count button.active .player-diagram,.training-format-options button.active .player-diagram,.format-grid button.active .player-diagram{--diagram-inactive: rgba(43, 49, 55, .18);--diagram-separator: #252b31;filter:drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 0 2px rgba(22,27,32,.72)) drop-shadow(0 6px 8px rgba(0,0,0,.22))}.queue-section-summary>button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.queue-section-summary>button:hover:not(:disabled){color:var(--text-primary);border:0;background:transparent;transform:translateY(1px)}.queue-section-summary>button span{font-size:1.08rem;transition:transform .17s ease}.queue-collapsible.collapsed{padding-block:8px}@media(min-width:761px)and (min-height:661px){.queue-content:not(.compact){width:min(1120px,calc(100% - clamp(28px,5vw,74px)));min-height:calc(100dvh - 74px);display:grid;grid-template-columns:minmax(230px,.78fr) minmax(380px,1.22fr);grid-template-rows:auto auto auto auto auto;align-content:center;gap:clamp(7px,1.1vh,11px);margin:0 auto;padding:clamp(10px,1.7vh,18px) 0}.queue-content:not(.compact)>.eyebrow,.queue-content:not(.compact)>.display-title,.queue-content:not(.compact)>.page-lead,.queue-content:not(.compact)>.ranking-architecture,.queue-content:not(.compact)>.queue-start{grid-column:1 / -1;margin-block:0}.queue-content:not(.compact)>.queue-section{margin:0;padding:clamp(11px,1.3vh,15px) 14px}.queue-content:not(.compact)>.queue-section:nth-of-type(1){grid-column:1}.queue-content:not(.compact)>.queue-section:nth-of-type(2){grid-column:2}.queue-content:not(.compact)>.queue-section:nth-of-type(3){grid-column:1 / -1}.queue-content:not(.compact) .queue-section-heading{margin-bottom:8px}.queue-content:not(.compact) .queue-section-heading h2{font-size:clamp(.96rem,1.6vw,1.12rem)}.queue-content:not(.compact) .queue-mode-toggle button,.queue-content:not(.compact) .format-grid button{min-height:clamp(54px,7vh,64px)}.queue-content:not(.compact) .queue-start{min-height:48px}.setup-card:not(.compact){width:min(1120px,calc(100% - clamp(28px,5vw,74px)));min-height:calc(100dvh - 74px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,auto) auto;align-content:center;gap:clamp(7px,1.1vh,11px);margin:0 auto;padding:clamp(10px,1.7vh,18px) 0}.setup-card:not(.compact)>div:first-child,.setup-card:not(.compact)>.setup-options,.setup-card:not(.compact)>.players,.setup-card:not(.compact)>.play-start{grid-column:1;width:100%}.setup-card:not(.compact)>div:first-child .display-title{font-size:clamp(2.35rem,5.2vh,3.6rem)}.setup-card:not(.compact)>div:first-child .muted{margin-top:4px;font-size:.76rem}.setup-card:not(.compact) .setup-options-content{grid-template-columns:minmax(240px,.82fr) minmax(360px,1.18fr);gap:9px 12px}.setup-card:not(.compact) .player-count-options button,.setup-card:not(.compact) .training-format-options button{min-height:clamp(56px,7vh,68px)}.setup-card:not(.compact)>.players{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:6px;margin:0}.setup-card:not(.compact) .player-seat{min-height:58px;padding-block:7px}.setup-card:not(.compact)>.play-start{min-height:48px;margin:0}}[data-ui-theme=light] .player-diagram{--diagram-inactive: rgba(53, 61, 68, .17);--diagram-separator: #31383f;filter:drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 0 2.4px rgba(35,41,47,.82)) drop-shadow(0 6px 7px rgba(34,39,44,.2))}[data-ui-theme=light] .theme-options>button.active,[data-ui-theme=light] .timer-mode-options>button.active{color:#eef1f3;background:linear-gradient(145deg,#59636c,#2e353c) padding-box,linear-gradient(135deg,#1f262c,#ffffff9e) border-box}[data-ui-theme=light] .theme-options>button.active strong,[data-ui-theme=light] .timer-mode-options>button.active strong{color:#f1f3f4}[data-ui-theme=light] .theme-options>button.active small,[data-ui-theme=light] .timer-mode-options>button.active small{color:#c2c9cf}.color-crystal-trigger span,.color-wheel-item>span{clip-path:polygon(50% 1%,96% 25%,96% 75%,50% 99%,4% 75%,4% 25%)}.color-crystal-trigger span:after,.color-wheel-item>span:after{top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;clip-path:inherit;background:linear-gradient(150deg,rgba(255,255,255,.58) 0 17%,transparent 39%),linear-gradient(30deg,rgba(0,0,0,.22),transparent 46%),var(--crystal-color)}.color-wheel-item>span{top:5px;right:15px;bottom:5px;left:15px}.color-crystal-trigger span{top:6px;right:12px;bottom:6px;left:12px}.timer-limit-options{display:grid;grid-template-columns:auto minmax(210px,320px) minmax(180px,1fr);align-items:center;gap:10px 16px;margin-top:10px}.timer-limit-options>span{padding:0}.timer-limit-options>small{color:var(--text-tertiary);font-size:.64rem;line-height:1.35}.timer-minute-picker{display:grid;grid-template-columns:42px minmax(90px,1fr) 42px;min-height:42px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffff05}.timer-minute-picker>button{min-height:40px;padding:0;border:0;border-radius:0;color:var(--text-secondary);background:#ffffff06;font-family:var(--font-ui);font-size:1.15rem}.timer-minute-picker>button:first-child{border-right:1px solid var(--line)}.timer-minute-picker>button:last-child{border-left:1px solid var(--line)}.timer-minute-picker>button:hover,.timer-minute-picker>button:focus-visible{color:var(--text-primary);background:#ffffff12}.timer-minute-picker label{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;cursor:ns-resize}.timer-minute-picker input{width:62px;padding:0;border:0;outline:0;color:var(--text-primary);background:transparent;font-family:var(--font-ui);font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.timer-minute-picker input::-webkit-inner-spin-button,.timer-minute-picker input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.timer-minute-picker label>span{color:var(--text-tertiary);font-size:.68rem;text-transform:uppercase}[data-ui-theme=light] .timer-minute-picker{border-color:#2a323947;background:#ffffff70}[data-ui-theme=light] .timer-minute-picker>button{color:#303840;background:#2e363d0f}.result{width:min(560px,calc(100% - 28px));padding:clamp(24px,4vh,36px) clamp(24px,4vw,44px) 34px}.result>.eyebrow{margin-bottom:4px}.result>p:not(.eyebrow){width:min(410px,100%);min-height:1.5em;margin:6px auto 14px;line-height:1.45}@media(max-width:620px){.timer-limit-options{grid-template-columns:1fr;gap:7px}.timer-limit-options>small{display:none}.result{max-height:calc(100dvh - 20px);overflow-y:auto;padding:22px 18px 26px}}.compact-brand{width:58px;min-width:58px;height:64px;flex-direction:column;justify-content:center;gap:0}.compact-brand .brand-icon{width:34px;height:34px}.compact-wordmark{margin-top:-2px;color:#f0f2f4;font-family:var(--font-brand);font-size:.78rem;font-weight:400;letter-spacing:.045em;line-height:1;text-transform:none;text-shadow:0 2px 6px rgba(0,0,0,.54)}[data-ui-theme=light] .compact-wordmark{color:#4a555f;text-shadow:0 1px rgba(255,255,255,.5)}[data-ui-theme=light] .compact-brand .brand-icon{filter:drop-shadow(0 1px 1px rgba(255,255,255,.42))}[data-ui-theme=light] .compact-brand .brand-icon img{filter:grayscale(1) brightness(.44) contrast(1.28)}[data-ui-theme=light] .rules-content>p:not(.eyebrow){color:var(--text-secondary)}[data-ui-theme=light] .rule-grid h2{color:var(--text-primary)}[data-ui-theme=light] .rule-grid p{color:var(--text-secondary)}[data-ui-theme=light] .rule-piece{filter:drop-shadow(0 4px 5px rgba(30,36,42,.2))}[data-ui-theme=light] .rule-piece img{filter:grayscale(1) brightness(.43) contrast(1.3)}.home-intro{display:flex;flex-direction:column;align-items:center;gap:clamp(7px,1.5vh,13px)}.home-banner-emblem{display:block;width:clamp(126px,20vw,188px);height:clamp(116px,18vw,172px);object-fit:contain;filter:drop-shadow(0 15px 24px rgba(0,0,0,.38)) drop-shadow(0 0 20px rgba(223,229,235,.055))}.home-intro .display-title{margin-top:0}.turn-relation{width:max-content;margin-top:3px;padding:1px 6px 2px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:.53rem;font-weight:700;letter-spacing:.09em;line-height:1.15;text-transform:uppercase}.turn-relation.friendly{color:#d7edf0;border-color:#7eb5be70;background:#538a9529}.turn-relation.enemy{color:var(--enemy-text, #f0d4d0);border-color:var(--enemy-border, rgba(202, 101, 91, .42));background:var(--enemy-surface, rgba(154, 63, 55, .14))}.alliance-summary{margin:-10px 0 16px;padding:10px 11px 9px;border:1px solid rgba(133,181,191,.34);background:linear-gradient(115deg,rgba(111,167,178,.105),transparent 62%),#ffffff04;box-shadow:inset 2px 0 #98cbd399}.alliance-summary>span{display:block;margin-bottom:7px;color:#b9d7dc;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.alliance-summary>div{display:flex;flex-wrap:wrap;gap:6px}.alliance-member{min-width:0;display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:.63rem}.alliance-member i{width:11px;height:13px;flex:0 0 auto;border:1px solid rgba(244,247,249,.72);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);box-shadow:0 0 0 1px #0006}.alliance-member b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.army-list>div.self,.army-list>div.ally{position:relative;margin-inline:-7px;padding-inline:8px 7px;border-left:2px solid var(--army-color);background:linear-gradient(90deg,color-mix(in srgb,var(--army-color) 12%,transparent),transparent 78%)}.army-list>div.self{box-shadow:inset 3px 0 color-mix(in srgb,var(--army-color) 72%,#f4f6f7)}.army-list>div.ally{border-left-color:color-mix(in srgb,var(--army-color) 68%,#a5d0d6)}.army-list>div.enemy{background:linear-gradient(90deg,rgba(167,70,62,.035),transparent 70%)}[data-ui-theme=light] .turn-relation.friendly,[data-ui-theme=light] .alliance-summary{color:#284d54;border-color:#2e5e6757;background-color:#47778012}[data-ui-theme=light] .alliance-summary>span{color:#315c64}@media(max-width:900px){.alliance-summary{margin:7px 0 0;padding:7px 8px}.alliance-summary>span{margin-bottom:5px;font-size:.5rem}.alliance-member{max-width:118px;font-size:.56rem}}@media(max-width:620px){.home-banner-emblem{width:clamp(112px,34vw,150px);height:clamp(104px,31vw,138px)}.home-stage{gap:17px}.result{overflow-x:hidden}}@media(max-height:720px)and (min-width:621px){.home-banner-emblem{width:125px;height:112px}.home-stage{gap:14px}}.player-count-options button,.queue-player-count button{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;place-items:center;align-content:center;gap:clamp(2px,.45vh,5px);padding:clamp(5px,.8vh,8px)}.player-count-options button{min-height:clamp(70px,8.4vh,84px)}.queue-player-count button{min-height:clamp(58px,6.8vh,66px)}.player-count-options button>.player-diagram,.queue-player-count button>.player-diagram{width:clamp(36px,3vw,46px);height:auto;aspect-ratio:50 / 54}.player-count-options button>.player-diagram:after,.queue-player-count button>.player-diagram:after{top:39%;right:37%;bottom:39%;left:37%;border-width:1px}.player-count-options button>span:last-child,.queue-player-count button>span:last-child{font-size:clamp(.76rem,.35vw + .7rem,.98rem);letter-spacing:.015em;line-height:1}.player-diagram{--diagram-separator: #05080b}[data-ui-theme=light] .player-diagram{--diagram-separator: #384149}.player-count-options button.active .player-diagram,.queue-player-count button.active .player-diagram,.training-format-options button.active .player-diagram,.format-grid button.active .player-diagram{--diagram-separator: #343c44}@media(max-width:520px){.player-count-options button,.queue-player-count button{min-height:58px;gap:2px;padding:5px 3px}.player-count-options button>.player-diagram,.queue-player-count button>.player-diagram{width:clamp(30px,10vw,36px)}.player-count-options button>span:last-child,.queue-player-count button>span:last-child{font-size:.76rem}}.result-backdrop{position:fixed;inset:auto;top:0;left:0;width:100vw;min-width:100vw;height:100dvh;min-height:100dvh;display:flex;align-items:center;justify-content:center;margin:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));transform:none}.result-backdrop>.result{position:relative;inset:auto;flex:0 0 auto;width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:start;margin:0;transform:none}.result-backdrop>.result>.eyebrow,.result-backdrop>.result>p,.result-backdrop>.result>.ranked-result,.result-backdrop>.result>.rematch-lobby,.result-backdrop>.result>button{grid-column:1;margin-left:auto;margin-right:auto}@media(max-width:620px){.result-backdrop{align-items:center;padding:10px}.result-backdrop>.result{width:min(100%,560px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}}.game-header{position:relative}.turn-pill{position:absolute;left:50%;top:50%;z-index:2;min-width:178px;justify-content:center;margin:0;padding:7px 13px;border:1px solid color-mix(in srgb,var(--turn-army) 42%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface-mid) 92%,transparent);box-shadow:0 8px 18px #0000002e;transform:translate(-50%,-50%)}.turn-pill:before{content:"";width:14px;height:16px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--turn-army) 45%,white);background:linear-gradient(145deg,color-mix(in srgb,var(--turn-army) 88%,white),var(--turn-army));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:0 0 0 2px #00000026}.turn-pill>.turn-color,.turn-pill>.hex-loader{display:none}.turn-pill .hex-loader+div,.turn-pill .turn-color+div{min-width:0}.turn-pill strong{white-space:nowrap}.board-coordinates{position:absolute;right:clamp(10px,1.8vw,22px);bottom:clamp(10px,1.8vw,22px);z-index:3;display:grid;gap:2px;min-width:116px;padding:8px 10px;color:var(--text-primary);border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:8px;background:color-mix(in srgb,var(--surface-mid) 88%,transparent);box-shadow:0 7px 16px #0000003d;pointer-events:none}.board-coordinates small{color:var(--muted);font-size:.58rem;letter-spacing:.09em;text-transform:uppercase}.board-coordinates strong{font-family:var(--font-ui);font-size:.77rem;font-variant-numeric:tabular-nums}.result-backdrop>.result{position:fixed;top:50dvh;left:50vw;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:0;overflow-y:auto;transform:translate(-50%,-50%)}@media(max-width:900px){.turn-pill{min-width:152px;padding:6px 10px}.turn-pill small{font-size:.52rem}.turn-pill strong{font-size:.67rem}}@media(min-width:901px)and (max-width:1180px){.game-layout{grid-template-columns:184px minmax(0,1fr) 204px}.status-panel,.history{padding:22px 14px}}@media(min-width:901px)and (max-height:720px){.game-header{height:60px}.game-layout{height:calc(100vh - 60px)}.status-panel,.history{padding-block:16px}.board-coordinates{padding:6px 8px}}@media(max-width:620px){.game-header .game-nav{margin-left:auto}.turn-pill{min-width:0;max-width:calc(100vw - 126px)}.turn-pill .turn-relation,.turn-pill .turn-clock{display:none}.board-coordinates{right:8px;bottom:8px;min-width:102px;padding:6px 8px}.result-backdrop>.result{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}}.result-backdrop>.result{overflow:visible!important;box-sizing:border-box}@media(max-height:650px){.result-backdrop>.result{padding-top:18px;padding-bottom:20px}}.result-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;box-sizing:border-box;display:grid!important;place-items:center!important}.result-backdrop>.result{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;justify-self:center;align-self:center;transform:none!important}.result-backdrop{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center!important;padding:clamp(12px,2.6vw,32px)!important}.result-backdrop>.result{position:relative!important;inline-size:min(560px,100%)!important;max-inline-size:560px!important;box-sizing:border-box!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;justify-items:stretch!important;align-content:center;text-align:center}.result-backdrop>.result>.eyebrow,.result-backdrop>.result>p,.result-backdrop>.result>.ranked-result,.result-backdrop>.result>.rematch-lobby,.result-backdrop>.result>button{grid-column:1;justify-self:stretch!important;margin-inline:0!important;text-align:center}.result-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1000!important;box-sizing:border-box;width:100%!important;height:100dvh!important;display:grid!important;place-items:center!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;overflow:hidden;color:#eef1f3;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--result-army) 14%,transparent),transparent 33%),radial-gradient(circle at 50% 52%,rgba(197,139,72,.08),transparent 49%),#030507e6!important;-webkit-backdrop-filter:blur(12px) saturate(.72);backdrop-filter:blur(12px) saturate(.72)}.result-backdrop:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:.3;pointer-events:none;background:linear-gradient(115deg,transparent 46%,rgba(217,171,105,.08) 49%,transparent 52%),linear-gradient(65deg,transparent 46%,rgba(213,220,225,.055) 49%,transparent 52%);transform:scaleX(1.35)}.result-backdrop.defeat:before{opacity:.2;filter:saturate(.28)}.result-backdrop>.result{position:relative!important;inset:auto!important;z-index:2;box-sizing:border-box!important;inline-size:min(520px,100%)!important;max-inline-size:520px!important;max-block-size:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)))!important;display:block!important;margin:0!important;padding:clamp(24px,4.5vh,42px) clamp(22px,5vw,46px) 30px!important;overflow-x:hidden!important;overflow-y:auto!important;text-align:center;border:1px solid rgba(198,145,82,.5)!important;border-radius:2px;background:linear-gradient(110deg,transparent 0 12%,rgba(255,255,255,.022) 12% 12.3%,transparent 12.3% 87.7%,rgba(255,255,255,.018) 87.7% 88%,transparent 88%),linear-gradient(155deg,#191d21fb,#080b0efd)!important;box-shadow:0 42px 110px #000000b8,0 0 0 1px #040608e0,0 0 0 2px #b9814221,inset 0 1px #fff1!important;transform:none!important;scrollbar-width:thin;scrollbar-color:rgba(190,139,79,.52) transparent}.result-backdrop>.result:before,.result-backdrop>.result:after{content:"";position:absolute;top:10px;width:38px;height:38px;pointer-events:none;opacity:.74;border-top:1px solid #c19057}.result-backdrop>.result:before{left:10px;border-left:1px solid #c19057}.result-backdrop>.result:after{right:10px;border-right:1px solid #c19057}.result-backdrop>.result>.eyebrow{margin:0 0 11px!important;color:#aeb5bb;font-size:.62rem;letter-spacing:.28em}.result-monument{position:relative;width:min(300px,78vw);height:114px;display:grid;grid-template-columns:1fr 104px 1fr;place-items:center;margin:0 auto 2px}.result-wing{width:100%;height:18px;opacity:.78;background:linear-gradient(180deg,transparent 7px,#d8dde0 7px 8px,transparent 8px),linear-gradient(180deg,transparent 11px,#8b633c 11px 12px,transparent 12px);clip-path:polygon(0 40%,83% 40%,100% 0,91% 50%,100% 100%,83% 60%,0 60%)}.result-wing-right{transform:scaleX(-1)}.result-medallion{position:relative;z-index:2;width:98px;height:108px;display:grid;place-items:center;background:linear-gradient(145deg,#e0b16f,#725039 46%,#d6a35e 72%,#4d3426);clip-path:polygon(50% 0,92% 20%,100% 68%,50% 100%,0 68%,8% 20%);filter:drop-shadow(0 14px 16px rgba(0,0,0,.54));animation:result-medallion-arrive .52s cubic-bezier(.16,.82,.24,1.08) both}.result-medallion:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:-1;background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--result-army) 24%,transparent),transparent 45%),linear-gradient(155deg,#20252a,#090c0f);clip-path:inherit}.result-medallion-halo{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:-2;opacity:.3;border:1px solid color-mix(in srgb,var(--result-army) 42%,#c58b4d);border-radius:50%;transform:scaleX(.72)}.result-monument .result-piece{position:relative;width:72px;height:72px;margin:0;filter:drop-shadow(0 9px 8px rgba(0,0,0,.52)) drop-shadow(0 0 9px color-mix(in srgb,var(--result-army) 17%,transparent));animation:none}.result-backdrop.victory .result-confetti>i{animation-iteration-count:1;animation-fill-mode:both}.result-crown-victory:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;pointer-events:none;opacity:0;background:linear-gradient(112deg,transparent 36%,rgba(255,244,207,.76) 49%,transparent 62%);clip-path:polygon(0 0,30% 0,100% 100%,70% 100%);animation:result-crown-glint 1.05s ease-out .26s 1 both}.result-crown-fragment{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-origin:50% 72%}.result-crown-fragment-left{clip-path:polygon(0 0,56% 0,47% 23%,57% 39%,44% 58%,53% 72%,46% 100%,0 100%);animation:result-crown-left-fall .76s cubic-bezier(.24,.72,.3,1) .43s both}.result-crown-fragment-right{clip-path:polygon(56% 0,100% 0,100% 100%,46% 100%,53% 72%,44% 58%,57% 39%,47% 23%);animation:result-crown-right-fall .82s cubic-bezier(.24,.72,.3,1) .43s both}.result-crown-crack{position:absolute;z-index:3;left:calc(50% - 2px);top:7px;width:6px;height:58px;opacity:0;background:#ffeabceb;clip-path:polygon(40% 0,100% 0,62% 27%,100% 36%,37% 59%,72% 71%,0 100%,28% 67%,0 56%,51% 34%,18% 25%);filter:drop-shadow(0 0 5px rgba(232,174,97,.75));animation:result-crown-crack-flash .62s ease-out .33s both}.result-title,.result h1.result-title{margin:2px 0 0!important;color:#eef1f3;font-family:var(--font-ui);font-size:clamp(2.15rem,7vw,3.15rem)!important;font-weight:500!important;line-height:1;letter-spacing:.075em!important;text-transform:uppercase;background:linear-gradient(180deg,#fff,#d9dde0 48%,#8e969d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important}.result.defeat .result-title{background-image:linear-gradient(180deg,#d8dcdf,#92999f,#555d64)}.result.draw .result-title{background-image:linear-gradient(180deg,#eef2f4,#aeb7be 52%,#69747c)}.result-crown-draw{filter:grayscale(.52) saturate(.42) brightness(.94) drop-shadow(0 10px 12px rgba(0,0,0,.46))}.result-divider{width:min(320px,86%);display:grid;grid-template-columns:1fr 12px 1fr;align-items:center;gap:9px;margin:15px auto 12px}.result-divider i{height:1px;background:linear-gradient(90deg,transparent,rgba(203,151,91,.72))}.result-divider i:last-child{transform:scaleX(-1)}.result-divider span{width:9px;height:9px;justify-self:center;border:1px solid #c89559;transform:rotate(45deg)}.result-winner-line{inline-size:100%;margin:0 auto!important;color:#d8dde1!important;font-size:.88rem;font-weight:700;letter-spacing:.09em;text-align:center;text-wrap:balance;text-transform:uppercase}.result-reason{inline-size:100%;max-width:370px;margin:8px auto 18px!important;padding-inline:8px;color:#959da4!important;line-height:1.5;text-align:center;text-wrap:balance}.result-backdrop>.result>.result-winner-line{inline-size:100%;justify-self:center!important;margin-inline:auto!important}.result-backdrop>.result>.result-reason{inline-size:min(370px,100%);justify-self:center!important;margin-inline:auto!important}.result-backdrop>.result>button{min-height:45px;margin-top:9px!important}.result-backdrop>.result>.primary{border-color:#cb975ba8;background:linear-gradient(110deg,rgba(255,255,255,.09),transparent 40%),linear-gradient(145deg,#4e5860,#242a2f)}@keyframes result-medallion-arrive{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-crown-glint{0%{opacity:0;transform:translate(-28px)}38%{opacity:.72}to{opacity:0;transform:translate(30px)}}@keyframes result-crown-left-fall{0%,28%{transform:translate(0) rotate(0);filter:brightness(1)}to{transform:translate(-5px,9px) rotate(-8deg);filter:brightness(.72) saturate(.62)}}@keyframes result-crown-right-fall{0%,28%{transform:translate(0) rotate(0);filter:brightness(1)}to{transform:translate(6px,12px) rotate(10deg);filter:brightness(.65) saturate(.55)}}@keyframes result-crown-crack-flash{0%{opacity:0;filter:brightness(1) drop-shadow(0 0 0 transparent)}22%{opacity:1;filter:brightness(1.5) drop-shadow(0 0 7px rgba(232,174,97,.9))}to{opacity:.18;filter:brightness(.7) drop-shadow(0 0 1px rgba(232,174,97,.25))}}.result-backdrop.reduce-motion .result-confetti{display:none}.result-backdrop.reduce-motion .result-crown-victory:after,.result-backdrop.reduce-motion .result-crown-crack{animation:none}.result-backdrop.reduce-motion .result-crown-crack{opacity:.22}.result-backdrop.reduce-motion .result-crown-fragment-left{animation:none;transform:translate(-3px,5px) rotate(-5deg);filter:brightness(.76) saturate(.68)}.result-backdrop.reduce-motion .result-crown-fragment-right{animation:none;transform:translate(4px,7px) rotate(6deg);filter:brightness(.7) saturate(.62)}@media(max-width:520px){.result-backdrop>.result{padding:22px 18px 20px!important}.result-monument{width:min(260px,78vw);height:100px;grid-template-columns:1fr 90px 1fr}.result-medallion{width:86px;height:96px}.result-monument .result-piece{width:62px;height:62px}.result-title,.result h1.result-title{font-size:clamp(1.78rem,9.5vw,2.35rem)!important}}@media(max-height:620px){.result-backdrop{place-items:start center!important}.result-backdrop>.result{max-block-size:calc(100dvh - 24px)!important;padding-block:18px!important}.result-monument{height:84px;transform:scale(.82);transform-origin:center;margin-block:-6px}}[data-ui-theme=wood]{color:#f4eadc;--paper: #f4eadc;--ink: #21150f;--muted: #bba78e;--accent: #c68b52;--accent-bright: #f0cf96;--accent-deep: #805334;--accent-ink: #1b110d;--accent-glow: rgba(198, 139, 82, .19);--panel: #2d1d16;--panel-raised: #3a271d;--line: #765239;--text-primary: #f4eadc;--text-secondary: #d8c5a9;--text-tertiary: #ad967b;--frame-soft: rgba(190, 135, 78, .27);--frame-strong: rgba(221, 171, 105, .5);--surface-low: #241711;--surface-mid: #302019;--surface-high: #402a1e;--board-tone-1: #cda273;--board-tone-2: #a8754d;--board-tone-3: #e0bd8d;--board-line: #69472f;--board-corner: #295349;--board-corner-line: #76a596;--board-throne: #a66b2e;--board-throne-line: #f1c777;--board-move: #e5c89d;--board-capture: #934a3e;--shadow-panel: 0 20px 44px rgba(12, 7, 4, .38), inset 0 1px 0 rgba(255, 230, 196, .08)}[data-ui-theme=wood].surface-page,[data-ui-theme=wood].play-page,[data-ui-theme=wood].more-page,[data-ui-theme=wood].setup-page,[data-ui-theme=wood].settings-page,[data-ui-theme=wood].rules-page,[data-ui-theme=wood].queue-page,[data-ui-theme=wood].home,[data-ui-theme=wood].splash,[data-ui-theme=wood].match-launch,[data-ui-theme=wood].game-page{background:radial-gradient(circle at 16% -8%,rgba(230,186,126,.14),transparent 33%),radial-gradient(circle at 88% 110%,rgba(103,56,31,.28),transparent 40%),repeating-linear-gradient(92deg,rgba(255,235,205,.018) 0 1px,transparent 1px 16px),linear-gradient(145deg,#241711,#160e0b 54%,#0d0907)}[data-ui-theme=wood] .topbar,[data-ui-theme=wood] .game-header,[data-ui-theme=wood] .home-utility,[data-ui-theme=wood] .home-footer{color:#f3e7d6;border-color:#c68b5252;background:linear-gradient(90deg,rgba(109,67,40,.16),transparent 30% 70%,rgba(109,67,40,.16)),#1c110de6}[data-ui-theme=wood] .display-title{background:linear-gradient(180deg,#fff3dc 8%,#d5ad79 58%,#8f5d37);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-ui-theme=wood] .queue-section,[data-ui-theme=wood] .player-seat,[data-ui-theme=wood] .slot-chooser,[data-ui-theme=wood] .ranking-architecture,[data-ui-theme=wood] .setup-options-toggle,[data-ui-theme=wood] .settings-rules-link,[data-ui-theme=wood] .rule-grid article,[data-ui-theme=wood] .mode-card,[data-ui-theme=wood] .more-list button,[data-ui-theme=wood] .theme-options>button,[data-ui-theme=wood] .language-picker,[data-ui-theme=wood] .timer-mode-options>button{color:var(--text-primary);border-color:#b87b4675;background:linear-gradient(112deg,rgba(255,225,184,.065),transparent 38%),linear-gradient(150deg,#3e281dfa,#20140ffc) padding-box,linear-gradient(135deg,#bf8650,#523322bf) border-box}[data-ui-theme=wood] .status-panel,[data-ui-theme=wood] .history{color:#f2e6d4;border-color:#b174417a;background:linear-gradient(160deg,#3a251bf5,#1c120efa)}[data-ui-theme=wood] .board-wrap{background:radial-gradient(circle at 50% 44%,rgba(224,187,137,.12),transparent 46%),repeating-linear-gradient(90deg,rgba(255,235,204,.018) 0 1px,transparent 1px 18px),#1c120e}[data-ui-theme=wood] .throne-status{border-color:#d9a4576b;background:linear-gradient(135deg,#91552347,#2f1d14e0)}[data-ui-theme=wood] .nav-icon-button{color:#efdcc3;border-color:#be80486b;background:#53332138}[data-ui-theme=wood] .menu-primary,[data-ui-theme=wood] .result .primary{color:#fff2dc;border-color:#a76d3d;background:linear-gradient(112deg,rgba(255,231,193,.15),transparent 46%),linear-gradient(145deg,#805234,#3b261b)}.settings-groups{display:grid;gap:16px;margin-top:30px}.settings-group{padding:0 20px 8px;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-mid) 90%,transparent),color-mix(in srgb,var(--surface-low) 94%,transparent))}.settings-group>header{display:flex;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.settings-group>header>span{color:var(--accent-bright);font-size:.58rem;font-weight:800;letter-spacing:.14em}.settings-group>header>h2{color:var(--text-primary);font-family:var(--font-ui);font-size:.76rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.settings-group .language-picker-shell,.settings-group .theme-options{margin-top:16px}.settings-group .setting-row:last-child{border-bottom:0}.settings-group .settings-rules-link{margin:10px 0 8px}.coordinate-guide-setting{grid-template-columns:minmax(0,1fr)}.coordinate-guide-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.coordinate-guide-options>button{min-width:0;min-height:66px;display:grid;grid-template-columns:minmax(58px,64px) minmax(min-content,1fr);align-items:center;gap:8px;padding:9px 11px;color:var(--text-secondary);text-align:left;border:1px solid var(--frame-soft);background:color-mix(in srgb,var(--surface-low) 88%,transparent)}.coordinate-guide-options>button.active{color:var(--text-primary);border-color:var(--accent-deep);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-deep) 28%,var(--surface-mid)),var(--surface-low));box-shadow:inset 0 1px #ffffff12,0 0 0 1px color-mix(in srgb,var(--accent-bright) 14%,transparent)}.coordinate-guide-options strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis}.coordinate-guide-preview{position:relative;width:100%;max-width:64px;height:34px;display:flex;align-items:center;justify-content:space-evenly;overflow:hidden;color:var(--accent-bright);border:1px solid color-mix(in srgb,var(--frame-soft) 82%,transparent);background:radial-gradient(circle at center,color-mix(in srgb,var(--accent-deep) 22%,transparent),transparent 62%);clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%)}.coordinate-guide-preview.numbers i{font:normal 750 .57rem var(--font-ui)}.coordinate-guide-preview.dots i{width:3px;height:3px;border-radius:50%;background:currentColor;box-shadow:0 0 4px color-mix(in srgb,currentColor 58%,transparent)}.coordinate-guide-preview.dots i:first-child,.coordinate-guide-preview.dots i:last-child{width:6px;height:6px;border:1px solid currentColor;background:transparent}.coordinate-guide-preview.off i{width:31px;height:1px;background:var(--text-tertiary);transform:rotate(-28deg)}.game-page{--board-guide: rgba(216, 220, 221, .64);--board-guide-major: #d6a25f;--board-guide-bright: #f0ce94}[data-ui-theme=wood].game-page{--board-guide: rgba(207, 164, 113, .76);--board-guide-major: #f0bd73;--board-guide-bright: #ffe0a3}[data-ui-theme=wood] .settings-group{border-color:#b87b466b;background:linear-gradient(112deg,rgba(255,225,184,.045),transparent 38%),linear-gradient(150deg,#37231af0,#1e130ff7)}[data-ui-theme=wood] .coordinate-guide-options>button{border-color:#b87b4666;background:#1d120ebd}[data-ui-theme=wood] .coordinate-guide-options>button.active{border-color:#b77b46;background:linear-gradient(145deg,#825130ad,#311e15f5)}@media(max-width:620px){.coordinate-guide-options>button{min-height:74px;grid-template-columns:1fr;justify-items:center;gap:5px;padding-inline:5px;text-align:center}.coordinate-guide-preview{width:min(64px,100%)}}.result-backdrop[data-ui-theme=wood]{background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--result-army) 13%,transparent),transparent 35%),radial-gradient(circle at 50% 52%,rgba(198,137,71,.12),transparent 48%),#110a07eb!important}.result-backdrop[data-ui-theme=wood]>.result{border-color:#c68b4cb3!important;background:repeating-linear-gradient(92deg,rgba(255,229,193,.018) 0 1px,transparent 1px 14px),linear-gradient(155deg,#3e271bfc,#180f0bfe)!important}.settings-page{overflow-x:hidden}.settings-card{width:min(1080px,calc(100% - 32px))}.settings-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px}.settings-group{min-width:0;padding:0 22px 10px;border-radius:2px;box-shadow:inset 0 1px #ffffff06,0 14px 30px #0000001f}.settings-group>header{gap:11px;min-height:64px}.settings-group-mark{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;color:var(--accent-bright);border:1px solid color-mix(in srgb,var(--accent-deep) 76%,var(--frame-soft));background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--accent-bright) 15%,transparent),transparent 55%),color-mix(in srgb,var(--surface-high) 66%,transparent);box-shadow:inset 0 0 0 1px #ffffff06;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);font:750 .62rem var(--font-ui);letter-spacing:-.03em}.settings-group-mark.board{font-size:1rem}.settings-group-mark.audio{font:600 1rem Georgia,serif}.settings-group-mark.accessibility{font:700 .9rem Georgia,serif}.settings-group>header>h2{font-size:.78rem;letter-spacing:.115em}.settings-choice-label{margin:18px 0 0;color:var(--text-tertiary);font:750 .61rem var(--font-ui);letter-spacing:.12em;text-transform:uppercase}.settings-group .settings-choice-label+.language-picker-shell,.settings-group .settings-choice-label+.theme-options{margin-top:8px}.settings-group .theme-options>button,.coordinate-guide-options>button{min-width:0;border-radius:2px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.settings-group .language-picker:hover,.settings-group .language-picker:focus-within,.settings-group .theme-options>button:hover,.coordinate-guide-options>button:hover{border-color:color-mix(in srgb,var(--accent-bright) 44%,var(--frame-soft));transform:translateY(-1px)}.settings-group .language-picker:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-bright) 32%,transparent)}.settings-group .theme-options>button.active,.coordinate-guide-options>button.active{box-shadow:inset 3px 0 var(--accent-bright),inset 0 1px #ffffff14,0 7px 18px #00000024}.settings-group-interface .theme-options{margin-bottom:10px}[data-ui-theme=wood] .settings-group-mark{border-color:#ca8b4d9e;background:radial-gradient(circle at 35% 25%,rgba(255,224,175,.13),transparent 55%),#56342194}:root{--cursor-default: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20shape-rendering='geometricPrecision'%3e%3cpath%20d='M7.4%203.3%2028%2022.4l-10.1-.9-4.2%209.2Z'%20fill='%23EEF1F3'%20stroke='%23565F68'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3cpath%20d='m10.9%209.4%209.9%209.1-4.8-.4-2.1%204.4Z'%20fill='%237B858E'%20stroke='%23565F68'%20stroke-width='.85'%20stroke-linejoin='round'/%3e%3c/svg%3e") 7 3, default;--cursor-action: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20shape-rendering='geometricPrecision'%3e%3cpath%20d='M7.4%203.3%2028%2022.4l-10.1-.9-4.2%209.2Z'%20fill='%23EEF1F3'%20stroke='%23565F68'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3cpath%20d='m10.9%209.4%209.9%209.1-4.8-.4-2.1%204.4Z'%20fill='%23F0C86B'%20stroke='%237A5920'%20stroke-width='.85'%20stroke-linejoin='round'/%3e%3c/svg%3e") 7 3, pointer;--cursor-capture: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20shape-rendering='geometricPrecision'%3e%3cpath%20d='M7.4%203.3%2028%2022.4l-10.1-.9-4.2%209.2Z'%20fill='%23EEF1F3'%20stroke='%23565F68'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3cpath%20d='m10.9%209.4%209.9%209.1-4.8-.4-2.1%204.4Z'%20fill='%235DB88F'%20stroke='%23285B47'%20stroke-width='.85'%20stroke-linejoin='round'/%3e%3c/svg%3e") 7 3, pointer}[data-ui-theme=wood] .language-picker-list{border-color:#ca8b4d9e;background:linear-gradient(112deg,rgba(255,225,184,.055),transparent 42%),linear-gradient(150deg,#3b261c,#20140f);box-shadow:0 24px 46px #0b06038f,inset 0 1px #ffe0b213}[data-ui-theme=light]{--cursor-default: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20shape-rendering='geometricPrecision'%3e%3cpath%20d='M7.4%203.3%2028%2022.4l-10.1-.9-4.2%209.2Z'%20fill='%23F7F5EF'%20stroke='%2363727C'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3cpath%20d='m10.9%209.4%209.9%209.1-4.8-.4-2.1%204.4Z'%20fill='%238D9BA3'%20stroke='%2356646D'%20stroke-width='.85'%20stroke-linejoin='round'/%3e%3c/svg%3e") 7 3, default;--cursor-action: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20shape-rendering='geometricPrecision'%3e%3cpath%20d='M7.4%203.3%2028%2022.4l-10.1-.9-4.2%209.2Z'%20fill='%23F7F5EF'%20stroke='%2363727C'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3cpath%20d='m10.9%209.4%209.9%209.1-4.8-.4-2.1%204.4Z'%20fill='%23D39B4B'%20stroke='%237B5522'%20stroke-width='.85'%20stroke-linejoin='round'/%3e%3c/svg%3e") 7 3, pointer;--cursor-capture: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20shape-rendering='geometricPrecision'%3e%3cpath%20d='M7.4%203.3%2028%2022.4l-10.1-.9-4.2%209.2Z'%20fill='%23F7F5EF'%20stroke='%2363727C'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3cpath%20d='m10.9%209.4%209.9%209.1-4.8-.4-2.1%204.4Z'%20fill='%2378A58E'%20stroke='%23315F4D'%20stroke-width='.85'%20stroke-linejoin='round'/%3e%3c/svg%3e") 7 3, pointer}[data-ui-theme=wood]{--cursor-default: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20shape-rendering='geometricPrecision'%3e%3cpath%20d='M7.4%203.3%2028%2022.4l-10.1-.9-4.2%209.2Z'%20fill='%23F2D4A0'%20stroke='%236B3D24'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3cpath%20d='m10.9%209.4%209.9%209.1-4.8-.4-2.1%204.4Z'%20fill='%239D6540'%20stroke='%236B3D24'%20stroke-width='.85'%20stroke-linejoin='round'/%3e%3c/svg%3e") 7 3, default;--cursor-action: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20shape-rendering='geometricPrecision'%3e%3cpath%20d='M7.4%203.3%2028%2022.4l-10.1-.9-4.2%209.2Z'%20fill='%23F2D4A0'%20stroke='%236B3D24'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3cpath%20d='m10.9%209.4%209.9%209.1-4.8-.4-2.1%204.4Z'%20fill='%23F2A64D'%20stroke='%237C4427'%20stroke-width='.85'%20stroke-linejoin='round'/%3e%3c/svg%3e") 7 3, pointer;--cursor-capture: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20shape-rendering='geometricPrecision'%3e%3cpath%20d='M7.4%203.3%2028%2022.4l-10.1-.9-4.2%209.2Z'%20fill='%23F2D4A0'%20stroke='%236B3D24'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3cpath%20d='m10.9%209.4%209.9%209.1-4.8-.4-2.1%204.4Z'%20fill='%236F9E83'%20stroke='%23335A49'%20stroke-width='.85'%20stroke-linejoin='round'/%3e%3c/svg%3e") 7 3, pointer}@media(max-width:940px){.settings-groups{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.settings-card{width:min(100% - 24px,540px)}.settings-groups{gap:12px;margin-top:22px}.settings-group{padding-inline:14px}.settings-group>header{min-height:58px}.settings-group .theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-group .theme-options>button{min-height:70px;grid-template-columns:28px minmax(0,1fr);gap:8px;padding-inline:9px}.settings-group .theme-options>button{display:grid}.theme-sample{width:28px;height:32px}.settings-group .theme-options small{white-space:normal}}:root{--brand-title-start: #f7f9fa;--brand-title-end: #8f979f;--brand-subtitle: #b8c1c9;--nav-muted: #919ba5;--nav-hover: #f5f7f8;--footer-text: #737d86;--loader-core: #101215;--goal-label: #f0c86b;--warning-text: #f09b94;--enemy-text: #f0d4d0;--enemy-border: rgba(202, 101, 91, .42);--enemy-surface: rgba(154, 63, 55, .14);--result-text-primary: #eef1f3;--result-text-secondary: #cbd2d8;--result-text-tertiary: #aeb6bd;--result-title-start: #ffffff;--result-title-mid: #d9dde0;--result-title-end: #8e969d;--result-defeat-start: #d8dcdf;--result-defeat-mid: #92999f;--result-defeat-end: #555d64;--result-wing-primary: #d8dde0;--result-wing-accent: #8b633c;--result-control-border: rgba(220, 226, 231, .28);--result-control-surface: rgba(255, 255, 255, .025);--modal-text-primary: #f2f4f6;--modal-text-secondary: #c3cbd2;--modal-text-tertiary: #aeb5bb;--modal-border: rgba(214, 221, 229, .32);--modal-surface-start: #20252a;--modal-surface-end: #101317;--modal-control-text: #dfe5ea;--modal-control-border: rgba(220, 226, 231, .24);--modal-control-surface: rgba(255, 255, 255, .025);--focus-ring: #e0e7ed;--focus-halo: rgba(180, 198, 212, .2);--diagram-active: #e1e6ea;--choice-idle-text: #bdc5cd;--choice-idle-start: #171c22;--choice-idle-end: #0f1318;--choice-idle-border: rgba(221, 228, 234, .2);--choice-hover-start: #20262d;--choice-hover-end: #14191f;--choice-hover-border: rgba(236, 241, 245, .46);--selection-text: #f2f5f7;--selection-start: #3d4852;--selection-end: #20272e;--selection-border: #7f8d98;--selection-accent: #cbd5dd;--selection-shadow: rgba(0, 0, 0, .34);--cta-text: #f2f5f7;--cta-start: #46525d;--cta-end: #20272e;--cta-border: #84929d;--play-mark-start: #515b64;--play-mark-end: #12171c;--board-move-line: #f7fbff;--board-move-glow: rgba(220, 238, 255, .72);--board-capture: #3f8066;--board-capture-line: #c7f1dd;--board-capture-glow: rgba(75, 185, 137, .68);--board-shoot: #4c7fa9;--board-shoot-line: #cbe9ff;--board-shoot-glow: rgba(82, 160, 219, .76);--board-strike: #bd8b3c;--board-strike-line: #fff0ad;--board-strike-glow: rgba(244, 190, 79, .76);--board-threat-line: #ef746b;--board-threat-glow: rgba(239, 92, 82, .82);--board-threat-contrast: rgba(42, 7, 6, .96);--board-threat-fill: rgba(190, 52, 45, .17);--board-threat-preview-fill: rgba(210, 52, 43, .25);--board-range-fill: #5a4677;--board-range-line: #c39bed;--board-range-glow: rgba(177, 119, 232, .62);--board-blocked-fill: #7e3d3a;--board-blocked-line: #ff756c;--board-blocked-glow: rgba(255, 91, 82, .82);--board-blocked-marker-fill: rgba(24, 16, 20, .94);--board-overlay-contrast: rgba(5, 10, 9, .96);--board-future-fill: rgba(46, 184, 159, .18);--board-future-line: #75e1cc;--board-future-glow: rgba(79, 224, 197, .76);--board-preview-glow: rgba(247, 216, 128, .72);--board-selected-line: #f0ca65;--board-selected-glow: rgba(240, 190, 74, .72);--board-piece-hover-line: rgba(244, 222, 165, .76)}[data-ui-theme=light]{--brand-title-start: #26313a;--brand-title-end: #596670;--brand-subtitle: #414b53;--nav-muted: #3b4852;--nav-hover: #20272d;--footer-text: #46515a;--loader-core: #3d4850;--goal-label: #60420f;--warning-text: #7c2823;--enemy-text: #712b25;--enemy-border: rgba(126, 43, 36, .62);--enemy-surface: rgba(154, 63, 55, .12);--focus-ring: #303d47;--focus-halo: rgba(48, 61, 71, .2);--diagram-active: #718691;--choice-idle-text: #35434c;--choice-idle-start: #f1f0eb;--choice-idle-end: #d3d7d8;--choice-idle-border: rgba(75, 88, 97, .32);--choice-hover-start: #fbfaf5;--choice-hover-end: #dbe0e1;--choice-hover-border: #71808a;--selection-text: #26343c;--selection-start: #faf9f4;--selection-end: #c8d0d3;--selection-border: #71808a;--selection-accent: #607684;--selection-shadow: rgba(50, 62, 70, .2);--cta-text: #23313a;--cta-start: #f8f7f2;--cta-end: #bdc8cd;--cta-border: #6f7e87;--play-mark-start: #718b9a;--play-mark-end: #49616e;--board-move: #f7f4ec;--board-move-line: #5f7481;--board-move-glow: rgba(73, 105, 124, .42);--board-capture: #9ebbaa;--board-capture-line: #315f4d;--board-capture-glow: rgba(55, 113, 88, .42);--board-shoot: #91b3c8;--board-shoot-line: #365f78;--board-shoot-glow: rgba(63, 111, 141, .42);--board-strike: #d8ae67;--board-strike-line: #76531f;--board-strike-glow: rgba(151, 105, 36, .42);--board-threat-line: #a74e47;--board-threat-glow: rgba(158, 67, 60, .5);--board-threat-contrast: rgba(250, 248, 242, .96);--board-threat-fill: rgba(170, 58, 50, .14);--board-threat-preview-fill: rgba(177, 55, 46, .22);--board-range-fill: #c5b5d5;--board-range-line: #6b4d89;--board-range-glow: rgba(102, 70, 133, .42);--board-blocked-fill: #d7a09b;--board-blocked-line: #963f39;--board-blocked-glow: rgba(158, 67, 60, .48);--board-blocked-marker-fill: rgba(250, 244, 239, .96);--board-overlay-contrast: rgba(250, 249, 244, .96);--board-future-fill: rgba(25, 123, 105, .13);--board-future-line: #176b5e;--board-future-glow: rgba(32, 115, 100, .48);--board-preview-glow: rgba(148, 107, 46, .44);--board-selected-line: #a87327;--board-selected-glow: rgba(151, 103, 36, .48);--board-piece-hover-line: rgba(62, 79, 89, .72)}[data-ui-theme=wood]{--brand-title-start: #f3c980;--brand-title-end: #a76136;--brand-subtitle: #d8c5a9;--nav-muted: #d8ae76;--nav-hover: #ffe0a3;--footer-text: #bd9464;--loader-core: #2b1a12;--result-text-primary: #f4eadc;--result-text-secondary: #dec5a3;--result-text-tertiary: #bba183;--result-title-start: #fff3dc;--result-title-mid: #d7b17b;--result-title-end: #8f5d37;--result-defeat-start: #ead8bd;--result-defeat-mid: #b58d61;--result-defeat-end: #6f472f;--result-wing-primary: #e8c999;--result-wing-accent: #a76d3d;--result-control-border: rgba(198, 139, 76, .42);--result-control-surface: rgba(115, 70, 42, .12);--modal-text-primary: #f4eadc;--modal-text-secondary: #d8c5a9;--modal-text-tertiary: #bba183;--modal-border: rgba(198, 139, 76, .45);--modal-surface-start: #3b261c;--modal-surface-end: #18100c;--modal-control-text: #ecd9c0;--modal-control-border: rgba(198, 139, 76, .36);--modal-control-surface: rgba(115, 70, 42, .12);--focus-ring: #efbd73;--focus-halo: rgba(225, 153, 76, .24);--diagram-active: #d99a56;--choice-idle-text: #ddc29e;--choice-idle-start: #4b2f22;--choice-idle-end: #281912;--choice-idle-border: rgba(190, 123, 68, .5);--choice-hover-start: #5b3927;--choice-hover-end: #342017;--choice-hover-border: #c88b50;--selection-text: #27160d;--selection-start: #f2ca88;--selection-end: #bd7540;--selection-border: #f0bd73;--selection-accent: #ffe0a3;--selection-shadow: rgba(15, 7, 3, .34);--cta-text: #27160d;--cta-start: #efc27b;--cta-end: #bd7540;--cta-border: #f3c77e;--play-mark-start: #fff0b8;--play-mark-end: #d68c43;--board-move: #efd4aa;--board-move-line: #87552f;--board-move-glow: rgba(225, 169, 94, .5);--board-capture: #56816e;--board-capture-line: #d7f0df;--board-capture-glow: rgba(84, 154, 122, .58);--board-shoot: #56877b;--board-shoot-line: #c4e3d8;--board-shoot-glow: rgba(76, 145, 126, .58);--board-strike: #c88c3e;--board-strike-line: #ffe2a2;--board-strike-glow: rgba(230, 160, 63, .68);--board-threat-line: #ff8a70;--board-threat-glow: rgba(239, 91, 61, .76);--board-threat-contrast: rgba(73, 18, 10, .98);--board-threat-fill: rgba(158, 45, 29, .2);--board-threat-preview-fill: rgba(181, 51, 31, .28);--board-range-fill: #86688d;--board-range-line: #ead5f2;--board-range-glow: rgba(176, 124, 190, .56);--board-blocked-fill: #934a3b;--board-blocked-line: #ffb19a;--board-blocked-glow: rgba(218, 92, 67, .68);--board-blocked-marker-fill: rgba(48, 24, 17, .95);--board-overlay-contrast: rgba(38, 24, 15, .98);--board-future-fill: rgba(45, 151, 123, .2);--board-future-line: #9be8d0;--board-future-glow: rgba(101, 215, 184, .7);--board-preview-glow: rgba(238, 174, 81, .66);--board-selected-line: #efbd67;--board-selected-glow: rgba(232, 167, 76, .68);--board-piece-hover-line: rgba(255, 217, 158, .8)}[data-ui-theme=light] :is(.field>label,.slot-difficulty>span,.settings-choice-label){color:var(--text-secondary)}[data-ui-theme=light] :is(.participant-glyph,.empty-slot-glyph){color:#475963}[data-ui-theme=light] .color-crystal-trigger{border-color:#849097;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.7),transparent 30%),linear-gradient(145deg,#f7f5ef,#c1c9cc);box-shadow:inset 0 1px #ffffffb8,0 7px 16px #303a412e}[data-ui-theme=light] .player-diagram{--diagram-inactive: rgba(100, 115, 124, .2);--diagram-separator: #829098;filter:drop-shadow(0 0 1px rgba(255,255,255,.86)) drop-shadow(0 5px 6px rgba(42,51,57,.18))}[data-ui-theme=light] .player-diagram:after{background:#e9e7e1;border-color:#6e7c84;box-shadow:0 0 0 1px #ffffffa6}[data-ui-theme] .color-crystal-trigger{border-color:var(--skin-crystal-shell-border);background:var(--skin-crystal-shell-surface);box-shadow:var(--skin-crystal-shell-shadow)}[data-ui-theme] .color-crystal-trigger:hover{border-color:var(--skin-crystal-shell-border);box-shadow:var(--skin-crystal-shell-hover-shadow)}[data-ui-theme] :is(.color-crystal-trigger span,.color-wheel-item>span){background:var(--skin-crystal-rim-surface);filter:var(--skin-crystal-rim-shadow)}[data-ui-theme] .color-wheel-backdrop{background:var(--skin-picker-backdrop)}[data-ui-theme] .color-wheel{border-color:var(--skin-picker-band-border);background:var(--skin-picker-band-surface)}[data-ui-theme] .color-wheel-heading>span{color:var(--skin-picker-heading)}[data-ui-theme] .color-wheel-heading>button{color:var(--skin-picker-control);border-color:var(--skin-picker-control-border)}[data-ui-theme] :is(.color-wheel-item:hover,.color-wheel-item:focus-visible,.color-wheel-item.selected){border-color:var(--skin-picker-item-border);background:radial-gradient(circle at 50% 50%,var(--skin-picker-item-hover),transparent 68%)}[data-ui-theme] .color-wheel-item.selected:after{background:var(--skin-picker-selection);box-shadow:0 0 8px var(--skin-picker-selection-glow)}[data-ui-theme] .slot-chooser>button:not(.close-slot-menu){color:var(--skin-slot-option-text);border-color:var(--skin-slot-option-border);background:var(--skin-slot-option-surface);box-shadow:inset 0 1px 0 var(--skin-slot-option-highlight)}[data-ui-theme] .slot-chooser>button:not(.close-slot-menu):hover:not(:disabled),[data-ui-theme] .slot-chooser>button:not(.close-slot-menu):focus-visible{color:var(--skin-slot-option-text);border-color:var(--skin-slot-option-hover-border);background:var(--skin-slot-option-hover-surface)}[data-ui-theme] .slot-chooser>button>span:not(.participant-glyph):not(.empty-slot-glyph){color:var(--skin-slot-option-text)}[data-ui-theme] .slot-chooser>button small{color:var(--skin-slot-option-muted)}[data-ui-theme] .slot-chooser :is(.participant-glyph,.empty-slot-glyph){color:var(--skin-slot-option-icon)}[data-ui-theme] .slot-chooser .close-slot-menu{color:var(--skin-slot-close-text);border-color:var(--skin-slot-close-border);background:var(--skin-slot-close-surface)}[data-ui-theme] .slot-chooser .close-slot-menu:hover:not(:disabled){border-color:var(--skin-slot-option-hover-border);background:var(--skin-slot-close-hover)}@media(min-width:721px){[data-ui-theme] .slot-chooser:before{border-color:var(--skin-slot-popover-arrow-border) transparent transparent var(--skin-slot-popover-arrow-border);background:var(--skin-slot-popover-arrow)}}.nav-glyph{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;color:inherit;border:0!important;background:none!important;clip-path:none!important;transform:none!important}.nav-glyph:before,.nav-glyph:after,.nav-glyph>i,.nav-glyph>i:before,.nav-glyph>i:after{content:none!important;display:none!important}.nav-glyph svg{display:block;width:24px;height:24px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.nav-glyph svg *{vector-effect:non-scaling-stroke}.nav-glyph .glyph-fill{fill:currentColor;stroke:none}.nav-glyph .glyph-soft{opacity:.34}.nav-icon-button,.home-tool{line-height:1}.nav-icon-button .nav-glyph{width:22px;height:22px;flex-basis:22px}.nav-icon-button .nav-glyph svg{width:22px;height:22px}.home-utility .nav-glyph.sound,.home-utility .nav-glyph.mute{width:20px;height:20px;flex-basis:20px;color:inherit;transform:none}.home-utility .nav-glyph.sound svg,.home-utility .nav-glyph.mute svg{width:20px;height:20px}:root{--control-track-active: #e3e8ec;--control-track-inactive: rgba(145, 153, 161, .27);--control-thumb-top: #f8fafb;--control-thumb-bottom: #87919a;--control-thumb-border: #dce3e8;--control-thumb-shadow: rgba(0, 0, 0, .38)}[data-ui-theme=light]{--control-track-active: #3f4b54;--control-track-inactive: rgba(60, 70, 78, .25);--control-thumb-top: #faf8f1;--control-thumb-bottom: #89939a;--control-thumb-border: #3f4a53;--control-thumb-shadow: rgba(39, 46, 52, .25)}[data-ui-theme=wood]{--control-track-active: #e1ad69;--control-track-inactive: rgba(126, 75, 43, .52);--control-thumb-top: #ffe0a6;--control-thumb-bottom: #b86d38;--control-thumb-border: #e8b875;--control-thumb-shadow: rgba(18, 9, 5, .48)}.audio-volume{grid-template-columns:auto minmax(120px,1fr) 48px;column-gap:12px}.audio-volume input::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--control-track-active) 0 var(--audio-level),var(--control-track-inactive) var(--audio-level) 100%)}.audio-volume input::-moz-range-track{height:4px;border-radius:999px;background:var(--control-track-inactive)}.audio-volume input::-moz-range-progress{height:4px;border-radius:999px;background:var(--control-track-active)}.audio-volume input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--control-thumb-border);border-radius:50%;background:linear-gradient(145deg,var(--control-thumb-top),var(--control-thumb-bottom));box-shadow:0 3px 8px var(--control-thumb-shadow)}.audio-volume input::-moz-range-thumb{width:20px;height:20px;border:1px solid var(--control-thumb-border);border-radius:50%;background:linear-gradient(145deg,var(--control-thumb-top),var(--control-thumb-bottom));box-shadow:0 3px 8px var(--control-thumb-shadow)}.audio-volume output{min-width:48px;font-variant-numeric:tabular-nums}[data-ui-theme=dark] :is(.compact-brand .brand-icon,.rule-piece,.match-launch-crown) img{filter:grayscale(1) sepia(.08) saturate(1.45) hue-rotate(158deg) brightness(.97) contrast(1.08)}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-sample.light{background:linear-gradient(145deg,#f3f0e8 0,#f3f0e8 34%,#aeb5ba 35%,#aeb5ba 68%,#4b555d 69%,#4b555d)}.theme-sample.wood{background:linear-gradient(145deg,#f0cc8e 0,#f0cc8e 26%,#b8733f 27%,#b8733f 58%,#4b291c 59%,#4b291c)}[data-ui-theme=light]{color:#20272d;--paper: #252c32;--ink: #f1eee7;--muted: #3f4a53;--accent: #7a858e;--accent-bright: #303840;--accent-deep: #65717a;--accent-ink: #f5f2ea;--accent-glow: rgba(44, 53, 61, .13);--panel: #d6d4ce;--panel-raised: #e3e0d9;--line: #858c91;--text-primary: #20272d;--text-secondary: #35414a;--text-tertiary: #3f4a53;--frame-soft: rgba(43, 51, 58, .23);--frame-strong: rgba(31, 38, 44, .46);--surface-low: #c5c5c1;--surface-mid: #dad8d2;--surface-high: #e9e6df;--board-tone-1: #d9d5cc;--board-tone-2: #b9bec1;--board-tone-3: #ebe5d9;--board-line: #657079;--board-corner: #75848c;--board-corner-line: #303a42;--board-throne: #b48335;--board-throne-line: #5a421e;--shadow-panel: 0 18px 38px rgba(29, 35, 40, .15), inset 0 1px 0 rgba(255, 255, 255, .5)}[data-ui-theme=light].surface-page,[data-ui-theme=light].play-page,[data-ui-theme=light].more-page,[data-ui-theme=light].setup-page,[data-ui-theme=light].settings-page,[data-ui-theme=light].rules-page,[data-ui-theme=light].queue-page,[data-ui-theme=light].home,[data-ui-theme=light].splash,[data-ui-theme=light].match-launch,[data-ui-theme=light].game-page{background:radial-gradient(circle at 12% -8%,rgba(255,255,255,.64),transparent 31%),radial-gradient(circle at 92% 108%,rgba(69,79,88,.16),transparent 36%),linear-gradient(145deg,#e7e5df,#cbcaca 55%,#b5b9bb)}[data-ui-theme=light] .topbar,[data-ui-theme=light] .game-header,[data-ui-theme=light] .home-utility,[data-ui-theme=light] .home-footer{color:#252c32;border-color:#272f364d;background:#dad9d4d6}[data-ui-theme=light] .display-title{background:linear-gradient(180deg,#20272d 8%,#515b63 62%,#7b848c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-ui-theme=light] .settings-group,[data-ui-theme=light] .queue-section,[data-ui-theme=light] .player-seat,[data-ui-theme=light] .slot-chooser,[data-ui-theme=light] .ranking-architecture,[data-ui-theme=light] .setup-options-toggle,[data-ui-theme=light] .settings-rules-link,[data-ui-theme=light] .rule-grid article,[data-ui-theme=light] .mode-card,[data-ui-theme=light] .more-list button,[data-ui-theme=light] .theme-options>button,[data-ui-theme=light] .language-picker,[data-ui-theme=light] .timer-mode-options>button{color:var(--text-primary);border-color:#2f373e57;background:linear-gradient(145deg,#eeece5fa,#bec0c0fa) padding-box,linear-gradient(135deg,#2a313885,#ffffff94) border-box}[data-ui-theme=light] button.active,[data-ui-theme=light] .settings-group button.active{color:#f3f5f6;border-color:#35404a;background:linear-gradient(145deg,#68747e,#303941) padding-box,linear-gradient(135deg,#252d34,#ffffffad) border-box}[data-ui-theme=light] .language-picker-list{border-color:#2f373e75;background:linear-gradient(145deg,#eeede8,#b9bdbf);box-shadow:0 22px 40px #1e24293d,inset 0 1px #ffffff94}[data-ui-theme=light] button.active strong,[data-ui-theme=light] button.active small{color:inherit}[data-ui-theme=light] .toggle:before{border-color:#68727a;background:#949b9f}[data-ui-theme=light] .toggle span{background:#3e474f}[data-ui-theme=light] .toggle.on:before{background:#56616a}[data-ui-theme=light] .toggle.on span{background:#f3f1eb}[data-ui-theme=light] .nav-icon-button{color:#273038;border-color:#28303761;background:#fff3}[data-ui-theme=light] .status-panel,[data-ui-theme=light] .history{color:#20272d;border-color:#747c82;background:#d2d1cbf0}[data-ui-theme=light] .board-wrap{background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.34),transparent 44%),#aeb3b6}[data-ui-theme=light] .throne-status{border-color:#7e582080;background:linear-gradient(135deg,#b5832d33,#cdccc6e6)}[data-ui-theme=light] .menu-primary,[data-ui-theme=light] .primary,[data-ui-theme=light] .play-start{color:#f2f4f5;border-color:#2d363e;background:linear-gradient(112deg,rgba(255,255,255,.16),transparent 48%),linear-gradient(145deg,#5c6871,#283138)}[data-ui-theme=light] .play-icon{border-left-color:#f2f4f5}[data-ui-theme=light] .compact-wordmark{color:#46515a;text-shadow:0 1px rgba(255,255,255,.58)}[data-ui-theme=light] .compact-brand .brand-icon{filter:drop-shadow(0 1px 1px rgba(255,255,255,.45))}[data-ui-theme=light] .compact-brand .brand-icon img,[data-ui-theme=light] .match-launch-crown img{filter:grayscale(1) brightness(.45) contrast(1.28)}[data-ui-theme=light] .result-backdrop,.result-backdrop[data-ui-theme=light]{background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--result-army) 10%,transparent),transparent 35%),#62686ceb!important}[data-ui-theme=wood]{--board-corner: #7b402b;--board-corner-line: #e1a45e}[data-ui-theme=wood] .toggle:before{border-color:#98613b;background:#543323}[data-ui-theme=wood] .toggle span{background:#bf7c43}[data-ui-theme=wood] .toggle.on:before{border-color:#d69b57;background:#8d552f;box-shadow:inset 0 0 0 1px #ffdca417}[data-ui-theme=wood] .toggle.on span{background:#ffe0a6;box-shadow:0 0 8px #e1994c4d}[data-ui-theme=wood] button.active,[data-ui-theme=wood] .settings-group button.active,[data-ui-theme=wood] .slot-difficulty button.active,[data-ui-theme=wood] .timer-limit-options>button.active,[data-ui-theme=wood] .timer-mode-options>button.active,[data-ui-theme=wood] .player-count-options button.active,[data-ui-theme=wood] .queue-player-count button.active,[data-ui-theme=wood] .training-format-options button.active,[data-ui-theme=wood] .format-grid button.active,[data-ui-theme=wood] .queue-mode-toggle button.active,[data-ui-theme=wood] .party-size-options button.active{color:#fff0d7;border-color:#d09454;background:linear-gradient(112deg,rgba(255,226,181,.13),transparent 45%),linear-gradient(145deg,#85502f,#3c2418) padding-box,linear-gradient(135deg,#e0a764,#6b3f27) border-box}[data-ui-theme=wood] button.active strong,[data-ui-theme=wood] button.active small{color:inherit}[data-ui-theme=wood] .player-count-options button:not(.active),[data-ui-theme=wood] .queue-player-count button:not(.active),[data-ui-theme=wood] .training-format-options button:not(.active),[data-ui-theme=wood] .format-grid button:not(.active),[data-ui-theme=wood] .queue-mode-toggle button:not(.active),[data-ui-theme=wood] .party-size-options button:not(.active),[data-ui-theme=wood] .timer-limit-options>button:not(.active),[data-ui-theme=wood] .timer-mode-options>button:not(.active),[data-ui-theme=wood] .slot-difficulty button:not(.active){color:#d9bc96;border-color:#b46f3e7a;background:linear-gradient(112deg,rgba(255,222,174,.04),transparent 42%),linear-gradient(145deg,#4a2e21,#2a1a14) padding-box,linear-gradient(135deg,#8e5835,#402418d1) border-box}[data-ui-theme=wood] .primary,[data-ui-theme=wood] .play-start{color:#fff1d8;border-color:#c98648;background:linear-gradient(112deg,rgba(255,231,193,.15),transparent 46%),linear-gradient(145deg,#875332,#3b2418)}[data-ui-theme=wood] .play-start .play-icon,[data-ui-theme=wood] .primary .play-icon{background:linear-gradient(135deg,#ffe0a5,#b46d37)}[data-ui-theme=wood] .compact-wordmark,[data-ui-theme=wood] .home-tool,[data-ui-theme=wood] .home-tool .nav-glyph{color:#e1b77f}[data-ui-theme=wood] .compact-brand .brand-icon img,[data-ui-theme=wood] .match-launch-crown img{filter:sepia(.9) saturate(1.55) hue-rotate(345deg) brightness(1.08) contrast(1.04)}[data-ui-theme=wood] .player-diagram{--diagram-inactive: rgba(112, 62, 34, .34);--diagram-separator: #29170f}@media(pointer:fine){html,body,body *,#root,#root *{cursor:var(--cursor-default)!important}body :is(button:not(:disabled),a[href],[role=button]:not(.piece):not([aria-disabled=true]),input:not(:disabled),select:not(:disabled),label[for],summary),#root :is(.piece.interactive,.board-cell.actionable){cursor:var(--cursor-action)!important}button:not(:disabled),#root button:not(:disabled),a[href],#root a[href],[role=button]:not(.piece):not([aria-disabled=true]),#root [role=button]:not(.piece):not([aria-disabled=true]),input:not(:disabled),#root input:not(:disabled),select:not(:disabled),#root select:not(:disabled),label[for],#root label[for],summary{cursor:var(--cursor-action)!important}#root .piece.interactive{cursor:var(--cursor-action)!important}#root .piece.available-target,#root .board-cell.actionable.capture,#root .board-cell.actionable.shoot,#root .board-cell.actionable.strike-return{cursor:var(--cursor-capture)!important}}@media(max-width:620px){.settings-group .theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-group .theme-options>button{min-height:92px;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;gap:5px;padding:8px 4px;text-align:center}.settings-group .theme-options>button>span:last-child{align-items:center}}@media(pointer:coarse){html,body,body *,#root,#root *{cursor:auto!important}}@media(min-width:621px)and (max-width:900px)and (max-height:520px){.game-layout{grid-template-rows:minmax(0,1fr)}.history{position:absolute;z-index:2;top:72px;right:10px;width:154px;height:136px;display:block;padding:10px;overflow:auto;border:1px solid var(--line);background:#0e1013f0}.history>.eyebrow,.history>.muted{display:block}.history>div{min-width:0;padding:8px 0;border-right:0;border-bottom:1px solid var(--line)}.setup-card.compact .slot-difficulty{grid-template-columns:minmax(88px,max-content) repeat(3,minmax(52px,1fr))}}[data-ui-theme]{color:var(--text-primary)}[data-ui-theme] :is(.field>label,.format-family>label,.slot-difficulty>span){color:var(--text-secondary)}[data-ui-theme] :is(.player-name small,.training-format-options small,.format-grid small){color:var(--text-tertiary)}[data-ui-theme] .setup-card>div:first-child .muted{color:var(--text-secondary)}.setup-card .slot-difficulty{grid-template-columns:minmax(88px,max-content) repeat(3,minmax(0,1fr))}.slot-difficulty>span{min-width:0;white-space:nowrap}[data-ui-theme] :is(.player-count-options,.queue-player-count,.training-format-options,.format-grid,.queue-mode-toggle,.party-size-options,.timer-mode-options,.timer-limit-options,.slot-difficulty,.theme-options,.coordinate-guide-options) button:not(.active):not(:disabled){color:var(--choice-idle-text);border-color:var(--choice-idle-border);background:linear-gradient(112deg,rgba(255,255,255,.055),transparent 44%),linear-gradient(145deg,var(--choice-idle-start),var(--choice-idle-end))}[data-ui-theme] :is(.player-count-options,.queue-player-count,.training-format-options,.format-grid,.queue-mode-toggle,.party-size-options,.timer-mode-options,.timer-limit-options,.slot-difficulty,.theme-options,.coordinate-guide-options) button:not(.active):not(:disabled):hover{border-color:var(--choice-hover-border);background:linear-gradient(112deg,rgba(255,255,255,.1),transparent 44%),linear-gradient(145deg,var(--choice-hover-start),var(--choice-hover-end))}[data-ui-theme] :is(.player-count-options,.queue-player-count,.training-format-options,.format-grid,.queue-mode-toggle,.party-size-options,.timer-mode-options,.timer-limit-options,.slot-difficulty,.theme-options,.coordinate-guide-options) button.active,[data-ui-theme] .settings-group button.active{color:var(--selection-text);border-color:var(--selection-border);background:linear-gradient(112deg,rgba(255,255,255,.34),transparent 44%),linear-gradient(145deg,var(--selection-start),var(--selection-end));box-shadow:inset 3px 0 var(--selection-accent),inset 0 1px #ffffff85,0 9px 20px var(--selection-shadow)}[data-ui-theme] :is(.player-count-options,.queue-player-count,.training-format-options,.format-grid,.queue-mode-toggle,.party-size-options,.timer-mode-options,.timer-limit-options,.slot-difficulty,.theme-options,.coordinate-guide-options) button.active :is(strong,small,span),[data-ui-theme] .settings-group button.active :is(strong,small,span){color:inherit}[data-ui-theme] :is(.training-format-options,.format-grid,.queue-mode-toggle,.party-size-options,.timer-mode-options,.theme-options,.coordinate-guide-options) button.active small,[data-ui-theme] .settings-group button.active small{opacity:.8}[data-ui-theme] :is(.menu-primary,.primary,.play-start,.rematch-start):not(:disabled){color:var(--cta-text);border-color:var(--cta-border);background:linear-gradient(112deg,rgba(255,255,255,.32),transparent 46%),linear-gradient(145deg,var(--cta-start),var(--cta-end));box-shadow:inset 0 1px #ffffff8f,0 12px 27px var(--selection-shadow)}[data-ui-theme] :is(.menu-primary,.primary,.play-start,.rematch-start):disabled{color:var(--choice-idle-text);border-color:var(--choice-idle-border);background:linear-gradient(112deg,rgba(255,255,255,.045),transparent 46%),linear-gradient(145deg,var(--choice-idle-start),var(--choice-idle-end));box-shadow:none;opacity:.58}[data-ui-theme] :is(.menu-primary,.primary,.play-start,.rematch-start) .play-icon{background:linear-gradient(135deg,var(--play-mark-start),var(--play-mark-end));filter:drop-shadow(0 2px 2px var(--selection-shadow)) drop-shadow(0 0 3px color-mix(in srgb,var(--play-mark-start) 36%,transparent))}[data-ui-theme=wood] .player-diagram,[data-ui-theme=wood] :is(.player-count-options,.queue-player-count,.training-format-options,.format-grid) button.active .player-diagram{--diagram-inactive: #6f4632;--diagram-separator: #3d2419}[data-ui-theme=wood] .player-diagram:after{background:#efd09a;border-color:#78482c;box-shadow:0 0 0 1px #ffe2b13d}[data-ui-theme=wood] :is(.play-start,.primary,.menu-primary) .play-icon{transform:translate(2px) scale(1.08)}@media(max-width:720px){.setup-card .slot-difficulty{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-card .slot-difficulty>span{grid-column:1 / -1}}[data-ui-theme] :is(.menu-primary,.primary,.play-start,.rematch-start):not(:disabled):hover{color:var(--cta-text);border-color:color-mix(in srgb,var(--cta-border) 72%,var(--focus-ring));background:linear-gradient(112deg,rgba(255,255,255,.38),transparent 46%),linear-gradient(145deg,color-mix(in srgb,var(--cta-start) 84%,var(--selection-accent)),color-mix(in srgb,var(--cta-end) 90%,var(--selection-accent)));transform:translateY(-2px)}[data-ui-theme] .notice{color:var(--text-secondary);border-color:var(--frame-soft);background:color-mix(in srgb,var(--surface-high) 42%,transparent)}[data-ui-theme] :is(.empty-seat-action,.queue-section-summary>button){color:var(--choice-idle-text);border-color:var(--choice-idle-border);background:linear-gradient(145deg,var(--choice-idle-start),var(--choice-idle-end))}[data-ui-theme] :is(.empty-seat-action,.queue-section-summary>button):hover:not(:disabled){color:var(--text-primary);border-color:var(--choice-hover-border);background:linear-gradient(145deg,var(--choice-hover-start),var(--choice-hover-end))}.settings-page[data-ui-theme=light] .match-settings .danger{color:#762b25;border-color:#8f322b8f;background:#9939311a}.settings-page[data-ui-theme=light] .match-settings .danger:hover:not(:disabled){color:#541d19;border-color:#7d2c26;background:#9939312e}.dialog-backdrop[data-ui-theme] .confirm-dialog{--text-primary: var(--modal-text-primary);--text-secondary: var(--modal-text-secondary);--text-tertiary: var(--modal-text-tertiary);--muted: var(--modal-text-secondary);color:var(--modal-text-primary);border-color:var(--modal-border);background:radial-gradient(circle at 50% 0,rgba(230,235,240,.08),transparent 38%),linear-gradient(155deg,var(--modal-surface-start),var(--modal-surface-end))}.dialog-backdrop[data-ui-theme] .confirm-dialog>.eyebrow{color:var(--modal-text-tertiary)}.dialog-backdrop[data-ui-theme] .confirm-dialog>p:not(.eyebrow){color:var(--modal-text-secondary)}.dialog-backdrop[data-ui-theme] .confirm-dialog>div>button:not(.danger){color:var(--modal-control-text);border-color:var(--modal-control-border);background:var(--modal-control-surface)}.dialog-backdrop[data-ui-theme] .confirm-dialog>div>button:not(.danger):hover:not(:disabled){border-color:color-mix(in srgb,var(--modal-control-border) 58%,white);background:color-mix(in srgb,var(--modal-control-surface) 72%,white 7%)}.result-backdrop[data-ui-theme]>.result{--text-primary: var(--result-text-primary);--text-secondary: var(--result-text-secondary);--text-tertiary: var(--result-text-tertiary);--muted: var(--result-text-secondary);color:var(--result-text-primary)}.result-backdrop[data-ui-theme]>.result>.eyebrow{color:var(--result-text-tertiary)!important}.result-backdrop[data-ui-theme] .result-title,.result-backdrop[data-ui-theme] .result h1.result-title{background-image:linear-gradient(180deg,var(--result-title-start) 0%,var(--result-title-mid) 48%,var(--result-title-end) 100%)!important}.result-backdrop[data-ui-theme] .result.defeat .result-title{background-image:linear-gradient(180deg,var(--result-defeat-start) 0%,var(--result-defeat-mid) 50%,var(--result-defeat-end) 100%)!important}.result-backdrop[data-ui-theme] .result-wing{background:linear-gradient(180deg,transparent 7px,var(--result-wing-primary) 7px 8px,transparent 8px),linear-gradient(180deg,transparent 11px,var(--result-wing-accent) 11px 12px,transparent 12px)}.result-backdrop[data-ui-theme] .result-winner-line{color:var(--result-text-primary)!important}.result-backdrop[data-ui-theme] .result-reason{color:var(--result-text-tertiary)!important}.result-backdrop[data-ui-theme] :is(.rematch-heading small,.rematch-players small){color:var(--result-text-tertiary)}.result-backdrop[data-ui-theme] :is(.rematch-heading strong,.rematch-players b,.ranked-result strong){color:var(--result-text-primary)}.result-backdrop[data-ui-theme]>.result>button:not(.primary){color:var(--result-text-primary);border-color:var(--result-control-border);background:var(--result-control-surface)}.result-backdrop[data-ui-theme]>.result>button:not(.primary):hover:not(:disabled){border-color:color-mix(in srgb,var(--result-control-border) 62%,var(--result-text-primary));background:color-mix(in srgb,var(--result-control-surface) 74%,white 7%)}.game-page{position:fixed;inset:0 0 auto;width:100%;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y}.game-header{flex:0 0 auto}.game-layout{position:relative;flex:1;min-height:0;height:auto}.board-wrap{position:relative;min-height:0;isolation:isolate}.board-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;overflow:clip;touch-action:none;-webkit-user-select:none;user-select:none}.board-camera{width:100%;height:100%;transform-origin:center;backface-visibility:hidden;will-change:transform}.board-camera>.game-board{display:block;width:100%;height:100%;max-height:none;touch-action:none}.board-viewport.is-zoomed{cursor:grab}.board-viewport.is-zoomed:active{cursor:grabbing}.board-viewport:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}.game-mobile-status,.board-coordinates-in-history{display:none}.match-history-region{display:contents}@media(max-width:900px){.game-layout{grid-template-rows:minmax(0,1fr) clamp(88px,12.5dvh,106px)}.game-header>.brand{display:none}.game-mobile-status{display:grid;gap:4px;min-width:0;max-width:180px;color:var(--text-primary);line-height:1.15}@media(min-width:621px){.game-mobile-status{width:148px}}.game-mobile-status>strong{font-size:.82rem;font-weight:500}.game-mobile-status>span{display:flex;gap:4px;min-width:0;font-size:.65rem;color:var(--text-secondary)}.game-mobile-status>span>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.game-mobile-status>span>b{flex:0 0 auto;font-variant-numeric:tabular-nums}.game-mobile-status .occupied{color:var(--accent)}.game-mobile-throne-countdown{width:min(112px,100%);gap:5px}.game-mobile-throne-countdown i{height:3px}.reduce-motion .game-mobile-throne-countdown i,.reduce-motion .game-mobile-throne-countdown i.active{animation:none}.status-panel>h2,.status-panel>.throne-status{display:none}.status-panel:not(:has(.alliance-summary,.match-clock-summary)){display:none}.status-panel{top:8px;left:8px;width:min(154px,42vw);max-height:calc(100% - 70px)}.match-history-region{display:flex;grid-row:2;min-width:0;min-height:0;overflow:hidden;border-top:1px solid var(--line);background:var(--surface-mid)}.match-history-region>.history{flex:1;min-width:0;border-top:0}.board-coordinates-on-board{display:none}.board-coordinates-in-history{position:static;display:grid;flex:0 0 clamp(108px,26vw,140px);min-width:0;margin:0;padding:8px 12px;align-self:stretch;align-content:center;gap:6px;border-width:0 0 0 1px;border-radius:0;background:var(--surface-mid);box-shadow:none}.board-coordinates-in-history small{font-size:.52rem;letter-spacing:.06em}}@media(max-width:620px){.game-header{display:grid;grid-template-columns:minmax(72px,1fr) minmax(0,178px) minmax(84px,1fr);gap:6px;height:auto;min-height:62px;padding:6px 10px}.game-header .turn-pill{position:static;transform:none;min-width:min(152px,100%);max-width:100%;width:fit-content;justify-self:center;margin:0;padding:6px 8px;gap:6px}.game-header .turn-pill strong{white-space:normal;overflow-wrap:anywhere}.game-header .game-nav{margin-left:0;justify-self:end}.game-mobile-status{width:100%;max-width:none}}@media(min-width:621px)and (max-width:900px)and (max-height:520px){.match-history-region{position:absolute;z-index:2;top:8px;right:10px;grid-row:auto;grid-column:auto;display:block;width:154px;height:136px;overflow:hidden;border:0;background:transparent}.match-history-region>.history{position:static;width:100%;height:100%;border:1px solid var(--line)}.board-coordinates-in-history{display:none}.board-coordinates-on-board{display:grid}}:root{--skin-mode-meta: #aab2ba;--skin-mode-description: #969fa8;--skin-mode-arrow: #eef2f5;--skin-mode-icon-ink: #f0f3f5;--skin-mode-icon-surface: linear-gradient(145deg, #747d86, #252a30);--skin-mode-icon-custom: conic-gradient( from -30deg, #f1f4f6 0 56deg, transparent 56deg 60deg, #9099a2 60deg 116deg, transparent 116deg 120deg, #505861 120deg 176deg, transparent 176deg 180deg, #f1f4f6 180deg 236deg, transparent 236deg 240deg, #9099a2 240deg 296deg, transparent 296deg 300deg, #505861 300deg 356deg, transparent 356deg );--skin-mode-disabled-opacity: .36;--skin-mode-disabled-saturation: .4;--skin-participant-ink: #e4e9ee;--skin-slot-option-text: #dce2e7;--skin-slot-option-muted: #89939d;--skin-slot-option-icon: #cbd3da;--skin-slot-option-border: rgba(225, 232, 238, .17);--skin-slot-option-surface: linear-gradient(145deg, #171b20, #0d1014);--skin-slot-option-hover-border: rgba(235, 240, 244, .4);--skin-slot-option-hover-surface: linear-gradient(145deg, #20262c, #12161a);--skin-slot-option-highlight: rgba(255, 255, 255, .045);--skin-slot-popover-arrow: #15191e;--skin-slot-popover-arrow-border: rgba(229, 235, 241, .28);--skin-slot-close-text: #cbd2d9;--skin-slot-close-border: rgba(224, 231, 237, .2);--skin-slot-close-surface: rgba(255, 255, 255, .018);--skin-slot-close-hover: rgba(255, 255, 255, .07);--skin-crystal-shell-border: rgba(226, 233, 239, .22);--skin-crystal-shell-surface: radial-gradient(circle at 34% 27%, rgba(255, 255, 255, .09), transparent 28%), linear-gradient(145deg, #171c22, #090c0f);--skin-crystal-shell-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 8px 17px rgba(0, 0, 0, .24);--skin-crystal-shell-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 11px 22px rgba(0, 0, 0, .31);--skin-crystal-rim-surface: linear-gradient( 135deg, #ffffff 0%, #aeb6bf 38%, #eef2f5 58%, #747d87 100% );--skin-crystal-rim-shadow: drop-shadow(0 7px 8px rgba(0, 0, 0, .38)) drop-shadow(0 0 1px rgba(255, 255, 255, .72));--skin-picker-backdrop: rgba(4, 6, 8, .68);--skin-picker-band-border: rgba(231, 236, 241, .2);--skin-picker-band-surface: linear-gradient( 90deg, transparent 0%, rgba(17, 21, 26, .94) 12%, rgba(17, 21, 26, .97) 50%, rgba(17, 21, 26, .94) 88%, transparent 100% );--skin-picker-heading: #e0e5e9;--skin-picker-control: #b7c0c8;--skin-picker-control-border: rgba(224, 231, 237, .16);--skin-picker-item-border: rgba(244, 247, 249, .18);--skin-picker-item-hover: rgba(255, 255, 255, .08);--skin-picker-selection: #f8fafb;--skin-picker-selection-glow: rgba(255, 255, 255, .7)}[data-ui-theme=light]{--skin-mode-meta: #52616a;--skin-mode-description: #46545d;--skin-mode-arrow: #2f3b43;--skin-mode-icon-ink: #f6f4ed;--skin-mode-icon-surface: linear-gradient(145deg, #7b8992, #3d4a53);--skin-mode-icon-custom: conic-gradient( from -30deg, #f7f4ec 0 56deg, transparent 56deg 60deg, #aab3b8 60deg 116deg, transparent 116deg 120deg, #59666f 120deg 176deg, transparent 176deg 180deg, #f7f4ec 180deg 236deg, transparent 236deg 240deg, #aab3b8 240deg 296deg, transparent 296deg 300deg, #59666f 300deg 356deg, transparent 356deg );--skin-mode-disabled-opacity: .4;--skin-mode-disabled-saturation: .34;--skin-participant-ink: #475963;--skin-slot-option-text: #26323a;--skin-slot-option-muted: #59666e;--skin-slot-option-icon: #526873;--skin-slot-option-border: rgba(62, 75, 84, .34);--skin-slot-option-surface: linear-gradient(145deg, #f2f1eb, #d5d9da);--skin-slot-option-hover-border: #667985;--skin-slot-option-hover-surface: linear-gradient(145deg, #faf9f4, #e0e4e4);--skin-slot-option-highlight: rgba(255, 255, 255, .62);--skin-slot-popover-arrow: #d8dad7;--skin-slot-popover-arrow-border: rgba(54, 66, 74, .4);--skin-slot-close-text: #36434b;--skin-slot-close-border: rgba(57, 69, 77, .35);--skin-slot-close-surface: rgba(255, 255, 255, .2);--skin-slot-close-hover: rgba(255, 255, 255, .55);--skin-crystal-shell-border: #849097;--skin-crystal-shell-surface: radial-gradient(circle at 34% 27%, rgba(255, 255, 255, .72), transparent 30%), linear-gradient(145deg, #f7f5ef, #c1c9cc);--skin-crystal-shell-shadow: inset 0 1px rgba(255, 255, 255, .72), 0 7px 16px rgba(48, 58, 65, .18);--skin-crystal-shell-hover-shadow: inset 0 1px rgba(255, 255, 255, .86), 0 10px 20px rgba(48, 58, 65, .24);--skin-crystal-rim-surface: linear-gradient( 135deg, #ffffff 0%, #aeb7bc 38%, #edf0ef 58%, #707d85 100% );--skin-crystal-rim-shadow: drop-shadow(0 6px 7px rgba(47, 57, 64, .24)) drop-shadow(0 0 1px rgba(255, 255, 255, .78));--skin-picker-backdrop: rgba(95, 101, 104, .62);--skin-picker-band-border: rgba(65, 75, 82, .32);--skin-picker-band-surface: linear-gradient( 90deg, transparent 0%, rgba(224, 223, 217, .95) 12%, rgba(205, 207, 205, .98) 50%, rgba(224, 223, 217, .95) 88%, transparent 100% );--skin-picker-heading: #2f3a42;--skin-picker-control: #3f4b53;--skin-picker-control-border: rgba(53, 64, 72, .28);--skin-picker-item-border: rgba(46, 57, 65, .3);--skin-picker-item-hover: rgba(45, 56, 64, .1);--skin-picker-selection: #344049;--skin-picker-selection-glow: rgba(52, 64, 73, .42)}[data-ui-theme=wood]{--skin-mode-meta: #d4ad7c;--skin-mode-description: #c7a884;--skin-mode-arrow: #ffe1aa;--skin-mode-icon-ink: #ffe4b3;--skin-mode-icon-surface: linear-gradient(145deg, #a66b3c, #4d2f20);--skin-mode-icon-custom: conic-gradient( from -30deg, #f4d59e 0 56deg, transparent 56deg 60deg, #c88749 60deg 116deg, transparent 116deg 120deg, #6b4028 120deg 176deg, transparent 176deg 180deg, #f4d59e 180deg 236deg, transparent 236deg 240deg, #c88749 240deg 296deg, transparent 296deg 300deg, #6b4028 300deg 356deg, transparent 356deg );--skin-mode-disabled-opacity: .46;--skin-mode-disabled-saturation: .72;--skin-participant-ink: #f0cf9d;--skin-slot-option-text: #f1d9b5;--skin-slot-option-muted: #c29d73;--skin-slot-option-icon: #e4b978;--skin-slot-option-border: rgba(205, 139, 78, .48);--skin-slot-option-surface: linear-gradient(112deg, rgba(255, 219, 166, .055), transparent 44%), linear-gradient(145deg, #553522, #2f1d15);--skin-slot-option-hover-border: #d49a5c;--skin-slot-option-hover-surface: linear-gradient(112deg, rgba(255, 224, 178, .1), transparent 46%), linear-gradient(145deg, #684127, #3a2318);--skin-slot-option-highlight: rgba(255, 225, 181, .09);--skin-slot-popover-arrow: #3a241a;--skin-slot-popover-arrow-border: rgba(222, 160, 93, .52);--skin-slot-close-text: #f0cca0;--skin-slot-close-border: rgba(207, 139, 76, .52);--skin-slot-close-surface: rgba(103, 60, 34, .3);--skin-slot-close-hover: rgba(151, 89, 45, .42);--skin-crystal-shell-border: #a96e43;--skin-crystal-shell-surface: radial-gradient(circle at 34% 27%, rgba(255, 224, 176, .14), transparent 30%), linear-gradient(145deg, #70462c, #321e15);--skin-crystal-shell-shadow: inset 0 1px rgba(255, 225, 184, .12), 0 8px 17px rgba(25, 11, 5, .34);--skin-crystal-shell-hover-shadow: inset 0 1px rgba(255, 225, 184, .18), 0 11px 22px rgba(25, 11, 5, .43);--skin-crystal-rim-surface: linear-gradient( 135deg, #ffe9b6 0%, #bd7b42 38%, #f3c981 58%, #724326 100% );--skin-crystal-rim-shadow: drop-shadow(0 7px 8px rgba(22, 9, 4, .42)) drop-shadow(0 0 1px rgba(255, 218, 157, .64));--skin-picker-backdrop: rgba(30, 16, 10, .7);--skin-picker-band-border: rgba(203, 137, 75, .36);--skin-picker-band-surface: linear-gradient( 90deg, transparent 0%, rgba(67, 40, 27, .95) 12%, rgba(48, 28, 20, .985) 50%, rgba(67, 40, 27, .95) 88%, transparent 100% );--skin-picker-heading: #efd1a6;--skin-picker-control: #e1b77f;--skin-picker-control-border: rgba(205, 139, 78, .34);--skin-picker-item-border: rgba(225, 168, 103, .34);--skin-picker-item-hover: rgba(224, 158, 87, .13);--skin-picker-selection: #ffd793;--skin-picker-selection-glow: rgba(235, 162, 82, .62)}