@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}.board-shell .board .square[data-tile-owner=rival]{--ring:var(--rival-tile-ring,transparent);--band:var(--rival-tile-ring-band,6%);--edge:calc(100% - var(--band));background-image:linear-gradient(to bottom, var(--ring) var(--band), transparent 0 var(--edge), var(--ring) 0), linear-gradient(to right, var(--ring) var(--band), transparent 0 var(--edge), var(--ring) 0), linear-gradient(rgb(0 0 0/var(--rival-tile-scrim,.26)), rgb(0 0 0/var(--rival-tile-scrim,.26))), var(--cosmetic-square-texture,none)}.board-shell .board .square[data-tile-owner=rival]>.piece:not(.hidden){background:var(--cosmetic-hidden,#243e50);color:var(--rival-tile-ink,#d0e0e6)}.contrast .board-shell .board .square[data-tile-owner=rival]>.piece:not(.hidden){border-color:#e1e7e8}.board-shell{grid-template-columns:auto minmax(0,1fr);display:grid}.board-shell>.ranks{text-align:center;pointer-events:none;grid-area:1/1;grid-template-rows:repeat(8,minmax(0,1fr));width:1em;display:grid}.board-shell>.ranks>span{place-items:center;line-height:1;display:grid}.board-shell>.board{grid-area:1/2}.board-shell>.files{grid-area:2/2}.board-presentation{width:100%;min-width:0}.board-presentation-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.board-view-choice{min-width:0}.board-view-buttons,.metal-camera-controls{background:#173143;border:1px solid #526d7c;border-radius:7px;grid-auto-columns:minmax(72px,auto);grid-auto-flow:column;gap:4px;padding:3px;display:inline-grid}.board-view-buttons button,.metal-camera-controls button,.metal-board-fallback button{color:#b9cad1;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:8px 12px;font:600 13px/1.1 Barlow Condensed,sans-serif;display:inline-flex}.board-view-buttons button[aria-pressed=true],.metal-camera-controls button[aria-pressed=true]{color:#f3e4bd;background:#354b53;border-color:#d9bb7a;box-shadow:inset 0 -2px #d9bb7a}:is(.board-view-buttons button:focus-visible,.metal-camera-controls button:focus-visible,.metal-board-fallback button:focus-visible){outline-offset:2px;outline:3px solid #f4cf82}.board-view-compact{justify-content:flex-end;max-width:min(74vh,750px);margin:0 auto 9px;display:flex}.board-view-copy{gap:4px;min-width:0;display:grid}.board-view-copy small{color:#afc1ca;line-height:1.4}.board-view-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 6px;display:grid}.board-focus-zoom{cursor:pointer;grid-column:1/-1;align-items:flex-start;gap:12px;display:flex}.board-focus-zoom input{accent-color:#e4c58a;flex:none;width:20px;height:20px;margin:2px 0 0}.board-focus-zoom span{gap:4px;display:grid}.board-focus-zoom small{color:#afc1ca;line-height:1.4}.board-view-notice{color:#f0d79f;grid-column:1/-1;margin:3px 0 0;font-size:12px}.metal-camera-controls{margin:0 auto 9px 0}.metal-board-shell{width:100%;max-width:min(74vh,750px);margin:auto;position:relative}.metal-board-layer{background:#1d3a52 radial-gradient(72% 64% at 50% 58%,#2a5070 0%,#21425e 55%,#183049 100%);border:1px solid #587281;border-radius:7px;width:100%;padding:7px;box-shadow:0 5px #0b2232,0 20px 36px #0a1c2635}.metal-board-shell[data-metal-status=loading]>.metal-board-layer{opacity:0;pointer-events:none;position:absolute;inset:0}.metal-board-surface{aspect-ratio:9/8;width:100%;position:relative;overflow:visible}.board-row,.metal-board-row{display:contents}.metal-board-surface canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.metal-files,.metal-ranks{pointer-events:none;position:absolute;inset:0}.metal-files>span,.metal-ranks>span{color:#a8bec8;font:600 11px/13px Barlow Condensed,sans-serif;position:absolute}.metal-files>span{transform:translate(-50%)}.metal-ranks>span{transform:translate(-100%,-50%)}.metal-hit-button{pointer-events:none;background:0 0;border:0;min-width:0;min-height:0;margin:0;padding:0;position:absolute;overflow:visible}.metal-hit-surface,.metal-hit-piece{pointer-events:auto;display:block;position:absolute}.setup-locked .metal-hit-surface,.setup-locked .metal-hit-piece{pointer-events:none}.metal-hit-surface{touch-action:pan-y}.metal-hit-piece{touch-action:manipulation;cursor:pointer}.metal-hit-piece.setup-piece{touch-action:none}.metal-hit-button:focus-visible{outline:none}.metal-board-message,.metal-board-fallback{z-index:2;color:#b8c9d0;text-align:center;margin:9px auto 0;font-size:12px;position:relative}.metal-board-message{pointer-events:none}.metal-board-fallback{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;display:flex}.metal-board-fallback button{color:#f3e4bd;background:#294657;border-color:#d9bb7a}@media (max-width:760px){.board-presentation-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.board-presentation-controls .board-view-compact,.metal-camera-controls{width:100%;margin-bottom:8px}.board-presentation-controls .board-view-buttons,.board-presentation-controls .metal-camera-controls{grid-auto-columns:minmax(0,1fr);width:100%}.board-view-settings{grid-template-columns:1fr}.board-view-settings .board-view-buttons{grid-auto-columns:minmax(0,1fr);width:100%}.metal-board-layer{padding:5px}}.game-input-tools{color:#aac4d2;max-width:min(74vh,750px);margin:0 auto 8px}.game-input-tools p{margin:4px 0 0;font-size:12px;line-height:1.4}.game-annotation-controls{gap:5px;display:flex}.game-annotation-controls button,.game-premove-controls button{color:#e9e8dc;background:#142a3b;border:1px solid #526d7c;border-radius:5px;min-width:44px;min-height:44px;padding:8px 13px;font:600 14px Barlow Condensed,sans-serif}.game-annotation-controls button[aria-pressed=true]{color:#e4c58a;background:#344d5b;border-color:#e4c58a}:is(.game-annotation-controls button:focus-visible,.game-premove-controls button:focus-visible){outline-offset:2px;outline:3px solid #e4c58a}.game-input-board{position:relative}.game-input-board .square{touch-action:pan-y}[data-game-touch=true],[data-game-touch=true] .metal-hit-piece,[data-game-touch=true] .metal-hit-surface,.game-input-board .square[data-game-touch=true]{touch-action:none}.game-input-board [data-game-origin=true]{outline-offset:-2px;outline:2px solid #e4c58a}.game-overlay{z-index:200;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.game-overlay *{pointer-events:none;vector-effect:non-scaling-stroke}.game-personal-mark{fill:#aac4d21a;stroke:#e4c58a;stroke-width:4px;filter:drop-shadow(0 1px 1px #102333)}.game-personal-arrow{stroke:#aac4d2;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 1px 1px #102333)}.game-overlay marker path{fill:#aac4d2;stroke:#102333;stroke-width:.5px}.game-annotation-origin{fill:none;stroke:#aac4d2;stroke-width:3px;stroke-dasharray:4 3}.game-drag-ghost{z-index:500;pointer-events:none;filter:drop-shadow(0 9px 6px #071621aa);width:clamp(36px,8vw,74px);height:clamp(36px,8vw,74px);position:fixed;transform:translate(-50%,-65%)rotate(-3deg)}.game-drag-ghost .piece{width:100%;height:100%}.contrast .game-personal-mark{stroke:#fff2c7;stroke-width:4px}.contrast .game-personal-arrow{stroke:#fff}@media (forced-colors:active){.game-overlay{forced-color-adjust:none}.game-personal-mark,.game-personal-arrow{stroke:highlight}}.game-ghost-settling{animation:.14s ease-out forwards game-ghost-settle}@keyframes game-ghost-settle{0%{translate:var(--settle-x) var(--settle-y);opacity:.95}to{opacity:0;translate:0}}.reduce-motion .game-ghost-settling{animation-duration:1ms}@media (prefers-reduced-motion:reduce){.game-ghost-settling{animation-duration:1ms}}.game-premove-controls{flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;min-width:0;display:flex}.game-premove-controls strong{color:var(--brass,#c6ac76)}.game-premove-controls button{min-width:44px;min-height:44px}.game-premove-controls p{overflow-wrap:anywhere;flex-basis:100%;margin:0}.game-premove-arrow line{stroke:#c6ac76;stroke-width:3px;stroke-dasharray:6 4}.game-premove-arrow circle{fill:#243746;stroke:#f0e5ca;stroke-width:1.5px}.game-premove-arrow text{fill:#fff6e0;text-anchor:middle;font-size:12px;font-weight:700}.game-premove-position rect{fill:#243746dd;stroke:#d8c69e;stroke-width:2px;stroke-dasharray:4 3}.game-premove-position text{fill:#fff6e0;text-anchor:middle;font-family:Barlow Condensed,sans-serif;font-size:clamp(7px,1.6vw,12px);font-weight:600}.game-ghost-plan-label{color:#fff6e0;text-align:center;background:#243746;font-size:12px;display:block}@media (forced-colors:active){.game-premove-arrow line,.game-premove-position rect{stroke:canvastext}.game-premove-arrow circle,.game-premove-position rect{fill:canvas}.game-premove-arrow text,.game-premove-position text{fill:canvastext}}.contrast .game-premove-arrow line,.contrast .game-premove-position rect{stroke:#fff2c7;stroke-width:3px}.game-empty-cue{fill:#132f42;opacity:.28}.game-challenge-cue{fill:none;stroke:#132f42;stroke-width:4px;opacity:.38}.contrast .game-empty-cue{opacity:.65}.contrast .game-challenge-cue{opacity:.75}.game-input-board .square[data-game-target=plan]:before{outline-offset:-3px;box-shadow:none;background:repeating-linear-gradient(135deg,#eceddf66 0 7px,#809fab55 7px 11px);outline:2px dashed #fff2d0}.game-input-board .square[data-game-target=plan] .piece{outline-offset:0;outline:2px dashed #fff2d0;box-shadow:inset 0 0 0 2px #e9eedf88}.game-input-board .square[data-game-hover=true][data-game-target]:before{box-shadow:inset 0 0 0 3px #fff4cf}.game-input-board .square[data-game-held=true]{outline-offset:-3px;outline:2px dashed #e4c58a}@keyframes game-target-pulse{50%{filter:brightness(1.35)}}.reduce-motion [data-game-target=challenge] .piece,.reduce-motion [data-game-target=challenge] .metal-hit-piece{animation:none}@media (prefers-reduced-motion:reduce){[data-game-target=challenge] .piece,[data-game-target=challenge] .metal-hit-piece{animation:none}}.contrast .square[data-game-target]:before{outline-offset:-3px;background-color:#ffeab799;outline:3px solid #fff2c7}.contrast .square[data-game-target=plan]:before{outline-style:dashed}@media (forced-colors:active){:is(.metal-hit-button:focus-visible .metal-hit-surface,.metal-hit-button[data-setup-hover=true] .metal-hit-surface){outline-offset:-3px;outline:3px solid highlight}.metal-hit-button[data-setup-target=true] .metal-hit-surface,.metal-hit-button[data-game-held=true] .metal-hit-surface{outline-offset:-3px;outline:2px dashed highlight}.square[data-game-target]:before,.metal-hit-button[data-game-target] .metal-hit-surface,[data-game-target=challenge] .piece,[data-game-target=challenge] .metal-hit-piece{forced-color-adjust:none;outline-offset:-3px;background-color:highlight;outline:2px solid highlighttext}.square[data-game-target=plan]:before,.metal-hit-button[data-game-target=plan] .metal-hit-surface{outline-style:dashed}}.square[data-motion-hidden=true]>.piece{visibility:hidden}.move-motion-overlay{z-index:190;pointer-events:none;position:absolute;inset:0}.move-motion-overlay *{pointer-events:none}.move-motion-pose{transform-origin:50%;border-bottom:1px solid #0000;border-right:1px solid #0000;place-items:center;padding:1%;display:grid;position:absolute}.move-motion-pose>.piece{width:100%}.move-motion-overlay[data-motion-pending] .move-motion-pose:first-child>.piece{animation:.7s ease-in-out infinite alternate challenge-pending}@keyframes challenge-pending{0%{filter:drop-shadow(0 0 1px var(--brass,#c6ac76))}to{filter:drop-shadow(0 0 7px var(--brass,#c6ac76))}}.reduce-motion .move-motion-overlay[data-motion-pending] .move-motion-pose:first-child>.piece{filter:drop-shadow(0 0 5px var(--brass,#c6ac76));animation:none}@media (prefers-reduced-motion:reduce){.move-motion-overlay[data-motion-pending] .move-motion-pose:first-child>.piece{filter:drop-shadow(0 0 5px var(--brass,#c6ac76));animation:none}}.move-motion-caption{color:#b9cad1;min-height:1.2em;margin:8px 0;font-size:12px}.piece-preview{min-width:0;margin:0}.piece-preview-surface{aspect-ratio:32/25;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;min-width:0;position:relative}.piece-preview-surface:active{cursor:grabbing}.piece-preview-surface>canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.piece-preview-flat{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.piece-preview-flat>.piece{width:38%;max-width:180px}.piece-preview figcaption{text-align:center;font-weight:600}.piece-preview-message{text-align:center;margin:8px 0 0;font-size:12px}.board-presentation-controls{flex-wrap:nowrap;justify-content:flex-end;gap:4px;min-height:44px;margin:0 0 4px;position:relative}.board-presentation-controls .board-view-compact{flex:none;max-width:none;margin:0 auto 0 0}.board-view-compact .board-view-buttons{background:0 0;border:0;grid-auto-columns:44px;gap:0;padding:0}.board-view-compact .board-view-buttons button{padding:10px}.board-view-compact svg,.game-annotation-controls svg,.board-camera-menu>summary svg{width:20px;height:20px}.game-input-tools{align-items:center;gap:4px;max-width:none;margin:0;display:flex}.game-annotation-controls{gap:0}.game-annotation-controls button,.board-tool-help>summary,.board-camera-menu>summary{color:#b9cad1;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:44px;height:44px;padding:11px;display:grid}.board-tool-help,.board-camera-menu{position:relative}.board-tool-help>summary,.board-camera-menu>summary{list-style:none}.board-tool-help>summary::-webkit-details-marker{display:none}.board-camera-menu>summary::-webkit-details-marker{display:none}.board-tool-popover,.board-camera-menu>.metal-camera-controls{z-index:410;background:#102b3e;border:1px solid #66818e;border-radius:6px;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #06162199}.board-tool-popover{width:min(280px,100vw - 32px);max-height:min(330px, calc(var(--viewport-height) * .6));padding:12px;overflow-y:auto}.board-tool-popover p{margin-top:8px;font-size:12px}.board-camera-menu>.metal-camera-controls{margin:0}.board-camera-menu:not([open])>.metal-camera-controls{display:none}.annotation-mode-label,.game-premove-controls{z-index:405;color:#e9d5aa;background:#142d3eee;border:1px solid #bdab7d;border-radius:4px;width:auto;padding:3px 7px;font-size:11px;position:absolute;top:100%;right:6px}.annotation-mode-label{pointer-events:none}.game-premove-controls{gap:4px;max-width:calc(100% - 12px)}.game-premove-controls button{border:0;padding:0;font:22px/1 Barlow,sans-serif}.game-premove-controls[data-empty=true]{display:none}.game-premove-controls p{padding:3px 6px;font-size:11px}.game-input-tools[data-has-premoves=true] .annotation-mode-label{display:none}@media (max-width:700px){.board-presentation-controls .board-view-compact,.board-presentation-controls .board-view-buttons{width:auto}.board-presentation-controls .board-view-buttons{grid-auto-columns:44px}.board-presentation-controls .metal-camera-controls{width:auto}}.match-tools-toggle{display:none}.board-presentation-controls{display:flex}.board-camera-menu>.metal-camera-controls{grid-auto-columns:minmax(88px,auto);width:max-content;min-width:184px}.game-premove-controls{pointer-events:none}.game-premove-controls button{pointer-events:auto}@media (min-width:761px){.setup .play-layout>.context{margin-top:48px}}.henerals-modal-backdrop>.practice-result{width:min(440px,100%);margin:0;position:static;transform:none}.practice-result>div{flex-wrap:wrap}.board-presentation-controls{max-width:100%;position:relative}.board-camera-menu,.board-tool-help{position:static}.board-camera-menu>.metal-camera-controls{min-width:0;max-width:100%;left:auto;right:0}.board-tool-popover{box-sizing:border-box;max-width:100%}.board-presentation-controls{flex-wrap:wrap}.game-input-tools{flex-wrap:nowrap;align-self:flex-start;height:44px}.game-premove-controls{pointer-events:auto;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:8px;width:auto;max-width:100%;padding:0;display:flex;position:static}.game-premove-controls strong{white-space:nowrap;font:600 12px/1.3 Barlow,sans-serif}.game-premove-controls button{min-height:44px;padding:8px 10px;font:600 13px/1.3 Barlow,sans-serif}.game-premove-controls p{flex-basis:100%;margin:0;padding:0}.premove-feedback{color:var(--muted);flex-basis:100%;margin:0;padding:4px 0;font:400 12px/1.4 Barlow,sans-serif}.board .square{padding:9% 10% 13%}.board .square>.piece{height:auto;min-height:0;max-height:100%}.board .square>.piece:not(.hidden),.board .square>.piece.hidden{box-shadow:inset 0 1px #fff6, 0 2px 0 var(--cosmetic-edge,#819599), 0 3px 2px #19314055}@keyframes piece-reveal{0%{opacity:.5;transform:rotateY(-84deg)scale(.94)}60%{opacity:1}to{opacity:1;transform:none}}.board[data-revealing] .square{perspective:480px}.board[data-revealing=north] .piece.north,.board[data-revealing=south] .piece.south{transform-origin:50%;animation:.62s cubic-bezier(.2,.72,.3,1) both piece-reveal}.reduce-motion .board[data-revealing] .piece{animation:none}@media (prefers-reduced-motion:reduce){.board[data-revealing] .piece{animation:none}}.square[data-outcome=winner]{background:#a2ad7e;box-shadow:inset 0 0 0 3px #e4c58a}.square[data-outcome=lost]{background:#946359;box-shadow:inset 0 0 0 3px #d48a7d}.flag-outcome{z-index:220;color:#fff2c7;pointer-events:none;background:#526b51;border:1px solid #f1d595;border-radius:50%;place-items:center;width:clamp(16px,2vw,26px);height:clamp(16px,2vw,26px);display:grid;position:absolute;top:1px;right:1px}.flag-outcome.lost{background:#8d443e;border-color:#f0b6a3}.flag-outcome svg{stroke-width:2.4px;width:64%;height:64%;display:block}.metal-outcomes{color:#fff2c7;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:6px;font-size:12px;display:flex}.metal-outcomes>span{align-items:center;gap:6px;display:inline-flex}.metal-outcomes .flag-outcome{flex:none;position:static}@media (forced-colors:active){.metal-outcomes{color:canvastext}.metal-outcomes .flag-outcome{color:canvastext;background:canvas;border-color:canvastext}}.board-tool-label{letter-spacing:.01em;white-space:nowrap;font:600 12px/1.1 Barlow,sans-serif;display:none}.board-tool-help>summary{list-style:none}.game .board-presentation-controls[data-tools-open=true] .board-tool-label{display:inline}.game .board-presentation-controls[data-tools-open=true]{flex-wrap:wrap;row-gap:4px}.game .board-presentation-controls[data-tools-open=true] :is(.game-annotation-controls button,.board-tool-help>summary,.board-camera-menu>summary,.board-view-buttons button){flex:none;justify-content:center;align-items:center;gap:6px;width:auto;min-width:44px;height:44px;padding:0 10px;display:inline-flex}.game .board-presentation-controls[data-tools-open=true] .board-view-buttons{grid-auto-columns:minmax(44px,auto)}@media (min-width:761px){.board-tool-label{display:inline}.board-presentation-controls :is(.game-annotation-controls button,.board-tool-help>summary,.board-camera-menu>summary,.board-view-buttons button){flex:none;justify-content:center;align-items:center;gap:6px;width:auto;min-width:44px;height:44px;padding:0 10px;display:inline-flex}.board-presentation-controls .board-view-buttons{grid-auto-columns:minmax(44px,auto)}}.board-shell .square{--cosmetic-square-texture:var(--cosmetic-light-texture,none);background-image:var(--cosmetic-square-texture);background-size:100% 100%}.board-shell .square.dark{--cosmetic-square-texture:var(--cosmetic-dark-texture,none)}.board-shell .square.blocked,.contrast .board-shell .square{--cosmetic-square-texture:none;background-image:none}.content-tile-back{pointer-events:none;background:currentColor;width:100%;height:100%;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.piece.hidden>.content-tile-back{opacity:.75;flex:0 auto;width:77%;height:88%}.color-tile-back{object-fit:contain;opacity:1;background:0 0}.square[data-tile-owner=rival] .color-tile-back{visibility:hidden}.square[data-tile-owner=rival]>.piece{background-image:none}.piece:not(.hidden){background-image:linear-gradient(115deg, rgb(255 255 255/var(--cosmetic-surface-sheen,0)), transparent var(--cosmetic-surface-spread,50%), rgb(0 0 0/var(--cosmetic-surface-sheen,0)))}.contrast .piece{background-image:none}.square[data-tile-owner=rival]{--cosmetic-known:#e9e8dc;--cosmetic-hidden:#243e50;--cosmetic-edge:#819599;--cosmetic-known-ink:#193747;--cosmetic-hidden-ink:#84a2b4}.piece.uniform-piece{--cosmetic-known:#e9e8dc;--cosmetic-hidden:#243e50;--cosmetic-edge:#819599;--cosmetic-known-ink:#193747;--cosmetic-hidden-ink:#84a2b4;--cosmetic-surface-sheen:0;background-image:none}:root{--viewport-height:100vh}@supports (height:100dvh){:root{--viewport-height:100dvh}}.customize-settings-entry{text-align:left;background:#29485a;border:1px solid #d9bb7a;border-radius:5px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:88px;margin-bottom:18px;padding:18px 20px;display:flex}.customize-settings-entry span{gap:6px;display:grid}.customize-settings-entry b{color:#e9e8dc;font:600 24px Barlow Condensed,sans-serif}.customize-settings-entry small{color:#b9ccd6;font-size:14px}.customize-settings-entry>svg{color:#d9bb7a;flex:none;width:24px}:root{color:#e8ecec;font-synthesis:none;--forest:#142a3b;--forest-dark:#102333;--brass:#e4c58a;--paper:#e9e8dc;--ink:#e8ecec;--ocean:#aac4d2;--coral:#d88174;--line:#3d5869;--panel:#21394a;--steel:#344d5b;--muted:#a4bac5;background:#142a3b;font-family:Barlow,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--forest);min-width:0;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:is(button:focus-visible,input:focus-visible){outline-offset:3px;outline:3px solid #f5c85e}.app{min-height:100vh;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:radial-gradient(at 43% 36%,#2b4556 0,#192f40 65%);grid-template-columns:220px 1fr;display:grid}.rail{background:var(--forest);height:100vh;color:var(--paper);flex-direction:column;padding:30px 20px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:.01em;align-items:center;gap:11px;font:700 26px/1 Barlow Condensed,sans-serif;display:flex}.brand svg{width:37px;height:37px;stroke:var(--brass);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.rail nav{gap:7px;margin-top:65px;display:grid}.rail nav button{color:#b5c5ce;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:13px;padding:13px 14px;font-weight:600;display:flex}.rail nav button svg{width:19px}.rail nav button.active{color:var(--forest-dark);background:var(--brass)}.rail>p{color:#b5c5ce;margin:auto 10px 0;font-size:12px;line-height:1.5}.rail>p span{color:var(--brass)}main{min-width:0}.page{min-height:100vh;padding:clamp(24px,4vw,56px);padding-top:calc(clamp(24px, 4vw, 56px) + env(safe-area-inset-top))}.setup-locked{pointer-events:none;opacity:.82}.notice{border-left:4px solid var(--brass);background:#394854;padding:11px 16px;font-weight:600}.mobile-nav{display:none}.page-head{grid-template-columns:auto 1fr;align-items:start;gap:32px;display:grid}.page-head>.brand{display:none}.page-head span,.section-head span,.ceremony>span,.result-card>span,.formation-grid article>div>span{color:var(--ocean);font-size:13px;font-weight:600}.page h1{letter-spacing:-.02em;margin:9px 0 16px;font:700 clamp(44px,6vw,82px)/.88 Barlow Condensed,sans-serif}.page-head p,.section-head p{color:#afc1ca;max-width:580px;margin:0;line-height:1.55}.lobby-grid{grid-template-columns:minmax(460px,1.2fr) minmax(330px,.8fr);align-items:start;gap:clamp(28px,5vw,76px);margin-top:40px;display:grid}.hero-board{background:var(--forest-dark);border-radius:8px;padding:20px;box-shadow:0 28px 60px #0d2d2733}.hero-caption{color:var(--paper);justify-content:space-between;padding:2px 3px 18px;display:flex}.hero-caption span{color:#a5bbc7}.mini-board{aspect-ratio:3;background:#4a626b;border:5px solid #263f50;grid-template-columns:repeat(9,1fr);display:grid}.mini-board>span{border-bottom:1px solid #18352e2e;border-right:1px solid #18352e2e;place-items:center;min-width:0;display:grid}.mini-board i{color:var(--forest);font:600 clamp(8px,1.25vw,17px) Barlow Condensed}button.primary{background:var(--brass);color:var(--forest-dark);border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:14px 18px;font-weight:700;display:inline-flex;box-shadow:inset 0 -2px #00000024}button.primary svg{width:19px}.hero-cta{width:100%;margin-top:16px}.command-panel h2,.context h2{margin:0 0 10px;font:600 21px Barlow Condensed}.mode-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:28px;display:grid}.mode-list button{border:1px solid var(--line);text-align:left;background:#21394a;border-radius:5px;grid-template-rows:auto auto;align-content:start;gap:7px;min-width:0;min-height:44px;padding:10px 6px;display:grid}.mode-list button.chosen{border:1px solid var(--forest);background:#304d60}.mode-list button>span{grid-template-rows:18px 13px;line-height:18px;display:grid}.mode-list button b{white-space:nowrap;font-size:14px}.mode-list small{color:var(--ocean);white-space:nowrap;font-size:10px;line-height:13px}.mode-list strong{white-space:nowrap;align-items:baseline;gap:3px;font:700 26px/1 Barlow Condensed,sans-serif;display:flex}.mode-list .mode-unit{font-size:15px;font-weight:600}.setup-choice{gap:8px;margin-bottom:28px;display:grid}.setup-choice>button{border:1px solid var(--line);text-align:left;color:var(--ink);background:#21394a;border-radius:6px;grid-template-columns:28px 1fr 20px;align-items:center;gap:9px;padding:13px;display:grid}.setup-choice svg{width:20px}.setup-choice span{display:grid}.setup-choice small{color:#a4bac5;margin-top:2px}.connected{border-top:1px solid var(--line);padding-top:24px}.connected>button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;justify-content:space-between;padding:11px 0;display:flex}.connected>button span{color:#9fb5c0;font-size:11px}.match-head{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:22px;display:grid}.match-head>div{align-items:center;gap:14px;display:flex}.match-head>div span{font-weight:600}.match-head>div strong{font:700 30px Barlow Condensed}.match-head>.primary{justify-self:end}.text-button{color:var(--ink);background:0 0;border:0;justify-self:start}.primary.compact{padding:10px 18px}.match-head>.primary.compact:disabled{color:#93a9b5;box-shadow:none;opacity:1;background:#2a4252}.urgent-text{color:var(--coral)}.play-layout{grid-template-columns:minmax(500px,750px) minmax(260px,340px);justify-content:center;align-items:start;gap:clamp(24px,4vw,56px);display:grid}.board-shell{width:100%;max-width:min(74vh,750px);margin:auto}.board{aspect-ratio:9/8;border:8px solid var(--forest-dark);background:#45616c;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(9,1fr);display:grid;box-shadow:0 20px 50px #0d2d2729}.square{background:#a5b6b6;border:1px solid #18352e24;border-top:0;border-left:0;place-items:center;min-width:0;min-height:0;padding:4px;display:grid;position:relative}.board:not(.game-input-board) .square.legal:after{content:"";aspect-ratio:1;background:var(--brass);border-radius:50%;width:21%;position:absolute;box-shadow:0 0 0 3px #ffffff80}.files{grid-template-columns:repeat(9,1fr);padding:5px 8px 0;display:grid}.files,.ranks{text-align:center;color:#a4bac5;font:600 11px Barlow Condensed}.piece{aspect-ratio:.78;width:min(78%,58px);color:var(--forest-dark);z-index:1;background:linear-gradient(145deg,#fffcf0,#d9dacd);border:2px solid #58716a;border-radius:5px 5px 8px 8px;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:relative;box-shadow:0 3px #80948d,0 5px 6px #0000002e}.piece.north,.piece.hidden{background:var(--forest);color:var(--brass);border-color:#84a89b;box-shadow:0 3px #09211c,0 5px 6px #0003}.piece.selected{outline:4px solid var(--brass);transform:translateY(-2px)}.piece b{max-width:92%;font:700 clamp(8px,1.35vw,19px) Barlow Condensed;overflow:hidden}.piece small{margin-top:3px;font:600 clamp(6px,.75vw,10px) Barlow Condensed}.board-help{text-align:center;color:#a4bac5;font-size:12px}.context{padding-top:4px}.progress span{font-weight:600}.progress i{background:#36515f;height:5px;margin:9px 0 24px;display:block}.progress i b{background:var(--brass);height:100%;display:block}.tray{grid-template-columns:1fr 1fr;gap:6px;max-height:350px;margin-bottom:22px;display:grid;overflow:auto}.tray button{text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:5px;align-items:center;gap:8px;padding:7px;font-size:11px;display:flex}.tray button.selected{background:#485345;border-color:#e4c58a}.tray .piece{flex:none;width:31px}.generator-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.generator-grid button,.context-actions button{border:1px solid var(--line);color:var(--ink);background:#21394a;border-radius:5px;padding:9px}.context-actions{border-top:1px solid var(--line);gap:7px;margin-top:20px;padding-top:20px;display:grid}.load-formation{gap:6px;margin:0 0 22px;font-weight:600;display:grid}.load-formation select{border:1px solid var(--line);width:100%;color:var(--ink);background:#21394a;border-radius:5px;padding:10px}.save-feedback{color:var(--ocean);font-size:12px;font-weight:600}.setup .piece{touch-action:none}.ceremony{text-align:center;background:var(--forest-dark);min-height:100vh;color:var(--paper);flex-direction:column;justify-content:center;align-items:center;display:flex}.ceremony>svg{width:54px;height:54px;color:var(--brass);margin-bottom:23px}.ceremony h1{font-size:66px}.ceremony p{color:#b6c6ce;max-width:430px}.dice-grid{grid-template-columns:repeat(6,60px);gap:8px;margin:24px;display:grid}.dice-grid button{aspect-ratio:1;border:2px solid var(--brass);color:var(--paper);background:0 0;border-radius:8px;font:700 30px Barlow Condensed}.dice-grid button:hover{background:var(--brass);color:var(--forest)}.roll-result{align-items:center;gap:35px;margin:26px;display:flex}.roll-result>div{display:grid}.roll-result b{color:var(--brass);font:700 60px Barlow Condensed}.game-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:1090px;margin:0 auto 22px;display:grid}.game-top>span{text-align:center;color:#afc1ca;font-size:13px}.clock{align-items:baseline;gap:12px;display:flex}.clock:last-child{justify-content:flex-end}.clock strong{background:#2b4658;border-radius:5px;padding:4px 10px;font:700 35px Barlow Condensed}.clock.running strong{background:var(--forest);color:var(--paper)}.clock.urgent strong{color:var(--coral)}.remaining{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:28px;display:grid}.remaining>div{background:#284556;border-radius:5px;padding:12px;display:grid}.remaining b{font:700 30px Barlow Condensed}.move-list{min-height:170px;margin:0;padding:0;list-style:none}.move-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto 68px;align-items:center;gap:3px 10px;padding:8px 0;font-size:12px;display:grid}.move-list li em{color:#a4bac5;grid-column:2;font-style:normal}.move-owner{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.move-time{color:#d6e0e5;font-variant-numeric:tabular-nums;text-align:right;grid-area:1/3/3;gap:4px;display:grid}.move-time.unavailable{color:#91a7b3}.move-time-track{background:#3f5c6d;border-radius:2px;height:4px;display:block;overflow:hidden}.move-time-track b{border-radius:inherit;background:var(--brass);min-width:3px;height:100%;display:block}.move-time-track b.opponent{background:#91a7b3}.danger-link{color:#e9a396;background:0 0;border:0;padding:14px 0}.result-card{z-index:4;text-align:center;background:var(--forest-dark);width:min(430px,100vw - 30px);color:var(--paper);border:1px solid #58717f;padding:35px;position:fixed;top:50%;left:calc(50vw + 110px);transform:translate(-50%,-50%);box-shadow:0 30px 90px #0000006b}.result-card>svg{color:var(--brass);width:45px;height:45px}.result-card h2{margin:8px;font:700 42px Barlow Condensed}.result-card p{color:#b6c6ce}.result-card>div{justify-content:center;gap:9px;display:flex}.result-card>div>button:not(.primary){color:#fff;background:0 0;border:1px solid #a4bac5;border-radius:5px;padding:12px 16px}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:42px;display:flex}.section-head h1{margin-bottom:9px}.formation-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:17px;display:grid}.formation-filter{flex-wrap:wrap;gap:6px;margin:0 0 16px;display:flex}.formation-filter button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#193342;border-radius:5px;padding:7px 12px}.formation-filter button[aria-pressed=true]{color:var(--brass);border-color:var(--brass);background:#304754}.formation-filter span{opacity:.75;margin-left:5px}.titlebar+.formation-filter{margin-top:16px}.formation-favorite{flex:none;justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.formation-favorite[aria-pressed=true]{color:var(--brass)}.formation-favorite svg{width:20px;height:20px}.formation-filter-empty{margin:0;padding:18px 0}.formation-assemble{border:1px dashed var(--brass);min-height:56px;color:var(--brass);background:#1b3242;border-radius:7px;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;font:700 20px/1 Barlow Condensed,sans-serif;display:flex}.formation-assemble svg{width:20px;height:20px}.formation-assemble:hover:not(:disabled){background:#22404f}.formation-assemble:disabled{opacity:.5}.formation-assemble:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.formation-filter-empty span{color:var(--muted);margin-top:6px;display:block}.formation-grid article{border:1px solid var(--line);background:#21394a;border-radius:7px;padding:13px;position:relative}.formation-grid article.default{box-shadow:inset 0 4px 0 var(--brass)}.preview{background:0 0;border:0;width:100%;padding:0;display:block}.formation-grid article h2{margin:3px 0 13px;font:600 25px Barlow Condensed}.formation-grid article>div:nth-child(2){padding-top:13px}.formation-actions{gap:5px;display:flex}.formation-actions button,.default-button{border:1px solid var(--line);color:var(--ink);background:#294454;border-radius:4px;padding:8px 11px}.formation-actions button:first-child{flex:1}.formation-actions svg{width:16px;height:16px}.default-button{background:var(--forest);color:#fff;width:100%;margin-top:7px}.empty{text-align:center;max-width:520px;margin:12vh auto}.empty svg{width:54px;color:var(--brass)}.empty h2{font:700 34px Barlow Condensed}.name-input{border:0;border-bottom:2px solid var(--forest);text-align:center;background:0 0;padding:5px;font:600 24px Barlow Condensed}.lesson-hero{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.lesson-hero>div{background:var(--panel);padding:26px}.lesson-hero svg,.large-glyph{width:35px;height:35px;color:var(--ocean);font-size:32px}.lesson-hero h2{font:600 27px Barlow Condensed}.lesson-hero p,.rules-note p{color:#b0c3ce;line-height:1.55}.reference-title{margin-top:40px;font:600 30px Barlow Condensed}.rank-list{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;display:grid}.rank-list>div{background:#213b4c;align-items:center;gap:11px;padding:12px;display:flex}.rank-list i{background:var(--forest);width:40px;height:46px;color:var(--brass);border-radius:4px;place-items:center;font:600 13px Barlow Condensed;display:grid}.rank-list span{display:grid}.rank-list small{color:#afc1ca}.rules-note{border-left:5px solid var(--ocean);background:#294556;margin-top:32px;padding:24px}.rules-note h2{margin:0;font:600 27px Barlow Condensed}.settings-page{max-width:900px}.animation-speed-setting{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 24px;padding:18px 6px;display:grid}.animation-speed-copy{display:grid}.animation-speed-copy small{color:#a4bac5;margin-top:3px}.animation-speed-buttons{gap:6px;display:flex}.animation-speed-buttons button{min-height:40px;color:var(--paper);background:#29495b;border:1px solid #67808c;padding:7px 13px}.animation-speed-buttons button[aria-pressed=true]{border-color:var(--brass);color:#f3d296;background:#3b4c4c}.animation-speed-notice{color:var(--brass);grid-column:1/-1;margin:0;font-size:13px}.settings-list{border-top:1px solid var(--line)}.settings-list button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;grid-template-columns:35px 1fr auto;align-items:center;gap:16px;padding:21px 6px;display:grid}.settings-list button>span{display:grid}.settings-list button small{color:#a4bac5;margin-top:3px}.settings-list button>i{color:var(--ocean);font-style:normal;font-weight:600}.settings-foot{color:#a4bac5;margin-top:25px;font-size:13px}.migration-settings{border:1px solid var(--line);border-left:5px solid var(--brass);background:#203b4d;margin-top:34px;padding:24px}.migration-settings h2{margin:0;font:600 27px Barlow Condensed}.migration-settings p{color:#b7c8ce}.migration-actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.migration-actions button{min-height:44px;color:var(--paper);background:#29495b;border:1px solid #67808c;padding:9px 15px}.migration-choice{color:#d4dedd;align-items:flex-start;gap:10px;font-size:14px;display:flex}.migration-choice input{width:20px;height:20px;accent-color:var(--brass);flex:none}.migration-feedback{min-height:1.5em;margin-bottom:0;color:var(--brass)!important}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.online-page{background:radial-gradient(circle at 85% 8%,#d5b56b29,#0000 28%),0 0}.online-page .section-head{align-items:flex-start}.online-page .section-head .brand{margin-bottom:24px}.online-empty,.auth-card,.queue-card{background:var(--panel);border:1px solid var(--line);border-top:5px solid var(--brass);width:min(520px,100%);margin:8vh auto;padding:clamp(26px,5vw,46px);box-shadow:0 24px 60px #0d2d271f}.online-empty{text-align:center}.online-empty>svg,.queue-card>svg,.invite-card>svg,.result-online>svg{width:44px;height:44px;color:var(--brass)}.auth-card>span,.online-command>span,.online-stage>span{color:var(--ocean);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.auth-card h2,.online-command h2,.invite-card h2,.history-card h2,.queue-card h2{margin:8px 0 18px;font:700 31px Barlow Condensed}.auth-card form,.account-grid form{gap:14px;display:grid}.auth-card label,.account-grid label,.invite-card label,.select-label{color:#bccbd2;gap:6px;font-size:13px;font-weight:600;display:grid}.auth-card input,.account-grid input,.account-grid select,.invite-card input,.select-label select{border:1px solid var(--line);background:#102a3d;border-radius:5px;width:100%;padding:12px;font-size:16px}.auth-links,.provider-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.auth-links button,.provider-list button,.invite-card>button:not(.primary),.queue-card button,.online-actions button,.result-online button{border:1px solid var(--line);background:0 0;border-radius:5px;padding:10px 13px}.form-error{color:#e9a396}.account-panel{z-index:3;width:min(680px,48vw);position:relative}.account-panel>summary{cursor:pointer;border:1px solid var(--line);background:var(--panel);text-align:right;border-radius:5px;padding:11px 15px;font-weight:700;list-style:none}.account-panel[open]{background:var(--panel);padding:14px;box-shadow:0 20px 55px #0d2d272e}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.account-grid h3{margin:0 0 10px;font:600 20px Barlow Condensed}.sync-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;gap:8px;width:100%;padding:9px 0;display:flex}.sync-row span{color:var(--ocean)}.synced-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 40px;gap:5px;padding:10px 0;display:grid}.synced-row>span{overflow-wrap:anywhere;flex-direction:column;justify-content:center;gap:3px;min-width:0;display:flex}.synced-row button{text-align:left;background:#294657;border:0;grid-column:1/-1;padding:7px;font-size:11px}.synced-row .formation-favorite{border-radius:4px;grid-area:1/2}.online-lobby-grid{grid-template-columns:minmax(420px,1.2fr) minmax(310px,.8fr);gap:18px;display:grid}.online-command,.invite-card,.history-card{background:var(--panel);border:1px solid var(--line);padding:clamp(22px,3vw,34px)}.online-command{border-top:5px solid var(--forest);grid-row:span 2}.online-command .setup-choice button.chosen{border:2px solid var(--forest);padding:10px}.select-label{margin:18px 0}.wide{width:100%;margin-top:18px}.invite-card{border-top:5px solid var(--brass)}.invite-card>p,.history-card>p,.online-command p{color:#afc1ca;line-height:1.5}.invite-link{gap:6px;margin:12px 0;display:flex}.invite-link code{text-overflow:ellipsis;white-space:nowrap;background:#294657;min-width:0;padding:10px;overflow:hidden}.invite-link button{border:1px solid var(--line);background:var(--panel)}.invite-link svg{width:17px}.history-card ol{padding:0;list-style:none}.history-card li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;padding:9px 0;display:grid}.history-card li small{color:#a4bac5;grid-column:1/-1}.import-hint{color:#afc1ca;font-size:12px}.online-error{justify-content:space-between;align-items:center;display:flex}.online-error button{background:0 0;border:0;text-decoration:underline}.online-success{justify-content:space-between;align-items:center;display:flex}.online-success button{background:0 0;border:0;text-decoration:underline}.online-error-actions{gap:10px;display:flex}.online-match{min-height:auto;padding:0}.online-stage{min-height:65vh}.online-stage code,.result-online code{overflow-wrap:anywhere}.online-game-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;max-width:1090px;margin:0 auto 22px;display:grid}.online-game-top>div{align-items:baseline;gap:12px;display:flex}.online-game-top>div:last-child{justify-content:flex-end}.online-game-top strong{background:#2b4658;border-radius:5px;padding:4px 10px;font:700 35px Barlow Condensed}.online-game-top .active strong{background:var(--forest);color:#fff}.online-game-top>span{color:var(--ocean);font-size:12px}.online-actions{gap:7px;display:grid}.result-online{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.result-online h1{font-size:70px}.result-online>div{gap:8px;display:flex}.modal-backdrop{z-index:10;background:#041914b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);text-align:center;border-radius:8px;width:min(430px,100%);padding:35px;position:relative}.modal>svg{width:44px;color:var(--ocean)}.modal h2{margin:10px;font:700 34px Barlow Condensed}.modal p{color:#b0c3ce;line-height:1.55}.icon-button{background:0 0;border:0}.modal .close{position:absolute;top:10px;right:10px}.contrast{--line:#0d2d2759}.contrast .square{border-color:#0d2d2759}@media (max-width:980px){.app{grid-template-columns:86px 1fr}.rail{padding:25px 13px}.rail .brand span,.rail nav button:not(.active){font-size:0}.rail nav button{justify-content:center}.rail nav button.active{text-align:center;gap:4px;font-size:11px;display:grid}.rail>p{display:none}.lobby-grid,.play-layout{grid-template-columns:1fr}.command-panel{max-width:700px}.context{width:100%;max-width:750px;margin:auto}.result-card{left:calc(50vw + 43px)}.board-shell{max-width:680px}.lesson-hero{grid-template-columns:1fr}}@media (max-width:640px){.app{padding-bottom:var(--navigation-height,calc(67px + env(safe-area-inset-bottom)));display:block}.rail{display:none}.mobile-nav{z-index:9;background:var(--forest-dark);padding:7px 4px calc(7px + env(safe-area-inset-bottom));grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0003}.mobile-nav button{color:#b8c9d0;background:0 0;border:0;place-items:center;gap:2px;font-size:10px;display:grid}.mobile-nav button svg{width:20px}.mobile-nav button[aria-current=page]{color:var(--brass)}.page{padding:calc(20px + env(safe-area-inset-top)) 14px 20px;min-height:calc(100vh - 67px)}.hero-board,.mobile-nav{box-shadow:none}.page-head{display:block}.page-head>.brand{margin-bottom:38px;display:flex}.page h1{font-size:51px}.lobby-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}.hero-board{padding:12px}.play-layout{display:block}.board{border-width:5px}.square{padding:2px}.piece{border-width:1px;width:83%}.board-help{margin:8px 10px 23px}.match-head{margin-bottom:14px}.match-head>div{gap:7px}.match-head>div span{font-size:12px}.context{padding-top:10px}.tray{max-height:210px}.dice-grid{grid-template-columns:repeat(3,58px)}.ceremony h1{font-size:51px}.game-top{grid-template-columns:1fr 1fr;gap:7px}.game-top>span{grid-area:2/1/auto/-1}.clock{gap:2px;display:grid}.clock:last-child{text-align:right}.clock strong{font-size:27px}.result-card{left:50%}.section-head{margin-bottom:28px;display:block}.account-panel{width:100%;margin-top:18px}.account-panel>summary{text-align:left}.account-grid,.online-lobby-grid{grid-template-columns:1fr}.online-command{grid-row:auto}.online-game-top{grid-template-columns:1fr 1fr;gap:7px}.online-game-top>span{text-align:center;grid-area:2/1/auto/-1}.online-game-top strong{font-size:27px}.section-head .primary{margin-top:19px}.formation-grid,.lesson-hero{grid-template-columns:1fr}.rank-list{grid-template-columns:1fr 1fr}.rank-list>div{padding:8px}.rank-list i{width:33px}.rank-list small{font-size:10px}.settings-list button{padding:18px 4px}.animation-speed-setting{grid-template-columns:1fr;padding-inline:4px}.animation-speed-buttons button{flex:1}.name-input{width:160px}.modal{padding:30px 22px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reduce-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}a{color:var(--brass);text-underline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}button{transition:background .15s,border-color .15s,transform .15s}button svg{flex:none;width:22px;height:22px}:is(button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible){outline:3px solid var(--brass);outline-offset:4px}.app{grid-template-columns:176px minmax(0,1fr)}.rail{background:#102333;border-right:1px solid #345062;padding:24px 13px}.brand{letter-spacing:.01em;gap:6px;font-size:29px}.brand svg{stroke:none;fill:currentColor;width:44px;height:44px;color:var(--brass)}.rail nav{gap:9px;margin-top:42px}.rail nav button{border-radius:5px;gap:11px;padding:13px 11px;font-size:14px}.rail nav button.active{color:var(--brass);box-shadow:inset 3px 0 var(--brass);background:#2a4353}.rail nav button:hover{background:#233c4e}.rail nav button svg{width:22px;height:22px}.rail>p{color:#8ea7b7;margin-left:8px;font-size:10px}.page{padding:calc(26px + env(safe-area-inset-top)) 30px 26px}.page-head{justify-content:space-between;align-items:center;display:flex}.page h1{letter-spacing:-.015em;color:var(--paper);margin:7px 0 10px;font-size:clamp(36px,4vw,54px);line-height:1.02}.page-head p,.section-head p{font-size:14px;line-height:1.5}.page-head span,.section-head span{letter-spacing:.075em;text-transform:uppercase;font-size:11px}.section-head{margin-bottom:25px}.lobby{max-width:1340px;margin:auto}.lobby-grid{grid-template-columns:minmax(0,650px) minmax(270px,320px);justify-content:center;gap:30px;margin-top:22px}.hero-board{box-shadow:none;width:100%;max-width:min(650px,calc((var(--viewport-height) - 275px)*1.125));background:0 0;margin:auto;padding:0}.hero-cta{margin-top:16px}.command-panel,.context{background:#173042;border:1px solid #3c5667;border-radius:9px;padding:20px;box-shadow:0 12px 30px #0c1b2628}.panel-kicker{border-bottom:1px solid var(--line);color:var(--brass);align-items:center;gap:10px;margin-bottom:17px;padding-bottom:16px;font-size:12px;display:flex}.panel-kicker svg{width:22px;height:22px}.command-panel h2,.context h2{color:var(--paper);font-size:25px;font-weight:600}.context p{color:var(--muted);font-size:13px;line-height:1.5}.mode-list{gap:7px;margin-bottom:24px}.mode-list button{background:#203c4f;border-color:#3f5c6d}.mode-list button.chosen{border:1px solid var(--brass);box-shadow:inset 0 -3px var(--brass);background:#354b53}.mode-list strong{color:var(--paper)}.mode-list small{color:var(--brass);font:500 10px/13px Barlow Condensed,sans-serif}.setup-choice>button{background:#203c4f;border-color:#3f5c6d;padding:12px 10px}.setup-choice small{font-size:11px;line-height:1.4}.connected{padding-top:18px}.connected>button{font-size:13px}.connected>button span{font-size:10px}button.primary{color:#29343a;background:linear-gradient(#ecd39f,#d9b974);border-radius:6px;min-height:44px;box-shadow:inset 0 1px #fcecc8,0 3px #987945}button.primary:hover:not(:disabled){background:#f1d7a2}button.primary:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fcecc8,0 2px #987945}.play-layout{grid-template-columns:minmax(0,min(700px,calc((var(--viewport-height) - 240px)*1.125))) minmax(240px,310px);gap:27px}.play-layout>section{min-width:0}.match-head{gap:14px;max-width:1040px;min-height:42px;margin:0 auto 18px}.match-head>div strong{color:var(--brass);font-variant-numeric:tabular-nums}.match-head .urgent-text{color:var(--coral)}.match-head>span{color:var(--muted);font-size:13px}.online-match .match-head{justify-content:space-between;display:flex}.board-shell{background:var(--cosmetic-rim,#172f40);border:1px solid #587281;border-radius:7px;max-width:none;padding:7px 7px 0 0;box-shadow:0 5px #0b2232,0 20px 36px #0a1c2635}.board{box-shadow:none;border:0;position:relative;overflow:hidden}.square{background:var(--cosmetic-square-light,#a5b6b6);border-color:#45616c55;padding:9%}.square.dark{background:var(--cosmetic-square-dark,#7c949d)}.square.blocked{opacity:.8;background:#3d5969}.square:disabled{opacity:1;cursor:default}.square.last{box-shadow:inset 0 0 0 3px #edcc878c}.board:not(.game-input-board) .square.legal:after{background:#e6c688;width:22%;box-shadow:0 0 0 2px #18374666}.files,.ranks{color:#a8bec8;font-size:9px}.files{padding:5px 0 6px}.piece{aspect-ratio:1;border:1px solid #dbddcf;border-radius:4px;width:100%;max-width:none}.piece:not(.hidden){background:var(--cosmetic-known,#e9e8dc);color:var(--cosmetic-known-ink,#193747);border-color:var(--cosmetic-edge,#819599);box-shadow:inset 0 1px #fffdf7,0 3px 0 var(--cosmetic-edge,#819599),0 5px 3px #19314066}.piece.hidden{background:var(--cosmetic-hidden,#243e50);color:var(--cosmetic-hidden-ink,#84a2b4);border-color:var(--cosmetic-edge,#819599);box-shadow:inset 0 1px #5b7383,0 3px 0 var(--cosmetic-edge,#819599),0 5px 3px #19314066}.piece{container-type:inline-size}.piece>svg{pointer-events:none;flex:0 56%;width:65%;height:56%}.piece.hidden>svg{opacity:.75;flex:0 auto;width:77%;height:88%}.piece-label{color:currentColor;letter-spacing:0;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:36%;font:700 19cqi/1 Barlow Condensed,sans-serif;display:flex}.piece.selected{outline-offset:1px;outline:3px solid #f4cf82;transform:translateY(-2px)}.mini-board{border:4px solid var(--cosmetic-rim,#3e5866);background:var(--cosmetic-square-dark,#7c949d);border-radius:4px;gap:3px;padding:2px}.mini-board>span{background:var(--cosmetic-square-light,#97abad);border:0;padding:6%}.mini-board svg{width:100%;height:100%;color:var(--cosmetic-known-ink,#193747);background:var(--cosmetic-known,#e9e8dc);border-radius:2px}.player-bar{align-items:center;gap:10px;min-width:0;margin-bottom:12px;display:flex}.player-bar.self{margin-top:14px;margin-bottom:0}.player-bar.has-losses{grid-template-columns:auto minmax(0,1fr) auto;row-gap:2px;display:grid}.player-bar.has-losses>.player-losses{grid-column:2/-1}.player-avatar{width:42px;height:42px;color:var(--brass);background:#29485a;border:1px solid #536e7e;border-radius:6px;flex:none;place-items:center;display:grid}.player-avatar svg{width:85%;height:85%}.player-bar.opponent .player-avatar{color:#b7c9d0;background:#203a4c}.player-bar.opponent .player-avatar svg{width:68%;height:68%}.player-identity{flex:1;gap:3px;min-width:0;display:grid;overflow:hidden}.player-identity strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;display:block;overflow:hidden}.player-identity small{text-overflow:ellipsis;white-space:nowrap;color:#a5bac5;min-width:0;font-size:10px;display:block;overflow:hidden}.player-losses{color:#d8dace;flex-wrap:wrap;align-items:center;gap:3px 8px;min-height:20px;padding-top:1px;display:flex}.player-loss-total{color:#a5bac5;white-space:nowrap;align-items:baseline;gap:4px;font-size:10px;line-height:18px;display:inline-flex}.player-loss-total b{color:#d8dace;font-variant-numeric:tabular-nums;font-size:11px}.player-loss-group{flex:none;align-items:center;gap:2px;min-height:20px;display:inline-flex}.player-loss-symbol{place-items:center;width:18px;height:18px;display:inline-grid}.player-loss-symbol .rank-symbol,.player-loss-symbol .tile-back{width:100%;height:100%}.player-loss-symbol.concealed{border:1px solid var(--cosmetic-edge,#77909d);background:var(--cosmetic-hidden,#243e50);width:14px;color:var(--cosmetic-hidden-ink,#84a2b4);border-radius:2px}.player-loss-count{font-variant-numeric:tabular-nums;color:#b4c5ca;font-size:10px}.player-clock{background:#243e50;border:1px solid #3e596b;border-radius:5px;flex:none;align-items:center;gap:10px;margin-left:auto;padding:6px 11px;display:flex}.player-clock svg{color:#95aeba;width:16px;height:16px}.player-clock strong{font-variant-numeric:tabular-nums;color:var(--paper);font:600 32px/1 Barlow Condensed}.player-bar.active .player-clock{color:#193449;background:#e8e8db;border-color:#f4f4e8;box-shadow:0 2px #90a0a3}.player-bar.active .player-clock strong,.player-bar.active .player-clock svg{color:#193449}.player-bar.urgent .player-clock{border-color:var(--coral);background:#6f302d;box-shadow:0 2px #3b1b1a}.player-bar.urgent .player-clock strong{color:#fff7e8}.player-bar.urgent .player-clock svg{color:#f0b3aa}.match-top{justify-content:space-between;gap:15px;max-width:1040px;margin:0 auto 18px;display:flex}.match-top span{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.match-top svg{width:18px;height:18px;color:var(--brass)}.tray{gap:6px;max-height:270px;margin-top:12px}.tray button{background:#244152;gap:7px;padding:7px}.tray .piece{width:31px;max-width:31px}.tray button.selected{border-color:var(--brass);background:#485448}.progress i{height:4px;margin-bottom:19px}.board-help{color:var(--muted);margin:15px 0;font-size:11px;line-height:1.45}.piece-help{color:#193747;background:#e9e8dc;border:1px solid #f7f3df;border-left:4px solid #d2a64f;border-radius:4px;width:100%;margin-top:12px;padding:6px;box-shadow:0 3px #819599}.piece-help-capture{color:#edf0e5;background:#294657;gap:6px;margin:-6px -6px 6px;padding:5px 6px;font-size:10px;line-height:1.2;display:flex}.piece-help-capture strong{color:#f0cf8c;flex:none}.piece-help-rank{align-items:center;gap:7px;min-width:0;display:flex}.piece-help-insignia{flex:none;place-items:center;width:28px;height:28px;display:grid}.piece-help-insignia svg{width:100%;height:100%}.piece-help-rank>div{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.piece-help-rank span{color:#516c77;font-size:10px}.piece-help-rank h2{color:#193747;margin:0;font:700 19px/1 Barlow Condensed,sans-serif}.piece-help-relations{gap:2px;margin-top:4px;display:grid}.piece-help-relation{border-top:1px solid #9daea6;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:3px;min-width:0;font-size:11px;line-height:1.2;display:grid}.piece-help-relation>strong{font:700 12px/1 Barlow Condensed,sans-serif}.piece-help-relation.losses{border-color:#c39d96}.piece-help-relation.both{border-color:#bfac7d}.piece-help-chips{flex-wrap:wrap;align-items:center;gap:0;min-height:32px;display:flex}.piece-help-chip{color:#193747;cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:4px;display:grid}.piece-help-chip svg{pointer-events:none;width:24px;height:24px}:is(.piece-help-chip:hover,.piece-help-chip:focus-visible){outline-offset:-2px;background:#cbd5ce;outline:2px solid #536f79}.piece-help-footer{flex-wrap:wrap;align-items:baseline;gap:3px 8px;margin-top:3px;font-size:10px;line-height:1.2;display:flex}.piece-help-readout{color:#45616c;flex:1}.piece-help-rules{position:relative}.piece-help-rules summary{cursor:pointer;color:#294f62}.piece-help-rules[open]{flex-basis:100%}.piece-help-rules p{margin:5px 0 0}.generator-grid button,.context-actions button{background:#29485a;padding:10px 6px;font-size:12px}.notice{color:#f0eee5;border-radius:4px;margin-bottom:15px;font-size:13px}.online-page .section-head .brand{display:none}.online-page[data-match-present=true]>.section-head{align-items:center;margin-bottom:20px}.online-page[data-match-present=true]>.section-head h1{font-size:27px}.online-page[data-match-present=true]>.section-head p,.online-page[data-match-present=true]>.section-head>div>span{display:none}.online-page .account-panel{width:min(580px,48vw)}.online-page .account-panel>summary{background:#294657;border-color:#527080;font-size:12px}.online-page .account-panel[open]{background:#1b3548;border-radius:7px}.online-page>.section-head{flex-wrap:wrap}.online-page .account-panel[open]{flex-basis:100%;width:100%}.online-command,.invite-card,.history-card,.auth-card,.online-empty,.queue-card{border-radius:8px}.online-command{border-top-color:#5f7c8f}.online-command .setup-choice button.chosen{border:1px solid var(--brass);background:#354b53;padding:12px 10px}.auth-card input,.account-grid input,.account-grid select,.invite-card input,.select-label select{color:var(--paper)}.form-message{color:#b9d5bd}.online-actions button{text-align:left;background:#254558}.online-actions .danger-link{color:#e8a99b}.result-card{border-radius:10px;left:calc(50vw + 88px)}.result-card>svg{margin:0 auto 15px;display:block}.result-online>div{flex-wrap:wrap;justify-content:center}.rank-list>div{gap:12px}.rank-list i{color:#284657;background:#e9e8dc;flex:none;width:48px;height:48px}.rank-list i svg{width:90%;height:90%}.rank-list span{gap:4px}.large-glyph{width:50px;height:45px;display:block}.large-glyph svg{width:100%;height:100%}.contrast{--line:#a6bdca;--muted:#d3dde1}.contrast .square{border:1px solid #203947}.contrast .square.dark{background:#66828f}.contrast .piece{border-color:#102333}.contrast .piece.hidden{border-color:#e1e7e8}@media (min-width:1500px){.page{padding:32px 45px}.play-layout{gap:35px}}@media (max-width:1150px) and (min-width:761px){.app{grid-template-columns:78px minmax(0,1fr)}.rail{padding:21px 9px}.rail .brand span,.rail>p{display:none}.rail .brand{justify-content:center}.rail nav button,.rail nav button.active{padding:14px;font-size:0;display:flex}.rail nav button svg{width:24px;height:24px}.rail nav button.active{box-shadow:inset 2px 0 var(--brass)}.page{padding:23px}.lobby-grid{grid-template-columns:minmax(0,1fr) 290px;gap:23px}.play-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.result-card{left:calc(50vw + 39px)}.online-lobby-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}}@media (max-width:760px){.app{padding-bottom:var(--navigation-height,calc(67px + env(safe-area-inset-bottom)));display:block}.rail{display:none}.mobile-nav{z-index:9;padding:7px 4px calc(7px + env(safe-area-inset-bottom));background:#102333;border-top:1px solid #3d586b;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#a8bdc9;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-height:45px;font-size:10px;display:flex}.mobile-nav button svg{width:22px;height:22px}.mobile-nav button[aria-current=page]{color:var(--brass)}.page{padding:calc(17px + env(safe-area-inset-top)) 12px 22px;min-height:calc(var(--viewport-height) - 67px)}.page-head{flex-direction:row-reverse;gap:12px;display:flex}.page-head>.brand{margin:0;display:block}.page-head>.brand svg{width:45px;height:45px}.page h1{font-size:38px}.page-head p{font-size:12px}.lobby-grid{flex-direction:column;gap:25px;margin-top:22px;display:flex}.hero-board{max-width:510px;padding:0}.command-panel{width:100%;max-width:510px;margin:auto}.lobby-board-preview .board-shell{padding-top:5px}.play-layout{flex-direction:column;gap:20px;max-width:540px;margin:auto;display:flex}.play-layout>section,.play-layout>.board-shell{width:100%}.play-layout .context{max-width:none;padding:16px}.board-shell{padding:5px 5px 0 0}.board{border:0}.square{padding:8%}.piece{border-radius:3px;width:100%}.files,.ranks{font-size:8px}.files{padding:4px 0 5px}.player-bar{gap:9px;margin-bottom:10px}.player-bar.self{margin-top:12px}.player-avatar{width:34px;height:34px}.player-identity strong{font-size:13px}.player-identity small{font-size:9px}.player-clock{gap:8px;padding:6px 10px}.player-clock strong{font-size:27px}.player-clock svg{width:14px;height:14px}.match-top{gap:12px;margin-bottom:15px}.match-top span{font-size:10px}.match-top span:last-child{text-align:right}.match-head{gap:8px}.match-head>div strong{font-size:24px}.primary.compact{min-height:40px;padding:10px 12px;font-size:12px}.board-help{margin:12px 4px 0;font-size:10px}.online-page .account-panel{width:100%;margin-top:10px}.online-page[data-match-present=true]>.section-head{margin-bottom:15px}.online-page[data-match-present=true]>.section-head h1{font-size:23px}.account-grid,.online-lobby-grid{grid-template-columns:1fr}.online-match{min-height:auto;padding:0}.online-match .match-head{gap:12px}.online-match .match-head>span{max-width:155px;font-size:11px}.online-command{grid-row:auto}.online-error,.online-success{flex-wrap:wrap;gap:10px}.online-empty,.auth-card{margin-top:30px}.result-card{left:50%}.name-input{min-width:0;max-width:43vw}.rank-list>div{gap:8px;padding:10px}.rank-list i{width:38px;height:38px}.rank-list b{font-size:12px}}@media (min-width:761px){.hero-board{max-width:clamp(360px,calc((var(--viewport-height) - 405px)*1.125),650px)}}.deployment-board:after{content:"OPPONENT DEPLOYMENT · CONCEALED";text-align:center;letter-spacing:.12em;color:#8da6b3;pointer-events:none;font:600 10px Barlow;position:absolute;top:28%;left:0;right:0}.move-list:empty:before{content:"Your moves appear here.";color:var(--muted);padding-top:5px;font-size:12px;display:block}@media (max-width:760px){.deployment-board:after{letter-spacing:.07em;font-size:8px}}.rankings-page{max-width:1220px;margin:0 auto}.competition-back{white-space:nowrap;align-self:center}.competition-mode{gap:10px;margin-bottom:24px;display:flex}.competition-mode button{background:#203c50;border:1px solid #476072;align-items:center;gap:10px;min-height:48px;padding:12px 18px;display:flex}.competition-mode button[aria-pressed=true]{color:#f2d397;border-color:var(--brass);background:#36484a}.competition-mode svg{width:22px;height:22px}.competition-mode span{color:#b9cad4;font-variant-numeric:tabular-nums}.competition-overview{grid-template-columns:minmax(260px,.75fr) minmax(0,1.4fr);gap:20px;margin-bottom:20px;display:grid}.competition-panel{background:#1b3447;border:1px solid #405d70;border-radius:8px;min-width:0;padding:24px}.competition-panel-heading{align-items:center;gap:10px;display:flex}.competition-panel-heading>svg{width:23px;height:23px;color:var(--brass);flex-shrink:0}.competition-panel-heading h2{margin:0;font-size:19px}.competition-panel-heading>span{color:#b3c6d2;margin-left:auto;font-size:12px}.personal-rating{border-top:3px solid var(--brass)}.rating-score{flex-wrap:wrap;align-items:baseline;gap:10px;margin:20px 0;display:flex}.rating-score>strong{letter-spacing:.01em;color:#f2e5ca;font-variant-numeric:tabular-nums;font:700 clamp(38px,5vw,58px)/1.1 Barlow Condensed,sans-serif}.rating-status{color:#c4d1d9;font-size:12px}.rating-stats{border-top:1px solid #3a5567;border-bottom:1px solid #3a5567;grid-template-columns:repeat(3,1fr);margin:0;padding:15px 0;display:grid}.rating-stats>div{text-align:center}.rating-stats>div+div{border-left:1px solid #3a5567}.rating-stats dt{color:#b9cbd6;font-size:12px}.rating-stats dd{margin:5px 0 0;font:600 27px Barlow Condensed,sans-serif}.rating-progress{margin:20px 0}.rating-progress>div{justify-content:space-between;gap:10px;font-size:12px;display:flex}.rating-progress b span{color:#adbfca;font-weight:400}.rating-progress progress{-webkit-appearance:none;appearance:none;background:#0f2536;border:0;border-radius:5px;width:100%;height:6px;margin-top:10px;display:block;overflow:hidden}.rating-progress progress::-webkit-progress-bar{background:#0f2536}.rating-progress progress::-webkit-progress-value{background:var(--brass)}.rating-progress progress::-moz-progress-bar{background:var(--brass)}.rating-progress p{color:#bdcdd6;margin:12px 0 0;font-size:12px;line-height:1.6}.personal-rating>button{justify-content:center;align-items:center;gap:10px;display:flex}.personal-rating>button svg{width:21px;height:21px}.competition-empty{text-align:center;color:#c0ced7;padding:65px 30px;line-height:1.7}.rating-chart{width:100%;margin:36px 0 14px;display:block;overflow:visible}.rating-chart text{fill:#c3d0d8;font:12px Barlow,sans-serif}.rating-gridline{stroke:#40596b;stroke-width:1px;stroke-dasharray:3 5}.rating-chart-area{fill:#c5a56715;stroke:none}.rating-chart-line{fill:none;stroke:var(--brass);stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.rating-chart-point{fill:#f7db9f;stroke:#182f42;stroke-width:2px}.rating-record{border-top:1px solid #40596b;padding-top:16px}.rating-record summary{cursor:pointer;color:#cbd7df;padding:5px 0;font-size:13px}.competition-table-wrap{margin-top:18px;overflow-x:auto}.competition-panel table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.competition-panel th{color:#b0c2ce;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:500}.competition-panel td{border-top:1px solid #3d5769;padding:13px 12px}.rating-outcome{text-transform:capitalize}.competition-leaderboard{padding-bottom:16px}.leaderboard-place{color:var(--brass);width:55px;font:600 24px Barlow Condensed,sans-serif}.leaderboard-player{align-items:center;gap:12px;min-width:150px;display:flex}.commander-avatar{background:#2c485b;border:1px solid #5b7482;border-radius:5px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.commander-avatar svg{color:#d6c79f;width:28px;height:28px}.leaderboard-player b{overflow-wrap:anywhere;display:block}.leaderboard-player small{color:#abbeca;margin-top:3px;display:block}.leaderboard-player em{color:var(--brass);font-size:11px;font-style:normal}.leaderboard-rating{color:#f0d598;font-weight:700}.leaderboard-record{white-space:nowrap;color:#c7d4dc}.competition-panel tr.is-you{background:#354a501c}.leaderboard-requirements{color:#afc2cd;border-top:1px solid #3d5769;margin:18px 0 0;padding-top:16px;font-size:12px;line-height:1.6}.leaderboard-empty{text-align:center;padding:34px 20px 22px}.leaderboard-empty>svg{color:var(--brass);width:40px;height:40px}.leaderboard-empty h3{margin:10px 0;font-size:23px}.leaderboard-empty p{color:#b8cbd6;margin-bottom:0;line-height:1.6}.competition-unavailable{text-align:center;padding:50px 25px}.competition-unavailable>svg{width:64px;height:64px;color:var(--brass)}.competition-unavailable h2{margin:15px 0}.competition-unavailable p{color:#bdcdd7;max-width:480px;margin:0 auto 22px;line-height:1.65}.rating-change{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:6px;display:flex}.rating-change>span{color:#bbcad4}.rating-change>strong{font-size:24px}.rating-change>b{background:#365163;border-radius:4px;margin-left:6px;padding:3px 6px;font-size:13px}.rating-change.positive>b{color:#b9dfb1;background:#294b42}.rating-change.negative>b{color:#f1b8a9;background:#553c40}@media (max-width:900px){.competition-overview{grid-template-columns:minmax(0,1fr)}.rating-score{margin:16px 0}.competition-empty{padding:30px 10px}}@media (max-width:520px){.competition-panel{padding:18px 14px}.rankings-page .section-head{align-items:flex-start;gap:16px}.competition-back{padding:9px 10px;font-size:12px}.competition-mode{gap:8px}.competition-mode button{flex:1;gap:7px;padding:11px}.competition-mode span{font-size:12px}.competition-panel-heading h2{font-size:18px}.competition-panel-heading>span{font-size:10px}.competition-panel th,.competition-panel td{padding-left:8px;padding-right:8px}.commander-avatar{display:none}.leaderboard-player{gap:6px;min-width:115px}.rating-chart{margin:25px 0 8px}}.rated-choice{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 10px;display:grid}.rated-choice button{background:#173144;border:1px solid #4a6477;min-height:44px}.rated-choice button[aria-pressed=true]{border-color:var(--brass);color:#f3d296;background:#3b4c4c}.queue-rating-note{color:#c1d0d9;min-height:38px;font-size:12px;line-height:1.6}.queue-profile-note{background:#3a494b;border:1px solid #6b735e;border-radius:5px;padding:10px 12px;font-size:12px}.queue-profile-note .text-button{color:#f2d297;padding:8px 0;display:block}.history-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.history-heading h2{margin:0}.history-heading button{font-size:12px}.history-card li .rating-change{grid-column:1/-1;justify-content:flex-start;margin-top:5px}.result-online>.rating-change{margin:20px auto}.match-rating-error{border:1px solid #87655c;border-radius:6px;margin:15px auto;padding:12px}.contrast .competition-panel{background:#102637;border-color:#8ba8b8}.contrast .competition-panel p,.contrast .competition-panel small{color:#d9e6ee}.contrast .competition-panel tr.is-you{background:#304c5c}:where(.rankings-page) button{color:#e9e8df;background:#29495e;border:1px solid #547185;border-radius:6px;min-height:44px;padding:10px 16px;font-weight:600}.rankings-page .section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.rankings-page .section-head>div{min-width:0}@media (max-width:520px){.rankings-page .section-head p{font-size:12px;line-height:1.5}.rankings-page .competition-back{padding:9px 10px}}.screen-load-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.screen-load-actions button{border:1px solid #547185;border-radius:6px;min-height:44px;padding:10px 16px}.leaderboard-player .leaderboard-mobile-record{display:none}.competition-table-wrap:focus-visible{outline:2px solid var(--brass);outline-offset:4px}.screen-load-actions button:not(.primary){color:#e9e8df;background:#29495e}@media (max-width:520px){.competition-panel .leaderboard-desktop-record{display:none}.leaderboard-player .leaderboard-mobile-record{font-size:10px;line-height:1.5;display:block}.leaderboard-player{flex-wrap:wrap;align-items:flex-start;min-width:0}.leaderboard-player>span{min-width:0}.rating-chart text{font-size:24px}}.social-page{max-width:1080px}.social-page h1{align-items:center;gap:12px;display:flex}.social-page h1 svg{width:32px;height:32px}.social-button{-webkit-appearance:none;appearance:none;text-align:center;overflow-wrap:anywhere;touch-action:manipulation;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:44px;max-width:100%;min-height:44px;padding:10px 16px;display:inline-flex}.social-button.social-secondary,.social-button.social-danger{font:600 18px/1.2 Barlow Condensed,sans-serif}.social-button.social-secondary{color:var(--paper);border:1px solid var(--line);background:linear-gradient(#294657,#20394b);box-shadow:inset 0 1px #ffffff0d,0 2px #102333}.social-button.social-secondary:hover:not(:disabled){background:#345569}.social-button.social-secondary:active:not(:disabled){background:#183143;transform:translateY(1px);box-shadow:inset 0 1px 3px #102333}.social-button.social-danger{color:#f4d3cc;background:#442e32;border:1px solid #bf8277;box-shadow:inset 0 1px #ffffff0a,0 2px #231b22}.social-button.social-danger:hover:not(:disabled){background:#59383b}.social-button.social-danger:active:not(:disabled){background:#352329;transform:translateY(1px);box-shadow:inset 0 1px 3px #231b22}.social-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.social-button:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.social-button.social-danger:focus-visible{outline-color:#f4d3cc}.social-toolbar,.social-actions,.social-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.social-toolbar{justify-content:flex-end;margin-bottom:20px}.social-search{margin:20px 0 28px}.social-search form{align-items:flex-end;gap:12px;display:flex}.social-search label{flex:1}.social-search label,.social-dialog label{flex-direction:column;gap:8px;display:flex}.social-search input,.social-dialog input:not([type=checkbox]),.social-dialog select,.social-dialog textarea{width:100%;min-width:0;min-height:44px;color:var(--ivory,#eeeadc);font:inherit;background:#102333;border:1px solid #3d586b;border-radius:4px;padding:12px}.social-tabs{border-bottom:1px solid #3d586b;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.social-tabs button{background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;min-width:0;padding:10px 4px;font-family:Barlow Condensed,sans-serif;font-size:20px}.social-tabs button:hover:not(:disabled){background:#244151}.social-tabs button:active:not(:disabled){background:#102333}.social-tabs button[aria-pressed=true]{color:var(--brass);border-bottom-color:var(--brass)}.social-filters{margin-top:16px}.social-filters .social-button[aria-pressed=true]{border-color:var(--brass);color:var(--brass);box-shadow:inset 0 -2px var(--brass);background:#102333}.social-list-tools{justify-content:flex-end;margin:12px 0;display:flex}.social-list-head{justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin:12px 0 4px;display:flex}.social-list-head .social-filters{margin-top:0}.social-list-caption{color:var(--muted);letter-spacing:.02em;font:600 13px Barlow,sans-serif}.social-refresh{height:44px;color:var(--brass);background:0 0;border:0;flex:none;margin-right:-8px;padding:0 8px 0 12px;font:600 14px/1 Barlow,sans-serif}.social-refresh:disabled{opacity:.5}.social-refresh:focus-visible{outline:2px solid var(--brass);outline-offset:-4px;border-radius:8px}.social-notice{border:1px solid var(--line);background:#183143;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 0;padding:12px 14px;display:flex}.social-notice p{color:#afc1ca;margin:0;font-size:14px;line-height:1.4}.social-player{border-bottom:1px solid #3d586b;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px 0;display:grid}.social-avatar{width:44px;height:48px;color:var(--brass);background:#244151;border:1px solid #3d586b;border-radius:3px 9px 3px 3px;padding:4px}.social-avatar svg{width:100%;height:100%}.social-identity{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;display:flex}.social-identity strong{font-size:18px}.social-identity span,.social-invite-detail small{color:#a8bdc9}.social-presence{color:var(--brass)}.social-invite-detail{text-transform:capitalize;max-width:230px;display:block}.social-invite-detail svg{vertical-align:middle;width:18px;height:18px;margin-right:4px}.social-invite-detail small{margin-top:4px;display:block}.social-ready{border:1px solid var(--brass);background:#183143;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.social-dialog{width:min(100%,560px);max-height:calc(100vh - 48px);max-height:calc(var(--viewport-height) - 48px);overscroll-behavior:contain;color:#eeeadc;background:#183143;border:1px solid #3d586b;border-radius:8px;padding:24px;overflow-y:auto;box-shadow:0 20px 70px #0008}.social-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.social-dialog h2{overflow-wrap:anywhere;font-family:Barlow Condensed,sans-serif;font-size:28px}.social-dialog header button{min-width:44px}.social-dialog form{gap:16px;display:grid}.social-dialog textarea{resize:vertical;min-height:110px}.social-dialog p{line-height:1.5}.social-receipt{overflow-wrap:anywhere}.social-preferences{gap:16px;margin:24px 0;display:grid}.social-preferences label{flex-direction:row;align-items:center;min-height:44px}.social-preferences input{width:20px;height:20px;accent-color:var(--brass)}.social-block{overflow-wrap:anywhere;border-bottom:1px solid #3d586b;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.social-block span{min-width:0}.social-block small{display:block}.social-page [role=alert],.social-dialog [role=alert]{border-left:3px solid var(--brass);padding:12px}@media (max-width:760px){.mobile-nav button{min-width:0;padding-left:0;padding-right:0}.social-player{grid-template-columns:44px minmax(0,1fr)}.social-player>.social-actions{grid-column:2}.social-invite-detail{flex-basis:100%}}@media (max-width:440px){.social-search form{flex-direction:column;align-items:stretch}.social-dialog{padding:16px}.social-toolbar{justify-content:flex-start}.social-player>.social-actions{grid-column:1/-1}}.contrast .social-player,.contrast .social-block,.contrast .social-dialog,.contrast .social-tabs{border-color:#a6bdca}.contrast .social-identity span,.contrast .social-invite-detail small{color:#d9e6ee}.brand-emblem{object-fit:contain;flex:none;width:44px;height:44px;display:block}.player-avatar .brand-emblem{border-radius:5px;width:100%;height:100%}.piece.hidden>.tile-back{opacity:1;width:100%;height:100%}.commander-avatar .brand-emblem,.social-avatar .brand-emblem{object-fit:contain;width:100%;height:100%}.competition-unavailable>.brand-emblem{width:64px;height:64px;margin-inline:auto}@media (min-width:761px){.lobby-grid{--lobby-player-height:42px;--lobby-player-gap:12px}.lobby-grid>.hero-board{margin-block:0}.lobby-grid>.hero-board>.player-bar.opponent{height:var(--lobby-player-height);margin-bottom:var(--lobby-player-gap)}.lobby-grid>.command-panel{margin-top:calc(var(--lobby-player-height) + var(--lobby-player-gap))}}.history-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.history-pagination>span{color:var(--muted);font-size:12px}.history-pagination button{min-height:44px}.online-lobby-grid>.online-command{grid-row:auto;align-self:start}.online-lobby-grid>.invite-card{align-self:start}.online-lobby-grid>.history-card{grid-column:1/-1;min-width:0}.history-card li{grid-template-columns:minmax(140px,1.3fr) minmax(80px,.6fr) minmax(120px,1fr) auto auto;align-items:center;gap:6px 12px}.history-card li small{grid-column:auto}.history-card button{border:1px solid var(--line);min-height:40px;color:var(--paper);cursor:pointer;background:#203e4e;border-radius:6px;padding:8px 12px;font:500 13px Barlow,sans-serif}.history-card button:hover:not(:disabled){border-color:var(--brass);background:#2b4e60}.history-card button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.history-card button:disabled{opacity:.55;cursor:wait}.history-card .history-pagination button{min-height:44px}.page:is(.learn,.library,.social-page,.rankings-page){width:100%;max-width:1200px;margin-inline:auto}.page.settings-page{width:100%;margin-inline:auto}.page.online-page:not([data-board-visible=true]){width:100%;max-width:1200px;margin-inline:auto}@media (max-width:760px){.lobby .hero-board{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;display:grid}.lobby .hero-board>.player-bar.opponent,.lobby .lobby-board-preview{grid-column:1/-1}.lobby .hero-board>.player-bar{margin:0}.lobby .hero-board>.player-bar.self{grid-column:1;align-self:center;min-width:0}.lobby .hero-cta{grid-column:2;align-self:center;width:auto;min-height:44px;margin:0;padding:8px 14px;font-size:14px}.lobby .hero-board>.player-bar.self .player-identity small{max-width:145px;line-height:1.3}.lobby .lobby-grid{gap:14px}.history-card li{grid-template-columns:minmax(0,1fr) auto}.history-card li small{grid-column:1/-1}}.formation-history-controls{align-items:center;gap:4px;margin-left:auto;display:flex}.formation-history-controls button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:0 0;border-radius:5px;place-items:center;padding:10px;display:grid}.formation-history-controls button:not(:disabled):hover{border-color:var(--brass);background:#d9bb7a1c}.formation-history-controls svg{width:20px;height:20px}.formation-history-controls .redo-placement-icon{transform:scaleX(-1)}.formation-editor .metal-hit-button{touch-action:none}@media (min-width:1000px){.lobby.page[data-ui=v2]{width:100%;max-width:1600px;min-height:var(--viewport-height);padding:24px 32px}.lobby[data-ui=v2] .lobby-grid{grid-template-columns:minmax(0, calc((var(--viewport-height) - 245px) * 1.07)) clamp(320px, 28vw, 440px);justify-content:center;gap:24px;margin-top:16px}.lobby[data-ui=v2] .hero-board{width:min(100%, calc((var(--viewport-height) - 245px - var(--practice-history-height,0px)) * 1.07));grid-template-columns:minmax(0,1fr) auto;justify-self:center;gap:8px 12px;max-width:none;display:grid}.lobby[data-ui=v2]:has(>.practice-history){--practice-history-height:64px}.lobby[data-ui=v2] .hero-board>.player-bar.opponent,.lobby[data-ui=v2] .lobby-board-preview{grid-column:1/-1}.lobby[data-ui=v2] .hero-board>.player-bar{margin:0}.lobby[data-ui=v2] .hero-board>.player-bar.self{grid-column:1;align-self:center;min-width:0;height:44px}.lobby[data-ui=v2] .hero-cta{grid-column:2;align-self:center;width:auto;min-height:44px;margin:0;padding:10px 20px}.lobby[data-ui=v2] .command-panel{padding:16px}.lobby[data-ui=v2] .command-panel h2{margin-bottom:10px}.lobby[data-ui=v2] .mode-list,.lobby[data-ui=v2] .setup-choice{margin-bottom:18px}.lobby[data-ui=v2] .connected{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:12px;display:grid}.lobby[data-ui=v2] .connected>h2{grid-column:1/-1;margin-bottom:0}.lobby[data-ui=v2] .connected>button{align-items:center;gap:6px;min-height:44px;padding:6px 0;font-size:13px}}.player-avatar .profile-avatar{object-fit:cover;border-radius:5px;width:100%;min-width:0;height:100%;display:block}.player-bar .player-profile-control{cursor:pointer;min-height:0;box-shadow:none;padding:0;overflow:hidden}.player-bar .player-name-control{width:100%;min-height:28px;box-shadow:none;color:inherit;font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:0;display:block;overflow:hidden}.player-profile-control:hover,.player-name-control:hover{color:var(--brass)}:is(.player-profile-control:focus-visible,.player-name-control:focus-visible){outline:2px solid var(--brass);outline-offset:-2px}.history-card .history-player{text-align:left;background:0 0;border:0;align-items:center;gap:9px;min-width:0;min-height:44px;padding:0;display:flex}.history-player .profile-avatar{object-fit:cover;border-radius:6px;flex:none;width:38px;height:38px}.history-player>span{flex-direction:column;gap:2px;min-width:0;display:flex}.history-player strong,.history-player small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-player strong{font-size:14px}.history-card .history-player small{font-size:11px}.history-summary{flex-direction:column;gap:3px;font-size:13px;display:flex}.history-summary>span{color:var(--muted);font-size:11px}@media (max-width:760px){.history-summary{text-align:right}}.policy-consent{opacity:.85;font-size:.85rem}.policy-consent a{color:inherit;text-decoration:underline}.titlebar{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 12px;display:flex}.titlebar h1{min-width:0;color:var(--ink);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font:700 17px/1 Barlow Condensed,sans-serif;overflow:hidden}.titlebar small{color:var(--brass);flex:none;font:600 12px Barlow,sans-serif}header.titlebar>button.titlebar-back{width:44px;height:44px;box-shadow:none;color:var(--brass);background:0 0;border:0;border-radius:0;flex:none;place-items:center;margin-left:-12px;margin-right:-8px;padding:0;display:grid}header.titlebar>button.titlebar-back svg{width:22px;height:22px}header.titlebar>button.titlebar-back:focus-visible{outline:2px solid var(--brass);outline-offset:-4px;border-radius:8px}header.titlebar>button.titlebar-back-text{width:auto;min-width:44px;color:var(--muted);margin-right:0;padding:0 12px;font:600 14px/1 Barlow,sans-serif}#piece-animation-title,#support-title{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 16px)}header.titlebar>button.titlebar-action{height:44px;box-shadow:none;color:var(--brass);background:0 0;border:0;border-radius:0;flex:none;margin-right:-12px;padding:0 12px;font:600 14px/1 Barlow,sans-serif}header.titlebar>button.titlebar-action:focus-visible{outline:2px solid var(--brass);outline-offset:-4px;border-radius:8px}.titlebar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:10px 12px 0;display:flex}.titlebar-lede{color:#afc1ca;max-width:580px;margin:12px 12px 0;font-size:14px;line-height:1.55}.mobile-nav[data-shell=five]{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-nav[data-shell=five] button{font-size:10px}.mobile-nav[data-shell=five] .profile-avatar,.rail nav .profile-avatar,.match-navigation nav .profile-avatar{border-radius:6px;width:22px;height:22px}.entry-section{margin:16px 12px 0}.entry-section h2{letter-spacing:.02em;color:#a8bdc9;margin:0 0 8px;font:700 14px/1 Barlow Condensed,sans-serif}.entry-rows{gap:8px;display:grid}.entry-row{text-align:left;color:#f2ddb2;border:1px solid #3a5b70;border-left:3px solid var(--brass);background:linear-gradient(#173248,#132a3c);border-radius:10px;align-items:center;gap:11px;width:100%;min-height:60px;padding:9px 12px 9px 10px;display:flex}.entry-row:focus-visible{outline:2px solid var(--brass);outline-offset:2px}a.entry-row{text-decoration:none}.entry-icon{width:42px;height:42px;color:var(--brass);background:radial-gradient(circle at 34% 26%,#23455e,#14293a);border:1px solid #3f6580;border-radius:11px;flex:none;place-items:center;padding:9px;display:grid;box-shadow:inset 0 1px #ffffff14}.entry-icon svg{width:100%;height:100%}.entry-text{flex:1;gap:3px;min-width:0;display:grid}.entry-text b{letter-spacing:.01em;color:#f2ddb2;font:700 16px/1.15 Barlow Condensed,sans-serif}.entry-text small{color:#a8bdc9;overflow-wrap:anywhere;font-size:12px;line-height:1.3}.entry-row>svg{width:18px;height:18px;color:var(--brass);flex:none}.you-account{background:linear-gradient(#1d3d55,#16304a);border:1px solid #3a5b70;border-left:3px solid #f0d79f;border-radius:10px;align-items:center;gap:12px;margin:12px 12px 0;padding:12px;display:flex}.you-account .profile-avatar{border-radius:10px;width:48px;height:48px}.you-account>div{flex:1;gap:3px;min-width:0;display:grid}.you-account b{color:#f2ddb2;font:700 18px/1.1 Barlow Condensed,sans-serif}.you-account small{color:#a8bdc9;font-size:12px;line-height:1.3}.you-account-action{color:#f2ddb2;background:#193648;border:1px solid #3f6580;border-radius:9px;flex:none;min-height:44px;padding:0 16px;font:600 14px Barlow,sans-serif}.you-account-action.primary{color:#23303a;background:linear-gradient(#efd69d,#d9b872);border-color:#c6a463}.you-auth-notice{margin:10px 12px 0}.bot-player-label{color:var(--muted);margin-left:6px;font:600 11px Barlow,sans-serif}@media (max-width:760px){.you-page .entry-section{margin:14px 0 0}.you-page .entry-rows{gap:6px}.you-page .entry-row{min-height:56px;scroll-margin-bottom:calc(var(--navigation-height,67px) + 12px);border-left-width:1px;border-radius:8px;gap:10px;padding:8px 10px}.you-page .entry-icon{border-radius:7px;width:36px;height:36px;padding:7px}.you-page .entry-text small{line-height:1.4}.you-page .you-account{border-left-width:1px;margin:10px 0 0}.you-page .you-account .profile-avatar{width:40px;height:40px}}.entry-row.entry-hero{background:linear-gradient(#1d3d55,#16304a);border-left-color:#f0d79f;min-height:68px}.entry-row.entry-hero .entry-icon{border-radius:13px;width:50px;height:50px;padding:10px}.entry-row.entry-accent{border-left-color:#f0d79f}.entry-row:disabled{cursor:not-allowed;opacity:.55}.entry-go{min-width:18px;color:var(--brass);font-variant-numeric:tabular-nums;flex:none;place-items:center;font:700 16px/1 Barlow,sans-serif;display:grid}.entry-go svg{width:18px;height:18px}.entry-play{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid;width:0;height:0;margin-left:3px;display:block}.online-field{flex-direction:column;display:flex}.online-field>.entry-rows{margin:12px 12px 0}.online-field>.online-field-signin{margin:auto 12px 0;padding-top:16px}@media (max-width:760px){.online-field{min-height:calc(var(--viewport-height) - var(--navigation-height,67px) - 83px - env(safe-area-inset-top,0px))}}.online-lobby-grid>.online-field-orders{grid-column:1/-1;min-width:0;margin-top:12px}.online-field-orders>.entry-rows{margin:0}.online-field-orders>.entry-section{margin:16px 0 0}.online-page>details.account-panel.account-row{width:100%;box-shadow:none;border:1px solid #3a5b70;border-left:3px solid var(--brass);background:linear-gradient(#173248,#132a3c);border-radius:10px;margin:16px 0 4px;padding:0}.online-page>details.account-panel.account-row[open]{box-shadow:none;background:linear-gradient(#173248,#132a3c);border-radius:10px;padding:0}.online-page>details.account-row>summary{color:#f2ddb2;font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;padding:0;display:block}.account-row-line{align-items:center;gap:11px;min-height:58px;padding:9px 12px 9px 10px;display:flex}.online-page>details.account-row>summary::-webkit-details-marker{display:none}.account-row .profile-avatar{border:1px solid #3f6580;border-radius:11px;width:42px;height:42px}.account-row-name{align-items:baseline;gap:8px;min-width:0;display:flex}.account-row-name>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-row-name>span{color:#a8bdc9;flex-shrink:4;min-width:8ch;font:500 13px/1.15 Barlow,sans-serif}.account-row-chevron{width:18px;height:18px;color:var(--brass);flex:none;transition:transform .2s}.account-row[open] .account-row-chevron{transform:rotate(90deg)}.online-page>details.account-row[open]>summary{border-bottom:1px solid #3a5b70;border-radius:9px 9px 0 0}.online-page>details.account-row>.account-grid{margin:0;padding:16px 14px 0}.online-page>details.account-row>.danger-link{min-height:44px;margin:4px 14px 6px}.online-page>details.account-row>summary:focus-visible{outline:2px solid var(--brass);outline-offset:-4px}@supports selector(:has(*)){.online-page>details.account-row:not([open]):has(>summary:focus-visible){outline:2px solid var(--brass);outline-offset:2px}.online-page>details.account-row:not([open])>summary:focus-visible{outline:none}}.ribbon{color:#f2ddb2;background:#13293a;border:1px solid #2c4b60;border-left:4px solid #7d919b;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px 11px;display:flex}.ribbon.ribbon-win{border-left-color:#a2ad7e}.ribbon.ribbon-loss{border-left-color:#a8574c}.ribbon-medal{width:32px;height:32px;color:var(--brass);background:radial-gradient(circle at 34% 26%,#23455e,#14293a);border:1px solid #3f6580;border-radius:9px;flex:none;place-items:center;padding:7px;display:grid;box-shadow:inset 0 1px #ffffff14}.ribbon-win .ribbon-medal{color:#b8c98a;background:radial-gradient(circle at 34% 26%,#234431,#152b21);border-color:#4d6a4a}.ribbon-loss .ribbon-medal{color:#e0a396;background:radial-gradient(circle at 34% 26%,#4a2723,#2b1715);border-color:#7b4a43}.ribbon-medal svg{width:100%;height:100%}.ribbon-text{flex:1;gap:3px;min-width:0;display:grid}.ribbon .ribbon-title{letter-spacing:.01em;color:#f2ddb2;overflow-wrap:anywhere;margin:0;font:700 15px/1.15 Barlow Condensed,sans-serif}.ribbon-text small{color:#a8bdc9;overflow-wrap:anywhere;font-size:12px;line-height:1.3}.ribbon-aside{flex:none;align-items:center;gap:8px;display:flex}.ribbon-when{color:#a8bdc9;white-space:nowrap;font-size:12px}.ribbon-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ribbon-list>li.ribbon-entry{border:0;grid-template-columns:minmax(0,1fr);gap:6px;padding:0;display:grid}.ribbon-actions{flex-wrap:wrap;align-items:center;gap:8px;padding-left:4px;display:flex}.ribbon-actions:empty{display:none}.ribbon-entry .ribbon-actions .rating-change{margin:0 4px 0 0}.ribbon-entry .ribbon-actions .rating-change>strong{font-size:17px}.ribbon-entry .ribbon-actions button{min-height:40px;padding:8px 12px;font:500 13px/1.2 Barlow,sans-serif}.ribbon button.ribbon-opponent{min-height:0;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;text-underline-offset:3px;background:0 0;border:0;border-radius:2px;margin:0;padding:0;-webkit-text-decoration:underline #e4c58a80;text-decoration:underline #e4c58a80;display:inline}.ribbon button.ribbon-opponent:hover:not(:disabled){color:#fff3d6;background:0 0;border:0}.ribbon button.ribbon-opponent:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.practice-history .ribbon-list{padding:0 14px 4px}.practice-history .ribbon-aside button{min-height:40px;padding:6px 11px;font-size:13px}.history-card .ribbon-list{margin-top:4px}.learn :is(.board-training-entry,.rank-training-entry)>.learn-emblem{justify-self:center}@media (max-width:760px){.learn :is(.board-training-entry,.rank-training-entry)>.learn-emblem{border-radius:10px;width:40px;height:40px;padding:8px}}.result-ribbon-summary{text-align:left;width:100%;margin:4px 0 14px;display:block}.result-close+.result-ribbon-summary{margin-top:20px}.result-ribbon-summary .ribbon{padding:10px 12px}.result-ribbon-summary .ribbon-medal{border-radius:11px;width:42px;height:42px;padding:9px}.result-ribbon-summary .ribbon .ribbon-title{margin:0;font-size:22px;line-height:1.05}.result-ribbon-summary .ribbon-text small{font-size:13px}.purchase-entry{text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-block:12px;padding:16px;display:flex}.purchase-entry b,.purchase-entry small{display:block}.purchase-entry small{color:var(--muted,#aec3cc);margin-top:4px}.purchase-panel{color:#efedde;background:#142f40;border:1px solid #6b858f;border-radius:16px;width:min(100%,560px);min-width:0;padding:24px;box-shadow:0 18px 70px #06152180}.purchase-panel header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.purchase-panel h2{margin:0;font:700 32px Barlow Condensed,sans-serif}.purchase-panel h3{margin:0;font:600 23px Barlow Condensed,sans-serif}.purchase-panel p{color:#aec3cc;margin:8px 0;line-height:1.45}.purchase-panel button{color:#efedde;background:#284858;border:1px solid #78929d;border-radius:6px;min-height:44px;padding:10px 14px}.purchase-panel header button{flex:0 0 44px;font-size:24px;line-height:1}.purchase-offers article{border-bottom:1px solid #425f6e;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:20px 0;display:grid}.purchase-offers article>div{display:contents}.purchase-offers article h3,.purchase-offers article p{overflow-wrap:anywhere;grid-column:1/-1}.purchase-offers article p{margin:0}.purchase-offers article>button{color:#142f40;background:#e5c27c;border-color:#e5c27c;flex-shrink:0}.purchase-offers strong{overflow-wrap:anywhere;display:block}.purchase-panel button:disabled{opacity:.5;cursor:default}.purchase-panel button:focus-visible{outline-offset:3px;outline:3px solid #e5c27c}.purchase-panel .purchase-notice{color:#efedde;min-height:1.4em}.purchase-panel .purchase-terms{font-size:13px}.purchase-panel footer{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.purchase-policy{flex-wrap:wrap;gap:16px;margin-top:16px;font-size:13px;display:flex}.purchase-policy a{color:#aec3cc;padding-block:8px;text-decoration:underline}.purchase-policy a:focus-visible{outline-offset:3px;outline:3px solid #e5c27c}@media (max-width:420px){.purchase-panel{padding:18px}.purchase-offers article{gap:10px}.purchase-panel h2{font-size:28px}}.ad-consent-notice{color:#a6bdca;border-top:1px solid #3d586b;justify-content:space-between;align-items:center;gap:12px;width:min(100% - 24px,720px);margin:12px auto;padding:10px 12px;font-size:13px;display:flex}.ad-consent-notice p{max-width:52ch;margin:0}.ad-consent-notice button{color:#e8c77e;background:0 0;border:1px solid #66818e;flex:none;min-height:44px;padding:8px 12px}.ad-privacy-setting{margin:0}.ad-privacy-setting>button{color:#eeeadc;text-align:left;background:0 0;border:0;border-bottom:1px solid #3d586b;justify-content:space-between;gap:16px;width:100%;min-height:64px;padding:12px 6px;display:flex}.ad-privacy-setting b,.ad-privacy-setting small{display:block}.ad-privacy-setting small,.ad-privacy-setting>p{color:#a6bdca;font-size:12px}.ad-privacy-setting>p{margin:8px 6px}.ad-privacy-setting>button:disabled{opacity:.6}.app[data-native-ad=visible]>main{padding-bottom:var(--native-ad-space)}.app[data-native-ad=visible] .game.page{--match-height:calc(var(--viewport-height) - var(--native-ad-space))}.app[data-native-ad=visible] .rail{max-height:calc(var(--viewport-height) - var(--native-ad-space))}@media (max-width:440px){.ad-consent-notice{flex-direction:column;align-items:flex-start;gap:6px}}.web-margin-ad{z-index:5;width:160px;height:620px;position:fixed;top:max(24px,50dvh - 310px);right:24px}.web-margin-ad[hidden]{display:none}.web-margin-ad>small{height:20px;color:var(--muted);text-align:center;font:11px/20px Barlow,sans-serif;display:block}.web-margin-ad .adsbygoogle{width:160px;height:600px;display:inline-block}.web-ad-privacy{flex-wrap:wrap;gap:8px 20px;margin:16px 0;display:flex}.web-ad-privacy button{text-underline-offset:3px;min-height:44px;color:var(--muted);background:0 0;border:0;padding:8px 0;text-decoration:underline}@media (max-width:1199px),(max-height:699px){.web-margin-ad{display:none}}.support-setting{border-bottom:1px solid var(--line);gap:14px;padding:18px 6px;display:grid}.support-copy{gap:5px;display:grid}.support-copy small,.support-note,.support-ticket small{color:var(--muted);font-size:12px;line-height:1.5}.support-form{gap:10px;max-width:560px;display:grid}.support-form label{color:var(--muted);gap:4px;font-size:12px;display:grid}.support-form input,.support-form textarea,.support-form select,.support-reply textarea{box-sizing:border-box;width:100%;font:inherit;color:inherit;border:1px solid var(--line);background:0 0;border-radius:8px;padding:8px 10px}.support-form textarea,.support-reply textarea{resize:vertical;min-height:88px}.support-kind{gap:8px;display:flex}.support-kind button,.support-form .primary,.support-reply button{min-height:38px;padding:8px 12px;font-size:12px}.support-kind [aria-checked=true]{color:var(--brass);border-color:var(--brass)}.support-tickets{gap:8px;margin:0;padding:0;list-style:none;display:grid}.support-ticket{border:1px solid var(--line);border-radius:10px;gap:8px;padding:10px 12px;display:grid}.support-ticket>button{all:unset;cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.support-ticket>button b{font-size:14px}.support-status{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px}.support-status[data-status=waiting]{color:var(--brass)}.support-thread{gap:8px;display:grid}.support-message{background:color-mix(in srgb, var(--line) 35%, transparent);border-radius:8px;gap:2px;padding:8px 10px;display:grid}.support-message[data-from=support]{border-left:3px solid var(--brass)}.support-message small{color:var(--muted);font-size:11px}.support-message p{white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.support-reply{gap:8px;display:grid}.suspension-notice{border-left:3px solid var(--brass)}.app,.app *,.henerals-modal-backdrop,.henerals-modal-backdrop *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app :is(input,textarea,[contenteditable=true],[data-selectable]),.henerals-modal-backdrop :is(input,textarea,[contenteditable=true],[data-selectable]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.control-hint{z-index:10000;color:#f2eddd;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#102637;border:1px solid #d9bb7a;border-radius:7px;width:max-content;max-width:min(260px,100vw - 16px);padding:9px 12px;font:500 14px/1.35 Barlow,sans-serif;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 18px #0007}.control-hint.below{transform:translate(-50%)}@media (pointer:coarse),(max-width:760px){.app .page :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select),.henerals-modal-backdrop :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){font-size:16px}}.match-leave-dialog{color:#eeede0;background:#173042;border:1px solid #d9bb7a;border-radius:10px;width:min(420px,100vw - 24px);padding:24px}.match-leave-dialog h2{margin:0 0 12px;font:600 28px Barlow Condensed,sans-serif}.match-leave-dialog p{color:#bed0d9;font-size:15px;line-height:1.5}.match-leave-dialog>div{flex-wrap:wrap;gap:8px;display:flex}.match-leave-dialog button,.match-return-notice button{color:#eeede0;cursor:pointer;background:#254657;border:1px solid #75909d;border-radius:6px;min-height:44px;padding:8px 12px;font:500 14px Barlow,sans-serif}.match-leave-dialog .primary{color:#122e40;background:#dfc184}.match-return-notice{z-index:450;color:#e5c784;background:#173042;border:1px solid #c5a969;border-radius:6px;justify-content:space-between;align-items:center;gap:8px 16px;max-width:1200px;margin:0 auto 12px;padding:8px 12px;font-size:13px;display:flex;position:sticky;top:0}.match-return-notice>div{flex-wrap:wrap;gap:8px;display:flex}.queue-accept-dialog{background:var(--panel,#173042);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink,#eeede0);border:1px solid var(--brass,#d9bb7a);border-radius:12px;padding:16px;overflow:auto}.queue-accept-dialog .match-found{min-height:0;margin:0;padding:16px}.queue-accept-dialog .match-found-players{margin-block:12px}.queue-accept-dialog .match-found-secondary{gap:8px;width:min(100%,380px);margin-top:12px;display:grid}.queue-accept-dialog .match-found-secondary>button{min-height:44px}.queue-accept-dialog .match-found-secondary>p{margin:0}@media (max-height:650px){.queue-accept-dialog,.queue-accept-dialog .match-found{padding:12px}.queue-accept-dialog .match-found h1{margin:4px 0;font-size:32px}.queue-accept-dialog .match-found .match-found-prompt{font-size:14px;line-height:1.3}.queue-accept-dialog .match-found-players{gap:4px;margin-block:8px}.queue-accept-dialog .match-found-players>div{padding:6px 8px}.queue-accept-dialog .match-found-players>strong{font-size:16px}.queue-accept-dialog .match-found-players .player-bar{min-height:32px}.queue-accept-dialog .match-found-players .player-avatar{width:28px;height:28px}.queue-accept-dialog .match-found-players .player-identity strong{font-size:15px}.queue-accept-dialog .match-found-players .player-identity small{font-size:11px}.queue-accept-dialog .accept-chip{min-height:24px;padding:3px 7px;font-size:13px}.queue-accept-dialog .match-found .match-found-mode{font-size:13px}.queue-accept-dialog .accept-countdown{gap:4px;margin-block:8px 0}.queue-accept-dialog .accept-ring{display:none}.queue-accept-dialog .match-found .acceptance-countdown{font-size:13px}.queue-accept-dialog .match-found .accept-button,.queue-accept-dialog .match-found .accept-status{min-height:48px;margin-top:8px;font-size:24px}.queue-accept-dialog .match-found .accept-button{padding:8px 12px}.queue-accept-dialog .match-found .accept-status{padding:8px 12px;font-size:16px}.queue-accept-dialog .match-found-secondary{margin-top:8px}}@media (max-height:420px) and (min-width:500px){.queue-accept-dialog .match-found{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 16px;padding:8px;display:grid}.queue-accept-dialog .match-found h1{grid-column:1/-1;margin:0;font-size:26px}.queue-accept-dialog .match-found .match-found-prompt{grid-column:1/-1;margin:0;font-size:13px}.queue-accept-dialog .match-found-players{grid-area:3/1/span 4;margin:0}.queue-accept-dialog .match-found .match-found-mode{grid-area:3/2;font-size:12px}.queue-accept-dialog .accept-countdown{grid-area:4/2;margin:0}.queue-accept-dialog .match-found .accept-button,.queue-accept-dialog .match-found .accept-status{grid-area:5/2;min-height:44px;margin:0}.queue-accept-dialog .match-found-secondary{grid-area:6/2;margin:0}}@media (max-width:760px){.match-return-notice{top:env(safe-area-inset-top);flex-wrap:wrap;margin:8px 10px}.match-return-notice>div{width:100%}.match-return-notice button{flex:1}}button.queue-search-chip{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--brass);white-space:nowrap;background:#173042;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font:600 13px/1.3 Barlow,sans-serif;display:inline-flex}header:is(.titlebar,.game-heading,.match-head,.board-training-header,.rank-drill-header) button.queue-search-chip{border:1px solid var(--line);width:auto;min-height:44px;color:var(--brass);background:#173042;border-radius:6px;flex:none;padding:8px 12px;font:600 13px/1.3 Barlow,sans-serif}.queue-search-chip svg{flex:none;width:18px;height:18px}.queue-search-chip time{font-variant-numeric:tabular-nums}.queue-chip-header{display:none!important}.rail .queue-chip-rail{flex:none;width:100%;margin-top:18px}.app[data-sidebar-collapsed=true] .queue-chip-rail>span{display:none}@media (max-width:760px){button.queue-chip-header{flex:0 auto;padding-inline:8px;font-size:12px;display:inline-flex!important}header.titlebar{flex-wrap:wrap;gap:6px 10px;height:auto;min-height:44px}header.titlebar>h1{min-width:0}header.titlebar[data-searching=true]{gap:8px 12px;margin-bottom:12px;padding-block:8px}header.titlebar[data-searching=true]>h1{white-space:normal;flex:96px;line-height:1.2;overflow:visible}header.titlebar[data-searching=true]>small{overflow-wrap:anywhere;max-width:100%}.game-heading{flex-wrap:wrap}.game-heading-actions{flex-wrap:wrap;gap:8px;max-width:100%}.game-home .game-heading[data-searching=true]{grid-template-columns:minmax(0,1fr);gap:12px}.game-home .game-heading[data-searching=true] .game-heading-actions{grid-area:3/1;justify-self:start}.game-store .game-heading[data-searching=true]{align-items:flex-start;gap:12px}.game-store .game-heading[data-searching=true]>div:first-child{flex:160px;min-width:0}header:is(.board-training-header,.rank-drill-header)[data-searching=true]{flex-wrap:wrap;gap:12px}header:is(.board-training-header,.rank-drill-header)[data-searching=true]>div:first-child{flex:160px;min-width:0}.formation-editor .match-head[data-searching=true]{flex-wrap:wrap;gap:12px;display:flex}.formation-editor .match-head[data-searching=true] .name-input{flex:120px;min-width:120px}.formation-editor .match-head[data-searching=true]>button.primary{margin-left:auto}}.rail-toggle{display:none}.rail-toggle svg{width:16px;height:16px}.rail-toggle:hover{color:var(--brass);background:#2a4353;border-color:#3c5868}.rail-toggle:focus-visible{outline:2px solid var(--brass);outline-offset:2px}@media (min-width:761px){.rail-toggle{z-index:70;top:32px;left:calc(176px + env(safe-area-inset-left,0px));width:28px;height:32px;color:var(--muted);cursor:pointer;background:#102333;border:1px solid #345062;border-radius:8px;place-items:center;padding:0;display:grid;position:fixed;transform:translate(-50%)}.app[data-sidebar-collapsed=false]{grid-template-columns:176px minmax(0,1fr)}.app[data-sidebar-collapsed=true]{grid-template-columns:72px minmax(0,1fr)}.app[data-sidebar-collapsed] .rail{scrollbar-width:thin;min-height:0;overflow-y:auto}.app[data-sidebar-collapsed] .rail>*{flex-shrink:0}.app[data-sidebar-collapsed=false] .rail{padding:24px 13px}.app[data-sidebar-collapsed=false] .rail .brand{justify-content:flex-start}.app[data-sidebar-collapsed=false] .rail .brand span{font-size:29px;display:inline}.app[data-sidebar-collapsed=false] .rail nav button{padding:13px 11px;font-size:14px;display:flex}.app[data-sidebar-collapsed=false] .rail nav button svg{width:22px;height:22px}.app[data-sidebar-collapsed=false] .rail>p{display:block}.app[data-sidebar-collapsed=false] .rail-account{justify-content:flex-start;padding:10px 7px}.app[data-sidebar-collapsed=false] .rail-account-copy{display:grid}.app[data-sidebar-collapsed=true] .rail{padding:24px 9px}.app[data-sidebar-collapsed=true] .rail .brand{justify-content:center}.app[data-sidebar-collapsed=true] .rail .brand span,.app[data-sidebar-collapsed=true] .rail-nav-label,.app[data-sidebar-collapsed=true] .rail-account-copy,.app[data-sidebar-collapsed=true] .rail>p{display:none}.app[data-sidebar-collapsed=true] .rail nav button{justify-content:center;gap:0;padding:12px;font-size:0}.app[data-sidebar-collapsed=true] .rail-toggle{left:calc(72px + env(safe-area-inset-left,0px))}.app[data-sidebar-collapsed=true] .rail nav button svg{width:24px;height:24px}.app[data-sidebar-collapsed=true] .rail-account{justify-content:center;padding:8px}}.game.page.board-full-view[data-board-focused=true],.henerals-modal-backdrop>.replay-dialog.board-focused.board-full-view{z-index:450;box-sizing:border-box;--match-height:100dvh;width:100%;max-width:none;height:100dvh;min-height:0;max-height:none;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:var(--navy,#0b2333);margin:0;position:fixed;inset:0;overflow:auto}.board-orientation-hint{color:var(--paper);margin:0;font-size:12px;line-height:1.4}@media (orientation:landscape){.game.page.board-full-view .play-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0, min(940px, calc((100dvh - 136px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.125))) minmax(180px, 280px);justify-content:center;gap:12px}.game.page.board-full-view .match-table{width:100%;max-width:none}.game.page.board-full-view .context.match-panel{align-self:stretch;max-height:100%;display:flex;overflow-y:auto}.game.page.board-full-view .move-motion-caption{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.replay-dialog.board-focused.board-full-view .replay-content{grid-template-columns:minmax(0, calc((100dvh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.09)) minmax(220px, 1fr);grid-template-rows:repeat(6,max-content);gap:8px 16px;display:grid}.replay-dialog.board-focused.board-full-view .replay-content>.board-presentation{grid-area:1/1/8}.replay-dialog.board-focused.board-full-view .replay-content>:not(.board-presentation){grid-column:2}.replay-dialog.board-focused.board-full-view .replay-sharing{max-height:100px;overflow-y:auto}}@media (orientation:landscape) and (max-height:500px){.game.page.board-full-view .play-layout{grid-template-columns:minmax(0, calc((100dvh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.125)) minmax(180px, 280px);grid-template-rows:36px 36px auto minmax(0,1fr)}}.replay-dialog.board-focused.board-full-view .replay-sharing{display:none}.piece-help .piece-help-facts{color:#45616c;flex-wrap:wrap;align-items:baseline;gap:1px 10px;margin:4px 0 0;padding:0;font-size:10px;line-height:1.3;list-style:none;display:flex}.piece-help .piece-help-facts b{color:#193747;font:700 12px/1 Barlow Condensed,sans-serif}.piece-help .piece-help-rule{color:#22414f;background:#dfe0d2;border-left:3px solid #d2a64f;gap:5px;margin:4px 0 0;padding:4px 5px;font-size:10px;line-height:1.3;display:flex}.piece-help .piece-help-rule strong{color:#7a5a17;letter-spacing:.04em;text-transform:uppercase;flex:none;font-weight:700}.piece-help .piece-help-chips{min-height:34px}.piece-help .piece-help-chip{grid-template-rows:1fr auto;gap:0;width:auto;min-width:32px;height:34px;min-height:34px;padding:2px 2px 1px}.piece-help .piece-help-chip svg{width:19px;height:19px}.piece-help .piece-help-chip span{color:#3f5d68;letter-spacing:.02em;font:700 9px/1 Barlow Condensed,sans-serif}.deployment-v2>.titlebar{border-bottom:0;width:100%;max-width:1040px;margin:0 auto 18px}.deployment-v2>.titlebar h1{text-align:center}.deployment-v2>.titlebar small{color:#a8bdc9;align-items:center;gap:8px;display:flex}.deployment-clock{font-variant-numeric:tabular-nums;text-align:center;color:#f2ddb2;border:1px solid #345062;border-radius:5px;min-width:50px;padding:4px 8px;font:600 15px/1.2 Barlow,sans-serif;display:inline-block}.deployment-clock.urgent{color:var(--coral);border-color:var(--coral)}.deployment-opponent{color:#a8bdc9;white-space:nowrap;font:600 12px Barlow,sans-serif}.deployment-dock{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.deployment-v2 .play-layout>.deployment-dock{align-self:stretch}.deployment-status{flex:none;justify-content:space-between;align-items:center;gap:8px;height:44px;padding-left:4px;display:flex}.deployment-count{color:#a8bdc9;font:600 13px Barlow,sans-serif}.deployment-count b{color:#f2ddb2;font-variant-numeric:tabular-nums}.deployment-tools{align-items:center;gap:2px;display:flex}.deployment-tools>button{min-width:44px;min-height:44px;color:var(--brass);background:0 0;border:0;border-radius:6px;padding:0 10px;font:600 14px Barlow,sans-serif}.deployment-tools>button:hover:enabled{background:#66818e22}.deployment-tools .formation-history-controls{gap:0;margin:0}.deployment-tools .formation-history-controls button{color:var(--brass);border:0}.deployment-tools .formation-history-controls svg{width:19px;height:19px}.deployment-tools button:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}@media (max-width:359px){.deployment-status{gap:6px;padding-left:2px}.deployment-tools{gap:0}.deployment-tools>button{padding:0 6px}}.deployment-rail{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:none;gap:6px;height:83px;padding:2px 2px 4px;display:flex;overflow:auto hidden}.deployment-rail::-webkit-scrollbar{display:none}.deployment-rank{color:#a8bdc9;touch-action:pan-x;-webkit-user-select:none;user-select:none;background:#193648;border:1px solid #345062;border-radius:8px;flex:none;align-content:start;justify-items:center;gap:3px;width:56px;padding:6px 3px 5px;display:grid}.deployment-rank .piece{touch-action:none;width:30px;max-width:30px}.deployment-rank-name{white-space:nowrap;max-width:100%;font:600 12px/14px Barlow Condensed,sans-serif;overflow:hidden}.deployment-rank-count{color:var(--brass);font-variant-numeric:tabular-nums;font:700 13px/14px Barlow,sans-serif}.deployment-rank[aria-pressed=true]{border-color:var(--brass);color:#f2ddb2;box-shadow:inset 0 0 0 1px var(--brass);background:#3a4a45}.deployment-rank:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.deployment-rail-done{color:#a8bdc9;align-self:center;margin:0 auto;font-size:13px}.deployment-hint{overscroll-behavior:contain;color:#a8bdc9;scrollbar-width:thin;background:#142a3b;border:1px solid #345062;border-radius:10px;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:8px 12px;font-size:13px;line-height:1.35;display:flex;overflow-y:auto}.deployment-hint-line{flex-wrap:wrap;justify-content:space-between;gap:2px 10px;margin:0;display:flex}.deployment-hint-line b{color:#f2ddb2;font-weight:600}.deployment-feedback-line{color:var(--brass);margin:0;font-size:13px}.deployment-hint .piece-help{flex:none;margin:0}.deployment-notes{gap:6px;margin:0;padding:0 0 0 16px;font-size:13px;line-height:1.35;display:grid}.deployment-notes li::marker{color:var(--brass)}.deployment-actions-bar{flex:none;gap:8px;display:flex}.deployment-actions-bar button{color:#f2ddb2;min-width:0;height:48px;box-shadow:none;background:#193648;border:1px solid #345062;border-radius:9px;flex:1;padding:0 10px;font:600 14px Barlow,sans-serif}.deployment-actions-bar .deployment-confirm{color:#23303a;background:linear-gradient(#efd69d,#d9b872);border-color:#c6a463;flex:1.6}.deployment-v2>.titlebar .deployment-confirm{color:#23303a;white-space:nowrap;height:44px;min-height:44px;box-shadow:none;background:linear-gradient(#efd69d,#d9b872);border:1px solid #c6a463;border-radius:9px;flex:none;padding:0 14px;font:600 14px Barlow,sans-serif}.deployment-actions-bar .deployment-confirm:disabled,.deployment-v2>.titlebar .deployment-confirm:disabled{color:#93a9b5;box-shadow:none;opacity:1;cursor:not-allowed;background:#2a4252;border-color:#3d5869}.henerals-modal-backdrop:has(>.deployment-sheet){-webkit-backdrop-filter:none;backdrop-filter:none;background:#0615214d;align-items:flex-end;padding:0}.henerals-modal-backdrop>.deployment-sheet{width:min(560px,100%);max-height:max(320px, calc(var(--viewport-height,100vh) - 460px));overscroll-behavior:contain;padding:0 12px calc(12px + env(safe-area-inset-bottom));color:#f2ddb2;background:#142a3b;border:1px solid #345062;border-bottom:0;border-radius:14px 14px 0 0;overflow-y:auto;box-shadow:0 -12px 40px #02101a99}.deployment-sheet-head{z-index:1;background:#142a3b;border-bottom:1px solid #345062;justify-content:space-between;align-items:center;height:52px;margin:0 -12px 4px;padding:0 4px 0 16px;display:flex;position:sticky;top:0}.deployment-sheet-head h2{color:#f2ddb2;margin:0;font:700 18px/1 Barlow Condensed,sans-serif}.deployment-sheet-head button{min-width:64px;min-height:44px;color:var(--brass);background:0 0;border:0;font:600 15px Barlow,sans-serif}.deployment-sheet h2{letter-spacing:.02em;color:#a8bdc9;margin:14px 0 8px;font:700 14px/1 Barlow Condensed,sans-serif}.deployment-sheet .deployment-sheet-head h2{color:#f2ddb2;margin:0;font-size:18px}.deployment-saved-list{gap:6px;display:grid}.deployment-saved-row{text-align:left;color:#f2ddb2;background:#193648;border:1px solid #345062;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:56px;padding:6px 10px 6px 6px;display:flex}.deployment-saved-row[aria-current=true]{border-color:var(--brass);box-shadow:inset 3px 0 var(--brass)}.deployment-saved-row .mini-board{border-width:2px;flex:none;gap:1px;width:72px;padding:1px}.deployment-saved-row .mini-board>span{padding:4%}.deployment-saved-text{gap:2px;min-width:0;display:grid}.deployment-saved-text b{text-overflow:ellipsis;white-space:nowrap;font:700 16px/1.15 Barlow Condensed,sans-serif;overflow:hidden}.deployment-saved-text small{color:#a8bdc9;font-size:12px}.deployment-saved-row[aria-current=true] small{color:var(--brass)}.deployment-sheet .generator-grid button{color:#f2ddb2;background:#193648;border-color:#345062;border-radius:8px;min-height:44px;font:600 14px Barlow,sans-serif}.deployment-save{color:#f2ddb2;background:#193648;border:1px solid #345062;border-radius:9px;width:100%;min-height:48px;margin-top:14px;font:600 14px Barlow,sans-serif}.deployment-sheet-note{color:#a8bdc9;margin:12px 0 0;font-size:12px;line-height:1.4}.deployment-sheet>.deployment-feedback-line{margin-top:10px}@media (max-width:760px) and (orientation:landscape){.deployment-v2>.titlebar{margin-bottom:16px}}@media (max-width:760px) and (orientation:portrait){.app[data-deployment-active=true] .online-page>.titlebar,.app[data-deployment-active=true] .online-page>.account-panel{display:none}.deployment-v2>.titlebar{margin:0}.deployment-v2 .play-layout{gap:6px}.deployment-v2 .play-layout>.deployment-dock{flex:1;width:100%}}@media (min-width:761px),(max-height:500px){.deployment-v2 .deployment-status{flex-wrap:wrap;height:auto;min-height:44px}.deployment-v2 .deployment-tools{margin-left:auto}}@media (min-width:761px) and (min-height:501px){.deployment-v2 .play-layout>.deployment-dock{max-height:calc(var(--viewport-height) - 140px)}.deployment-v2 .deployment-rail{flex-wrap:wrap;height:auto;overflow:visible}}@media (min-width:761px) and (max-width:1150px) and (orientation:portrait){.deployment-v2>.titlebar{margin:0}.deployment-v2 .play-layout>.deployment-dock{flex:1;width:100%;max-height:none}.deployment-v2 .deployment-rail{flex-wrap:nowrap;height:83px;overflow-x:auto}}.online-page[data-board-visible=true]{min-height:0;padding:0}.online-page[data-board-visible=true]>.section-head,.online-page[data-board-visible=true]>.social-button,.online-page[data-board-visible=true]>.titlebar,.online-page[data-board-visible=true]>.account-panel{display:none}.online-page[data-board-visible=true]>.notice{top:calc(56px + env(safe-area-inset-top));z-index:430;max-height:calc(var(--viewport-height) * .3);margin:0;position:fixed;left:max(8px,50vw - 310px);right:max(8px,50vw - 310px);overflow-y:auto;box-shadow:0 8px 24px #06162188}.game.page{--rank-extra:4px;--caption-gap:8px;--caption-extra:6px;--match-height:var(--viewport-height);height:var(--match-height);min-height:0;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;flex-direction:column;display:flex}.game .match-top{flex:none;gap:8px;width:100%;max-width:1080px;min-height:20px;margin:0 auto 6px}.game .match-top span{font-size:11px}.game .play-layout{grid-template-columns:minmax(0, min(940px, calc((var(--match-height) - 252px - var(--caption-extra,0px) - var(--opening-extra,0px) - env(safe-area-inset-top)) * 1.125 + var(--rank-extra,0px)))) minmax(230px, 300px);flex:1;align-items:stretch;gap:16px;width:100%;min-height:0;display:grid}.game .match-table{align-self:start;min-width:0}.game .player-bar{gap:0 8px;height:48px;margin:0 0 4px}.game .player-bar.self{margin:4px 0 0}.game .player-bar.has-losses{grid-template-rows:28px 20px;grid-template-columns:32px minmax(0,1fr) auto}.game .player-avatar{grid-row:1/3;width:32px;height:32px}.game .player-identity{grid-area:1/2}.game .player-identity small{display:none}.game .player-clock{grid-area:1/3;gap:5px;height:28px;padding:2px 8px}.game .player-clock strong{font-size:25px}.game .player-clock svg{width:12px;height:12px}.game .player-losses{scrollbar-width:none;flex-wrap:nowrap;grid-row:2;gap:5px;height:22px;min-height:0;padding:0;overflow-x:auto}.game .player-loss-group{gap:1px;min-height:0}.game .player-loss-symbol{width:21px;height:21px}.game .player-loss-symbol.concealed{color:#d0e0e6;background:#213f50;width:20px}.game .player-loss-symbol.concealed .tile-back path{stroke-width:2px;stroke-opacity:.8}.game .player-loss-symbol.concealed .tile-back rect{stroke-width:2px;stroke-opacity:.95}.game .player-loss-total{font-size:9px;line-height:14px}.game .player-loss-count{font-size:9px}.game .board-shell,.game .metal-board-shell{width:100%;max-width:none}.game .board-shell{padding:4px 4px 0 0}.game .metal-board-layer{padding:4px 4px 0}.game .files,.game .ranks{font-size:8px}.game .files{padding:2px 0 3px;line-height:10px}.game .move-motion-caption{min-height:18px;margin:var(--caption-gap,8px) 0 0;font-size:10px;line-height:16px}.game .context.match-panel{flex-direction:column;min-width:0;min-height:0;max-height:100%;padding:10px;display:flex;overflow:visible}.match-panel{position:relative}.match-panel-tabs{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:4px;display:flex}.match-panel-tabs>[role=group]{display:flex}.match-panel-tabs button,.match-actions-menu>summary,.match-guide-close{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font:600 13px Barlow,sans-serif;display:inline-flex}.match-panel-tabs button[aria-pressed=true]{color:var(--brass);box-shadow:inset 0 -2px var(--brass)}.match-panel-tabs .match-resign{color:#e7a399}.match-panel-tabs .match-resign:disabled{color:var(--muted);opacity:.5;cursor:default}.match-panel-tabs svg,.match-guide-close svg{width:18px;height:18px}.match-actions-menu{position:relative}.match-actions-menu>summary{list-style:none}.match-actions-menu>summary::-webkit-details-marker{display:none}.match-actions-popover{z-index:410;width:225px;max-height:min(360px, calc(var(--viewport-height) * .65));background:#102b3e;border:1px solid #66818e;border-radius:6px;padding:10px;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 10px 30px #06162199}.match-actions-popover button{text-align:left;width:100%;min-height:44px}.match-actions-popover .online-actions{flex-direction:column;gap:4px;margin:0;display:flex}.match-guide-pane{flex:none}.match-guide-empty{color:var(--muted);margin:12px 4px;font-size:12px}.match-guide-small{display:none}.match-guide-full .piece-help{margin:10px 0}.match-log-pane{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.game .match-panel h2{margin:10px 0 6px;font-size:20px}.game .match-panel .remaining{gap:12px;margin:10px 0;display:flex}.game .match-panel .remaining>div{background:0 0;flex:1;justify-content:space-between;align-items:center;gap:6px;padding:0;font-size:11px;display:flex}.game .match-panel .remaining b{font-size:17px}.game .match-panel .move-list{min-height:0;max-height:none;overflow:visible}.match-guide-dialog{width:min(440px,100vw - 24px);max-height:calc(var(--viewport-height) - 40px);color:var(--paper);background:#142f41;border:1px solid #7c94a0;border-radius:8px;padding:12px}.match-guide-dialog::backdrop{background:#061420b3}.match-guide-close{margin-left:auto;display:flex}.match-guide-dialog .piece-help{margin-top:4px}@media (max-width:760px) and (min-height:501px){.game.page{--match-height:calc(var(--viewport-height) - var(--navigation-height,67px));padding-inline:8px}.game .play-layout{grid-template-rows:max-content minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;max-width:none;margin:0}.game .match-table{width:min(100%, calc((var(--match-height) - 354px - var(--caption-extra,0px) - var(--opening-extra,0px) - env(safe-area-inset-top)) * 1.125 + var(--rank-extra,0px)));justify-self:center;max-width:540px}.game .context.match-panel{justify-self:center;width:100%;max-width:540px;padding:0 6px 4px}.match-panel-tabs{height:44px}.match-guide-full{display:none}.match-guide-small{display:block}.match-panel[data-panel=guide] .match-log-pane,.match-panel[data-panel=log] .match-guide-pane{display:none}.match-guide-expand{color:var(--paper);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;width:100%;min-height:24px;padding:0;font:600 13px Barlow,sans-serif;display:flex}.match-guide-expand>svg{flex:none;width:17px;height:17px}.match-guide-expand>svg:last-child{width:14px;margin-left:auto}.match-guide-symbols{gap:3px;display:grid}.match-guide-relation{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:0 4px;min-width:0;display:grid}.match-guide-relation b{color:var(--brass);letter-spacing:.04em;text-transform:uppercase;font:700 10px/1.15 Barlow Condensed,sans-serif}.match-guide-ranks{flex-wrap:wrap;align-items:flex-start;gap:1px 2px;min-width:0;display:flex}.match-guide-rank{justify-items:center;width:25px;display:grid}.match-guide-rank svg{width:20px;height:20px}.match-guide-rank i{color:#cfdfe6;letter-spacing:.02em;font:700 9px/1.1 Barlow Condensed,sans-serif}.match-guide-none{color:var(--muted);font-size:12px;line-height:20px}.match-guide-pane{min-height:0;overflow-y:auto}.match-actions-popover{top:auto;bottom:100%}.game .match-panel .remaining{margin:2px 0;line-height:14px}.game .match-panel .remaining b{font-size:12px}.game .match-panel h2{margin:2px 0;font-size:11px;line-height:12px}.game .match-log-pane>p{margin:2px 0;font-size:10px;line-height:12px}.game .match-panel .move-list li{gap:1px 8px;padding:3px 0;font-size:10px;line-height:12px}}@media (max-height:500px){.game.page{--match-height:var(--viewport-height)}.game .play-layout{grid-template-columns:minmax(0, min(700px, calc((var(--match-height) - 249px - var(--caption-extra,0px) - var(--opening-extra,0px)) * 1.125 + var(--rank-extra,0px)))) minmax(180px, 260px);gap:10px;max-width:none;display:grid}.game .context.match-panel{padding:6px}.match-guide-full{max-height:40%;overflow-y:auto}}@media (max-height:500px) and (max-width:760px){.app[data-board-visible=true]{padding:0 0 0 58px}.app[data-board-visible=true] .mobile-nav{grid-template-columns:1fr;width:58px;padding:4px;inset:0 auto 0 0}.app[data-board-visible=true] .mobile-nav button{gap:1px;min-height:44px;font-size:8px}.app[data-board-visible=true] .mobile-nav svg{width:18px;height:18px}.game.page{padding-inline:6px}}.match-navigation{display:none}.game .context.match-panel{margin:0}@media (max-width:760px) and (min-height:501px){.app[data-board-visible=true]{position:relative}.match-navigation>summary,.game .match-tools-toggle{width:44px;height:44px;color:var(--muted);cursor:pointer;background:#193648;border:1px solid #486574;border-radius:5px;place-items:center;padding:10px;display:grid}.match-navigation>summary{list-style:none}.match-navigation>summary::-webkit-details-marker{display:none}.match-navigation svg,.game .match-tools-toggle svg{width:20px;height:20px}.match-navigation nav{background:#102b3e;border:1px solid #66818e;border-radius:6px;width:190px;padding:6px;position:absolute;top:48px;left:0;box-shadow:0 10px 30px #06162199}.match-navigation button{width:100%;min-height:44px;color:var(--paper);background:0 0;border:0;align-items:center;gap:12px;font-size:14px;display:flex}.game.page{--match-height:calc(var(--viewport-height) - var(--navigation-height,67px));position:relative}.game .match-top{min-height:44px;padding-inline:0 50px}.game .match-top span{font-size:10px}.game .match-top span:last-child{max-width:52%}.game .match-table{width:min(100%, max(calc(250px + var(--rank-extra,0px)), calc((var(--match-height) - 390px - var(--caption-extra,0px) - var(--opening-extra,0px) - env(safe-area-inset-top)) * 1.125 + var(--rank-extra,0px))))}.game .board-presentation{position:static}.game .match-tools-toggle{top:calc(8px + env(safe-area-inset-top));position:absolute;right:8px}.game .board-presentation-controls{top:calc(56px + env(safe-area-inset-top));z-index:420;background:#102b3e;border:1px solid #66818e;border-radius:6px;width:max-content;max-width:calc(100% - 16px);padding:4px;display:none;position:absolute;right:8px;box-shadow:0 10px 30px #06162199}.game .board-presentation-controls[data-tools-open=true]{display:flex}.game .match-panel{margin-bottom:env(safe-area-inset-bottom)}}@media (min-width:761px),(max-height:500px){.match-panel-tabs>[role=group]{display:none}.match-panel-tabs:before{content:"Field report";color:var(--paper);font:600 18px Barlow Condensed,sans-serif}.match-guide-pane{flex:0 auto;min-height:0;max-height:55%;overflow-y:auto}}@media (max-width:760px) and (min-height:501px){.game.page{padding-bottom:calc(8px + max(0px, env(safe-area-inset-bottom) - var(--navigation-height,67px)))}.game .match-panel{margin-bottom:0}}@media (max-width:760px) and (min-height:501px) and (max-height:620px){.game.page{padding-block:calc(4px + env(safe-area-inset-top)) 4px}.game .match-table{width:min(100%, max(calc(185px + var(--rank-extra,0px)), calc((var(--match-height) - 390px - var(--caption-extra,0px) - var(--opening-extra,0px) - env(safe-area-inset-top)) * 1.125 + var(--rank-extra,0px))))}}@media (max-width:760px) and (min-height:621px) and (max-height:700px){.game .match-table{width:min(100%, max(calc(210px + var(--rank-extra,0px)), calc((var(--match-height) - 390px - var(--caption-extra,0px) - var(--opening-extra,0px) - env(safe-area-inset-top)) * 1.125 + var(--rank-extra,0px))))}}@media (max-height:500px){.match-guide-full{max-height:none;overflow:visible}}.match-tool-count{color:#f2ddb2;background:#193648;border:1px solid #e4c58a;border-radius:4px;padding:1px 4px;font:600 10px Barlow,sans-serif;position:absolute;bottom:-3px;right:-3px}.game .match-tools-toggle[data-annotating=true]{color:#e4c58a;background:#3a4d53;border-color:#e4c58a}.henerals-modal-backdrop .result-online{width:min(460px,100vw - 32px);height:fit-content;min-height:0;max-height:calc(var(--viewport-height) - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:var(--paper);background:#193648;border:1px solid #66818e;border-radius:12px;margin:auto;padding:24px;overflow-y:auto;box-shadow:0 18px 70px #020c1699}.henerals-modal-backdrop .result-online h1{font-size:clamp(38px,7vw,64px)}.henerals-modal-backdrop .result-online>svg{width:34px;height:34px}.henerals-modal-backdrop .result-online>div{gap:8px;width:100%}.henerals-modal-backdrop .result-online button{min-height:44px;padding:10px 14px}.match-actions-popover{width:196px;max-width:calc(100vw - 32px);padding:4px}.match-actions-popover button{color:var(--paper);box-shadow:none;background:0 0;border:0;border-radius:4px;padding:10px 12px;font:500 14px Barlow,sans-serif}.match-actions-popover button:hover{background:#2b495b}.match-actions-popover .danger-link{color:#e7a399}.match-actions-popover button:disabled{display:none}.match-draw-prompt{z-index:405;border:1px solid var(--brass);color:var(--paper);background:#102b3e;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font:600 13px Barlow,sans-serif;animation:.18s ease-out draw-prompt-in;display:flex;position:absolute;bottom:6px;left:6px;right:6px;box-shadow:0 10px 30px #06162199}.match-draw-prompt>span{flex:1;min-width:0}.match-draw-prompt button{cursor:pointer;background:#193648;border:1px solid #66818e;border-radius:5px;place-items:center;width:44px;min-height:44px;padding:10px;display:grid}.match-draw-prompt button svg{width:18px;height:18px}.match-draw-prompt .draw-accept{color:#9ad8a8}.match-draw-prompt .draw-decline{color:#e7a399}.match-draw-prompt[data-open=false]{pointer-events:none;animation:.18s ease-in forwards draw-prompt-out}@keyframes draw-prompt-in{0%{opacity:0;transform:translateY(12px)scale(.96)}}@keyframes draw-prompt-out{to{opacity:0;transform:translateY(12px)scale(.96)}}@media (prefers-reduced-motion:reduce){.match-draw-prompt,.match-draw-prompt[data-open=false]{animation:none}}.mobile-move-strip{display:none}@media (max-width:760px) and (min-height:501px){.mobile-move-strip{border-block:1px solid var(--line);align-items:center;gap:6px;width:100%;min-width:0;height:34px;margin-bottom:6px;display:flex}.mobile-move-strip>button{color:var(--brass);background:0 0;border:0;flex:none;min-height:32px;padding:2px 4px;font:600 12px Barlow,sans-serif}.mobile-move-strip ol{overscroll-behavior-x:contain;white-space:nowrap;scrollbar-width:none;gap:14px;margin:0;padding:4px;font-size:12px;list-style:none;display:flex;overflow-x:auto}.mobile-move-strip li{color:var(--muted);flex:none}.mobile-move-strip li:last-child{color:var(--brass)}.mobile-move-strip li b{color:var(--paper);margin-left:4px}.mobile-move-strip p{color:var(--muted);margin:0;font-size:11px}.game .match-panel .match-guide-pane{flex:1}.match-guide-relation{max-width:100%}.match-panel-tabs>[role=group]>button:last-child{display:none}.match-panel-tabs>[role=group]{flex:1;min-width:0}.match-panel-tabs>[role=group]>button{min-width:0;color:var(--paper);box-shadow:none;justify-content:flex-start;padding-inline:2px;font:600 18px Barlow Condensed,sans-serif}.match-panel-tabs>[role=group]>button>svg{display:none}}.match-history-dialog{width:min(520px,100vw - 24px);max-height:calc(var(--viewport-height) - 32px);border:1px solid var(--line);color:var(--paper);background:#173042;border-radius:10px;padding:16px;overflow-y:auto}@media (max-width:760px) and (min-height:501px) and (max-height:640px) and (orientation:portrait){.game .player-bar,.game .player-bar.self{height:40px;margin-block:0}.game .player-bar.has-losses{grid-template-rows:24px 16px}.game .player-clock{height:24px}.game .player-clock strong{font-size:22px}.game .player-losses{height:16px}.game .player-loss-symbol,.game .player-loss-symbol.concealed{width:16px;height:16px}}.match-history-dialog h2{margin:0 0 12px}.match-history-dialog .move-list{max-height:none}.opening-countdown{min-height:16px;color:var(--brass);margin:0 0 4px;font:500 11px/16px Barlow,sans-serif}.henerals-modal-backdrop .result-card,.henerals-modal-backdrop .result-online{text-align:center;border-radius:14px;padding:28px 20px 20px;position:relative;inset:auto;transform:none}.result-close{width:36px;height:36px;color:var(--muted);box-shadow:none;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:8px;right:8px;min-height:36px!important;padding:8px!important}.result-close svg{width:20px;height:20px}.henerals-modal-backdrop .practice-result h2{margin:10px 0;font-size:clamp(34px,8vw,48px)}.henerals-modal-backdrop .practice-result>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.henerals-modal-backdrop .practice-result>div button{min-height:44px;padding:8px}.henerals-modal-backdrop .practice-result>div .primary,.henerals-modal-backdrop .practice-result>div>button:nth-child(4){grid-column:1/-1}@media (min-width:600px) and (max-height:500px){.game.page{height:var(--match-height);min-height:0;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.game .play-layout{grid-template-columns:minmax(0, min(680px, max(100px, calc((var(--match-height) - 106px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.125 + var(--rank-extra,0px))))) minmax(180px, 280px);height:max(0px, calc(var(--match-height) - 66px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));flex:none;grid-template-rows:36px 36px auto minmax(0,1fr);align-content:start;gap:4px 12px}.game .match-table{display:contents}.game .match-table>.board-presentation{grid-area:1/1/5;align-self:start;min-width:0}.game .match-table>.player-bar{grid-area:1/2;grid-template-rows:36px;width:100%;height:36px;margin:0}.game .match-table>.player-bar .player-losses{display:none}.game .match-table>.player-bar.self{grid-row:2}.game .opening-countdown{grid-area:3/2;margin:0}.game .context.match-panel{grid-area:4/2}.game .match-actions-popover{top:auto;bottom:100%}.game .match-guide-pane{max-height:45%}.game[data-board-focused=true] .play-layout{grid-template-columns:minmax(0, min(680px, max(100px, calc((var(--match-height) - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.125 + var(--rank-extra,0px))))) minmax(180px, 280px)}.game[data-board-focused=true] .move-motion-caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;margin:0;position:absolute;overflow:hidden}.app[data-board-visible=true]{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}@media (min-width:600px) and (max-width:760px) and (max-height:500px){.app[data-board-visible=true]{padding-left:calc(58px + env(safe-area-inset-left,0px))}}.setup-board{min-width:0}.setup .board-help{text-align:center;min-height:32px;margin:8px 0 0;font-size:12px;line-height:16px}.setup-drag-handle{touch-action:none;flex:none;margin:-5px;padding:5px;display:inline-flex}.setup-panel .tray button{touch-action:pan-y}.setup-panel .tray button .setup-drag-handle,.setup-panel .tray button .piece{touch-action:none}.setup-drag-ghost{z-index:600;pointer-events:none;filter:drop-shadow(0 8px 7px #06162188);width:58px;height:58px;position:fixed;transform:translate(-50%,-50%)rotate(-4deg)}.setup-drag-ghost .piece{width:100%;height:100%}.square[data-setup-target=true]{box-shadow:inset 0 0 0 2px #e4c58a99}.square[data-setup-target=true]:after{content:"";aspect-ratio:1;pointer-events:none;background:#102b3e55;border-radius:50%;width:18%;position:absolute}.square[data-setup-target=true]:has(.piece):after{display:none}.square[data-setup-hover=true]{background-color:#e4c58a88;box-shadow:inset 0 0 0 3px #fff0bb}.setup.page{--rank-extra:3px}@media (max-width:760px) and (orientation:portrait){.app[data-deployment-active=true]{padding-bottom:0}.app[data-deployment-active=true] .mobile-nav{display:none}.app[data-deployment-active=true] .online-page{padding:0}.app[data-deployment-active=true] .online-page>.section-head,.app[data-deployment-active=true] .online-page>.social-button{display:none}.setup.page{height:calc(var(--viewport-height) - var(--navigation-height,67px));min-height:0;padding:calc(6px + env(safe-area-inset-top)) 8px 6px;flex-direction:column;gap:6px;display:flex;overflow:hidden}.app[data-deployment-active=true] .setup.page{height:var(--viewport-height);padding-bottom:calc(6px + env(safe-area-inset-bottom))}.setup .match-head{flex:none;gap:8px;width:100%;min-height:44px;margin:0}.setup .match-head>div{gap:6px;min-width:0}.setup .match-head span{font-size:12px}.setup .match-head strong{font-size:25px}.setup .match-head button{white-space:nowrap;min-height:44px;padding:8px 12px}.setup>.notice{flex:none;max-height:36px;margin:0;font-size:11px;overflow-y:auto}.setup .play-layout{flex-direction:column;flex:1;gap:8px;width:100%;max-width:540px;min-height:0;margin:0 auto;display:flex}.setup .setup-board{width:min(100%, calc((var(--viewport-height) - 365px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.125 + var(--rank-extra,0px)));flex:none;align-self:center}.setup .board-shell,.setup .metal-board-shell{width:100%;max-width:none}.setup .board-help{width:100%;min-height:26px;margin-top:6px;font-size:10px;line-height:13px}.setup .play-layout .setup-panel{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;border-radius:10px;flex:1;width:100%;min-height:0;padding:12px;overflow-y:auto}.setup-panel .tray{max-height:none;margin:8px 0 16px;overflow:visible}.setup-panel .tray button{min-height:52px;font-size:12px}.setup-panel .tray .piece{width:36px;max-width:36px}.setup-panel h2{margin:12px 0 8px;font-size:18px}.setup-panel p{font-size:12px}.setup-panel .progress i{margin:6px 0 12px}.setup-panel .load-formation{margin-bottom:12px}}.setup .play-layout .setup-panel{flex-direction:column;gap:0;padding:10px;display:flex;overflow:hidden}.deployment-header{flex:none}.setup-panel .progress{margin:0}.setup-panel .progress i{margin:5px 0 4px}.deployment-toolbar{border-bottom:1px solid #66818e55;justify-content:space-between;align-items:center;gap:4px;display:flex}.deployment-toolbar [role=tablist],.deployment-actions{align-items:center;gap:2px;display:flex}.deployment-toolbar button{min-height:40px;color:var(--muted);box-shadow:none;background:0 0;border:0;border-radius:4px;padding:8px 10px;font-size:14px}.deployment-toolbar [role=tab][aria-selected=true]{color:var(--brass);box-shadow:inset 0 -2px var(--brass)}.deployment-toolbar button:hover:enabled{color:var(--paper);background:#66818e22}.deployment-toolbar button:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}.deployment-actions button{place-items:center;width:40px;padding:10px;display:grid}.deployment-actions svg{stroke-width:1.8px;width:18px;height:18px}.setup-panel .deployment-scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;flex:1;min-height:0;max-height:460px;padding:2px 2px 8px;overflow:hidden auto}.setup-panel .deployment-scroll[hidden]{display:none}.setup-panel .deployment-scroll .tray{max-height:none;margin:6px 0 12px;overflow:visible}.deployment-scroll .online-actions{gap:8px;margin-top:8px;display:grid}.deployment-feedback{max-height:32px;color:var(--brass);flex:none;margin-top:4px;font-size:11px;overflow-y:auto}@media (max-width:760px) and (orientation:portrait){.setup-panel .deployment-scroll{max-height:none}.deployment-toolbar button{min-height:44px}.deployment-actions button{width:44px}}@media (max-width:760px) and (min-height:501px) and (max-height:700px){.game.page{--caption-gap:5px;--caption-extra:3px}}.game[data-opening=true]{--opening-extra:20px}.game .match-top{flex-wrap:wrap;align-items:center}.board-focus-action{border:1px solid var(--line);min-height:44px;color:var(--paper);background:#173042;border-radius:6px;flex:none;padding:8px 12px;font:600 13px/1.3 Barlow,sans-serif}.game[data-board-focused=true] .mobile-move-strip,.game[data-board-focused=true] .player-losses{display:none}.game[data-board-focused=true] .player-bar,.game[data-board-focused=true] .player-bar.has-losses{grid-template-rows:36px;height:36px;min-height:36px}.game[data-board-focused=true] .player-avatar{width:32px;height:32px}.focused-match-information{min-width:0}:is(.match-planning-slot:has(.game-premove-controls[data-empty=false]),.match-planning-slot:has(.premove-feedback)){border-top:1px solid var(--line);flex:none;padding:6px 10px}.match-planning-slot .game-premove-controls{flex-wrap:wrap}.focused-match-information>summary{min-height:44px;color:var(--paper);cursor:pointer;padding:10px 12px;font:600 14px/1.3 Barlow,sans-serif}.focused-match-information[open]{max-height:min(260px, calc(var(--match-height) * .4));overflow-y:auto}@media (min-width:761px) and (min-height:501px){.game[data-board-focused=true] .play-layout{grid-template-columns:minmax(0, calc((var(--match-height) - 226px - var(--caption-extra,0px) - var(--opening-extra,0px) - env(safe-area-inset-top)) * 1.125 + var(--rank-extra,0px))) minmax(190px, 240px);justify-content:center;gap:12px}.game[data-board-focused=true] .match-table{width:100%}.game[data-board-focused=true] .context.match-panel{align-self:start}}@media (max-width:760px) and (min-height:501px){.game[data-board-focused=true] .match-table{width:min(100%, max(200px, calc((var(--match-height) - 272px - var(--caption-extra,0px) - var(--opening-extra,0px) - env(safe-area-inset-top)) * 1.125 + var(--rank-extra,0px))));max-width:none}.game[data-board-focused=true] .play-layout{grid-template-rows:max-content minmax(0,1fr)}.game[data-board-focused=true] .context.match-panel{align-self:start;max-height:none}}@media (min-width:761px) and (max-width:1366px) and (min-height:601px) and (orientation:landscape){.game.page[data-ui=v2]:not(.board-full-view){grid-template-columns:minmax(0, min(calc((var(--match-height) - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.125 + var(--rank-extra)), calc(100% - 252px))) minmax(240px, 1fr);padding:calc(8px + env(safe-area-inset-top)) 12px calc(8px + env(safe-area-inset-bottom));grid-template-rows:max-content 36px 36px auto minmax(0,1fr);gap:6px 12px;display:grid}.game[data-ui=v2]:not(.board-full-view) .match-top{grid-area:1/2;align-content:start;margin:0}.game[data-ui=v2]:not(.board-full-view) .match-top>span:first-child{flex-basis:100%}.game[data-ui=v2]:not(.board-full-view) .play-layout,.game[data-ui=v2]:not(.board-full-view) .match-table{display:contents}.game[data-ui=v2]:not(.board-full-view) .match-table>.board-presentation{grid-area:1/1/6;align-self:center;min-width:0}.game[data-ui=v2]:not(.board-full-view) .match-table>.player-bar{grid-area:2/2;grid-template-rows:36px;width:100%;height:36px;margin:0}.game[data-ui=v2]:not(.board-full-view) .match-table>.player-bar.self{grid-row:3}.game[data-ui=v2]:not(.board-full-view) .player-losses{display:none}.game[data-ui=v2]:not(.board-full-view) .opening-countdown{grid-area:4/2;margin:0}.game[data-ui=v2]:not(.board-full-view) .context.match-panel{grid-area:5/2;align-self:stretch}.game[data-ui=v2]:not(.board-full-view) .move-motion-caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;margin:0;position:absolute;overflow:hidden}.setup.page{height:var(--viewport-height);min-height:0;padding:calc(8px + env(safe-area-inset-top)) 12px calc(8px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex}.setup .match-head,.deployment-v2>.titlebar{flex:none;max-width:none;min-height:44px;margin:0}.setup .play-layout{grid-template-columns:minmax(0, min(calc((var(--viewport-height) - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.125), calc(100% - 252px))) minmax(240px, 1fr);flex:1;align-items:stretch;gap:12px;width:100%;max-width:none;min-height:0;margin:0;display:grid;position:relative}.setup .setup-board,.setup .play-layout>.board-presentation{align-self:center;width:100%;min-width:0}.setup .board-shell,.setup .metal-board-shell{width:100%;max-width:none}.setup .board-help{min-height:0;margin-top:6px}.setup .play-layout>.context{min-height:0;margin-top:48px;overflow-y:auto}.setup.formation-editor .play-layout:has(.tray:empty){grid-template-columns:minmax(0, min(100%, calc((var(--viewport-height) - 130px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.125)));justify-content:center}.setup.formation-editor .play-layout:has(.tray:empty)>.context{display:none}.setup .board-presentation-controls{width:240px;margin:0;position:absolute;top:0;right:0}.setup .board-camera-menu .board-tool-label{display:none}.setup .play-layout>.deployment-dock{max-height:none;padding-top:48px}.setup.formation-editor .play-layout:has(.tray:empty) .board-presentation-controls{width:100%;position:relative}}@media (min-width:761px) and (max-width:1150px) and (orientation:portrait){.game .play-layout{grid-template-rows:max-content minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:12px}.game .match-table{width:min(100%, calc((var(--match-height) - 440px - var(--opening-extra,0px) - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.125 + var(--rank-extra,0px)));justify-self:center}.game.page{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.game .context.match-panel{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;display:grid}.game .match-panel-tabs,.game .match-draw-prompt{grid-column:1/-1}.game .match-guide-pane{min-height:0;max-height:none;overflow-y:auto}.game .match-log-pane{min-width:0}.setup.page{height:var(--viewport-height);min-height:0;padding:calc(12px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex;overflow:hidden}.setup .match-head{flex:none;min-height:44px;margin:0}.setup>.notice{flex:none;max-height:40px;margin:0;overflow-y:auto}.setup .play-layout{flex-direction:column;flex:1;gap:12px;width:100%;min-height:0;display:flex}.setup .setup-board{width:min(100%, calc((var(--viewport-height) - 335px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.125 + var(--rank-extra,0px)));flex:none;align-self:center}.setup .board-shell,.setup .metal-board-shell{width:100%;max-width:none}.setup .play-layout .setup-panel{flex:1;width:100%;min-height:0;margin:0}.setup-panel .deployment-scroll{max-height:none}.setup-panel .tray{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-panel .tray button{min-height:52px}.deployment-toolbar button{min-height:44px}.game[data-board-focused=true] .play-layout{grid-template-rows:max-content minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px}.game[data-board-focused=true] .match-table{width:min(100%, calc((var(--match-height) - 360px - var(--caption-extra,0px) - var(--opening-extra,0px) - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.125 + var(--rank-extra,0px)))}.game[data-board-focused=true] .context.match-panel{width:100%;display:flex}.game[data-ui=v2]:not(.board-full-view) .match-table{width:min(100%, calc((var(--match-height) - 310px - var(--opening-extra,0px) - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.125 + var(--rank-extra)))}.game[data-ui=v2]:not(.board-full-view) .player-bar{grid-template-rows:36px;height:36px}.game[data-ui=v2]:not(.board-full-view) .player-losses{display:none}.setup.formation-editor .play-layout>.board-presentation{width:min(100%, calc((var(--viewport-height) - 180px - var(--navigation-height,0px)) * 1.125));align-self:center}.setup.formation-editor .play-layout:has(.tray:empty)>.context{display:none}}.game .context.match-panel.match-panel-v2{box-shadow:none;background:#142a3b;border:1px solid #345062;border-radius:10px;flex-direction:column;gap:0;padding:0;display:flex;overflow:visible}.match-panel-v2-tabs{border-bottom:1px solid #345062;flex:none;align-items:stretch;gap:6px;height:40px;padding:0 6px;display:flex}.match-panel-v2-tabs [role=tab]{min-width:44px;box-shadow:none;cursor:pointer;color:#a8bdc9;letter-spacing:.01em;background:0 0;border:0;border-radius:0;padding:0 8px;font:700 15px/1 Barlow Condensed,sans-serif}.match-panel-v2-tabs [role=tab][aria-selected=true]{color:#e4c58a;box-shadow:inset 0 -2px #e4c58a}.match-panel-v2-tabs [role=tab]:focus-visible{outline-offset:-4px;outline:2px solid #e4c58a}.match-panel-v2-body{overscroll-behavior:contain;color:#a8bdc9;scrollbar-width:thin;flex:auto;min-height:0;padding:6px 12px;font-size:13px;line-height:17px;overflow-y:auto}.match-panel-v2-body[hidden]{display:none}.match-panel-v2-body:focus-visible{outline-offset:-2px;outline:2px solid #e4c58a}.match-report{flex-direction:column;gap:3px;display:flex}.match-report-line{justify-content:space-between;align-items:baseline;gap:10px;margin:0;display:flex}.match-panel-v2 .match-panel-v2-body p{color:#a8bdc9;margin:0;font-size:13px;line-height:17px}.match-report-line>:last-child{font-variant-numeric:tabular-nums;flex:none}.match-report-line b,.match-report-head b{color:#f2ddb2;font-weight:600}.match-report-empty{color:#a8bdc9;margin:0;font-size:13px}.match-report-head{width:100%;min-height:20px;box-shadow:none;color:#a8bdc9;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0;padding:0;display:flex}.match-report-head .rank-symbol{color:#f2ddb2;flex:none;width:18px;height:18px}.match-report-title{overflow-wrap:anywhere;min-width:0}.match-report-where{font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.match-report-head>svg:last-child{color:#e4c58a;flex:none;width:14px;height:14px}.match-report-head:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #e4c58a}.match-report{container:match-report/inline-size}.match-report-dot{display:none}@container match-report (width<25.5em){.match-report-head[data-report=clash] .match-report-connective{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.match-report-head[data-report=clash] .match-report-dot{flex:none;display:block}.match-report-head[data-report=clash] .match-report-where{margin-left:0}.match-report-head[data-report=clash]>svg:last-child{margin-left:auto}}@supports not (container-type:inline-size){.match-report-head[data-report=clash] .match-report-connective{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.match-report-head[data-report=clash] .match-report-dot{flex:none;display:block}.match-report-head[data-report=clash] .match-report-where{margin-left:0}.match-report-head[data-report=clash]>svg:last-child{margin-left:auto}}.match-report-losses{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.match-captured{grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:8px 12px;display:grid}.match-captured-row{display:contents}.match-captured-row>.match-report-line{justify-content:flex-start;align-items:center;gap:8px;min-height:22px}.match-captured-tiles{flex-wrap:wrap;gap:4px;padding-bottom:2px;display:flex}.match-captured-row>.match-report-empty{line-height:22px}.match-tile{border-radius:3px;place-items:center;width:20px;height:22px;padding:2px;display:grid}.match-tile svg{width:100%;height:100%}.match-tile.mine{color:#23303a;background:linear-gradient(#f4ecd8,#e2d7bd);box-shadow:inset 0 1px #fffdf6,0 2px #9aa9ad}.match-tile.theirs{color:#d0e0e6;background:linear-gradient(#2a4a5c,#1f3a4c);box-shadow:inset 0 0 0 1px #5b7b8d,0 2px #10222e}.match-tile.theirs .tile-back path{stroke-width:2px;stroke-opacity:.8}.match-tile.theirs .tile-back rect{stroke-width:2px;stroke-opacity:.95}.game .match-panel-v2 .move-list{min-height:0;max-height:none;overflow:visible}.game .match-panel-v2 .move-list li{border-bottom-color:#34506280;gap:1px 8px;padding:5px 0;font-size:12px;line-height:15px}.game .match-panel-v2 .move-list li b{color:#f2ddb2}.match-panel-controls{border-top:1px solid #345062;flex-wrap:wrap;flex:none;gap:6px;padding:8px 10px;display:flex;position:relative}.match-dock-slot{display:contents}.match-panel-controls :is(.match-sheet-toggle,.match-dock-annotate){color:#f2ddb2;min-width:44px;height:44px;box-shadow:none;cursor:pointer;white-space:nowrap;background:#193648;border:1px solid #345062;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 8px;font:600 14px Barlow,sans-serif;display:inline-flex}.match-panel-controls :is(.match-sheet-toggle,.match-dock-annotate) svg{flex:none;width:18px;height:18px}.match-panel-controls .match-dock-annotate[aria-pressed=true]{color:#e4c58a;background:#3a4d53;border-color:#e4c58a}.match-panel-controls .match-dock-annotate:disabled{opacity:.5;cursor:default}.match-panel-controls .match-sheet-toggle.match-dock-match{color:#23303a;background:linear-gradient(#efd69d,#d9b872);border-color:#c6a463}.match-panel-controls :is(.match-sheet-toggle,.match-dock-annotate):focus-visible{outline-offset:2px;outline:2px solid #e4c58a}.match-panel-controls .reaction-control{background:#193648;border:1px solid #345062;border-radius:8px;flex:none;width:44px;height:44px}.match-dock-premoves{color:#e9d5aa;flex-wrap:wrap;flex-basis:100%;order:10;align-items:center;gap:8px;min-width:0;min-height:44px;font-size:12px;display:flex;position:static}.match-dock-premoves button{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:#193648;border:1px solid #345062;border-radius:6px;padding:8px 10px;font:600 13px/1.3 Barlow,sans-serif}.match-dock-premoves p{overflow-wrap:anywhere;margin:0;padding:4px 8px 4px 0}.match-dock-premoves[data-empty=true]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.match-sheet-scrim{z-index:440;background:#06121c8c;position:fixed;inset:0}.match-sheet{z-index:441;max-height:min(440px, calc(var(--viewport-height,100vh) - 160px));overscroll-behavior:contain;background:#16304a;border:1px solid #345062;border-radius:12px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #05101a99}.match-sheet[hidden]{display:none}.match-sheet>button,.match-sheet>.match-sheet-row,.match-sheet .online-actions>button,.match-sheet .social-button{width:100%;min-height:44px;box-shadow:none;color:#f2ddb2;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #22415566;border-radius:0;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:0 12px;font:500 14px Barlow,sans-serif;display:flex}.match-sheet>:last-child{border-bottom:0}.match-sheet .online-actions{display:contents}.match-sheet button:disabled{color:#a8bdc9;opacity:.55;cursor:default}.match-sheet .online-actions>button:disabled{display:none}.match-sheet svg{color:#a8bdc9;flex:none;width:18px;height:18px}.match-sheet .match-sheet-danger,.match-sheet .match-sheet-danger svg{color:#d48a7d}.match-sheet>button:focus-visible{outline-offset:-2px;border-radius:6px;outline:2px solid #e4c58a}.match-sheet summary:focus-visible{outline-offset:-2px;border-radius:6px;outline:2px solid #e4c58a}.match-sheet .match-sheet-segments button:focus-visible{outline-offset:-2px;border-radius:6px;outline:2px solid #e4c58a}.match-sheet .board-view-buttons button:focus-visible{outline-offset:-2px;border-radius:6px;outline:2px solid #e4c58a}.match-sheet .match-sheet-close{color:#a8bdc9;justify-content:center}.match-sheet-choice{cursor:default}.match-sheet-choice>span{color:#f2ddb2}.match-sheet .board-view-choice{flex:none;max-width:none;margin:0;display:block}.match-sheet .board-view-buttons,.match-sheet-segments{background:#193648;border:1px solid #345062;border-radius:8px;grid-auto-columns:minmax(44px,auto);grid-auto-flow:column;gap:0;width:auto;padding:0;display:inline-grid;overflow:hidden}.match-sheet .board-view-buttons button,.match-sheet-segments button{width:auto;min-width:44px;min-height:44px;box-shadow:none;color:#a8bdc9;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;font:600 13px Barlow,sans-serif;display:inline-flex}.match-sheet .board-view-buttons button+button,.match-sheet-segments button+button{border-left:1px solid #345062}.match-sheet .board-view-buttons button[aria-pressed=true],.match-sheet-segments button[aria-pressed=true]{color:#e4c58a;background:#24425a}.match-sheet .board-view-buttons svg{color:currentColor;width:16px;height:16px}.match-sheet .board-tool-label{font:inherit;display:inline}.match-sheet .board-view-notice{color:#a8bdc9;margin:4px 0 0;font-size:12px}.match-sheet>.match-sheet-notes{padding:0;display:block}.match-sheet-notes>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;padding:0 12px;list-style:none;display:flex}.match-sheet-notes>summary::-webkit-details-marker{display:none}.match-sheet-notes>div{color:#a8bdc9;padding:0 12px 10px;font-size:13px;line-height:1.4}.match-sheet-notes>div strong{color:#f2ddb2;display:block}.match-sheet-notes>div p{margin:6px 0 0}.match-panel-v2 .match-draw-prompt{bottom:68px}@media (max-width:760px) and (min-height:501px){.game[data-ui=v2] .match-top{padding-inline:0}.game[data-ui=v2] .move-motion-caption:empty{min-height:0;margin:0}.game[data-ui=v2].page{height:auto;min-height:var(--match-height)}.match-panel-v2-body{height:0;min-height:26px}}@media (max-width:760px) and (min-height:501px) and (max-height:700px){.match-panel-v2-tabs{height:36px}.match-panel-controls{padding:2px 8px}.match-panel-v2-body{min-height:23px;padding:3px 12px}.game[data-ui=v2] .play-layout{row-gap:2px}.game[data-ui=v2] .move-motion-caption{min-height:12px;line-height:12px}}@media (max-width:760px) and (min-height:621px) and (max-height:700px){.game[data-ui=v2].page{padding-bottom:calc(4px + max(0px, env(safe-area-inset-bottom) - var(--navigation-height,67px)))}}@media (max-width:760px) and (min-height:501px) and (max-height:620px){.game[data-ui=v2] .move-motion-caption{min-height:24px}}.resignation-dialog{color:#eeede0;background:#173042;border:1px solid #c4aa75;border-radius:12px;width:min(380px,100vw - 32px);padding:24px;box-shadow:0 20px 60px #06152180}.resignation-flag{color:#e6c484;width:30px;height:30px}.resignation-dialog h2{margin:12px 0 10px;font:600 30px/1.1 Barlow Condensed,sans-serif}.resignation-dialog p{color:#c5d5dd;margin:0 0 10px;font:400 15px/1.5 Barlow,sans-serif}.resignation-dialog small{color:#aec3ce;font:400 12px/1.4 Barlow,sans-serif;display:block}.resignation-actions{gap:10px;margin-top:22px;display:flex}.resignation-actions button{color:#eeede0;cursor:pointer;background:#254657;border:1px solid #75909d;border-radius:6px;flex:1;min-height:44px;padding:10px;font:600 14px Barlow,sans-serif}.resignation-actions .primary{color:#122e40;background:#dfc184;border-color:#dfc184}.resignation-actions .resignation-confirm{color:#ffb7a7;border-color:#9a6863}.resignation-actions button:focus-visible{outline-offset:3px;outline:2px solid #e6c484}.resignation-actions button:hover{filter:brightness(1.12)}.replay-dialog{--replay-board-width:min(820px, calc((100dvh - 280px) * 1.09));width:min(100%, max(300px, var(--replay-board-width)));border:1px solid var(--line,#496370);color:#eeede0;background:#132c3b;border-radius:12px;padding:12px;box-shadow:0 24px 90px #0008}.replay-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.replay-heading h2{margin:0;font-size:24px}.replay-heading small{color:#adc2ca;font-size:11px}.replay-heading button,.replay-controls button{color:#ead09a;background:#203e4e;border:1px solid #496370;border-radius:6px;place-items:center;min-width:40px;min-height:40px;padding:6px;display:grid}.replay-content{min-width:0}.replay-meta{color:#adc2ca;justify-content:space-between;gap:10px;font-size:11px;display:flex}.replay-content .player-bar{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:32px;margin:6px 0}.replay-content .player-avatar{width:30px;height:30px}.replay-content .player-identity strong{font-size:13px}.replay-content .player-identity small{display:none}.replay-content .player-bar.has-losses>.player-losses{flex-wrap:nowrap;grid-area:1/3;justify-self:end;gap:4px;max-width:100%;font-size:10px;overflow-x:auto}.replay-content .player-loss-total{flex:none}.replay-content .board-shell{width:100%}.replay-content .square:disabled{cursor:default}.replay-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 12px;min-height:32px;font-size:12px;display:flex}.replay-caption span{color:#adc2ca}.replay-controls{align-items:center;gap:5px;display:flex}.replay-controls label{text-align:center;flex:1;min-width:40px;font-size:11px}.replay-controls input{accent-color:#e7c888;width:100%;height:24px;padding:0;display:block}.replay-controls button:disabled{opacity:.35}.replay-result{color:#adc2ca;min-height:16px;margin:8px 0 0;font-size:11px}.history-review-button{justify-self:start;padding:7px 12px;font-size:13px}@media (max-width:600px){.replay-dialog{padding:10px}.replay-controls button{min-width:36px;min-height:40px}}@media (max-height:500px) and (min-width:600px){.replay-dialog{width:min(96vw,800px)}.replay-content{grid-template-columns:minmax(180px,calc(109dvh - 163.5px)) minmax(220px,1fr);gap:6px 16px;display:grid}.replay-content .board-shell{grid-area:1/1/8}.replay-content>:not(.board-shell){grid-column:2}.replay-content .player-bar{margin:0}}.henerals-modal-backdrop>.replay-dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}@media (max-width:360px){.replay-heading small{font-size:10px}.replay-heading h2{font-size:22px}.replay-heading{gap:8px}}.replay-content .player-identity{min-width:0}.replay-content .player-identity strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.replay-caption>strong{overflow-wrap:anywhere;min-width:0}.replay-dialog.has-sharing{--replay-board-width:min(620px, calc((100dvh - 370px) * 1.09))}.replay-sharing{border-block:1px solid #496370;margin-bottom:8px;padding:6px 0;font-size:11px}.replay-sharing-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;display:flex}.replay-sharing-row>span{color:#adc2ca;flex-basis:100%}.replay-sharing button{color:#ead09a;background:#203e4e;border:1px solid #496370;border-radius:5px;min-height:40px;padding:6px 9px;font:500 12px Barlow,sans-serif}.replay-sharing button:focus-visible{outline-offset:2px;outline:2px solid #ead09a}.replay-sharing button:disabled{opacity:.45}.replay-sharing [aria-pressed=true]{color:#132c3b;background:#ead09a}.replay-sharing [role=group]{gap:3px;display:flex}.replay-sharing-confirm p{max-width:55ch;margin:8px 0;line-height:1.5}.replay-sharing-confirm button+button{margin-left:6px}.replay-sharing>p{color:#adc2ca;margin:6px 0}.replay-heading-actions{flex:none;align-items:center;gap:8px;display:flex}.replay-heading-actions button,.replay-controls button{min-width:44px;min-height:44px}.replay-heading-actions button{padding:8px 10px;font:600 13px/1.3 Barlow,sans-serif}.replay-dialog.board-focused{--replay-board-width:calc((100dvh - 280px) * 1.09);width:min(100%, max(300px, var(--replay-board-width)))}.replay-dialog.board-focused.has-sharing{--replay-board-width:calc((100dvh - 370px) * 1.09)}.replay-dialog.board-focused .player-losses{display:none}@media (max-width:500px){.replay-heading{flex-wrap:wrap;gap:8px}.replay-heading-actions{margin-left:auto}}@media (min-width:761px){.replay-dialog.board-focused{width:min(100vw - 32px,109dvh + 87.06px)}.replay-dialog.board-focused .replay-content{grid-template-rows:repeat(6,max-content);grid-template-columns:minmax(180px,calc(109dvh - 180.94px)) minmax(220px,1fr);align-content:start;gap:8px 16px;display:grid}.replay-dialog.board-focused .replay-content>.board-presentation{grid-area:1/1/8}.replay-dialog.board-focused .replay-content>:not(.board-presentation){grid-column:2}.replay-dialog.board-focused .replay-content .player-bar{margin:0}}@media (max-width:760px){.replay-dialog.board-focused{width:100%;padding:6px}}@media (min-width:761px) and (max-width:1366px) and (min-height:601px) and (orientation:landscape){.replay-dialog:not(.board-full-view){width:min(100vw - 32px,112.5dvh + 111.75px)}.replay-dialog:not(.board-full-view) .replay-content{grid-template-rows:48px repeat(5,max-content) minmax(0,1fr);grid-template-columns:minmax(0,1fr) 240px;gap:8px 12px;display:grid;position:relative}.replay-dialog:not(.board-full-view) .replay-content>.board-presentation{grid-area:1/1/8;min-width:0}.replay-dialog:not(.board-full-view) .replay-content>:not(.board-presentation){grid-column:2}.replay-dialog:not(.board-full-view) .replay-meta{flex-wrap:wrap;grid-row:2}.replay-dialog:not(.board-full-view) .player-bar.opponent{grid-row:3}.replay-dialog:not(.board-full-view) .player-bar.self{grid-row:4}.replay-dialog:not(.board-full-view) .replay-caption{grid-row:5}.replay-dialog:not(.board-full-view) .replay-controls{grid-row:6;grid-template-columns:repeat(4,minmax(44px,1fr));display:grid}.replay-dialog:not(.board-full-view) .replay-controls label{grid-area:2/1/auto/-1}.replay-dialog:not(.board-full-view) .replay-controls button{grid-row:1}.replay-dialog:not(.board-full-view) .replay-result{grid-row:7;margin:0}.replay-dialog:not(.board-full-view) .board-presentation-controls{width:240px;margin:0;position:absolute;top:0;right:0}.replay-dialog:not(.board-full-view) .player-bar{margin:0}.replay-dialog.has-sharing:not(.board-full-view){width:min(100vw - 32px,112.5dvh + 8.25px)}.replay-dialog:not(.board-full-view) .replay-sharing{max-height:84px;overflow-y:auto}.replay-dialog:not(.board-full-view) .board-camera-menu .board-tool-label{display:none}}@media (min-width:761px) and (max-width:1150px) and (orientation:portrait){.replay-dialog:not(.board-full-view){width:min(100vw - 32px,112.5dvh - 311.5px)}.replay-dialog.has-sharing:not(.board-full-view){width:min(100vw - 32px,112.5dvh - 424px)}.replay-dialog:not(.board-full-view) .replay-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;display:grid}.replay-dialog:not(.board-full-view) .replay-meta{grid-area:1/1/auto/-1}.replay-dialog:not(.board-full-view) .player-bar.opponent{grid-area:2/1}.replay-dialog:not(.board-full-view) .player-bar.self{grid-area:2/2}.replay-dialog:not(.board-full-view) .replay-content>:is(.board-presentation,.replay-caption,.replay-controls,.replay-result){grid-column:1/-1}.replay-dialog:not(.board-full-view) .replay-content>.board-presentation{grid-row:3;min-width:0}}@media (min-width:761px) and (max-width:1366px) and (min-height:601px){.replay-content .metal-board-shell{width:100%;max-width:none}}.practice-history{border:1px solid var(--line);background:#173042;border-radius:6px;max-width:1000px;margin:20px auto 0}.practice-history>summary{cursor:pointer;min-height:48px;color:var(--paper);align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.practice-history>summary svg{width:20px;height:20px;color:var(--brass)}.practice-history>summary small{color:var(--muted);margin-left:auto}.practice-history>p{color:var(--muted);margin:6px 14px 14px;font-size:12px}.practice-history ol{margin:0;padding:0 14px;list-style:none}.practice-history li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.practice-history li>span{flex:1;gap:4px;min-width:0;font-size:14px;display:grid}.practice-history li small{color:var(--muted);font-size:11px}.practice-history button,.practice-history-confirm button{border:1px solid var(--line);min-height:44px;color:var(--paper);background:#203e50;border-radius:5px;padding:8px 12px;font:500 13px Barlow,sans-serif}.practice-history-clear{margin:12px 14px}.practice-history-confirm{border:1px solid var(--line);max-width:400px;color:var(--paper);background:#173042;border-radius:8px;padding:20px}.practice-history-confirm h2{margin-top:0}.practice-history-confirm p{font-size:14px;line-height:1.5}.practice-history-confirm button+button{margin-left:8px}.game-home,.game-store{max-width:1080px;margin-inline:auto}.game-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.game-heading h1{margin:0;font:700 36px/1.1 Barlow Condensed,sans-serif}.game-heading p{color:var(--muted);margin:8px 0 0}.game-profile{width:48px;min-height:48px;color:var(--muted);background:0 0;border:0;padding:8px}.game-profile svg{width:32px;height:32px}.game-home-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);align-items:start;gap:28px;display:grid}.game-home-board{align-self:start;min-width:0}.game-home-board .board{width:100%}.game-home-modes{gap:18px;min-width:0;display:grid}.game-card{border:1px solid var(--line);background:#142f40;border-radius:16px;padding:20px}.game-card.game-online{border-color:var(--brass)}.game-card-heading{align-items:center;gap:14px;margin-bottom:14px;display:flex}.game-card-heading>svg{width:38px;height:38px;color:var(--brass);flex:none}.game-card h2{margin:0;font:700 27px/1.15 Barlow Condensed,sans-serif}.game-card p{color:var(--muted);margin:6px 0 16px}.game-card-heading p{margin:4px 0 0}.game-card>button{width:100%;min-height:48px;margin-top:8px}.game-card>button:not(.primary):not(.text-button){border:1px solid var(--brass);color:var(--paper);background:0 0;border-radius:12px}.game-home .game-card button,.game-store .primary{font:700 22px/1.2 Barlow Condensed,sans-serif}.game-home .text-button{color:var(--brass)}.game-home-links{display:grid}.game-home-links button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;align-items:center;gap:12px;min-height:58px;display:flex}.game-home-links button span{flex:1}.game-home-links svg{width:24px;height:24px}.store-categories{background:#102532;border-radius:14px;gap:4px;margin-bottom:22px;padding:4px;display:flex}.store-categories button{min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;font:700 22px/1.2 Barlow Condensed,sans-serif}.store-categories button[aria-pressed=true]{color:#142f40;background:var(--brass)}.store-stage{aspect-ratio:5/4;isolation:isolate;background:radial-gradient(circle at 50% 30%,#f0d79f57,#e4c58a1a 26%,#0000 62%),linear-gradient(#1d3d55,#16304a);margin:0;position:relative;overflow:hidden}.store-compass{z-index:-1;color:#e4c58a24;pointer-events:none;width:86%;position:absolute;top:-13%;left:7%}.store-noads-stage .store-compass{top:50%;transform:translateY(-50%)}.store-stage-flat{pointer-events:none;transform-origin:50% 100%;width:190%;position:absolute;bottom:0;left:50%;transform:translate(-50%)perspective(900px)rotateX(40deg);-webkit-mask-image:linear-gradient(#0000 18%,#000 52%);mask-image:linear-gradient(#0000 18%,#000 52%)}.store-stage-flat .board-shell{margin:0}.store-stage-metal{pointer-events:none;opacity:0;position:absolute;inset:-82% -56% -9%;-webkit-mask-image:linear-gradient(#0000 44%,#000 62%);mask-image:linear-gradient(#0000 44%,#000 62%)}.store-stage-metal[data-ready]{opacity:1}.store-stage[data-reduced-motion] .store-stage-sheen{animation:none}.store-stage[data-high-contrast] .store-stage-sheen{display:none}.store-stage-metal canvas{width:100%;height:100%;display:block}.store-stage-sheen{pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(115deg,#0000 20%,#ffffff61 45%,#0000 70%);animation:1.4s cubic-bezier(.16,1,.3,1) .15s both store-sheen;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 35%,#000 70%);mask-image:linear-gradient(#0000 35%,#000 70%)}@keyframes store-sheen{0%{opacity:0;transform:translate(-80%)}to{opacity:1;transform:none}}.store-badge{color:#f0d79f;letter-spacing:.04em;background:#102333c7;border:1px solid #e4c58a99;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font:700 15px/1.2 Barlow Condensed,sans-serif;display:inline-flex;position:absolute;top:14px;left:14px}.store-badge svg{width:13px;height:13px}.store-badge.equipped{color:#23303a;background:linear-gradient(#efd69d,#d9b872);border-color:#0000}.store-price-pill{color:#f0d79f;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;background:#102333b3;border:1px solid #e4c58a8c;border-radius:999px;flex:none;align-items:center;gap:5px;max-width:100%;padding:4px 13px;font:700 20px/1.2 Barlow Condensed,sans-serif;display:inline-flex}.store-hero{background:linear-gradient(#16304a,#132a3c);border:1px solid #3a5b70;border-top-color:#f0d79f8c;border-radius:18px;display:grid;overflow:hidden;box-shadow:0 8px 28px #00000047}.store-hero-stage{cursor:pointer}.store-hero-copy{gap:12px;padding:16px 20px 20px;display:grid}.store-hero-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.store-hero-heading h2{min-width:0;color:var(--paper);margin:0;font:700 34px/1.05 Barlow Condensed,sans-serif}.store-hero-copy p{color:#afc1ca;margin:0;line-height:1.55}.game-store .store-hero-action{color:#23303a;background:linear-gradient(#efd69d,#d9b872);border:1px solid #c6a463;border-radius:10px;width:100%;min-height:52px;margin-top:4px;font:700 23px/1.15 Barlow Condensed,sans-serif}.store-hero-copy small{color:var(--muted);text-align:center}.store-remove-ads{text-align:left;width:100%;color:var(--paper);background:linear-gradient(#1d3d55,#132a3c);border:1px solid #3a5b70;border-top-color:#f0d79f8c;border-radius:16px;align-items:center;gap:14px;margin-top:20px;padding:16px;display:flex;box-shadow:0 8px 28px #00000047}.store-shield-tile{background:radial-gradient(circle at 34% 26%,#23455e,#14293a 99%);border:1px solid #3f6580;border-radius:14px;flex:0 0 56px;place-items:center;height:56px;display:grid}.store-shield-tile svg{width:38px;height:38px}.store-remove-ads-text{flex:1;min-width:0}.store-remove-ads b{color:#f2ddb2;font:700 24px/1.15 Barlow Condensed,sans-serif;display:block}.store-remove-ads small{color:#a8bdc9;margin-top:4px;font-size:15px;line-height:1.4;display:block}.store-remove-ads .store-owned{color:#f0d79f;align-items:center;gap:6px;font:700 18px/1.2 Barlow Condensed,sans-serif;display:flex}.store-owned svg{width:15px;height:15px}.store-remove-ads-go{width:20px;height:20px;color:var(--brass);flex:none}.store-teaser{margin-top:28px}.store-teaser-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.store-teaser-heading h2{margin:0;font:700 24px/1.2 Barlow Condensed,sans-serif}.store-teaser-heading span{color:var(--muted);flex:none}.store-teaser-strip{scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.store-teaser-strip::-webkit-scrollbar{display:none}.store-teaser-strip li{scroll-snap-align:start;color:var(--paper);text-align:center;flex:0 0 104px;justify-items:center;gap:8px;font-size:14px;display:grid}.store-teaser-art{opacity:.85;background:#102333;border:1px solid #3a5b70;border-radius:14px;justify-content:center;align-items:center;gap:6px;width:92px;height:92px;display:flex}.store-teaser-art .piece{width:52px;height:64px;font-size:9px}.store-teaser-art-1 .piece{width:42px;height:52px;font-size:8px}.store-teaser-art>svg{width:44px;height:44px;color:var(--brass)}.store-teaser-trail{gap:5px;display:flex}.store-teaser-trail b{background:var(--brass);opacity:.3;border-radius:50%;width:6px;height:6px}.store-teaser-trail b+b{opacity:.55}.store-teaser-trail b+b+b{opacity:.8}.store-board-swatch{background:conic-gradient(#8ba0a5 25%, #bac7c4 0 50%, #8ba0a5 0 75%, #bac7c4 0);border:4px solid #2e4b5d;border-radius:5px;width:54px;height:54px}.store-detail{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;margin-top:24px;display:grid}.store-detail-preview .store-stage{border:1px solid #3a5b70;border-top-color:#f0d79f8c;border-radius:16px;margin-bottom:18px}.store-stage-detail{aspect-ratio:25/21}.store-stage-detail .store-stage-flat{width:225%}.store-noads-stage{aspect-ratio:8/5;background:radial-gradient(circle at 50% 48%,#f0d79f57,#e4c58a1a 26%,#0000 62%),linear-gradient(#1d3d55,#16304a);place-items:center;display:grid}.store-noads-shield{filter:drop-shadow(0 12px 14px #00000073);width:42%;max-width:190px}.store-detail-copy h2{margin:0 0 12px;font:700 34px/1.1 Barlow Condensed,sans-serif}.store-detail-copy>p{color:var(--muted);line-height:1.6}.store-benefits{margin:22px 0;padding:0;list-style:none}.store-benefits li{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:62px;padding-block:12px;font:600 22px/1.3 Barlow Condensed,sans-serif;display:flex}.store-benefits svg{width:28px;height:28px;color:var(--brass);flex:0 0 28px}.store-checkout>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.store-checkout h3,.store-checkout strong{margin:0;font:700 24px/1.2 Barlow Condensed,sans-serif}.store-checkout>button{white-space:normal;overflow-wrap:anywhere;width:100%;min-height:48px;margin-top:18px}.store-checkout p{margin-top:16px;margin-bottom:0;line-height:1.6}.store-footer{text-align:center;padding:28px 0}.store-footer p{color:var(--muted)}.store-footer nav{justify-content:center;gap:22px;margin-top:14px;display:flex}.store-footer a{color:var(--muted);align-items:center;min-height:44px;display:inline-flex}@media (min-width:761px){.store-hero{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr)}.store-hero-stage .store-stage{aspect-ratio:auto;height:100%;min-height:380px}.store-hero .store-stage-metal{inset:-64% -30% -16%}.store-hero-copy{align-content:center;gap:16px;padding:32px 36px}.store-hero-heading h2{font-size:44px}}@media (prefers-reduced-motion:reduce){.store-stage-sheen{animation:none}.store-stage-metal{transition:none}}@media (max-width:760px){.game-home-layout{grid-template-columns:minmax(0,1fr);gap:24px}.game-home-board{width:100%;max-width:430px;margin-inline:auto}.game-heading{margin-bottom:20px}.store-detail{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.store-remove-ads{grid-template-columns:56px minmax(0,1fr) auto;display:grid}.store-remove-ads>.store-price-pill{grid-column:2/-1;justify-self:start}.store-hero-copy{padding-inline:16px}}:is(.game-store button:focus-visible,.game-store a:focus-visible){outline:2px solid var(--brass);outline-offset:4px}.game-store ::selection{background:var(--brass);color:#23303a}.game-store a{text-underline-offset:.2em}.store-content-poster{z-index:-1;object-fit:cover;opacity:.18;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.store-stage[data-high-contrast] .store-content-poster{display:none}.game-home .game-card>button.mode-plate{border:1px solid #e4c58a99;border-bottom:3px solid var(--brass);width:100%;min-height:52px;color:var(--paper);text-align:center;background:#102b3d;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin:4px 0 0;padding:10px 16px;font:700 clamp(21px,6.6vw,26px)/1.1 Barlow Condensed,sans-serif;display:flex}.game-home .game-card>button.mode-plate[data-open=true]{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass)}.game-home .game-card>button.mode-plate:disabled{opacity:1;cursor:default}.mode-plate-line{text-wrap:balance;overflow-wrap:anywhere;min-width:0}.mode-plate-chevron,.mode-plate-timer{color:var(--brass);flex:none}.mode-plate-chevron{transition:transform .25s}.mode-plate-chevron[data-open=true]{transform:rotate(180deg)}.play-match-options{border:1px solid var(--line);background:#1b3446;border-radius:10px;margin-top:12px;padding:12px}.play-match-options p{margin:8px 0 12px}.play-match-options .rated-choice{margin:0}.play-match-options .queue-rating-note{min-height:0}.play-match-options .queue-profile-note{margin-bottom:12px}.play-match-options .mode-list{margin-bottom:14px}.play-match-options .setup-choice{margin-bottom:8px}.play-match-options .select-label{margin:10px 0 0}.game-home .play-match-options button{font-family:Barlow,system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1.3}.game-home .play-match-options .mode-list strong{font:700 26px/1 Barlow Condensed,sans-serif}.game-home .play-match-options .text-button{width:100%;min-height:44px;margin-top:4px;font-size:16px;display:block}.game-home .game-card p.play-block{margin:10px 0 0;font-size:14px}@media (prefers-reduced-motion:reduce){.mode-plate-chevron{transition:none}}.reduce-motion .mode-plate-chevron{transition:none}.game-home-board-wait{aspect-ratio:9/8.4;background:#102b3d;border-radius:12px;width:100%}@media (min-width:600px) and (max-width:760px){.game-home,.page.online-page:not([data-board-visible=true]),.page:is(.learn,.library,.social-page,.rankings-page,.settings-page){max-width:640px}.game-home-board{max-width:400px}}@supports (container-type:inline-size){.game-home .game-card{container-type:inline-size}.game-home .game-card>button.mode-plate{font-size:clamp(16px,11.3636cqi - 11.3636px,26px)}}.game-home-modes{grid-template-columns:minmax(0,1fr)}.game-heading-actions{align-items:center;gap:12px;display:flex}.game-learn{white-space:nowrap;border:1px solid var(--line);min-height:44px;color:var(--paper);background:#173042;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:15px;display:flex}.game-learn svg{width:20px;height:20px}@media (max-width:600px){.game-heading-actions{gap:8px}.game-learn{padding-inline:10px;font-size:14px}}@media (min-width:361px) and (max-width:760px){.game-home .game-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px;display:grid}.game-home .game-heading>div:first-child{display:contents}.game-home .game-heading h1{grid-area:1/1;font-size:30px}.game-home .game-heading p{grid-area:2/1/auto/-1;margin:0}.game-home .game-heading-actions{grid-area:1/2}}@media (min-width:1000px){.page.game-home{width:100%;max-width:1600px;min-height:var(--viewport-height);padding:24px 32px}.game-home .game-heading{margin-bottom:18px}.game-home .game-heading h1{font-size:36px}.game-home .game-heading p{margin-top:6px}.game-home-layout{grid-template-columns:minmax(0, calc((var(--viewport-height) - 142px) * 1.07)) clamp(320px, 28vw, 440px);justify-content:center;gap:24px}.game-home-board{width:min(100%, calc((var(--viewport-height) - 142px) * 1.07));justify-self:center}.game-home-modes{gap:14px}.game-home .game-card{padding:16px}.game-home .game-card-heading{margin-bottom:10px}.game-home .game-card>button{min-height:44px}.game-home .game-card>button.mode-plate{min-height:48px}.game-home .game-home-links button{min-height:44px}}.collection-shelf{margin-bottom:30px}.collection-shelf h2{margin:16px 0 20px;font-size:clamp(1.5rem,3vw,2rem)}.collection-shelf-items{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.collection-shelf-items article{min-width:0}.collection-shelf-items h3{margin:15px 0 8px;font-size:1.7rem}.collection-shelf-items .store-stage{min-height:210px}.collection-sticker{align-items:center;gap:15px;padding:16px;display:flex}.collection-sticker img{object-fit:contain;width:90px;height:90px}.store-pro-entry{text-align:left;border:0;background:0 0;border-block:1px solid #718a9255;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:25px;padding:22px 0;display:flex}.store-pro-entry b{font-size:1.4rem}.store-pro-entry small{color:#b4c8ce;margin-top:7px;display:block}.collection-store .store-checkout strong{margin-bottom:15px;font-size:1.8rem;display:block}@media (max-width:650px){.collection-shelf-items{grid-template-columns:1fr}.store-pro-entry{flex-direction:column;align-items:start}}.collection-shelf-items .primary{min-height:44px;font:inherit;margin:6px 0 12px;padding:12px 20px;font-weight:700}@media (max-width:760px){.game-home-layout .game-home-modes{order:-1}}.page.game-store{max-width:1320px;padding-inline:clamp(20px,2.5vw,40px);container:store/inline-size}.store-detail-preview,.store-detail-copy{min-width:0}@container store (width>=500px) and (width<=759px){.collection-shelf-items article{grid-template-columns:minmax(0,1.55fr) minmax(180px,1fr);align-items:start;gap:10px 22px;display:grid}.collection-shelf-items .store-stage{aspect-ratio:auto;grid-row:1/4;height:100%;min-height:260px}.collection-shelf-items h3{margin-top:5px}.collection-shelf-items p{margin-block:0}.collection-shelf-items .primary{justify-self:start}}@container store (width>=760px){.store-detail{grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr);gap:clamp(22px,3cqi,36px)}.collection-shelf-items{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-shelf-items .store-stage{aspect-ratio:1.45;min-height:260px}.store-benefits{margin-block:16px}.store-benefits li{min-height:52px;font-size:20px}}.referral-discovery{border:1px solid var(--brass);background:#102b3a;border-radius:14px;padding:16px}.referral-discovery header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.referral-discovery h2{color:var(--paper);margin:0;font:700 25px/1.15 Barlow Condensed,sans-serif}.referral-discovery header>span{color:var(--brass);flex:none;font:700 21px/1.2 Barlow Condensed,sans-serif}.referral-reward-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;padding:0;list-style:none;display:grid}.referral-reward-track li{text-align:center;align-content:start;justify-items:center;gap:8px;min-width:0;display:grid}.referral-reward-art{place-items:center;width:80px;max-width:100%;height:80px;display:grid}.referral-reward-art .piece{width:64px;max-width:100%;height:64px;position:relative}.referral-reward-track[data-compact=true] .referral-reward-art{width:56px;height:56px}.referral-reward-track[data-compact=true] .piece{width:48px;height:48px}.referral-reward-track strong{color:var(--paper);overflow-wrap:anywhere;font:700 19px/1.2 Barlow Condensed,sans-serif}.referral-reward-track li>span{color:var(--brass);font-size:14px}.referral-board-swatch{border:4px solid var(--cosmetic-rim);grid-template-columns:repeat(2,1fr);width:80%;height:80%;display:grid}.referral-board-swatch i{background-color:var(--cosmetic-square-light);background-image:var(--cosmetic-light-texture);background-size:cover}.referral-board-swatch i:nth-child(2),.referral-board-swatch i:nth-child(3){background-color:var(--cosmetic-square-dark);background-image:var(--cosmetic-dark-texture)}.referral-discovery footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.referral-discovery footer>span{color:var(--muted);font-size:14px}.referral-discovery footer button{white-space:nowrap;min-height:48px;color:var(--brass);text-align:end;background:0 0;border:0;flex:none;padding:8px 0 8px 12px;font:700 20px/1.2 Barlow Condensed,sans-serif}.referral-discovery button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}@media (max-width:360px){.referral-reward-track{gap:8px}.referral-discovery footer{flex-wrap:wrap}.referral-discovery footer button{text-align:start;padding-inline-start:0}}.economy-panel{container:economy/inline-size}@container economy (width>=800px){.referral-reward-track[data-compact=false] li{text-align:left;grid-template-rows:auto auto;grid-template-columns:64px minmax(0,1fr);justify-items:start;column-gap:12px}.referral-reward-track[data-compact=false] .referral-reward-art{grid-row:1/3;width:64px;height:64px}.referral-reward-track[data-compact=false] strong{align-self:end}.referral-reward-track[data-compact=false] li>span{align-self:start}}.learn :is(.board-training-entry,.rank-training-entry){border:1px solid #4b6572;background:#173142;border-left:3px solid #e2bf7e;border-radius:6px;grid-template-columns:60px minmax(0,1fr) 190px;align-items:center;gap:18px;margin:0 0 14px;padding:18px;display:grid}.learn :is(.board-training-entry,.rank-training-entry) h2{margin:0 0 4px;font-size:26px}.learn :is(.board-training-entry,.rank-training-entry) p{color:#b8cbd1;max-width:none;margin:0;font-size:14px;line-height:1.4}.learn :is(.board-training-entry,.rank-training-entry)>button.primary{justify-content:space-between;gap:8px;width:190px;height:44px;min-height:44px;margin:0;padding:8px 12px;font-size:14px;display:inline-flex}.learn .board-training-emblem{color:#193648}.learn .rank-training-emblem{justify-content:center;gap:2px;width:60px;height:60px}.learn .rank-training-emblem>svg{width:25px;height:32px}.learn .rank-training-emblem>span{font-size:14px}.learn .rank-list{background:0 0;border:0;flex-wrap:wrap;gap:8px;display:flex}.learn .rank-list>div{border:1px solid var(--line);border-radius:5px;flex:200px;min-width:0;padding:12px}.learn .rank-list>div>span{min-width:0}@media (max-width:760px){.learn :is(.board-training-entry,.rank-training-entry){grid-template-columns:40px minmax(0,1fr);gap:8px 12px;margin-bottom:10px;padding:12px}.learn :is(.board-training-entry,.rank-training-entry) h2{font-size:23px}.learn :is(.board-training-entry,.rank-training-entry) p{font-size:12px}.learn :is(.board-training-entry,.rank-training-entry)>div{min-width:0}.learn :is(.board-training-entry,.rank-training-entry)>button.primary{grid-column:2;width:170px;max-width:100%;font-size:13px}.learn :is(.board-training-emblem,.rank-training-emblem){width:40px;height:44px}.learn .board-training-emblem svg{width:30px;height:30px}.learn .rank-training-emblem>svg{width:18px;height:25px}.learn .rank-training-emblem>span{font-size:10px}.learn .rank-list>div{flex-basis:calc(50% - 4px);gap:7px;padding:8px}.learn .rank-list i{width:32px;height:36px}}.board-training-entry{background:#173142;border:1px solid #4b6572;border-left:3px solid #e2bf7e;border-radius:6px;align-items:center;gap:20px;margin-bottom:18px;padding:22px;display:flex}.board-training-emblem{background:#eeeddf;border-radius:5px;flex:none;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 4px #82948f}.board-training-emblem svg{width:40px;height:40px}.formation-training-tray{color:#eeeddf;text-align:left;background:#203f51;border:1px solid #657e89;border-radius:5px;align-items:center;gap:12px;min-height:64px;padding:8px;display:flex}:is(.formation-training-tray[aria-pressed=true],.formation-training-tray:focus-visible){outline-offset:2px;outline:2px solid #e2bf7e}.formation-training-tray .piece{flex:none;width:42px;height:46px}.formation-training-tray,.formation-training-dialog .board-training-field .piece{touch-action:none}.formation-training-tray>span{font:500 13px/1.3 Barlow,sans-serif}.board-training-entry h2{margin:0 0 4px;font-size:27px}.board-training-entry p{color:#b8cbd1;margin:0}.board-training-entry .primary{flex:none;align-items:center;gap:12px;margin-left:auto;display:flex}.henerals-modal-backdrop>.board-training-dialog{width:min(100%,990px);max-height:calc(var(--viewport-height,100vh) - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:#eeeddf;background:#102b3c;border:1px solid #5d7885;border-top:4px solid #e2bf7e;border-radius:10px;padding:18px;overflow:auto;box-shadow:0 20px 60px #0006}.board-training-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.board-training-header h2{margin:0 0 4px;font:700 28px/1.1 Barlow Condensed,sans-serif}.board-training-header span{color:#b8cbd1;font-size:13px}.board-training-dialog :is(.board-training-header,.board-training-actions,.board-training-finished) button{-webkit-appearance:none;appearance:none;color:#eeeddf;background-color:#203f51;border:1px solid #657e89;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:8px 12px;font:500 14px/1.2 Barlow,sans-serif;display:inline-flex}.board-training-dialog :is(.board-training-header,.board-training-actions,.board-training-finished) button.primary{color:#142e3e;border-color:#e2bf7e}.board-training-dialog :is(.board-training-header,.board-training-actions,.board-training-finished) button:disabled{opacity:.5;cursor:default}.board-training-dialog :is(.board-training-header,.board-training-actions,.board-training-finished) button:focus-visible{outline-offset:3px;outline:3px solid #eccb8e}.board-training-header button{flex:none;width:42px;padding:7px}.board-training-dialog :is(.board-training-header,.board-training-actions,.board-training-finished) button svg{flex:none;width:20px;height:20px}.board-training-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:22px;display:grid}.board-training-field{width:min(100%, calc((var(--viewport-height,100vh) - 190px) * 1.09));justify-self:center;min-width:0}.board-training-field .board-presentation{width:100%;max-width:none}.board-training-dialog .board-training-field .board-presentation-controls,.board-training-dialog .board-training-field .match-tools-toggle{display:none}.board-training-field .board-shell{width:100%;margin:0}.board-training-field .move-motion-caption{font-size:11px}.board-training-coach{flex-direction:column;gap:12px;min-width:0;display:flex}.board-training-coach progress{-webkit-appearance:none;appearance:none;color:#e2bf7e;background:#365363;border:0;width:100%;height:5px}.board-training-coach progress::-webkit-progress-bar{background:#365363}.board-training-coach progress::-webkit-progress-value{background:#e2bf7e}.board-training-coach progress::-moz-progress-bar{background:#e2bf7e}.board-training-coach h3{margin:0;font:700 27px/1.1 Barlow Condensed,sans-serif}.board-training-coach p{margin:0;font:400 15px/1.45 Barlow,sans-serif}.board-training-feedback{color:#c3d3d8;background:#1c3a4b;border-left:2px solid #e2bf7e;padding:12px;font-size:13px;line-height:1.4}.board-training-feedback strong{color:#efd09a;margin-bottom:5px;display:block}.board-training-feedback p{font-size:13px}.board-training-actions{flex-wrap:wrap;gap:8px;display:flex}.board-training-actions .primary{flex:1}.board-training-dialog .board-training-actions>button.lesson-next{flex:100%}.board-training-actions>button:not(.lesson-next){flex:1}.lesson-steps{align-items:center;gap:4px;display:flex}.lesson-steps>span{background:#365363;border-radius:3px;flex:1;height:6px}.lesson-steps>span[data-state=done]{background:#e2bf7e}.lesson-steps>span[data-state=current]{background:0 0;height:10px;box-shadow:inset 0 0 0 2px #e2bf7e}.board-training-feedback .lesson-badge{display:flex}.board-training-feedback .lesson-tip{color:#9db3bc;border-top:1px dashed #4b6572;margin-top:8px;padding-top:8px;font-style:italic}.board-training-learned{text-align:left;gap:8px;width:fit-content;max-width:100%;margin:0 auto 14px;padding:0;list-style:none;display:grid}.board-training-learned li{color:#dfe8ea;align-items:flex-start;gap:10px;line-height:1.4;display:flex}.board-training-learned svg{color:#142e3e;stroke-width:3px;background:#e2bf7e;border-radius:50%;flex:none;width:20px;height:20px;margin-top:1px;padding:3px}.board-training-coach small{color:#a9bfc7;font-size:11px}.board-training-finished{text-align:center;max-width:560px;margin:20px auto}.board-training-finished>svg{width:70px;height:70px}.board-training-finished h3{margin:16px 0;font-size:32px}.board-training-finished p{color:#b8cbd1;line-height:1.5}.board-training-finished button{margin:6px}@media (max-width:680px){.board-training-entry{flex-wrap:wrap;gap:14px;padding:16px}.board-training-entry>div{flex:1;min-width:160px}.board-training-entry .primary{width:100%}.henerals-modal-backdrop>.board-training-dialog{padding:10px}.board-training-header{margin-bottom:8px}.board-training-header h2{font-size:23px}.board-training-header span{font-size:11px}.board-training-layout{grid-template-columns:1fr;gap:8px}.board-training-field{width:min(100%, calc((var(--viewport-height,100vh) - 436px) * 1.09))}.board-training-coach{gap:7px}.board-training-coach h3{font-size:22px}.board-training-coach p{font-size:12px;line-height:1.3}.board-training-feedback{padding:7px 9px;font-size:12px}.board-training-feedback strong{margin-bottom:3px}.board-training-actions{gap:6px}.board-training-actions button{min-height:40px;padding:7px 10px;font-size:12px}.board-training-coach small{font-size:10px}}@media (max-height:500px) and (min-width:500px){.henerals-modal-backdrop>.board-training-dialog{padding:8px}.board-training-header{margin-bottom:6px}.board-training-header h2{font-size:21px}.board-training-header span{font-size:10px}.board-training-header button{height:36px;min-height:36px}.board-training-layout{grid-template-columns:minmax(0,1fr) minmax(245px,1fr);gap:12px}.board-training-field{width:min(100%, calc((var(--viewport-height,100vh) - 155px) * 1.09))}.board-training-coach{gap:6px}.board-training-coach h3{font-size:21px}.board-training-coach p{font-size:12px;line-height:1.3}.board-training-feedback{padding:6px 8px;font-size:11px}.board-training-feedback p{font-size:11px}.board-training-actions button{min-height:36px;padding:6px 8px;font-size:12px}.board-training-coach small{font-size:9px}.board-training-finished{margin:0 auto}.board-training-finished>svg{display:none}.board-training-finished h3{margin:8px;font-size:24px}.board-training-finished p{margin:8px;font-size:13px}}.board-training-field .move-motion-caption{display:none}@media (max-height:500px) and (min-width:500px){.board-training-coach progress,.board-training-coach .lesson-steps,.board-training-coach>small{display:none}.board-training-coach{gap:5px}.board-training-feedback{padding:5px 7px}.board-training-coach p{font-size:11px}}@media (max-width:680px){.board-training-finished{margin:8px auto}.board-training-finished>svg{width:42px;height:42px}.board-training-finished h3{margin:12px 0;font-size:26px}.board-training-finished p{margin:12px 0;font-size:13px;line-height:1.4}}:is(.board-training-dialog,.rank-drill) button.lesson-next.primary{min-height:44px;scroll-margin-bottom:calc(var(--navigation-height,67px) + 12px)}:is(.board-training-dialog,.rank-drill) button.lesson-next.primary:disabled{color:#93a9b5;box-shadow:none;opacity:1;cursor:not-allowed;background:#2a4252;border-color:#3d5869}:is(.board-training-dialog,.rank-drill) button.lesson-next.primary[data-ready=true]{animation:.6s ease-in-out 2 lesson-next-pulse;box-shadow:inset 0 1px #fcecc8,0 3px #987945,0 0 0 3px #e2bf7e8c}@keyframes lesson-next-pulse{0%,to{box-shadow:inset 0 1px #fcecc8,0 3px #987945,0 0 0 3px #e2bf7e8c}50%{box-shadow:inset 0 1px #fcecc8,0 3px #987945,0 0 0 9px #e2bf7e33}}.lesson-badge{align-items:center;gap:6px;display:inline-flex}.lesson-badge svg{color:#142e3e;stroke-width:3px;background:#e2bf7e;border-radius:50%;flex:none;width:18px;height:18px;padding:2px}.rank-training-entry{border-block:1px solid #526875;align-items:center;gap:24px;margin:8px 0 30px;padding:24px 0;display:flex}.rank-training-entry h2{margin:0 0 6px;font-size:30px}.rank-training-entry p{max-width:430px;color:var(--muted,#aec0c9);margin:0}.rank-training-entry>button{flex-shrink:0;margin-left:auto}.rank-training-emblem{color:var(--brass);align-items:center;gap:8px;display:flex}.rank-training-emblem>svg{width:54px;height:54px}.rank-training-emblem>span{opacity:.6;font-size:24px}.rank-training-dialog{border:1px solid #617785;color:#f0eedf;background:#102b3d;border-top:3px solid #ddbc7a;border-radius:10px;width:min(740px,100%);box-shadow:0 24px 80px #06101ab3}.rank-drill{padding:22px}.rank-drill-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.rank-drill-header h2{margin:0;font-family:Barlow Condensed,sans-serif;font-size:30px;line-height:1}.rank-drill-header p{color:#aec0c9;margin:6px 0 0;font-size:13px}.rank-drill-header>button{color:#e9e8dc;background:0 0;border:1px solid #5c7481;place-items:center;width:44px;height:44px;padding:10px;display:grid}.rank-drill button svg{flex-shrink:0;width:20px;height:20px}.rank-drill-progress{accent-color:#e2bf7c;background:#304b5b;border:0;width:100%;height:3px;margin:18px 0 24px;display:block}.rank-drill-progress::-webkit-progress-bar{background:#304b5b}.rank-drill-progress::-webkit-progress-value{background:#e2bf7c}.rank-drill-play{grid-template-columns:1fr 1fr;align-items:center;gap:28px;display:grid}.rank-drill-prompt{text-align:center;margin:0 0 14px;font-size:16px;font-weight:600}.rank-drill-board{aspect-ratio:2;border:5px solid var(--drill-rim);isolation:isolate;border-bottom-width:8px;border-radius:5px;grid-template-columns:1fr 1fr;width:100%;max-width:300px;margin:auto;display:grid;position:relative}.rank-drill-square{background:var(--drill-light)}.rank-drill-square:nth-child(2){background:var(--drill-dark)}.rank-drill-piece{place-items:center;width:50%;display:grid;position:absolute;top:0;bottom:0}.rank-drill-attacker{z-index:2;left:0}.rank-drill-defender{z-index:1;left:50%}.rank-drill-piece .piece{background:var(--drill-paper);width:80%;height:83%;color:var(--drill-ink);border:1px solid #657b8190;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6%;padding:7%;display:flex;position:static;box-shadow:0 4px #122e3859,inset 0 1px #ffffff80}.rank-drill-piece .piece>svg{width:58%;height:52%;color:inherit;flex:none;display:block}.rank-drill-piece .piece-label{text-align:center;color:inherit;flex-direction:column;align-items:center;gap:0;font-size:13px;font-weight:700;line-height:1.02;display:flex}.rank-drill-arrow{color:#f0d496;z-index:3;background:#102b3d;border:1px solid #d7b475;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:40%;left:calc(50% - 15px)}.rank-drill-arrow svg{width:18px;height:18px}.rank-drill-roles{color:#e2c387;justify-content:space-around;max-width:300px;margin:8px auto 0;font-size:12px;display:flex}.rank-drill-disclosure{text-align:center;color:#aec0c9;max-width:300px;margin:16px auto 0;font-size:12px;line-height:1.4}.rank-drill-answers{gap:8px;display:grid}.rank-drill-answers button{text-align:left;color:#f0eedf;background:#203f51;border:1px solid #667e8a;border-radius:5px;align-items:center;gap:12px;min-height:44px;padding:11px 14px;font-family:Barlow,sans-serif;font-size:14px;display:flex}.rank-drill-answers button:disabled{opacity:1;cursor:default}.rank-drill-answers button[data-correct=true]{background:#3a554b;border-color:#a6c6a8}.rank-drill-answers button[data-chosen=true][data-correct=false]{background:#593f43;border-color:#e3a393}.rank-drill-answers button:not(:disabled):hover{background:#315166;border-color:#efd399}.rank-drill-feedback{min-height:116px;padding:14px 0;font-size:14px;line-height:1.45}.rank-drill-feedback strong{color:#f0d496}.rank-drill-feedback p{color:#d2dfe2;margin:7px 0 0}.rank-drill-next{justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;display:flex}.rank-drill-results{text-align:center;padding:26px 8px 4px}.rank-drill-results>svg{color:#e2c387;width:72px;height:72px}.rank-drill-results h3{margin:12px 0;font-family:Barlow Condensed,sans-serif;font-size:32px}.rank-drill-score{color:#e2c387;font-family:Barlow Condensed,sans-serif;font-size:56px;display:block}.rank-drill-results p{color:#c1d0d6;max-width:350px;margin:10px auto 24px;font-size:14px}.rank-drill-results>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rank-drill-results button{-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:5px;min-height:44px}.rank-drill-results button:not(.primary){color:#f0eedf;background:#203f51;border:1px solid #667e8a;padding:10px 16px;font:500 14px Barlow,sans-serif}.rank-drill-results button:not(.primary):hover{background:#315166;border-color:#efd399}.rank-drill button:focus-visible{outline-offset:3px;outline:3px solid #f2d897}.rank-drill-board[data-outcome=attacker] .rank-drill-attacker{animation:rank-advance var(--drill-duration) ease-in-out both}.rank-drill-board[data-outcome=defender] .rank-drill-attacker,.rank-drill-board[data-outcome=both] .rank-drill-attacker{animation:rank-attack-lost var(--drill-duration) ease-in-out both}.rank-drill-board[data-outcome=attacker] .rank-drill-defender,.rank-drill-board[data-outcome=both] .rank-drill-defender{animation:rank-defender-lost var(--drill-duration) ease-in-out both}@keyframes rank-advance{0%{transform:translate(0)}55%{transform:translate(80%)translateY(-5%)}75%{transform:translate(80%)}to{transform:translate(100%)}}@keyframes rank-attack-lost{0%{opacity:1;transform:translate(0)}55%,70%{opacity:1;transform:translate(80%)translateY(-5%)}to{opacity:0;transform:translate(80%)translateY(8%)}}@keyframes rank-defender-lost{0%,60%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8%)}}.rank-drill[data-reduced-motion=true] .rank-drill-piece{animation-duration:1ms!important}.rank-drill[data-contrast=true] .rank-drill-answers button{border-width:2px}@media (prefers-reduced-motion:reduce){.rank-drill-piece{animation-duration:1ms!important}}@media (max-width:600px){.rank-training-entry{flex-wrap:wrap;gap:16px}.rank-training-entry>div:nth-child(2){flex:1}.rank-training-entry>button{width:100%;margin-left:0}.rank-training-emblem{gap:4px}.rank-training-emblem>svg{width:38px;height:38px}.rank-training-entry h2{font-size:26px}.rank-training-entry p{font-size:14px}.rank-drill{padding:16px}.rank-drill-play{grid-template-columns:1fr;gap:14px}.rank-drill-progress{margin:12px 0}.rank-drill-board{max-width:240px}.rank-drill-prompt{margin-bottom:8px;font-size:14px}.rank-drill-disclosure{margin-top:8px}.rank-drill-answers{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.rank-drill-answers button{text-align:center;flex-direction:column;justify-content:center;gap:4px;padding:8px 3px;font-size:12px;line-height:1.15}.rank-drill-feedback{min-height:106px;padding:12px 0;font-size:13px}.rank-drill-results>div{flex-direction:column}}@media (max-height:650px) and (max-width:600px){.rank-drill{padding:12px}.rank-drill-header h2{font-size:25px}.rank-drill-board{max-width:185px}.rank-drill-piece .piece-label{font-size:11px}.rank-drill-play{gap:8px}.rank-drill-progress{margin:8px 0}.rank-drill-disclosure{font-size:11px}.rank-drill-feedback{min-height:94px;padding:9px 0;font-size:12px}.rank-drill-results{padding-top:10px}}@media (max-height:500px) and (min-width:500px){.rank-drill-header h2{font-size:24px}.rank-drill-board{max-width:235px}.rank-drill-results{padding:4px 0}.rank-drill-results>svg{display:none}.rank-drill-results h3{margin:6px 0;font-size:26px}.rank-drill-score{font-size:44px}.rank-drill-results p{margin:6px auto 12px}.rank-drill{padding:12px 16px}.rank-drill-play{grid-template-columns:1fr 1fr;gap:20px}.rank-drill-progress{margin:4px 0 6px}.rank-drill-answers{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.rank-drill-answers button{text-align:center;flex-direction:column;justify-content:center;gap:3px;min-height:52px;padding:5px 3px;font-size:12px;line-height:1.1}.rank-drill-feedback{min-height:86px;padding:8px 0;font-size:12px}.rank-drill-disclosure{margin-top:8px;font-size:11px}.rank-drill-results>div{flex-direction:row}}@media (max-height:350px) and (min-width:500px){.rank-drill{padding:8px 12px}.rank-drill-header h2{font-size:22px}.rank-drill-header p{margin-top:4px;font-size:12px}.rank-drill-header>button{width:36px;height:36px;padding:8px}.rank-drill-prompt{margin-bottom:5px;font-size:12px}.rank-drill-board{max-width:160px}.rank-drill-piece .piece-label{font-size:10px}.rank-drill-feedback{min-height:82px;padding:6px 0;font-size:11px}.rank-drill-feedback p{margin-top:4px}.rank-drill-roles{font-size:11px}.rank-drill-results{padding:0}.rank-drill-results>svg{display:none}.rank-drill-results h3{margin:4px 0;font-size:24px}.rank-drill-score{font-size:36px}.rank-drill-results p{margin:5px auto 10px}}.page.learn-hub{max-width:960px;padding-block:24px 40px}.learn-hub h2,.learn-hub h3,.first-run h1{letter-spacing:-.02em;font-family:Barlow,sans-serif}.learn-start{justify-content:space-between;align-items:center;gap:32px;padding:28px 0;display:flex}.learn-start h2{margin:0 0 10px;font-size:28px;line-height:1.2}.learn-start p,.learn-reference>p{color:#c2d1d8;max-width:60ch;margin:0;font-size:16px;line-height:1.6}.learn-start>button{flex-shrink:0;align-items:center;gap:20px;min-height:48px;padding-inline:20px;display:flex}.learn-topics{border-block:1px solid var(--line)}.learn-topics>button{text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:28px 1fr 22px;align-items:center;gap:20px;width:100%;min-height:82px;padding:16px 4px;display:grid}.learn-topics>button+button{border-top:1px solid var(--line)}.learn-topics>button:hover{background:#ffffff0a}.learn-topics>button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.learn-topics strong{font-size:18px;font-weight:600;display:block}.learn-topics small{color:#c2d1d8;margin-top:4px;font-size:14px;line-height:1.4;display:block}.learn-topics>button>svg:first-child{color:#ddc792;width:24px}.learn-topics>button>svg:last-child{color:#c2d1d8;width:18px}.learn-next{justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.learn-next p{color:#c2d1d8;margin:0}.learn-next button{align-items:center;gap:12px;min-height:44px;display:flex}.lesson-page{width:100%;max-width:none;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.lesson-page .board-training-header,.lesson-page .rank-drill-header{border-bottom:1px solid var(--line);gap:12px;padding:0 0 20px}.lesson-page .board-training-header h2,.lesson-page .rank-drill-header h2{color:var(--ink);font-size:24px}.lesson-page .board-training-header>button,.lesson-page .rank-drill-header>button{align-items:center;gap:8px;width:auto;min-height:44px;padding-inline:12px;display:flex}.lesson-page .board-training-layout{gap:24px;margin-top:20px}.lesson-page .board-training-coach{color:var(--ink);background:0 0;border:0;padding:0}.lesson-page .board-training-coach h3{font-size:22px}.lesson-page .board-training-coach>p{color:#c2d1d8;font-size:16px;line-height:1.5}.lesson-page .board-training-coach>small{color:#c2d1d8}.lesson-page .board-training-feedback{color:#e4ebee;background:#172d3d;border:0;border-radius:6px}.lesson-page .rank-drill{padding:0}.learn-reference>p{margin-block:24px}.learn-reference-list{border-block:1px solid var(--line)}.learn-reference-list>div{grid-template-columns:32px minmax(130px,1fr) minmax(160px,1.5fr);align-items:center;gap:16px;padding:12px 0;display:grid}.learn-reference-list>div+div{border-top:1px solid var(--line)}.learn-reference-list svg{color:#ddc792;width:30px;height:30px}.learn-reference-list strong{font-size:16px}.learn-reference-list span{color:#c2d1d8;font-size:14px}.learn-reference-rules{max-width:65ch;padding-top:24px}.learn-reference-rules h2{margin:24px 0 8px;font-size:20px}.learn-reference-rules p{color:#c2d1d8;line-height:1.6}.first-run{grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:64px;max-width:1000px;min-height:70vh;display:grid}.first-run h1{margin:0 0 24px;font-size:42px;line-height:1.1}.first-run p{color:#c2d1d8;max-width:52ch;font-size:18px;line-height:1.6}.first-run ul{margin-block:24px;padding-left:20px;font-size:16px;line-height:1.7}.first-run-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.first-run-actions button{align-items:center;gap:18px;min-height:48px;display:flex}.first-run .first-run-note{margin-top:20px;font-size:14px}.first-run-ranks{color:#ddc792;flex-direction:column;align-items:center;gap:28px;display:flex}.first-run-ranks svg{width:84px;height:84px}@media (max-width:760px){.page.learn-hub{padding-block:16px 28px}.learn-start{flex-direction:column;align-items:stretch;gap:16px;padding-block:22px}.learn-start h2{font-size:24px}.learn-start p{font-size:15px}.learn-start>button{justify-content:space-between}.learn-topics>button{gap:12px;min-height:74px;padding-block:14px}.learn-topics strong{font-size:17px}.learn-topics small{font-size:13px}.learn-next{flex-direction:column;align-items:stretch;gap:12px}.learn-next button{justify-content:space-between}.lesson-page .board-training-layout{grid-template-columns:1fr;gap:16px}.lesson-page .board-training-coach h3{font-size:19px}.lesson-page .board-training-coach>p{font-size:15px}.lesson-page .board-training-header h2,.lesson-page .rank-drill-header h2{font-size:21px}.lesson-page .board-training-actions{flex-wrap:wrap;gap:8px;display:flex}.lesson-page .board-training-actions>button{flex:1;min-height:44px}.learn-reference-list>div{grid-template-columns:28px 1fr;gap:8px 12px}.learn-reference-list span{grid-column:2}.first-run{grid-template-columns:1fr;gap:20px;min-height:auto;padding-block:32px}.first-run h1{margin-bottom:18px;font-size:32px}.first-run p{font-size:16px}.first-run-ranks{flex-direction:row;order:-1;justify-content:center;gap:24px}.first-run-ranks svg{width:44px;height:44px}.first-run-actions{flex-direction:column}.first-run-actions button{justify-content:space-between}}.profile-avatar{object-fit:cover;border-radius:12px;flex:none;display:block}.rail-account-slot{margin-top:auto;padding-top:20px}.rail-account{color:#eeeddf;text-align:left;background:#193344;border:1px solid #425e6e;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 7px;display:flex}.rail-account:hover,.rail-account[aria-current=page]{background:#254354;border-color:#d8b675}.rail-account .profile-avatar{border-radius:8px;width:36px;height:36px}.rail-account-copy{flex:1;gap:3px;min-width:0;display:grid}.rail-account-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.rail-account-copy small{color:#d8b675;font-size:11px}.rail-account progress{width:100%;height:3px}.rail-account-slot+p{margin-top:14px}.profile-page{max-width:1120px;margin-inline:auto}.profile-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.profile-heading h1{margin:0}.profile-page button:not(.primary){color:#eeeddf;background:#203e50;border:1px solid #567180;border-radius:5px;padding:10px 16px}.profile-banner{background:linear-gradient(120deg,#2e4f60,#152f41);border-bottom:3px solid #d8b675;border-radius:8px 8px 0 0;align-items:center;gap:24px;padding:28px;display:flex}.profile-banner>.profile-avatar{width:100px;height:100px;box-shadow:0 7px 16px #091b2855}.profile-banner>div{flex:1;min-width:0}.profile-banner h2{overflow-wrap:anywhere;margin:0 0 6px;font-size:36px}.profile-banner p{color:#b4cbd6;overflow-wrap:anywhere;margin:0}.profile-banner .profile-bio{max-width:55ch;margin-top:10px;font-size:14px}.profile-level{color:#dfc285;border-left:1px solid #526e7d;flex-direction:column;align-items:center;padding-left:16px;display:flex}.profile-level b{font:700 48px/1 Barlow Condensed,sans-serif}.profile-level span{font-size:12px}.profile-level button{min-height:32px;margin-top:6px;padding:4px 10px;font-size:12px}.profile-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:44px;padding-top:28px;display:grid}.profile-layout h2{margin:0 0 12px;font-size:25px}.profile-layout p{color:#bbced8;font-size:14px;line-height:1.6}.profile-xp{justify-content:space-between;gap:12px;margin:18px 0 8px;font-size:13px;display:flex}.profile-xp strong{color:#dfc285}.profile-xp span{color:#bbced8}.profile-progress progress{width:100%;height:7px;display:block}.profile-progress progress,.rail-account progress{-webkit-appearance:none;appearance:none;color:#d8b675;background:#0d2636;border:none;border-radius:10px;overflow:hidden}.profile-progress progress::-webkit-progress-bar{background:#0d2636}.rail-account progress::-webkit-progress-bar{background:#0d2636}.profile-progress progress::-webkit-progress-value{background:#d8b675}.rail-account progress::-webkit-progress-value{background:#d8b675}.profile-progress progress::-moz-progress-bar{background:#d8b675}.rail-account progress::-moz-progress-bar{background:#d8b675}.profile-progress details{border-top:1px solid #405e70;margin:20px 0;padding-top:14px;font-size:14px}.profile-progress summary{cursor:pointer;color:#dfc285}.profile-quick-actions{flex-wrap:wrap;gap:10px;display:flex}.profile-loadout{border-top:1px solid #405e70;margin-top:30px;padding-top:24px}.profile-editor{border-left:1px solid #405e70;padding-left:30px}.profile-editor label{gap:7px;margin-bottom:17px;font-size:14px;font-weight:600;display:grid}.profile-editor input,.profile-editor textarea{color:#eeeddf;width:100%;min-width:0;font:inherit;background:#122c3c;border:1px solid #567180;border-radius:5px;padding:11px 12px}.profile-editor textarea{resize:vertical}.profile-editor label small{color:#bbced8;font-size:12px;font-weight:400}.profile-avatars{border:0;min-inline-size:0;margin:20px 0 24px;padding:0}.profile-avatars legend{margin-bottom:12px;font-size:14px;font-weight:600}.profile-avatars>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.profile-avatars button{aspect-ratio:1;min-width:0;padding:3px!important}.profile-avatars button[aria-pressed=true]{outline-offset:2px;outline:2px solid #dfc285}.profile-avatars .profile-avatar{border-radius:5px;width:100%;height:auto}:is(.profile-page :focus-visible,.rail-account:focus-visible){outline-offset:4px;outline:2px solid #f3d28d}@media (max-width:1150px) and (min-width:761px){.rail-account{justify-content:center;padding:7px}.rail-account-copy{display:none}}@media (max-width:760px){.mobile-nav[data-account=true]{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-nav[data-account=true] button{padding-inline:0;font-size:9px}.profile-heading{gap:10px;margin-bottom:16px}.profile-heading h1{white-space:nowrap;font-size:clamp(26px,7vw,32px)}.profile-heading .profile-quick-actions{flex-wrap:nowrap;gap:6px}.profile-heading button:not(.primary){padding:10px 8px;font-size:12px}.mobile-nav .profile-avatar{border-radius:5px;width:22px;height:22px}.profile-banner{gap:12px;padding:18px 12px}.profile-banner>.profile-avatar{width:64px;height:64px}.profile-banner h2{font-size:26px}.profile-level{padding-left:10px}.profile-level b{font-size:34px}.profile-layout{grid-template-columns:minmax(0,1fr);gap:26px}.profile-editor{border-top:1px solid #405e70;border-left:0;padding:24px 0 0}.profile-avatars{max-width:420px}}.profile-account-controls{border-top:1px solid #425e6e;margin-top:32px;padding-top:24px}.profile-account-controls h2{font-size:22px}.profile-page .delete-account-button,.profile-delete-dialog .delete-account-button{color:#ffcdc2;background:#472f35;border:1px solid #d68f85}.profile-delete-dialog{color:#eeeddf;background:#142f41;border:1px solid #567180;border-radius:10px;width:min(490px,100%);padding:24px;box-shadow:0 24px 80px #0008}.profile-delete-dialog h2{margin-top:0;font-size:30px}.profile-delete-dialog p{color:#bbced6;font-size:14px;line-height:1.5}.profile-delete-dialog .deletion-identity{color:#edce92;overflow-wrap:anywhere}.profile-delete-dialog label{gap:8px;font-size:14px;display:grid}.profile-delete-dialog input{font:inherit;color:#eeeddf;background:#0e2535;border:1px solid #648190;border-radius:5px;width:100%;min-height:44px;padding:10px;font-size:16px}.profile-delete-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.profile-delete-actions button,.profile-delete-actions a{color:#eeeddf;background:#244657;border:1px solid #648190;border-radius:5px;flex:150px;min-height:44px;padding:10px 14px}.profile-delete-actions a{text-align:center;justify-content:center;align-items:center;text-decoration:none;display:flex}.profile-delete-dialog button:disabled{opacity:.5;cursor:default}.profile-edit-fields{border:0;min-width:0;margin:0;padding:0}.profile-photo-choice{align-items:center;gap:16px;padding:16px 0 6px;display:flex}.profile-photo-choice>.profile-avatar{border:1px solid #688391;width:64px;height:64px}.profile-photo-choice>div{min-width:0}.profile-photo-choice small{color:#bbced8;font-size:12px;display:block}.profile-editor .photo-file-label{color:#efd49e;cursor:pointer;border:1px solid #d8b675;border-radius:5px;margin:0 0 8px;padding:10px 14px;display:inline-flex;position:relative;overflow:hidden}.photo-file-label:focus-within{outline-offset:3px;outline:2px solid #f3d28d}.photo-file-label input{opacity:0;cursor:pointer;position:absolute;inset:0}.profile-page .photo-discard{font-size:12px;text-decoration:underline;display:block;background:0 0!important;border:0!important;padding:5px 0!important}.profile-editor .photo-pending{color:#edce92;margin:12px 0 0;font-size:13px}.profile-photo-dialog{color:#eeeddf;background:#142f41;border:1px solid #67818f;border-top:3px solid #d8b675;border-radius:10px;width:min(420px,100%);padding:20px;box-shadow:0 20px 70px #0008}.profile-photo-dialog header,.profile-photo-dialog footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-photo-dialog h2{margin:0;font-size:28px}.profile-photo-dialog p{color:#bbced8;font-size:13px;line-height:1.5}.profile-photo-dialog button{color:#eeeddf;background:#244657;border:1px solid #648190;border-radius:5px;min-height:44px;padding:9px 14px}.profile-photo-dialog button.primary{color:#193344;background:linear-gradient(#ebd29c,#d6b673)}.profile-photo-dialog button:disabled{opacity:.5}.profile-photo-dialog label{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;margin-top:8px;font-size:13px;display:grid}.profile-photo-dialog input[type=range]{accent-color:#d8b675;width:100%;min-height:38px}.profile-photo-dialog details{color:#bbced8;margin:6px 0 16px;font-size:13px}.photo-crop-frame{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#0a202d;border-radius:16px;place-items:center;width:min(100%,260px);margin:16px auto;display:grid;position:relative;overflow:hidden}.photo-crop-frame:active{cursor:grabbing}.photo-crop-frame img{pointer-events:none;-webkit-touch-callout:none;max-width:none;position:absolute}.photo-crop-frame .photo-crop-grid{pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0000 33%,#fff3 33% 33.5%,#0000 33.5% 66%,#fff3 66% 66.5%,#0000 66.5%),linear-gradient(#0000 33%,#fff3 33% 33.5%,#0000 33.5% 66%,#fff3 66% 66.5%,#0000 66.5%);border:2px solid #dfc285;position:absolute;inset:0}.profile-photo-dialog :focus-visible{outline-offset:3px;outline:2px solid #f3d28d}@media (max-height:650px){.photo-crop-frame{width:min(100%,180px);margin-block:8px}.profile-photo-dialog{padding:14px}}.profile-page .profile-signout{width:100%;min-height:48px;margin-top:28px;display:block}.profile-page>.titlebar+.profile-banner{margin-top:16px}.economy-panel{gap:28px;margin-top:28px;display:grid}.economy-panel section{border-top:1px solid var(--line,#526874);padding-top:20px}.economy-panel h2{margin:0 0 12px}.economy-panel p{max-width:70ch;line-height:1.5}.economy-panel form,.economy-panel label{gap:8px;display:grid}.economy-panel form{gap:14px;max-width:520px}.economy-panel input{width:100%;min-width:0;min-height:44px;font:inherit;color:var(--ink,#eeede0);background:var(--panel,#173042);border:1px solid var(--line,#7c919b);box-sizing:border-box;border-radius:6px;padding:10px 12px}.economy-panel button{min-height:44px;font:inherit;cursor:pointer;padding:8px 14px}.economy-panel button:disabled{opacity:.55;cursor:default}.economy-panel :focus-visible{outline:2px solid var(--brass,#dfc184);outline-offset:3px}.economy-items{margin:0 0 16px;padding:0;list-style:none}.economy-items li{border-bottom:1px solid var(--line,#526874);gap:4px;padding:12px 0;display:grid}.economy-items span{line-height:1.45}.economy-flair-actions{flex-wrap:wrap;gap:8px;display:flex}.device-storage-start{text-align:center;color:#e9e8dc;background:#142a3b;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.device-storage-start h1{margin:14px 0 0}.device-storage-start p{max-width:340px;line-height:1.5}.device-save-notice{z-index:11000;bottom:calc(8px + env(safe-area-inset-bottom));color:#f2eddd;background:#102637;border:1px solid #d9bb7a;border-radius:6px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);padding:8px 12px;font:500 12px/1.4 Barlow,sans-serif;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0007}.device-save-notice.saving{pointer-events:none}.device-save-notice button{background:#29485a;border:1px solid #d9bb7a;border-radius:4px;flex:none;min-height:44px;padding:8px}