.order-practice{min-width:0;border:2px solid #6f96ac;border-bottom:5px solid #173867;border-radius:10px;background:#e7edd8;overflow:hidden;color:#193a55}.order-practice .order-practice-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 11px;background:#173867;color:#fff4d2}.order-practice .order-practice-title{font:400 19px/1.25 var(--display);color:#fff4d2;letter-spacing:-.2px;margin:0}.order-practice .order-practice-label{font:500 13px/1.35 var(--sans);color:#bed6e8;margin:5px 0 0;max-width:230px}.order-practice .order-practice-reset{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;flex-shrink:0;padding:6px 9px;border:1px solid #83b3d1;border-bottom:3px solid #0d2749;border-radius:5px;background:#315d87;color:#fff4d2;font:600 13px/1.15 var(--sans);max-width:102px}.order-practice .order-practice-steps{display:flex;justify-content:space-between;gap:8px;list-style:none;padding:12px 14px;margin:0;background:#f1f0d9;border-bottom:1px solid #bdceb7}.order-practice-steps>li{display:flex;align-items:center;gap:5px;min-width:0;font:600 12px/1.2 var(--sans);color:#677d79}.order-practice-steps>li>span{display:grid;place-items:center;flex-shrink:0;width:19px;height:20px;border:1px solid #adbfbb;border-radius:4px;background:#e1e7d8;color:#526b6b;font-weight:700}.order-practice-steps>li[aria-current=step]{color:#173867}.order-practice-steps>li[aria-current=step]>span{background:#2869b5;border-color:#173867;color:#fff}.order-practice-steps>li[data-done=true]>span{background:#d3e4b6;color:#38613c;border-color:#98b884}.order-practice .order-practice-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"home target" "fractions fractions";column-gap:18px;position:relative;padding:13px 15px 15px;background:#a7cb65 url(/art/interface/battlefield.webp) 50% 47%/900px auto;isolation:isolate}.order-practice-building{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;min-height:193px;padding:8px 6px 9px;border:2px solid transparent;border-radius:8px;background:#e7f1b714;color:#234b37;text-align:center;z-index:2}.order-practice-building:before{content:"";position:absolute;left:15%;right:15%;height:30px;bottom:50px;border-radius:50%;background:#53763b26;z-index:-1}.order-practice-building>img{display:block;width:100%;max-width:130px;height:133px;object-fit:contain;filter:drop-shadow(3px 4px 1px #40633135)}.order-practice-building>strong{display:block;font:700 16px/1.2 var(--sans);color:#234b37;margin-top:2px}.order-practice-building>small{display:block;font:500 12px/1.3 var(--sans);min-height:16px;margin-top:4px;color:#345b41;max-width:150px}.order-practice-home{grid-area:home}.order-practice-target{grid-area:target}.order-practice-target[data-captured=false]>img{filter:grayscale(1) brightness(1.05) drop-shadow(3px 4px 1px #40633135)}.order-practice-building:not(:disabled):hover{background:#e7f1b747;border-color:#6d945c}.order-practice-home[aria-pressed=true]{border-color:#fff0a2;background:#f9eaa32b;box-shadow:inset 0 0 0 1px #57754b}.order-practice-building:disabled{opacity:1;cursor:default}.order-practice .order-practice-count{position:absolute;z-index:3;top:3px;left:50%;transform:translate(-50%);min-width:36px;text-align:center;padding:3px 7px;background:#2869b5;border:1px solid #eef6d4;border-bottom:3px solid #173867;border-radius:5px;color:#fff4d2;font:400 17px/1.15 var(--display)}.order-practice-target[data-captured=false]>.order-practice-count{background:#798578;border-bottom-color:#536052}.order-practice .order-practice-fractions{grid-area:fractions;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0 0;padding:10px 0 0;border:0;border-top:1px solid #5f82484d;min-width:0;z-index:3}.order-practice-fractions>legend{padding:0 0 7px;font:700 14px/1.25 var(--sans);color:#234b37}.order-practice-fractions>button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:49px;padding:5px 3px;border:1px solid #96b27c;border-bottom:3px solid #5e8155;border-radius:5px;background:#eef1d9;color:#234b37;font:700 17px/1.2 var(--sans)}.order-practice-fractions>button>small{font:500 12px/1.3 var(--sans);margin-top:2px;color:#4c7152}.order-practice-fractions>button[aria-pressed=true]{background:#ffd064;color:#553b19;border-color:#fff1ad;border-bottom-color:#a7732b;box-shadow:0 2px #6b512e}.order-practice-fractions>button[aria-pressed=true]>small{color:#71512b}.order-practice-fractions>button[aria-disabled=true]{background:#d7e3bf;color:#667d5a}.order-practice-fractions:disabled>button{opacity:.65;cursor:default}.order-practice-lane{position:absolute;pointer-events:none;left:25%;right:25%;top:85px;height:45px;z-index:4}.order-practice-trail{position:absolute;left:0;right:0;top:22px;border-top:2px dashed #f5dfa485;z-index:-1}.order-practice-army{position:absolute;left:0;top:0;display:grid;place-items:center;width:38px;height:45px;transform:translate(-50%)}.order-practice-army>img{display:block;width:38px;height:38px;object-fit:contain;filter:drop-shadow(1px 2px #3c5d36)}.order-practice-army>span{position:absolute;top:-15px;left:50%;transform:translate(-50%);padding:3px 5px;background:#2869b5;border:1px solid #f4efc8;border-radius:4px;color:#fff;font:700 13px/1 var(--sans)}.order-practice .order-practice-explanation{min-height:103px;padding:14px 15px 12px;border-top:2px solid #9eb883;background:#eef1df}.order-practice .order-practice-coach{font:600 15px/1.4 var(--sans);color:#31536b;margin:0;min-height:42px}.order-practice .order-practice-math{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0 0;padding-top:11px;border-top:1px solid #c4d0bc}.order-practice-math>div{min-width:0}.order-practice-math dt{font:500 12px/1.3 var(--sans);color:#647d76}.order-practice-math dd{font:400 20px/1.2 var(--display);color:#173867;margin:4px 0 0}.order-practice .order-practice-warning{display:flex;align-items:flex-start;gap:6px;margin:12px 0 0;font:600 13px/1.4 var(--sans);color:#8a592b}.order-practice-warning>svg{margin-top:1px}.order-practice .order-practice-disclosure{font:400 12px/1.4 var(--sans);color:#58746e;padding:12px 15px;margin:0;border-top:1px solid #c4d0bc;background:#e1e8d3}.order-practice :is(button):focus-visible{outline:3px solid #173867;outline-offset:3px}.order-practice .order-practice-reset:focus-visible{outline-color:#ffd064}@media(max-width:520px){.order-practice .order-practice-header{padding:13px 12px 11px;gap:8px}.order-practice .order-practice-title{font-size:17px}.order-practice .order-practice-label{font-size:12px}.order-practice .order-practice-reset{font-size:12px;max-width:86px;padding-inline:6px}.order-practice .order-practice-steps{padding:11px 10px;gap:6px}.order-practice-steps>li{font-size:11px;gap:4px}.order-practice-steps>li>span{width:17px;height:19px}.order-practice .order-practice-board{padding:12px 10px 13px;column-gap:12px}.order-practice-building{min-height:164px;padding:8px 3px}.order-practice-building>img{max-width:110px;height:107px}.order-practice-building>strong{font-size:15px}.order-practice-building>small{font-size:11px;line-height:1.25;min-height:28px;max-width:110px}.order-practice .order-practice-count{font-size:16px;min-width:32px;top:0}.order-practice .order-practice-fractions{gap:6px;margin-top:12px}.order-practice-fractions>legend{font-size:13px}.order-practice-fractions>button{font-size:16px;min-height:49px}.order-practice-fractions>button>small{font-size:11px}.order-practice-lane{top:70px}.order-practice .order-practice-explanation{padding:12px 12px 11px;min-height:108px}.order-practice .order-practice-coach{font-size:14px;line-height:1.4}.order-practice .order-practice-disclosure{padding:11px 12px;font-size:12px}.order-practice .order-practice-math{gap:7px}.order-practice-math dt{font-size:11px}.order-practice-math dd{font-size:18px}}@media(prefers-reduced-motion:reduce){.order-practice-army{animation:none;transition:none}}.howto-manual.game-dialog{width:min(980px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:27px 30px 25px;border:3px solid #83b3d1;border-bottom:7px solid #173867;border-radius:16px;background:#f5f0d9;color:#193a55;box-shadow:inset 0 0 0 3px #fff9e8,0 18px 50px #0d274966;scrollbar-color:#789bb5 #ebe9d2;scrollbar-width:thin}.howto-manual.game-dialog>h2{font:400 30px/1.2 var(--display);letter-spacing:-.5px;color:#173867;margin:0;padding:0 36px 0 0}.howto-manual.game-dialog>.modal-close{top:18px;right:18px;min-width:36px;min-height:36px;color:#173867;border:1px solid #a5becc;border-bottom:3px solid #7896ad;border-radius:6px;background:#e0ebed}.howto-manual.game-dialog>.howto-intro{font:500 18px/1.4 var(--sans);color:#516b80;margin:8px 0 24px}.howto-manual :is(h3,h4,p,figure){margin:0}.howto-manual h3{font:400 20px/1.3 var(--display);letter-spacing:-.3px;color:#173867}.howto-manual h4{font:700 19px/1.25 var(--sans);color:#193a55}.howto-manual p{font:400 16px/1.45 var(--sans);color:#516b80}.howto-manual strong{font-weight:700;color:#244c70}.howto-opening{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center;padding-bottom:26px;border-bottom:2px solid #c0cbbd}.howto-objective{display:grid;grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:12px;min-width:0}.howto-section-label{display:flex;align-items:center;gap:7px;color:#476946;font:700 15px/1.3 var(--sans);margin-bottom:10px}.howto-objective h3{font-size:26px;line-height:1.2;margin-bottom:13px}.howto-objective p{font-size:16px;color:#375c50}.howto-objective-art{position:relative;min-width:0;padding-bottom:25px}.howto-objective-art>img{display:block;width:100%;height:auto;filter:drop-shadow(4px 6px 0 #6e8f6440)}.howto-objective-art>span{display:flex;align-items:center;justify-content:center;gap:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%);font:700 13px/1.2 var(--sans);white-space:nowrap;padding:5px 7px;border-radius:5px;background:#244c70;color:#fff4d2;border-bottom:3px solid #173867}.howto-orders{padding-top:25px}.howto-step-list{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.howto-step-list>li{min-width:0}.howto-step-art{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;height:158px;border:2px solid #a9c281;border-bottom:4px solid #749663;border-radius:9px;overflow:hidden;background:#a7cb65 url(/art/interface/battlefield.webp) 50% 47%/800px auto}.howto-step-art>img{display:block;width:140px;height:140px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(3px 5px 1px #40633140)}.howto-order-token{display:flex;align-items:center;justify-content:center;gap:3px;position:absolute;z-index:3;bottom:8px;left:50%;transform:translate(-50%);padding:5px 10px;min-height:25px;white-space:nowrap;font:700 14px/1 var(--sans);background:#244c70;color:#fff4d2;border:1px solid #78a6c5;border-bottom:3px solid #173867;border-radius:5px}.howto-selection-ring{position:absolute;width:123px;height:38px;bottom:16px;left:50%;transform:translate(-50%);border:3px solid #ffdf78;border-radius:50%;background:#ffdf7820;z-index:1}.howto-step-art--send>img.howto-send-source{position:absolute;width:98px;height:110px;left:0;bottom:28px}.howto-step-art--send>img.howto-send-target{position:absolute;width:100px;height:110px;right:0;bottom:22px}.howto-step-art--send>img.howto-marching-unit{position:absolute;z-index:3;width:58px;height:64px;left:48%;top:70px;transform:translate(-50%)}.howto-march-path{position:absolute;left:18%;right:18%;top:100px;border-top:3px dashed #f4d475;transform:rotate(-8deg);z-index:1}.howto-fraction-token{bottom:auto;top:8px;left:26%;background:#ffd064;color:#553b19;border-color:#ffe9a1;border-bottom-color:#a97127}.howto-captured-flag{position:absolute;top:19px;right:25%;color:#2869b5;z-index:3;filter:drop-shadow(0 1px #e4f2c5)}.howto-step-copy{position:relative;padding:15px 0 0 34px}.howto-step-number{position:absolute;left:0;top:15px;display:grid;place-items:center;width:25px;height:27px;font:400 15px/1 var(--display);background:#2869b5;border:1px solid #83b3d1;border-bottom:3px solid #173867;border-radius:5px;color:#fff4d2}.howto-step-copy>h4{margin-bottom:7px}.howto-step-copy p{font-size:16px;line-height:1.4}.howto-manual .howto-order-warning{display:flex;align-items:flex-start;gap:8px;margin-top:18px;padding:12px 14px;border-left:3px solid #bf8b35;background:#ede2bc;font-size:15px;color:#71552b}.howto-order-warning>svg{margin-top:2px}.howto-buildings{border-block:2px solid #c0cbbd;margin-top:26px;padding:24px 0}.howto-section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:17px}.howto-section-heading>p{font-size:15px;max-width:270px}.howto-building-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px}.howto-building{display:flex;gap:9px;align-items:flex-start;min-width:0}.howto-building>img{width:65px;height:72px;object-fit:contain;flex-shrink:0}.howto-building>div{min-width:0}.howto-building h4{font-size:17px;margin:4px 0}.howto-building span{display:flex;align-items:center;gap:4px;font:600 14px/1.3 var(--sans);color:#2869b5;margin-bottom:4px}.howto-building p{font-size:14px;line-height:1.4}.howto-upgrade{display:flex;gap:13px;align-items:flex-start;margin-top:23px;padding-top:19px;border-top:1px solid #c4cdbb}.howto-upgrade-icon{display:grid;place-items:center;flex-shrink:0;width:41px;height:43px;background:#ffdf78;border:2px solid #fff2b2;border-bottom:4px solid #bf8b35;border-radius:7px;color:#71552b}.howto-upgrade h4{margin:0 0 6px}.howto-upgrade p{font-size:15px;max-width:680px}.howto-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:25px 0}.howto-controls dl{margin:16px 0 0}.howto-controls dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #ccd2bd}.howto-controls dt{font:700 15px/1.4 var(--sans);color:#31536b}.howto-controls dd{margin:0;font:400 15px/1.4 var(--sans);color:#516b80}.howto-controls kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:24px;padding:1px 4px;margin:0 3px 3px 0;border:1px solid #a7bcc6;border-bottom:3px solid #7896ad;border-radius:4px;background:#e3eaeb;font:700 13px/1 var(--sans)}.howto-controls>p{font-size:14px;line-height:1.4;margin-top:13px;color:#7a613b}.howto-commands>p{font-size:15px;margin-top:13px}.howto-manual .howto-time-limit{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border:1px solid #bdcbbb;background:#e4e8d5;font-size:15px;margin-bottom:14px}.howto-time-limit>svg{margin-top:2px}.howto-server-note{display:flex;gap:9px;padding:14px;background:#e1e8d7;border-top:2px solid #c3d0bc}.howto-server-note>svg{margin-top:2px;color:#4b7057}.howto-server-note>p{font-size:14px;line-height:1.4;color:#4e6c5d}.howto-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:21px}.howto-credit{font-size:12px!important;line-height:1.5!important;color:#687d82!important;max-width:490px}.howto-credit a{text-underline-offset:3px}.howto-close{width:auto;min-width:230px;max-width:290px;min-height:49px;font-size:17px;flex-shrink:0}.howto-manual :is(button,a):focus-visible{outline:3px solid #2869b5;outline-offset:4px}@media(max-width:760px){.howto-manual.game-dialog{padding:23px}.howto-opening{grid-template-columns:1fr;gap:22px}.howto-objective{grid-template-columns:minmax(0,1fr) 150px;gap:25px}.howto-objective-art{max-width:150px}.howto-objective h3{font-size:27px}.howto-objective p{max-width:390px}.howto-step-list{gap:15px}.howto-step-art{height:138px}.howto-step-copy{padding-left:0;padding-top:44px}.howto-step-number{top:10px}.howto-step-copy h4{font-size:18px}.howto-step-copy p{font-size:15px}.howto-building-list{grid-template-columns:repeat(2,minmax(0,1fr))}.howto-bottom-grid{gap:24px}.howto-controls dl>div{grid-template-columns:1fr;gap:5px}.howto-footer{flex-direction:column;align-items:stretch;gap:18px}.howto-close{width:100%;max-width:none}.howto-credit{max-width:none}}@media(max-width:520px){.howto-manual.game-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:20px 17px;border-width:2px;border-bottom-width:5px;border-radius:11px}.howto-manual.game-dialog>h2{font-size:25px}.howto-manual.game-dialog>.modal-close{top:12px;right:11px;min-width:34px;min-height:34px}.howto-manual.game-dialog>.howto-intro{font-size:17px;margin:8px 0 21px}.howto-opening{gap:20px;padding-bottom:22px}.howto-objective{grid-template-columns:minmax(0,1fr) 98px;gap:10px}.howto-objective h3{font-size:21px;line-height:1.2;margin-bottom:11px}.howto-section-label{font-size:14px;margin-bottom:8px}.howto-objective p{font-size:15px;line-height:1.4}.howto-objective-art{padding-bottom:26px}.howto-objective-art>span{font-size:11px;padding:5px;gap:3px}.howto-objective-art>span>svg{width:12px;height:12px}.howto-manual h3{font-size:19px}.howto-step-list{grid-template-columns:1fr;gap:22px;margin-top:15px}.howto-step-list>li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;align-items:start}.howto-step-art{height:128px}.howto-step-art>img{width:112px;height:121px}.howto-step-copy{padding:0}.howto-step-number{position:static;width:23px;height:24px;margin-bottom:7px;font-size:13px}.howto-step-copy h4{font-size:18px;margin-bottom:6px}.howto-step-copy p{font-size:15px;line-height:1.35}.howto-order-token{font-size:11px;padding:4px 5px;bottom:7px;min-height:23px}.howto-selection-ring{width:93px;height:27px;bottom:16px}.howto-step-art--send>img.howto-send-source{width:56px;height:76px;left:0;bottom:28px}.howto-step-art--send>img.howto-send-target{width:56px;height:76px;right:0;bottom:20px}.howto-step-art--send>img.howto-marching-unit{width:37px;height:47px;left:49%;top:65px}.howto-march-path{top:88px}.howto-fraction-token{top:7px;bottom:auto;left:27%}.howto-captured-flag{top:14px;right:11%;transform:scale(.8)}.howto-order-warning{padding:10px!important;font-size:14px!important}.howto-section-heading{display:block;margin-bottom:18px}.howto-section-heading>p{font-size:14px;max-width:300px;margin-top:8px}.howto-buildings{padding:22px 0;margin-top:22px}.howto-building-list{grid-template-columns:1fr;gap:16px}.howto-building{gap:13px}.howto-building>img{width:64px;height:72px}.howto-building h4{font-size:18px}.howto-building span{font-size:14px}.howto-building p{font-size:15px}.howto-upgrade{gap:11px}.howto-upgrade h4{font-size:18px}.howto-upgrade p{font-size:15px}.howto-bottom-grid{grid-template-columns:1fr;gap:25px;padding:23px 0}.howto-controls dl>div{grid-template-columns:87px minmax(0,1fr);gap:11px}.howto-controls kbd{min-width:20px;margin-right:2px}.howto-server-note{padding:12px}.howto-close{min-width:0;font-size:17px;min-height:51px}.howto-footer{padding-top:19px}.howto-manual .howto-time-limit{font-size:14px;padding:11px}}@media(max-width:350px){.howto-manual.game-dialog{padding-inline:14px}.howto-objective{grid-template-columns:minmax(0,1fr) 82px;gap:7px}.howto-objective h3{font-size:19px}.howto-step-list>li{grid-template-columns:94px minmax(0,1fr);gap:11px}.howto-step-art>img{width:100px;height:116px}.howto-step-copy h4{font-size:17px}.howto-controls dl>div{grid-template-columns:75px minmax(0,1fr);gap:10px}.howto-controls kbd{min-width:18px;padding-inline:3px}}.howto-manual.game-dialog>.modal-close{position:sticky;top:-8px;right:auto;z-index:6;width:44px;height:44px;min-width:44px;min-height:44px;margin:-8px 0 -36px auto}.howto-manual.game-dialog>h2{position:sticky;top:-8px;z-index:5;display:flex;align-items:center;min-height:44px;padding-right:54px;margin:-8px 0 0;background:#f5f0d9;box-shadow:0 -10px 0 12px #f5f0d9,0 2px #c4cfbc}.howto-step-art--send>img.howto-send-target{filter:grayscale(1) drop-shadow(3px 5px 1px #40633140)}.howto-march-path:after{content:"";position:absolute;right:0;top:-5px;width:7px;height:7px;border-top:3px solid #f4d475;border-right:3px solid #f4d475;transform:rotate(45deg)}@media(max-width:350px){.howto-step-art>img{width:88px}}.howto-manual.game-dialog{overscroll-behavior:contain}.howto-manual.game-dialog>.modal-close:focus-visible{outline-offset:-4px}.howto-manual .howto-live-note{display:flex;align-items:center;gap:8px;font:500 14px/1.4 var(--sans);color:#6f633d;margin:15px 0 0}.howto-live-note>svg{flex-shrink:0}@media(max-width:760px){.howto-opening>.order-practice{order:-1}}.reference-match[data-view] .battle-coach{display:block;padding:7px;max-width:300px;background:#f4f2ddf7;border:2px solid #9cbac8;border-bottom:4px solid #173867;color:#193a55;min-width:0}.reference-match[data-view] .battle-coach .coach-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;gap:4px;min-width:0}.reference-match[data-view] .battle-coach .coach-actions>button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;min-width:0;padding:4px;font:700 14px/1.15 var(--sans);background:#dce8e8;border:1px solid #92adbc;border-bottom:3px solid #6c879b;border-radius:6px;color:#31536b;touch-action:manipulation}.reference-match[data-view] .battle-coach .coach-actions>button>span{font-size:11px;color:#617b8c}.reference-match[data-view] .battle-coach .coach-actions>.coach-current{background:#ffd064;border-color:#ffeaaf;border-bottom-color:#a66e23;color:#553b19}.reference-match[data-view] .battle-coach .coach-actions>.coach-ready{background:#c8ddea;color:#173867}.reference-match[data-view] .battle-coach .coach-actions>.coach-under-attack{background:#f5dbc1;border-color:#c88d6c;border-bottom-color:#9d6044;color:#7f3b25}.reference-match[data-view] .battle-coach .coach-fraction{position:relative;display:flex;min-width:0;min-height:44px;align-items:center;border:1px solid #92adbc;border-bottom:3px solid #6c879b;border-radius:6px;background:#dce8e8;color:#31536b}.reference-match[data-view] .battle-coach .coach-fraction>span{position:absolute;left:6px;font:700 11px var(--sans);pointer-events:none;color:#617b8c}.reference-match[data-view] .battle-coach .coach-fraction>select{display:block;width:100%;min-width:0;min-height:44px;margin:0;padding:2px 9px 2px 18px;border:0;border-radius:5px;background:transparent;color:inherit;font:700 16px var(--sans);touch-action:manipulation}.coach-fraction option{background:#f5f0d9;color:#193a55}.coach-fraction:has(select:disabled){opacity:.5}.coach-fraction>select:focus-visible{outline:3px solid #ffd064;outline-offset:2px}.reference-match[data-view] .battle-coach button:disabled{opacity:.5;cursor:default}.reference-match[data-view] .battle-coach button:not(:disabled):hover{filter:brightness(1.06)}.reference-match[data-view] .battle-coach button:focus-visible,.reference-match[data-view] .battle-coach summary:focus-visible{outline:3px solid #ffd064;outline-offset:2px}.reference-match[data-view] .battle-coach .coach-actions>.coach-toggle{background:transparent;border-color:transparent;border-bottom-color:transparent;color:#31536b}.coach-expanded{transform:rotate(90deg)}.battle-coach>.coach-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.reference-match[data-view] .battle-coach .coach-status{grid-column:1/4;display:flex;align-items:center;gap:7px;margin:0;font:700 15px/1.2 var(--sans);color:#193a55;min-width:0}.reference-match[data-view] .battle-coach .coach-body{padding:8px 3px 1px;min-width:0}.reference-match[data-view] .battle-coach .coach-body>strong{display:block;margin:0 0 3px;font:700 15px/1.2 var(--sans);color:#193a55}.reference-match[data-view] .battle-coach p{display:block;margin:0;font:500 14px/1.3 var(--sans);color:#3d5c6d;overflow-wrap:anywhere}.reference-match[data-view] .battle-coach :is(.coach-marches,.coach-risk){display:flex;align-items:flex-start;gap:5px;margin-top:5px;font-size:13px}.reference-match[data-view] .battle-coach .coach-risk{color:#8b4c25}.reference-match[data-view] .battle-coach .coach-threat{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:7px;padding:7px;text-align:left;font:600 14px/1.25 var(--sans);background:#f5dbc1;color:#7f3b25;border:1px solid #c88d6c;border-radius:5px}.coach-threat b{display:block;font-weight:700;margin-top:2px}.reference-match[data-view] .battle-coach .coach-threat>span{font:600 14px/1.25 var(--sans);color:#7f3b25}.reference-match[data-view] .battle-coach .coach-activity{margin-top:7px;border-top:1px solid #c4d0c5}.reference-match[data-view] .battle-coach .coach-activity>summary{display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;list-style:none;font:600 13px/1.25 var(--sans);color:#31536b}.coach-activity>summary::-webkit-details-marker{display:none}.coach-activity>summary>span{flex:1;min-width:0}.coach-activity ol{list-style:none;padding:0;margin:0}.coach-activity li{border-top:1px solid #d2dacb}.coach-activity li>button{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:44px;width:100%;text-align:left;font:500 13px/1.3 var(--sans);padding:6px;color:#31536b}.coach-activity li[data-kind=captured]{background:#dce8c8}.coach-activity li[data-kind=lost]{background:#f5dbc1}@media(max-width:760px){.reference-match[data-view] .battle-coach{max-width:none;padding:6px}.reference-match[data-view] .battle-coach .coach-actions{grid-template-columns:repeat(3,minmax(0,1fr)) 44px}.reference-match[data-view] .battle-coach .coach-body{padding:6px 3px 1px}.reference-match[data-view] .battle-coach[data-choosing=true] .coach-body>strong{display:none}.reference-match[data-view] .battle-coach .coach-actions>button{font-size:14px}}@media(max-height:500px)and (orientation:landscape){.reference-match[data-view] .battle-coach[data-compact=true]{position:absolute;grid-row:auto;grid-column:auto;inset:52px 230px auto auto;width:46px;max-width:46px;margin:0;padding:0;border-width:1px;border-bottom-width:2px;z-index:23}.reference-match[data-view] .battle-coach[data-compact=true] .coach-actions{display:block}.reference-match[data-view] .battle-coach[data-compact=true] .coach-actions>:not(.coach-toggle){display:none}.reference-match[data-view] .battle-coach[data-compact=true] .coach-actions>.coach-toggle{width:44px;min-width:44px;min-height:44px}.reference-match[data-view] .battle-coach[data-compact=true]:has(.coach-toggle[aria-expanded=true]){top:52px;left:8px;right:auto;width:min(360px,calc(100% - 16px));max-width:none;max-height:calc(100% - 60px);padding:6px;overflow:auto}.reference-match[data-view] .battle-coach[data-compact=true]:has(.coach-toggle[aria-expanded=true]) .coach-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 44px}.reference-match[data-view] .battle-coach[data-compact=true]:has(.coach-toggle[aria-expanded=true]) .coach-actions>:not(.coach-toggle){display:flex}}@font-face{font-family:Bungee;src:url(/fonts/game/Bungee-Latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/fonts/game/BarlowSemiCondensed-Latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/fonts/game/BarlowSemiCondensed-Latin-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/fonts/game/BarlowSemiCondensed-Latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/fonts/game/BarlowSemiCondensed-Latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.home-workspace{scroll-margin-top:calc(var(--header-height) + 16px);min-width:0;min-height:0;overflow:auto;padding:26px 32px;background:#e8eef2}.home-workspace:focus{outline:none}.entry-learn-link{margin:12px auto 0;justify-content:center;width:100%}.home-overview{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #cfdae1;margin-bottom:22px}.home-overview>span{order:2;font-size:12px;color:#5f7167;white-space:nowrap}.home-overview>h2{font-size:26px;line-height:1.45}.first-move-guide{max-width:820px;margin:auto;color:var(--ink)}.first-move-guide>header{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.first-move-guide>header>.section-label{order:2;font-size:12px}.first-move-guide>header>h2{font-size:20px;line-height:1.5}.practice-goal{font-size:13px;line-height:1.7;color:#52645b;margin-top:10px}.practice-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:20px 0;list-style:none;font-size:13px;color:#52645b;line-height:1.6}.practice-steps>li{padding-left:28px;position:relative}.practice-steps>li>span{position:absolute;left:0;top:0;display:grid;place-items:center;width:20px;height:20px;border:1px solid #a7b5a0;background:#f5f3e9;font:12px var(--mono);color:var(--ink)}.practice-board{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);align-items:center;gap:14px;background:#b8cda1;padding:18px 28px;border:1px solid #9baf88;border-radius:16px;min-height:232px;box-shadow:inset 0 1px #f1ffe9,0 8px #829976,0 17px 32px #334b4925}.practice-building{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:190px;padding:12px;border:2px solid transparent;border-radius:12px;background:transparent;color:#283d36;position:relative;isolation:isolate;box-shadow:none}.practice-building:before{content:"";position:absolute;z-index:-1;left:50%;top:55px;width:min(180px,82%);height:75px;background:#8faa6b;border:1px solid #c2d998;border-radius:12px;box-shadow:0 9px #667f51,0 18px 14px #31473126;transform:translate(-50%) perspective(400px) rotateX(42deg) rotate(-5deg)}.practice-building:not(:disabled):hover{background:#e5efd45c;border-color:#739966}.practice-building.selected:before,.practice-building.captured:before{background:#a6c687;box-shadow:0 9px #54704e,0 18px 14px #31473126}.practice-building.selected,.practice-building.captured{border-color:#3c7b69;background:#edf4de59}.practice-building:disabled{opacity:1;cursor:default}.practice-building>img{object-fit:contain;height:108px;width:140px;margin-bottom:9px;filter:drop-shadow(0 10px 3px #24422940);transform:translateY(-4px)}.practice-building>strong{font-size:15px}.practice-building>span{font:15px var(--mono);margin-top:4px}.practice-building>small{font-size:12px;margin-top:5px;color:#526b45}.practice-direction{text-align:center;font-size:28px;color:#536f44}.practice-fractions{display:flex;gap:7px;border:0;margin:15px 0 0;padding:0}.practice-fractions>legend{font-size:12px;color:#5c6c60;margin-bottom:7px}.practice-fractions>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;flex:1;border:1px solid #b4c0aa;background:#f6f4ea;border-radius:8px;font:13px var(--mono);padding:7px}.practice-fractions>button>small{font:12px var(--sans);color:#68786a}.practice-fractions>button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff6df}.practice-fractions>button[aria-pressed=true]>small{color:#c8d9cb}.practice-fractions:disabled>button{opacity:.6}.practice-status{border-left:3px solid var(--accent);padding:9px 13px;margin-top:21px;min-height:48px;background:#f9fcfd;font-size:13px;line-height:1.7}.practice-status>p+p{margin-top:5px}.practice-caution{color:#994a33}.first-move-guide>footer{display:flex;align-items:flex-start;gap:18px;justify-content:space-between;margin-top:12px}.practice-disclosure{font-size:11px;line-height:1.65;color:#667769;max-width:590px}.first-move-guide>footer>.text-link{flex-shrink:0;font-size:12px;min-height:30px}.home-more{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;margin-top:20px;border-top:1px solid #cfdae1}.home-workspace>.workspace-toolbar{margin-top:18px;padding-inline:0;background:none}.home-workspace>.workspace-map{height:320px;min-height:240px;flex:none}.home-workspace>.workspace-map-footer{padding-inline:0;background:none}.topnav>.nav-resume-match{align-self:center;min-height:34px;padding:5px 10px;color:#fff5e1}@media(max-width:1050px){.home-workspace{padding:22px}.home-overview{display:block}.home-overview>span{display:block;margin-bottom:7px}.home-overview>h2{font-size:23px}.first-move-guide>header{display:block}.first-move-guide>header>.section-label{display:block;margin-bottom:5px}.practice-steps{gap:10px;font-size:12px}.practice-board{padding:14px;gap:10px;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)}.practice-building{padding:8px}.practice-fractions>button{flex-direction:column;gap:3px}}@media(max-width:650px){.home-workspace{padding:24px 20px}.home-overview{margin-bottom:19px}.practice-steps{display:block;margin:16px 0}.practice-steps>li+li{margin-top:10px}.practice-board{padding:12px 8px;gap:6px;min-height:190px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.practice-building{min-height:190px;padding:8px 3px}.practice-building>img{width:112px;height:108px}.practice-building>strong{font-size:14px}.practice-building>small{font-size:11px}.practice-direction{font-size:22px}.practice-goal{font-size:13px}.first-move-guide>footer{display:block}.first-move-guide>footer>.text-link{margin-top:5px}.home-more{gap:12px;flex-wrap:wrap}.home-more>.text-link{font-size:12px}}:root{--ink:#4f3d24;--muted:#917b50;--paper:#fbf4dc;--surface:#fffbec;--line:#decea0;--navy:#705531;--navy-deep:#5b472b;--navy-line:#957943;--accent:#aa8136;--accent-hover:#92702e;--focus:#d5a84d;--green:#5b7839;--forest:#527940;--lime:#ba9848;--terrain:#b5ce62;--header-height:56px;--sans:"Barlow Semi Condensed",Arial,sans-serif;--mono:"Barlow Semi Condensed",Arial,sans-serif;--display:Bungee,"Arial Black",Arial,sans-serif;font-family:var(--sans);line-height:1.5;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--navy-deep);font-synthesis:none;text-rendering:optimizeLegibility;line-break:strict;word-break:normal}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a,summary,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,textarea,select{color:var(--ink);background:var(--surface);border:1px solid #bbc3b8;border-radius:3px;min-width:0}input{height:44px;padding:0 12px;font-size:14px}textarea{width:100%;min-height:105px;padding:12px;resize:vertical;line-height:1.55}input:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:#9c735e}input::placeholder,textarea::placeholder{color:#75817b}a{color:inherit}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}::selection{background:#dfad8e;color:#192d36}.app-shell{min-height:100dvh;background:var(--paper)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 15px;font-size:14px;font-weight:600;line-height:1.5;border:1px solid var(--accent);border-radius:8px;color:#fff9f0;background:var(--accent);box-shadow:inset 0 1px #fff3,0 3px #743921,0 6px 12px #52352315;transition:background .14s ease,transform .14s ease}.button:not(:disabled):hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.button:not(:disabled):active{transform:translateY(1px)}.button.secondary{background:var(--surface);border-color:#bcc8ce;color:var(--ink);box-shadow:inset 0 1px #fff,0 2px #c4ced4,0 3px 8px #1833480a}.button.secondary:not(:disabled):hover{background:#e6e9df;border-color:#798c7b}.button.full,.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:13px;min-height:36px;padding:0}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.eyebrow,.section-label{font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted);line-height:1.5}.eyebrow{display:flex;align-items:center;gap:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);line-height:1.5;font-weight:600}.topbar{height:var(--header-height);display:flex;align-items:center;gap:28px;padding:0 24px;background:var(--navy);border-bottom:1px solid #ffffff24;color:#f3eee0;box-shadow:0 8px 24px #1023341f;position:sticky;top:0;z-index:30}.header-home{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 10px;border:1px solid #71828a;border-radius:3px;white-space:nowrap;font-size:13px;color:#f3eee0}.header-home:hover{background:#354a54}.profile-nick{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c6d4cf}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:0;line-height:1.2;padding:0;flex-shrink:0;text-align:left}.brand-light{font-weight:800}.brand small{display:none}.brand-mark{width:30px;height:30px;background:url(/mark.svg) center/contain no-repeat;font-size:0;display:block}.brand-mark span{display:none}.topnav{display:flex;align-self:stretch;gap:26px;margin-left:14px}.topnav button{position:relative;color:#acbab9;font-size:13px;padding:0 2px;white-space:nowrap}.topnav button.active,.topnav button:hover{color:#fff8e9}.topnav button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#da8d6c}.topnav button svg{display:none}.header-right{display:flex;align-items:center;gap:16px;margin-left:auto}.profile-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 12px;color:#f2eee2;border:1px solid #71828a;border-radius:3px;font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button:hover{background:#354a54}.network-tag{display:none}.match-top{display:flex;align-items:center;gap:12px;font-size:12px;color:#c5d1d0}.divider{height:15px;width:1px;background:#596c73}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#afc794}.notice{position:fixed;z-index:900;left:50%;top:calc(var(--header-height) + 12px);transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:min(620px,calc(100vw - 24px));padding:13px 15px;color:#faf6e7;background:#253e46;border:1px solid #aab9ac;border-radius:3px;font-size:13px;line-height:1.55;box-shadow:0 8px 24px #14222d22}.notice button{margin-left:auto;min-width:28px;min-height:28px}.multiplayer-workspace{height:calc(100dvh - var(--header-height));min-height:640px;display:grid;grid-template-columns:340px minmax(0,1fr)}.lobby-browser{display:flex;flex-direction:column;min-width:0;min-height:0;padding:27px 28px 18px;background:var(--paper);border-right:1px solid #c9d6df;overflow:auto}.entry-steps{display:flex;justify-content:space-between;gap:8px;padding:0;margin:0 0 32px;list-style:none;color:var(--muted);font-size:12px}.entry-steps li{display:flex;align-items:center;gap:6px}.entry-steps li>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #bbc4b7;border-radius:50%;font:12px var(--mono)}.entry-steps li.current{color:var(--ink);font-weight:600}.entry-steps li.current>span{background:var(--navy);border-color:var(--navy);color:#f5efdc}.entry-steps li.complete>span{color:var(--green);border-color:#9cac90}.browser-title{margin-bottom:24px}.browser-title h1{font-size:27px;line-height:1.4;letter-spacing:0;margin-top:7px}.browser-locked>p,.profile-onboarding>p{font-size:14px;line-height:1.7;color:#52625e;margin-bottom:24px}.browser-locked>.button,.profile-onboarding>.button{justify-content:space-between}.login-methods{display:block;font-size:12px;color:var(--muted);margin-top:10px;text-align:center}.mode-overview{display:flex;align-items:center;gap:18px;padding:25px 0;margin-top:25px;border-top:1px solid var(--line)}.mode-overview img{width:91px;height:auto;image-rendering:auto}.mode-overview h2{font-size:18px;margin-bottom:7px}.mode-overview p{font-size:12px;line-height:1.8;color:#617166}.match-primer{margin:0 0 17px;padding-left:19px;font-size:13px;line-height:1.7;color:#5e6d63}.match-primer li{padding-left:3px;margin-bottom:7px}.match-primer li::marker{font:12px var(--mono);color:#a0533c}.browser-access{border-top:1px solid var(--line);margin-top:auto;padding-top:8px;font-size:12px;color:#607162}.browser-access summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:15px 0;gap:10px}.browser-access summary::-webkit-details-marker{display:none}.browser-access[open] summary svg{transform:rotate(90deg)}.browser-access dl{margin:0 0 14px}.browser-access dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0}.browser-access dd{color:#334d3c;margin:0}.client-build{font-size:12px;letter-spacing:0;color:var(--muted);margin-top:10px}.normalized-nickname{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;margin:-12px 0 16px}.normalized-nickname strong{color:var(--ink)}.resume-session{margin-bottom:22px;padding:15px 0;border-block:1px solid var(--line)}.resume-session>strong{font-size:17px;line-height:1.5}.resume-session p{font-size:13px;line-height:1.7;color:var(--muted);margin:9px 0 14px}.inline-error .button{margin-top:10px}.profile-onboarding{margin-bottom:32px}.verified-identity{display:flex;align-items:center;gap:7px;font-size:12px;color:#4e714e;margin-bottom:21px}.name-field{display:grid;gap:8px;font-size:13px;font-weight:500;margin-bottom:0}.name-field input{width:100%}.field-help{display:flex;justify-content:space-between;gap:15px;font-size:12px;line-height:1.6;color:#6f7b6d;margin:9px 0 23px}.field-help>span:last-child{white-space:nowrap;font-family:var(--mono)}.field-help.invalid{color:#a1412d}.profile-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#667666;margin:0 0 21px}.profile-summary strong{display:block;margin-top:5px;font-size:17px;color:var(--ink);overflow-wrap:anywhere}.profile-summary>.text-link{min-width:35px}.browser-filters>label,.roster-search{display:flex;align-items:center;gap:8px;padding-left:11px;border:1px solid #b9c4b4;border-radius:3px;background:var(--surface);color:#657966}.browser-filters input,.roster-search input{background:none;border:0;flex:1;min-width:0;height:40px;padding-left:0}.browser-filters>span{display:block;margin:10px 0 20px;font-size:12px;color:#6b786b}.browser-columns,.room-member-columns{display:flex;justify-content:space-between;padding:11px 0;border-block:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:0;color:var(--muted)}.browser-results{min-height:160px;flex:1;overflow:auto;scrollbar-width:thin}.browser-room{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 0;text-align:left;gap:12px;border-bottom:1px solid var(--line);border-radius:0}.browser-room strong{font-size:13px;font-weight:600}.browser-room small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.browser-room>span:last-child{display:flex;align-items:center;gap:4px;font:12px var(--mono)}.browser-room i{font-style:normal;color:var(--muted)}.browser-room:hover{background:#e6e9da}.browser-empty{padding:24px 0}.browser-empty h2{font-size:16px;font-weight:500}.browser-empty p{font-size:13px;color:#6d7a68;line-height:1.7;margin-top:10px}.browser-entry{padding-top:18px;border-top:1px solid var(--line);margin-bottom:25px}.create-actions{display:flex;gap:8px}.create-actions>.button:first-child{flex:1;justify-content:space-between}.create-actions>.button:last-child{width:45px;padding:0}.invite-caption{display:block;font-size:12px;color:#6a7867;margin:20px 0 8px}.browser-invite{display:flex;background:var(--surface);border:1px solid #b9c4b4;border-radius:3px}.browser-invite input{min-width:0;flex:1;background:none;border:0;height:42px;font-size:13px}.browser-invite button{width:42px;color:var(--accent)}.availability-note{border-left:2px solid #b29070;padding:5px 0 5px 11px;font-size:12px;line-height:1.7;color:#776a53;margin:15px 0 20px}.map-workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--terrain)}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;height:76px;padding:0 25px;border-bottom:1px solid #a8b48e;background:#edf2f5}.workspace-toolbar>div{display:flex;gap:16px;align-items:center}.workspace-toolbar h2{font:600 23px/1.4 var(--sans);letter-spacing:0;color:#354833}.workspace-toolbar .section-label{color:#75846b;font-size:12px}.world-capacity{font:12px var(--mono);color:#728066;white-space:nowrap}.workspace-map{position:relative;flex:1;min-height:380px;overflow:hidden}.arena-canvas{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:var(--terrain);touch-action:none}.arena-canvas canvas{position:absolute;inset:0;display:block}.workspace-map>.arena-canvas{position:absolute;inset:0;cursor:grab}.workspace-map>.arena-canvas:active{cursor:grabbing}.map-watermark{position:absolute;top:16px;left:18px;background:#f1f2e4ee;border:1px solid #bac6a4;color:#5e7154;padding:8px 10px;font-size:12px;pointer-events:none}.workspace-map-controls,.arena-navigation{position:absolute;display:flex;align-items:center;background:#f5f9f7;border:1px solid #ffffffb3;border-radius:12px;color:#29453e;box-shadow:inset 0 1px #fff,0 7px 20px #162d3b26;overflow:hidden;z-index:3}.workspace-map-controls{right:18px;bottom:18px}.workspace-map-controls button,.arena-navigation button{min-width:38px;min-height:38px;padding:0 11px;font-size:12px;border-right:1px solid #c9d0bc}.workspace-map-controls button:last-child,.arena-navigation button:last-child{border:0}.workspace-map-controls button:nth-child(-n+2),.arena-navigation button:nth-child(-n+2){font-size:21px}.workspace-map-controls button:hover,.arena-navigation button:hover{background:#dde5cb}.arena-navigation{top:12px;right:12px}.map-navigation-hint,.map-help{position:absolute;bottom:21px;left:18px;padding:5px 8px;font-size:12px;color:#506942;background:#eff2e0dd;pointer-events:none}.workspace-map-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 24px;min-height:51px;background:#edf2f5;border-top:1px solid #a8b792;font-size:12px;color:#576a4c}.workspace-map-footer>div{display:flex;align-items:center;gap:6px}.workspace-map-footer img{width:24px;height:24px;object-fit:contain}.workspace-map-footer img:not(:first-child){margin-left:13px}.workspace-map-footer .text-link{font-size:12px;color:#476a3b}.art-fallback{position:absolute;top:66px;left:12px;background:#faf0d3;color:#6c5236;padding:9px 12px;font-size:12px;z-index:4}.game-layout{position:relative;display:grid;grid-template-columns:236px minmax(0,1fr) 286px;height:calc(100dvh - var(--header-height));min-height:640px;background:var(--navy-deep);overflow:hidden}.match-view-tabs{display:none}.left-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paper);border-right:1px solid #b7c4b3}.left-bottom{display:flex;flex-direction:column;padding:13px 18px;border-top:1px solid var(--line);gap:2px;margin-top:auto;flex-shrink:0}.left-bottom button{display:flex;align-items:center;gap:9px;min-height:36px;padding:0;font-size:12px;text-align:left;color:#5d7161}.left-bottom button:hover{color:var(--accent)}.connection-status{display:flex;align-items:center;gap:7px;font-size:12px;color:#687766;margin-top:10px;line-height:1.5}.connection-status i{width:5px;height:5px;border-radius:50%;background:#b28c53}.connection-status.online i{background:#527a50}.roster{display:flex;flex-direction:column;min-height:0;flex:1}.rail-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:24px 18px 18px}.rail-heading h2{font-size:19px;letter-spacing:0}.rail-heading>span{font:12px var(--mono);color:#4b624c}.rail-heading i{font-style:normal;color:var(--muted)}.roster>.roster-search{margin:0 15px 18px}.roster-search input{font-size:13px}.roster-tabs{display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--line)}.roster-tabs button{font-size:12px;padding:0 0 11px;color:#73816e;border-bottom:2px solid transparent}.roster-tabs button.active{color:var(--ink);border-color:var(--accent)}.roster-tabs>span{margin-left:auto;font-size:12px;letter-spacing:0;color:var(--muted);padding-bottom:11px}.roster-scroll{flex:1;min-height:150px;overflow:auto;scrollbar-width:thin;scrollbar-color:#aebd99 transparent}.roster-player{display:flex;align-items:center;gap:8px;width:100%;height:48px;padding:0 15px;text-align:left;border-bottom:1px solid #d9dfce;font-size:12px}.roster-player:hover{background:#e1e7d7}.roster-player.self{background:#e0e5d6;border-left:3px solid var(--accent);padding-left:12px}.roster-rank{font:12px var(--mono);color:var(--muted);width:20px;flex-shrink:0}.faction-swatch{width:5px;height:22px;border-radius:1px;flex-shrink:0}.roster-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-name small{font-size:12px;color:var(--muted);margin-left:5px}.roster-player b{font:12px var(--mono);color:#526748}.roster-player svg{color:#9d783b}.roster-player.eliminated{color:var(--muted)}.roster-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#6d7d60;border-top:1px solid var(--line);padding:12px 16px;line-height:1.5}.roster-empty{padding:25px 16px;font-size:13px;color:var(--muted)}.battlefield{display:flex;flex-direction:column;min-width:0;min-height:0;padding:18px 18px 15px;position:relative;background:var(--navy-deep);color:#e8ede3}.battlefield-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0;margin-bottom:16px}.battlefield-heading .eyebrow{font-size:12px;color:#97ada9;letter-spacing:0;margin-bottom:6px}.battlefield-heading h2{font-size:23px;font-weight:500;letter-spacing:0}.phase-timer{display:grid;grid-template-columns:18px auto;gap:4px 7px;align-items:center;justify-items:end;color:#e7eddf}.phase-timer strong{font:26px/1 var(--mono);letter-spacing:0}.phase-timer small{grid-column:1/-1;font-size:12px;color:#93aaa0}.economy-card{display:flex;align-items:center;gap:26px;padding:11px 0 13px;border-top:1px solid #3d5458;flex-shrink:0}.economy-card>.section-heading{display:none}.resource-row{display:flex;align-items:center;gap:9px;font-size:12px}.resource-row>span{display:flex;align-items:center;gap:6px;color:#a5b9ac}.resource-row strong{font:15px var(--mono);color:#f0f0db}.resource-row svg{width:15px;height:15px;color:#c6b181}.strength-row{display:flex;align-items:center;gap:7px;font-size:12px;color:#b9ccab;margin-left:auto}.strength-row b{font:13px var(--mono);color:#e5eac9}.battle-map{position:relative;flex:1;min-height:240px;background:var(--terrain);border:1px solid #99a986;border-radius:10px;overflow:hidden;box-shadow:0 7px #738666,0 11px 25px #061b2440,inset 0 1px #fff5}.map-fit{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;background:#f5f9f1;border:1px solid #ffffffb3;border-radius:9px;color:#294737;box-shadow:0 3px 10px #24342122}.map-fit:hover{background:#e0e8ce}.training-badge{position:absolute;left:12px;top:12px;font-size:12px;color:#e9f0d8;background:#354e35;padding:8px}.map-access-controls{display:flex;gap:12px;align-items:flex-start;margin-top:12px;flex-shrink:0}.map-access-controls>label{flex:1;min-width:0;font-size:12px;color:#b3c5b9}.map-access-controls input,.map-access-controls select{display:block;width:100%;height:38px;margin-top:7px;font-size:12px;background:#243a43;border-color:#526b70;color:#e0e7d9;padding-inline:9px}.map-access-controls input::placeholder{color:#93aa9c}.map-access-controls small{display:block;font-size:12px;color:#92aaa0;line-height:1.4;margin-top:6px}.match-order-guide{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0 12px;border-top:1px solid #3d5458;flex-shrink:0}.match-order-guide>div{min-width:0}.match-order-guide strong{display:block;font-size:13px;line-height:1.6;color:#eef2e6}.match-order-guide span{display:block;font-size:12px;line-height:1.65;color:#c1cebc;margin-top:4px}.match-order-guide button{flex-shrink:0;min-height:38px;padding:6px 10px;color:var(--ink);background:#e5eadc;border:1px solid #b8c5ae;border-radius:3px;font-size:13px;white-space:nowrap}.roster-scroll>[role=listitem]:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.command-dock{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex-shrink:0;min-height:77px;padding:12px;background:var(--paper);color:var(--ink);border:1px solid #d5dfe3;border-radius:12px;margin-top:12px;box-shadow:inset 0 1px #fff,0 8px 20px #071f2d26}.selected-building{display:flex;overflow-wrap:break-word;align-items:center;gap:11px;min-width:180px;flex:1 1 220px}.selected-icon{display:grid;place-items:center;flex-shrink:0;width:35px;height:38px;background:#dfe5d4;color:#6c815d;border-radius:3px}.command-dock strong{display:block;overflow-wrap:anywhere;font-size:13px;line-height:1.4}.command-dock small{display:block;font-size:12px;color:#70806b;line-height:1.5;margin-top:4px}.dock-instruction{font-size:12px;line-height:1.5;color:#7c846e}.fraction-picker{display:flex;border:1px solid #bac5ad;background:#e4e8da;border-radius:3px;padding:2px;gap:1px}.fraction-picker button{min-width:32px;min-height:34px;padding:0 4px;font-size:12px;color:#6b7c5b}.fraction-picker button.active{background:var(--navy);color:#f5eddb;border-radius:2px}.dock-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:auto;min-width:36px;min-height:40px;padding:0 9px;gap:6px;font-size:12px;white-space:nowrap;border:1px solid #b5c1a7;color:#6b7d58;border-radius:3px}.dock-button.active{color:var(--accent);border-color:var(--accent);background:#f0ddd1}.button.upgrade{flex-direction:column;min-width:72px;gap:1px;min-height:40px;padding:7px 10px;font-size:12px}.button.upgrade>svg{display:none}.button.upgrade small{font-size:12px;margin:0;color:#f0d9c7;white-space:nowrap}.order-feedback{font-size:12px;color:#829b74;margin-top:7px}.game-toast{position:absolute;z-index:10;bottom:125px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:13px 15px;color:#faefd6;background:#273d43;border:1px solid #b8bda2;border-radius:3px;font-size:13px;line-height:1.55}.game-toast button{min-width:30px;min-height:30px}.control-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border:1px solid #bf9270;background:#2c393d;color:#eedec5;font-size:12px;line-height:1.55;margin-bottom:12px;flex-shrink:0}.control-notice button{flex-shrink:0;color:#f6ba98;text-decoration:underline;min-height:30px}.right-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paper);border-left:1px solid #c9d6df;overflow:auto}.leader-panel{padding:24px 21px 20px;border-bottom:1px solid var(--line);background:#eef2f6}.leader-panel.your-turn{border-top:3px solid var(--accent);padding-top:21px}.leader-title{display:flex;align-items:center;gap:12px;margin:20px 0 16px}.leader-symbol{display:grid;place-items:center;width:38px;height:38px;color:#977639;border:1px solid #b7c19f;background:#e1e7d3;border-radius:3px}.leader-title small{font-size:12px;color:var(--muted);letter-spacing:0}.leader-title h3{font-size:19px;letter-spacing:0;margin-top:5px;overflow-wrap:anywhere}.leader-panel>p{font-size:13px;line-height:1.7;color:#596e51}.progress-track{height:3px;background:#ccd6bd;margin-top:17px;overflow:hidden}.progress-track i{display:block;height:100%;background:#a75f42}.command-availability{border-top:1px solid #cfd9bf;padding-top:14px;margin-top:18px;font-size:12px!important;color:var(--muted)!important}.leader-panel form{margin-top:14px}.leader-panel textarea,.counter-panel textarea{font-size:13px;min-height:100px}.input-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:8px 0 13px}.prompt-countdown{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#5e7254;margin-bottom:15px}.prompt-countdown strong{font:26px var(--mono)}.prompt-countdown strong small{font-size:12px;margin-left:4px}.attempt-label{font-size:12px;color:#6c7f5d;letter-spacing:0}.leader-panel blockquote{margin:15px 0;padding:0 0 0 12px;border-left:2px solid #b38664;font-size:14px;line-height:1.6;color:#475f45;overflow-wrap:anywhere}.cooldown{display:block;font:28px var(--mono);margin-top:10px;color:#617551}.counter-panel{padding:20px 21px;background:#edf2f5;border-bottom:1px solid var(--line)}.counter-panel .section-heading{margin-bottom:15px}.counter-panel>p{font-size:13px;line-height:1.7;color:#596d50}.counter-panel button{margin-top:11px}.counter-example{font-size:12px;color:#8a5b3b;line-height:1.5;text-align:left}.training-examples{margin-top:18px}.training-examples label{font-size:12px;display:block}.training-examples select{width:100%;height:38px;margin-top:8px}.demo-caption{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:10px}.event-panel{display:flex;flex-direction:column;flex:1;min-height:180px}.event-tabs{display:flex;align-items:center;gap:25px;min-height:53px;padding:0 21px;border-bottom:1px solid var(--line);flex-shrink:0}.event-tabs button{position:relative;height:53px;padding:0;font-size:13px;color:var(--muted)}.event-tabs button.active{color:var(--ink);font-weight:600}.event-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.event-tabs>span{margin-left:auto;font-size:12px;color:var(--muted)}.event-tabs svg{margin-left:3px}.events-scroll{flex:1;min-height:0;overflow:auto;padding:7px 21px;scrollbar-width:thin;scrollbar-color:#b6c3a6 transparent}.event-row{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #d9dfcd;font-size:12px;line-height:1.65;color:#607457}.event-row small{font:12px var(--mono);padding-top:4px;color:var(--muted);flex-shrink:0}.event-row.highlight{color:#a25637}.event-empty{padding:22px 0;font-size:13px;line-height:1.65;color:var(--muted)}.chat-row{padding:12px 0;border-bottom:1px solid #dce2d0;font-size:13px;line-height:1.6}.chat-row strong{color:#6d805f;font-size:12px}.chat-row p{margin-top:5px;overflow-wrap:anywhere;color:#516c4c}.chat-input{display:flex;gap:8px;padding:12px 15px;border-top:1px solid var(--line)}.chat-input input{flex:1;width:0;height:40px;font-size:13px}.chat-input button{min-width:36px;border:1px solid #bbc8ae;border-radius:3px;color:var(--accent)}.simple-page,.room-page,.replay-page{width:min(1100px,calc(100% - 64px));margin:42px auto}.simple-page h1,.room-page h1,.replay-header h1{font-size:30px;line-height:1.4;letter-spacing:0;margin:10px 0 15px}.simple-page>p,.room-page p,.replay-header p{font-size:14px;line-height:1.7;color:#617164}.room-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.room-heading>div{max-width:620px;min-width:0;overflow-wrap:anywhere}.room-heading>.button{flex-shrink:0}.room-progress{display:flex;align-items:center;gap:40px;padding:24px 0;margin:28px 0;border-block:1px solid var(--line)}.room-progress>div:not(:last-child)>strong{display:block;font:32px var(--mono);letter-spacing:0}.room-progress strong small{font:18px var(--mono);color:var(--muted);margin-left:4px}.room-progress>div>span{display:block;font-size:12px;color:#728365;margin-top:7px}.room-ready-action{margin-left:auto;text-align:right}.room-ready-action>span{font-size:12px!important}.room-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:45px}.room-members-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.room-members-heading h2,.room-sidebar h2{font-size:18px;font-weight:500}.room-members-heading>.roster-search{max-width:250px}.room-roster{padding:0;list-style:none;margin:0;max-height:430px;overflow:auto;scrollbar-width:thin}.room-roster li{display:flex;align-items:center;gap:16px;min-height:49px;border-bottom:1px solid #dce2d0}.seat-number{font:12px var(--mono);color:var(--muted);width:28px;flex-shrink:0}.member-name{display:flex;align-items:center;gap:8px;flex:1;font-size:13px;min-width:0;overflow-wrap:anywhere}.member-name small{font-size:12px;color:var(--muted)}.member-name svg{color:#9b7740}.member-status{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);white-space:nowrap}.member-status.ready{color:#567843}.room-members-foot{font-size:12px!important;color:var(--muted)!important;margin-top:17px}.room-list-empty{padding:25px 0}.room-sidebar{border-left:1px solid var(--line);padding-left:27px}.room-sidebar p{font-size:13px;margin:14px 0 18px}.invite-row{display:flex;gap:8px}.invite-row input{flex:1;width:0;height:42px;font-size:12px}.invite-row .button{min-height:42px;padding:7px 10px;font-size:12px}.room-start{border-top:1px solid var(--line);margin-top:27px;padding-top:24px}.dialog-scrim,.modal-backdrop,.result-overlay{position:fixed;inset:0;background:#0c1d27bd;z-index:1000}.modal-backdrop,.result-overlay{display:flex;align-items:center;justify-content:center;padding:24px}.game-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1001;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto}.modal-card,.result-card{padding:30px;background:var(--paper);color:var(--ink);border:1px solid #b8c5b1;border-radius:4px;box-shadow:0 18px 60px #09182044}.modal-card.compact{width:min(430px,calc(100% - 32px))}.modal-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;color:#77866d}.modal-card h2{font-size:27px;letter-spacing:0;margin:14px 0 18px}.modal-card>p{font-size:14px;line-height:1.7;color:#60745a;margin-bottom:22px}.modal-card>.button+.button{margin-top:10px}.modal-card .eyebrow{padding-right:30px}.auth-card{width:min(470px,calc(100% - 32px))}.auth-card form .button{margin-top:17px}.auth-card .name-field+.name-field{margin-top:15px}.auth-card>.button+.button{margin-top:10px}.or-line{display:flex;align-items:center;gap:12px;margin:22px 0;font-size:12px;letter-spacing:0;color:var(--muted)}.or-line span{height:1px;flex:1;background:#cdd7bc}.fair-note{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#6b7e60;line-height:1.65;margin-top:21px}.fair-note svg{margin-top:3px}.inline-error{padding:11px 13px;border:1px solid #d9b297;border-radius:3px;color:#95482d;background:#f4e6d4;font-size:13px;line-height:1.6;margin:15px 0}.wallet-qr{display:block;width:260px;height:260px;max-width:100%;margin:20px auto;background:#fff}.recovery-codes{padding:15px;background:#e3e9d8;border:1px solid #b9c7a5;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 var(--mono)}.text-button{min-height:36px;margin-top:14px;font-size:13px;color:#8e6044}.text-button:hover{text-decoration:underline}.room-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.rule-steps{display:grid;gap:18px;margin:25px 0}.rule-steps>div{display:flex;align-items:flex-start;gap:15px}.rule-steps>div>span{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;font:12px var(--mono);border:1px solid #bfcca9;background:#e5eadb;color:#718462;border-radius:3px}.rule-steps h3{font-size:14px;margin-bottom:7px}.rule-steps p{font-size:13px;line-height:1.65;color:#6a7e60}.rules-note{display:flex;align-items:flex-start;gap:9px;padding:14px;background:#e7ecdd;border:1px solid #ced9bc;font-size:12px;color:#6d7e63;line-height:1.6;margin:22px 0}.art-credit{font-size:12px!important;color:#849477!important;line-height:1.6!important;margin:18px 0!important}.art-credit a{text-underline-offset:3px}.result-card{max-width:490px;width:100%;text-align:center}.result-emblem{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 20px;color:#927448;border:1px solid #b8c5a8;background:#e4e9d9;border-radius:50%}.result-card h1{font-size:32px;letter-spacing:0;margin:13px 0}.result-card>.eyebrow{justify-content:center}.result-card>p{font-size:14px;line-height:1.7;color:#6f8064}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0;padding:20px 0;border-block:1px solid var(--line)}.result-stats>div+div{border-left:1px solid var(--line)}.result-stats strong{display:block;font:24px var(--mono)}.result-stats span{display:block;font-size:12px;color:#849571;margin-top:8px}.result-receipt{display:flex;justify-content:center;align-items:flex-start;gap:8px;font-size:12px;color:#6d8060;line-height:1.6;margin-bottom:20px}.info-card{display:flex;align-items:flex-start;gap:15px;border-block:1px solid var(--line);padding:22px 0;margin:25px 0;max-width:760px}.info-card>svg{color:#738865}.info-card h3{font-size:16px;margin-bottom:8px}.info-card p{font-size:13px;color:#6d8060;line-height:1.7}.empty-state{padding:45px 0;border-top:1px solid var(--line);margin-top:30px}.empty-state>svg{color:#8f9e7c}.empty-state h3{font-size:20px;margin:15px 0 10px}.empty-state p{font-size:14px;line-height:1.7;color:#6f8161;margin-bottom:20px}.history-list{border-top:1px solid var(--line);margin-top:28px}.history-list>button{display:flex;align-items:center;gap:17px;width:100%;padding:20px 0;border-bottom:1px solid var(--line);text-align:left}.history-list>button:hover{background:#e5ebdc}.history-symbol{display:grid;place-items:center;width:36px;height:36px;background:#e2e9d6;color:#68875a;border-radius:3px}.history-list strong{display:block;font-size:14px;margin-bottom:7px}.history-list small{font-size:12px;color:var(--muted);line-height:1.5}.history-result{margin-left:auto;font-size:13px;color:#627d54}.replay-page{padding:0}.replay-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.replay-header>.button{flex-shrink:0}.replay-arena{height:min(65vh,720px);background:var(--terrain);border:1px solid #a1b28b}.replay-controls{display:flex;align-items:center;gap:13px;padding:14px 0;margin-top:18px;border-block:1px solid var(--line);font-size:13px}.replay-controls input[type=range]{flex:1;min-width:40px;height:24px;padding:0;border:0;accent-color:var(--accent)}.replay-controls select{height:38px;padding:0 8px}.replay-page .info-card{max-width:none}.replay-page .info-card strong{font-size:14px}.replay-page .info-card p{font-size:12px;margin-top:7px}.mines-card{position:absolute;z-index:20;left:50%;top:90px;transform:translate(-50%);width:320px;max-width:calc(100% - 24px);padding:22px;background:var(--paper);border:1px solid #bfcca6;border-radius:4px;box-shadow:0 12px 40px #13253255}.mines-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px}.mines-title h3{font-size:20px}.mines-title strong{font:20px var(--mono)}.mines-card p{font-size:13px;line-height:1.6;color:#69815a}.mines-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:18px 0 12px}.mines-grid button{aspect-ratio:1;background:#d5dfc4;border:1px solid #a3b88d;border-radius:3px;font-size:17px;font-weight:600;color:#557147}.mines-grid button.revealed{background:#edf0e2;border-color:#d2ddc0}.mines-card>small{font-size:12px;color:var(--muted)}.mines-mode{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:12px}.mines-mode button{min-height:36px;border:1px solid #afbe9b;padding:6px 12px;border-radius:3px}.mines-mode button.active{color:var(--accent);border-color:var(--accent)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid #93a98155;border-top-color:#587547;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:150px;font-size:14px;color:#6e855f}.connecting-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;min-height:calc(100dvh - var(--header-height));padding:35px;background:var(--paper);text-align:center}.connecting-screen h2{font-size:27px}.connecting-screen p{font-size:14px;color:#6f8561;line-height:1.7;max-width:480px}.muted-note{font-size:12px;color:var(--muted);line-height:1.7}.ui-lab-bar,.fixture-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#18313e;color:#e7eedf;padding:10px 16px;font-size:12px}.ui-lab-bar button,.fixture-toolbar button{padding:7px 10px;border:1px solid #7e938b;border-radius:3px}.ui-lab-bar button.active{background:#f3eee0;color:#263c42}.fixture-topbar{justify-content:space-between;gap:15px;height:auto;min-height:56px;padding-block:8px;font-size:12px}.fixture-topbar>strong,.fixture-topbar>a{flex-shrink:0}.fixture-topbar>span{min-width:0;flex:1;font-size:12px;line-height:1.4;color:#b6c7b8}.fixture-topbar>a{font-size:12px}@media(min-width:1600px){.multiplayer-workspace{grid-template-columns:370px minmax(0,1fr)}.lobby-browser{padding:35px 32px 24px}.game-layout{grid-template-columns:250px minmax(0,1fr) 310px}.battlefield{padding:22px 24px 18px}}@media(max-width:1200px){.game-layout{grid-template-columns:218px minmax(0,1fr) 255px}.battlefield{padding:17px 13px 13px}.leader-panel,.counter-panel,.events-scroll{padding-inline:17px}.economy-card{gap:17px}.command-dock{flex-wrap:wrap}.selected-building{min-width:200px}.fraction-picker{margin-left:auto}.workspace-toolbar>div>.section-label{display:none}}@media(max-width:1050px){.game-layout{display:flex;flex-direction:column;height:calc(100dvh - var(--header-height));min-height:600px}.match-view-tabs{display:flex;align-items:center;gap:3px;flex-shrink:0;min-height:46px;padding:0 16px;background:#edf2f5;border-bottom:1px solid #bdcbb0}.match-view-tabs button{min-height:46px;padding:0 15px;color:#6a8060;font-size:13px;border-bottom:3px solid transparent}.match-view-tabs button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}.battlefield,.left-panel,.right-panel{flex:1;min-height:0;overflow:auto}.game-layout[data-view=field]>.left-panel,.game-layout[data-view=field]>.right-panel,.game-layout[data-view=players]>.right-panel,.game-layout[data-view=events]>.left-panel{display:none}.game-layout[data-view=players]>.battlefield,.game-layout[data-view=events]>.battlefield{position:absolute;inset:46px 0 0;visibility:hidden;pointer-events:none}.left-panel{border-right:0}.right-panel{border-left:0}.battlefield{overflow:auto;padding:16px}.roster-scroll{min-height:180px}.event-panel{min-height:240px}.leader-panel{padding:19px 22px}.leader-title{margin:14px 0}.right-panel .leader-title h3{font-size:20px}.right-panel .events-scroll{padding-inline:22px}.map-help{display:none}.command-dock{flex-wrap:wrap}.selected-building{min-width:0}.room-body{gap:25px;grid-template-columns:minmax(0,1fr) 275px}.topbar{gap:20px}.topnav{gap:20px;margin-left:0}.multiplayer-workspace{grid-template-columns:300px minmax(0,1fr)}.lobby-browser{padding:25px 22px 18px}.workspace-toolbar{padding-inline:20px}.world-capacity{font-size:12px}}@media(max-width:760px){.room-heading{flex-direction:column;gap:20px}.room-progress{gap:25px;flex-wrap:wrap}.room-ready-action{margin-left:0;text-align:left;flex-basis:100%;display:flex;align-items:center;gap:15px}.room-body{display:flex;flex-direction:column;gap:25px}.room-sidebar{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.room-members-heading{gap:15px}.room-members-heading>.roster-search{max-width:220px}.room-page,.simple-page,.replay-page{width:calc(100% - 36px);margin:28px auto}.replay-header{align-items:flex-start;flex-direction:column}.replay-controls{flex-wrap:wrap}.replay-controls input[type=range]{flex-basis:calc(100% - 65px)}.history-result{font-size:12px;max-width:110px}.map-navigation-hint{display:none}.workspace-map-footer{padding-inline:15px;font-size:12px}.workspace-map-footer>.text-link{font-size:12px}.workspace-map-footer img:not(:first-child){margin-left:8px}.workspace-toolbar h2{font-size:23px}.world-capacity{display:none}}@media(max-width:650px){.app-shell:has(.topnav){--header-height:96px}.topbar{flex-wrap:wrap;align-content:space-between;gap:0;padding:13px 16px 0;height:var(--header-height)}.topbar:not(:has(.topnav)){flex-wrap:nowrap;padding-block:0;gap:15px}.brand{font-size:20px;letter-spacing:0}.brand-mark{width:27px;height:27px}.topnav{order:3;flex-basis:100%;height:40px;gap:26px;align-self:auto}.topnav button{font-size:12px}.profile-button{min-height:32px;font-size:12px;padding:0 10px;max-width:140px}.match-top{display:none}.topbar:has(.header-home)>.header-right{display:none}.header-home{margin-left:auto}.profile-nick,.match-top .divider{display:none}.match-top+.header-right{display:none}.multiplayer-workspace{display:flex;flex-direction:column;height:auto;min-height:0}.lobby-browser{padding:25px 22px 18px;border-right:0;border-bottom:1px solid #c9d6df;overflow:visible}.entry-steps{max-width:350px;margin-bottom:23px}.browser-title{margin-bottom:18px}.browser-title h1{font-size:26px}.browser-locked>p{margin-bottom:19px;max-width:380px}.browser-locked>.button{max-width:100%}.mode-overview{margin-top:24px;padding:19px 0 14px}.mode-overview img{width:73px}.mode-overview>div{min-width:0}.mode-overview p{font-size:12px;line-height:1.7}.mode-overview h2{font-size:18px}.match-primer{font-size:13px;margin-bottom:10px}.browser-access{margin-top:20px;padding-top:4px}.browser-access summary{padding:10px 0}.client-build{margin-top:11px}.map-workspace{min-height:380px}.workspace-toolbar{height:58px;padding-inline:20px}.workspace-map{min-height:300px}.workspace-map-footer{min-height:48px}.workspace-map-controls{right:12px;bottom:12px}.map-watermark{top:12px;left:12px;font-size:12px}.browser-results{max-height:280px;min-height:120px}.profile-onboarding{margin-bottom:10px}.profile-summary{margin-bottom:20px}.browser-entry{margin-bottom:0}.game-layout{min-height:610px}.battlefield{padding:13px 10px 12px}.battlefield-heading{margin-bottom:12px;gap:10px}.battlefield-heading h2{font-size:21px}.battlefield-heading .eyebrow{font-size:12px}.phase-timer strong{font-size:24px}.phase-timer small{font-size:12px}.economy-card{gap:15px;padding-block:10px}.resource-row{font-size:12px;gap:6px}.resource-row svg{width:13px;height:13px}.resource-row strong{font-size:14px}.strength-row{font-size:12px;gap:4px}.battle-map{min-height:220px}.arena-navigation{top:8px;right:8px}.arena-navigation button{min-height:36px;min-width:32px;padding:0 8px;font-size:12px}.map-access-controls{gap:8px;margin-top:10px}.map-access-controls>label{font-size:12px}.map-access-controls input,.map-access-controls select{font-size:12px;height:36px}.map-access-controls small{display:none}.command-dock{flex-wrap:wrap;gap:8px;margin-top:10px;min-height:72px;padding:10px}.selected-building{flex-basis:calc(100% - 92px);min-width:0}.command-dock .fraction-picker{margin-left:0}.command-dock small{font-size:12px}.button.upgrade{margin-left:auto;font-size:12px}.fraction-picker button{min-height:35px;min-width:36px;font-size:12px}.selected-icon{width:32px;height:35px}.dock-button{width:auto;min-height:38px}.match-view-tabs{padding:0 8px}.match-view-tabs button{padding-inline:16px}.modal-card{padding:25px 22px}.modal-card h2{font-size:25px}.modal-card>p{font-size:13px}.result-card{padding:25px}.result-card h1{font-size:28px}.result-stats strong{font-size:21px}.room-members-heading{align-items:flex-start;flex-direction:column}.room-members-heading>.roster-search{width:100%;max-width:none}.room-progress{padding-block:20px;gap:25px}.room-progress>div:not(:last-child)>strong{font-size:27px}.room-ready-action{display:block}.room-ready-action .button{width:100%}.room-ready-action>span{margin-top:10px}.room-roster{max-height:360px}.room-member-columns,.member-status{font-size:12px}.member-name{font-size:13px}.fixture-topbar{padding:8px 12px!important;gap:9px!important}.fixture-topbar>strong{font-size:12px}.fixture-topbar>span{font-size:12px;max-width:none;line-height:1.4}.fixture-topbar>a{font-size:12px}.replay-header h1,.simple-page h1,.room-page h1{font-size:27px}.replay-arena{height:440px}}@media(max-height:700px)and (min-width:1051px){.game-layout{min-height:580px}.battlefield-heading{margin-bottom:10px}.battlefield{padding-top:14px}.leader-panel{padding-top:18px;padding-bottom:16px}.battle-map{min-height:200px}.command-dock{min-height:65px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}.arena-loading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;pointer-events:none;background:#dbe5c159}.arena-loading>span{padding:10px 13px;background:#f3f1e4ec;border:1px solid #b4c59b;font-size:12px;line-height:1.6;color:#5c7347;max-width:calc(100% - 40px);text-align:center}.arena-loading.is-error{background:#e8e4cf55}.arena-retry{pointer-events:auto;min-height:38px;border:1px solid #8a987d;border-radius:3px;padding:8px 13px;background:#f6f2e5;color:#6e4934;font-size:12px}.arena-retry:hover{background:#fff9ee}.connection-actions{display:flex;flex-shrink:0;align-items:center;gap:10px}.connection-actions>button{font-size:12px;white-space:nowrap}@media(max-width:650px){.map-access-controls{flex-wrap:wrap}.map-access-controls>label{flex-basis:calc(50% - 5px)}.map-access-controls>label:nth-child(3){flex-basis:100%}.control-notice{flex-wrap:wrap}.connection-actions{margin-left:auto}.battlefield-heading .eyebrow{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.room-ready-action>.cancel-ready{display:block;margin:7px 0 0 auto;min-height:28px;font-size:12px;color:#76846e}@media(max-width:760px){.room-ready-action>.cancel-ready{display:inline-flex;margin:8px 0 0}}@media(max-width:650px){.command-dock>.selected-building{order:0}.command-dock>.dock-button:last-child{order:1}.command-dock>.fraction-picker,.command-dock>.dock-instruction{order:2}.command-dock>.dock-button:not(:last-child){order:3}.command-dock>.upgrade{order:4}}.game-dialog.result-card{width:min(490px,calc(100% - 32px));max-width:none}.game-dialog.result-card>.result-emblem{margin-top:22px}.game-dialog.result-card>.eyebrow{padding-right:0}.effects-toggle{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 9px;border:1px solid #b5c6d244;border-radius:9px;color:#e7f0f6;font-size:12px;white-space:nowrap}.effects-toggle:hover{background:#ffffff12}.topnav>.nav-resume-match{align-self:center;min-height:34px;padding:6px 10px;color:#fff;border-radius:8px}@supports ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){.topbar{background:#152839e6;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}.workspace-map-controls,.arena-navigation,.map-fit{background:#f6fcf7d6;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}.command-dock{background:#f7fbfdeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.app-shell[data-ui-solid=true] .topbar{background:#192c3d}.app-shell[data-ui-solid=true] :is(.workspace-map-controls,.arena-navigation,.map-fit,.command-dock){background:#f6fafb}.app-shell[data-ui-solid=true] :is(.topbar,.workspace-map-controls,.arena-navigation,.map-fit,.command-dock){backdrop-filter:none;-webkit-backdrop-filter:none}@media(prefers-reduced-transparency:reduce){.topbar{background:#192c3d}.workspace-map-controls,.arena-navigation,.map-fit,.command-dock{background:#f6fafb}.topbar,.workspace-map-controls,.arena-navigation,.map-fit,.command-dock{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(max-width:650px){.brand{font-size:17px;gap:7px}.brand-mark{width:26px;height:26px}.effects-toggle{padding:0 8px;margin-right:8px}.effects-toggle>span{display:none}.topbar>.header-right{gap:7px}.topnav{gap:21px;overflow-x:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.topnav>.nav-resume-match{font-size:11px;min-height:30px;padding:4px 8px}.home-overview>h2{font-size:24px;line-height:1.25}}@media(max-width:360px){.brand{font-size:14px;gap:5px}.topbar{padding-inline:12px}.profile-button{padding-inline:8px}.topnav{gap:18px}}.map-access-tools{flex-shrink:0;margin-top:14px;border-top:1px solid #4a5d64;color:#cfddd8}.map-access-tools>summary{display:flex;align-items:center;gap:8px;min-height:34px;font-size:12px;cursor:pointer;list-style:none}.map-access-tools>summary::-webkit-details-marker{display:none}.map-access-tools>summary>svg:last-child{margin-left:auto}.map-access-tools[open]>summary>svg:last-child{transform:rotate(90deg)}.map-access-tools .map-access-controls{margin-top:2px;margin-bottom:5px}.command-dock[data-selection=building]{display:grid;grid-template-columns:minmax(160px,1.3fr) repeat(3,minmax(0,1fr));gap:9px}.command-dock[data-selection=building]>.selected-building{grid-column:1/4;grid-row:1;min-width:0}.command-dock[data-selection=building]>.dock-button:last-child{grid-column:4;grid-row:1;justify-self:end}.command-dock[data-selection=building]>.fraction-picker{grid-column:1;grid-row:2;margin:0}.command-dock[data-selection=building]>.dock-button[aria-label="Repeat route"]{grid-column:2;grid-row:2}.command-dock[data-selection=building]>.upgrade{grid-column:3;grid-row:2;min-width:0;margin:0}.command-dock[data-selection=building]>.dock-button[aria-label="Stop repeat route"]{grid-column:4;grid-row:2}.command-dock[data-selection=building]>.dock-instruction{grid-column:1/-1;grid-row:2}.command-dock[data-selection=building]>.dock-button{width:auto;min-width:0;padding:7px;font-size:11px;white-space:normal}.command-dock[data-selection=building]>.fraction-picker button{flex:1;min-width:0;font-size:11px}@media(max-width:650px){.command-dock[data-selection=building]{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.command-dock[data-selection=building]>.selected-building{grid-column:1;grid-row:1}.command-dock[data-selection=building]>.dock-button:last-child{grid-column:2;grid-row:1}.command-dock[data-selection=building]>.fraction-picker{grid-column:1/-1;grid-row:2}.command-dock[data-selection=building]>.dock-button[aria-label="Repeat route"]{grid-column:1;grid-row:3}.command-dock[data-selection=building]>.upgrade{grid-column:2;grid-row:3}.command-dock[data-selection=building]>.dock-button[aria-label="Stop repeat route"]{grid-column:1/-1;grid-row:4}.command-dock[data-selection=building]>.dock-instruction{grid-column:1/-1;grid-row:2}.command-dock[data-selection=building]>.fraction-picker button{min-height:36px;font-size:12px}}@media(max-width:650px){.topbar.fixture-topbar{height:auto;flex-wrap:wrap;align-content:normal}.fixture-topbar>span{order:3;flex-basis:100%;flex-shrink:0}.fixture-topbar>button{margin-left:auto;flex-shrink:0}}.fixture-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.fixture-shell>.topbar{flex-shrink:0}.fixture-shell>.game-layout{height:auto;min-height:0;flex:1}.selected-building>div{min-width:0;flex:1}.selected-building small{overflow-wrap:anywhere}.command-dock[data-selection=army]>div{min-width:0;flex:1;overflow-wrap:anywhere}.command-dock>.upgrade small{white-space:normal;overflow-wrap:anywhere;text-align:center}.command-dock>.upgrade .upgrade-cost{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 6px;width:100%}.upgrade-cost>span{white-space:nowrap}.dock-cost-note{grid-column:1/-1;grid-row:3;min-width:0;margin:0;font-size:12px;line-height:1.45;color:#70806b}.command-dock>.dock-button>svg,.roster-player>b,.roster-player>svg{flex-shrink:0}.roster-name{min-width:0}.battlefield-heading>div:first-child{min-width:0;flex:1}.battlefield-heading .eyebrow{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-timer{flex-shrink:0;max-width:45%}.phase-timer small{text-align:right;overflow-wrap:anywhere}@media(max-width:650px){.command-dock[data-selection=building]{grid-template-columns:repeat(3,minmax(0,1fr))}.command-dock[data-selection=building]>.selected-building{grid-column:1/-1;padding-right:44px;min-height:36px}.command-dock[data-selection=building]>.dock-button.dock-clear:last-child{grid-column:3;grid-row:1;width:36px;min-height:36px;padding:6px}.dock-clear>.dock-label{display:none}.command-dock[data-selection=building]>.fraction-picker{grid-column:1/-1;grid-row:2}.command-dock[data-selection=building]>.dock-button[aria-label="Repeat route"]{grid-column:1;grid-row:3}.command-dock[data-selection=building]>.upgrade{grid-column:2;grid-row:3}.command-dock[data-selection=building]>.dock-button[aria-label="Stop repeat route"]{grid-column:3;grid-row:3}.command-dock[data-selection=building]>.dock-cost-note{grid-row:4}.command-dock[data-selection=building]>.dock-button{font-size:12px;line-height:1.35;gap:5px}}.app-shell[data-screen=match]{height:100dvh;min-height:0;overflow:hidden}.app-shell[data-screen=match]>.topbar{display:none}.reference-match{position:relative;isolation:isolate;display:block;width:100%;height:100dvh;min-height:0;overflow:hidden;color:var(--ink);font-family:var(--sans);--ink:#79562e;--muted:#997749;--paper:#fff0cf;--surface:#fff4ce;--line:#d7b978;--accent:#4295ff;--accent-hover:#3185ed;--focus:#ffb82c;background:#a3ce57}.fixture-shell>.reference-match{height:auto;min-height:0;flex:1}.topbar.fixture-topbar{background:#57462d;color:#eadcb9;border-color:#a48d5e;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.reference-match[data-view]>.battlefield.reference-field{position:absolute;inset:0;display:grid;visibility:visible;pointer-events:auto;grid-template-rows:minmax(0,1fr) auto auto auto;align-content:stretch;gap:0;overflow:hidden;background:transparent;color:var(--ink);border:0;grid-template-columns:minmax(0,300px) minmax(0,1fr);padding:18px}.reference-match .battle-map{position:absolute;inset:0;height:100%;width:100%;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}.reference-match .arena-canvas{width:100%;height:100%;min-height:0;border-radius:0;background:#a3ce57}.reference-match :is(.phase-hud,.match-resources,.match-utility-bar,.command-dock,.compact-order-guide,.match-search,.match-status-notices,.match-minimap){z-index:10}.reference-match :is(.phase-hud,.match-resources,.match-utility-bar>button){color:#ffeabd;background:#70502ddc;border:2px solid #f0cf8e;border-bottom:4px solid #654526;border-radius:11px;box-shadow:0 3px 10px #314c2026}.reference-match .phase-hud{position:absolute;left:50%;transform:translate(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:calc(100% - 24px);margin:0;top:max(14px,env(safe-area-inset-top));width:min(400px,calc(100% - 480px));padding:6px 9px;gap:4px 9px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.reference-match .phase-copy{min-width:0;display:flex;align-items:center;flex-wrap:nowrap;gap:6px}.reference-match .phase-copy h2{line-height:1.25;order:-1;flex-shrink:0;font-size:11px;font-weight:900;letter-spacing:.7px;color:#ffeab3}.reference-match .phase-leader{min-width:0;margin:0;font-size:9px;color:#ffeab3;flex:0 1 105px;max-width:105px}.reference-match .phase-hint{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;flex-basis:auto;flex:1;font-size:9px;color:#fffbea;text-shadow:0 1px 1px #382b20}.reference-match .phase-timer{display:flex;align-items:center;gap:5px;max-width:none;white-space:nowrap}.reference-match .phase-timer>svg{width:13px;height:13px;color:#f5dda0}.reference-match .phase-timer>strong{letter-spacing:.3px;font:800 16px/1 var(--sans)}.reference-match .phase-timer>small{display:none}.reference-match .economy-strip{display:flex;grid-column:1/-1;min-width:0;overflow:hidden;height:17px;background:#493c31;border:2px solid #553e27;border-radius:9px;box-shadow:0 1px #fff5}.reference-match .economy-segment{display:flex;align-items:center;justify-content:center;flex-basis:0;min-width:0;overflow:hidden;color:#fff;font:900 11px/1 var(--sans);text-shadow:0 1px 2px #0008;box-shadow:inset 0 3px #ffffff50;gap:4px}.reference-match .economy-segment>b{font-size:8px;opacity:.75;font-weight:400}.reference-match .economy-segment>small{font:inherit;color:inherit}.reference-match .rule-launcher{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;padding:6px;min-height:30px;font-size:12px;font-weight:700;background:linear-gradient(#ffe471,#edb93a);border:2px solid #fff3a1;border-bottom:4px solid #a26d28;border-radius:9px;color:#7f531d;text-shadow:0 1px #ffefa5}.reference-match .match-resources{display:flex;align-items:center;flex-wrap:wrap;margin:0;position:relative;left:auto;top:auto;gap:3px 12px;max-width:264px;padding:6px 9px;background:#75502de8;border:2px solid #f1cd86;border-bottom:4px solid #49321e;border-radius:10px;box-shadow:0 5px 12px #33541e25;color:#ffe8b1}.reference-match .match-resources>.section-heading{display:none}.reference-match .resource-row{display:grid;grid-template-columns:auto auto;gap:3px 6px;font-size:10px;min-width:0}.reference-match .resource-row>span{gap:4px;font-size:10px;color:#d7bb82}.reference-match .resource-row svg{width:18px;height:18px;color:#ffd465}.reference-match .resource-row>strong{font:750 16px/1.1 var(--sans);color:#ffe8b1}.reference-match .strength-row{margin:0;font-size:10px;gap:5px;color:#f2e0b4}.reference-match .strength-row>b{font-size:12px;color:#fff2cc}.reference-match .match-utility-bar{position:absolute;display:flex;gap:6px;right:20px;top:max(14px,env(safe-area-inset-top))}.reference-match .match-utility-bar>button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:35px;min-height:35px;font-size:11px;background:#ddae62e8;border:1px solid #ffe3a0;border-bottom:3px solid #98703b;border-radius:8px;color:#fff8de;font-weight:750;box-shadow:none;padding:6px 8px}.reference-match .match-utility-bar>button:hover,.reference-match .match-utility-bar>button[aria-expanded=true]{background:#f1c677;color:#84552b}.reference-match .utility-home>span{display:none}.reference-match .utility-count{display:none}.reference-match .compact-order-guide{position:relative;grid-column:1;grid-row:2;align-self:end;display:flex;align-items:center;gap:12px;margin:0;min-width:0;max-width:300px;border:1px solid #ffe4a4;border-radius:12px;background:#fff0c7dc;box-shadow:none;color:#79562e;padding:7px 9px}.reference-match .compact-order-guide>div{min-width:0;flex:1}.reference-match .compact-order-guide strong{display:block;font-size:11px;font-weight:800;line-height:1.35;margin:0 0 3px;color:#66522b}.reference-match .compact-order-guide[data-step=target] strong{display:none}.reference-match .compact-order-guide span{display:block;font-size:10px;line-height:1.45;color:#7a6a42}.reference-match .compact-order-guide>button{flex-shrink:0;min-height:32px;padding:5px 8px;font-size:10px;font-weight:700;border:2px solid #d2e68a;border-bottom:3px solid #5e7b2d;border-radius:9px;background:#91b94b;color:#fff;text-shadow:0 1px #597b2b}.reference-match .command-dock{position:relative;grid-column:1;grid-row:3;align-self:end;min-width:0;width:100%;min-height:0;margin:7px 0 0;backdrop-filter:none;-webkit-backdrop-filter:none;max-width:300px;padding:7px;border:2px solid #ffe8b5;border-bottom:4px solid #ad8045;border-radius:13px;background:#f9dda5ed;color:#79562e;box-shadow:0 4px 9px #35532620}.reference-match .command-dock[data-selection=building]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.reference-match .command-dock[data-selection=building]>.selected-building{grid-column:1/-1;grid-row:1;min-width:0;min-height:32px;padding-right:37px;gap:8px}.reference-match .selected-building strong{font-size:12px;line-height:1.3;color:#79562e;font-weight:750}.reference-match .selected-building small{font-size:10px;line-height:1.4;margin-top:2px;color:#997749}.reference-match .selected-icon{width:28px;height:30px;border-radius:5px;background:#ead9a6;color:#96753e}.reference-match .selected-icon>svg{width:21px;height:21px}.reference-match .command-dock[data-selection=building]>.dock-clear:last-child{grid-column:3;grid-row:1;justify-self:end;width:30px;min-height:30px;height:30px;padding:4px}.reference-match .dock-clear>.dock-label{display:none}.reference-match .command-dock[data-selection=building]>.fraction-picker{grid-column:1/-1;grid-row:2;margin:0;background:#ceaa6c;border:1px solid #be9656;border-radius:10px;gap:3px;padding:3px}.reference-match .fraction-picker button{min-height:29px;font-size:11px;color:#fff8e6;font-weight:750;border-radius:7px}.reference-match .fraction-picker button.active{background:#4295ff;color:#fff;box-shadow:0 3px #205cac,inset 0 2px #ffffff70}.reference-match .command-dock[data-selection=building]>.dock-button[aria-label="Repeat route"]{grid-column:1;grid-row:3}.reference-match .command-dock[data-selection=building]>.upgrade{grid-column:2;grid-row:3;margin:0;min-width:0}.reference-match .command-dock[data-selection=building]>.dock-button[aria-label="Stop repeat route"]{grid-column:3;grid-row:3}.reference-match .command-dock[data-selection=building]>.dock-instruction{grid-column:1/-1;grid-row:2;color:#8b7648;font-size:11px}.reference-match .command-dock>.dock-cost-note{grid-column:1/-1;grid-row:4;font-size:10px;line-height:1.4;color:#9b6a37}.reference-match .command-dock .dock-button{min-height:35px;width:auto;min-width:0;padding:5px;font-size:10px;line-height:1.25;gap:4px;white-space:normal;background:#fff2cd;border:1px solid #d7b978;border-radius:5px;color:#76542e}.reference-match .command-dock .dock-button>svg{width:13px;height:13px}.reference-match .command-dock .dock-button.active{background:#e5d088;border-color:#a88a45;color:#66502b}.reference-match .command-dock>.upgrade{min-height:35px;padding:5px 6px;font-size:11px;line-height:1.3;background:#91b94b;border:2px solid #d2e68a;border-bottom:4px solid #5e7b2d;border-radius:9px;color:#fff;text-shadow:0 1px #597b2b;box-shadow:none}.reference-match .command-dock>.upgrade small{font-size:9px;line-height:1.3;color:#fff}.reference-match .command-dock[data-selection=army]{display:flex;flex-wrap:wrap;gap:8px}.reference-match .order-feedback{grid-column:1;grid-row:4;z-index:11;position:relative;margin:7px 0 0;padding:8px 10px;font-size:11px;line-height:1.45;border:1px solid #e7d29c;border-radius:7px;color:#705025;background:#fff1cc}.reference-match .order-feedback button{font-weight:700;text-decoration:underline;margin-left:6px}.reference-match .match-status-notices{position:absolute;left:50%;top:112px;transform:translate(-50%);width:min(580px,calc(100% - 24px));pointer-events:none}.reference-match .match-status-notices>.control-notice{pointer-events:auto;margin:0 0 6px;padding:8px 11px;min-height:0;background:#fff0bf;border:1px solid #e6cc82;color:#785830;border-radius:8px;font-size:11px;line-height:1.45;box-shadow:0 2px #7e6d3940}.reference-match .control-notice button{color:#8c632b;font-size:11px;min-height:28px}.reference-match .map-help{left:50%;bottom:15px;transform:translate(-50%);padding:0;background:none;border:0;color:#4f6732;font-size:10px;opacity:.85;white-space:nowrap}.reference-match .training-badge{inset:auto 195px 16px auto;background:#fff2c6;color:#7f6337;border:1px solid #dac38c;border-radius:6px;font-size:10px}.reference-match .arena-navigation{inset:113px 20px auto auto;display:flex;backdrop-filter:none;-webkit-backdrop-filter:none;background:#f6d99de8;border:2px solid #ffedc2;border-bottom:4px solid #aa7d3c;border-radius:11px;padding:3px;gap:3px;color:#835a2e;box-shadow:none}.reference-match .arena-navigation>button{min-height:30px;min-width:29px;padding:0 9px;border-color:#d9c48b;font:700 11px var(--sans);background:#fff2c7;border:0;border-radius:6px;color:#805930}.reference-match .arena-navigation>button:hover{background:#e9d49a}.reference-match .match-minimap{overflow:hidden;position:relative;inset:auto;width:105px;height:auto;border:2px solid #ffe3a1;border-bottom:4px solid #a57a3f;border-radius:12px;background:#a4bb60 url(/art/tower-war/battlefield-expanded.png) center/250% 250%;box-shadow:none}.reference-match .match-minimap-map{border:0;color:#463e22;cursor:crosshair;background:transparent}.reference-match .match-minimap-map:focus-visible{outline:3px solid #fff9d9;outline-offset:-4px}.reference-match .match-search{position:absolute;width:230px;margin:0;padding:0;box-shadow:0 2px #89754440;inset:auto auto 16px 336px;background:#fff2cd;border:1px solid #d7b978;border-radius:5px;color:#76542e}.reference-match .match-search>summary{min-height:34px;padding:6px 10px;font-size:10px;gap:6px}.reference-match .match-search[open]{width:min(360px,calc(100% - 32px));padding:0 10px 8px}.reference-match .match-search .map-access-controls{display:grid;grid-template-columns:minmax(0,1fr);margin:0;gap:7px}.reference-match .match-search .map-access-controls>label{min-width:0;font-size:10px;color:#8b774c}.reference-match .match-search :is(input,select){width:100%;height:34px;min-width:0;font-size:11px;color:#65502e;background:#fff9e1;border:1px solid #d7be82;border-radius:5px}.reference-match .match-search small{display:none}.reference-match>.match-drawer{position:absolute;z-index:30;display:flex;flex-direction:column;top:12px;bottom:16px;width:304px;max-width:calc(100% - 24px);min-height:0;padding:0;overflow:hidden;background:#fff0cf;border:2px solid #e7bd77;border-radius:12px;box-shadow:0 6px #79583440;color:#6a482e}.reference-match>.players-drawer{left:14px;right:auto;border-right:2px solid #f2dca4}.reference-match>.events-drawer{right:14px;left:auto;border-left:2px solid #f2dca4}.reference-match[data-view=field]>.match-drawer,.reference-match[data-view=players]>.events-drawer,.reference-match[data-view=events]>.players-drawer{display:none}.reference-match .match-drawer-heading{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:7px 12px;font-size:12px;font-weight:700;background:#6c4b2d;color:#ffdfa3;border-bottom:2px solid #d3b074}.reference-match .match-drawer-heading h2{display:flex;align-items:baseline;gap:12px;font-size:13px;margin:0}.reference-match .match-drawer-heading h2 small{font-size:10px;color:#d6bf8d;font-weight:400}.reference-match .players-drawer .rail-heading{display:none}.reference-match .players-drawer .roster>.roster-search{margin-top:12px}.reference-match .drawer-close{display:grid;place-items:center;width:27px;min-height:27px;border:1px solid #c7aa6d;border-radius:5px;color:#f6e7bc}.reference-match .rail-heading{padding:17px 14px 13px;color:#6a512b}.reference-match .rail-heading>h2{font-size:16px}.reference-match .rail-heading>span,.reference-match .rail-heading i{color:#968052;font-size:11px}.reference-match .roster>.roster-search{margin:0 12px 12px;background:#fff9e6;border-color:#d5c18a;border-radius:6px}.reference-match .roster-search input{font-size:12px;height:35px;color:#6f5732}.reference-match .roster-tabs{padding-inline:13px;border-color:#decea3;gap:12px}.reference-match .roster-tabs button{font-size:11px;color:#9b865c}.reference-match .roster-tabs button.active{color:#674b23;border-color:#c49e4b}.reference-match .roster-tabs>span{font-size:9px;color:#a18b5e}.reference-match .roster-player{height:48px;padding-inline:12px;color:#67512f;background:transparent;border-color:#eaddb9;font-size:12px}.reference-match .roster-player:hover{background:#f2e4bc}.reference-match .roster-player.self{background:#ece7bb;border-left-color:#b9974d;padding-left:9px}.reference-match .roster-player b,.reference-match .roster-rank{font-size:11px;color:#90764b}.reference-match .roster-player small{font-size:9px;color:#9f895d}.reference-match .roster-foot{padding:10px 12px;border-color:#decea3;color:#a08a5c;font-size:10px}.reference-match .left-bottom{padding:8px 13px;border-color:#decea3}.reference-match .left-bottom>button{font-size:11px;min-height:30px;color:#8a7046}.reference-match .connection-status{font-size:10px;color:#9b8a63}.reference-match .event-panel{min-height:0;flex:1;display:flex;flex-direction:column}.reference-match .event-tabs{padding:0 13px;gap:18px;border-color:#dfcfa3}.reference-match .event-tabs button{font-size:12px;padding-block:13px;color:#9c8659}.reference-match .event-tabs button.active{color:#644b26;border-color:#bd9644}.reference-match .event-tabs>span{font-size:9px;color:#a9976d}.reference-match .events-scroll{padding:14px;min-height:0;overflow:auto;color:#8a7246}.reference-match :is(.event-row,.chat-row){gap:8px;border-color:#e1d3ab;padding:10px 0}.reference-match .event-row small{color:#a48a58;font-size:10px}.reference-match :is(.event-row p,.chat-row p,.chat-row strong){min-width:0;overflow-wrap:anywhere;color:#7d633b;font-size:12px;line-height:1.5}.reference-match .chat-input{border-color:#dbc795;background:#f3e8c5;padding:9px}.reference-match .chat-input input{background:#fff8de;border-color:#ceb57b;color:#674d29;font-size:12px;border-radius:6px}.reference-match .chat-input button{color:#a4813d}.reference-match .rule-command-overlay{position:absolute;z-index:25;left:50%;top:48%;transform:translate(-50%,-50%);max-height:calc(100% - 160px);overflow:auto;width:min(480px,calc(100% - 28px));padding:12px 15px;border:3px solid #d4aa61;border-bottom:6px solid #48301d;border-radius:20px;background:#6c492dea;color:#ffeabd;box-shadow:0 7px 22px #344d2725;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.reference-match .rule-command-overlay .leader-panel{padding:0;border:0;border-radius:0;background:none;color:inherit;box-shadow:none}.reference-match .rule-command-overlay :is(.leader-title,.leader-panel>.section-heading){display:none}.reference-match .prompt-countdown{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 10px;padding:0;font-weight:700;color:#fff0c1;font-size:16px}.reference-match .prompt-countdown strong{font-size:22px;color:#f3d28b}.reference-match .prompt-countdown small{font-size:14px;margin-left:3px}.reference-match .rule-command-overlay .leader-panel>form{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:7px 10px}.reference-match .rule-command-overlay textarea{grid-column:1;grid-row:1;max-height:160px;line-height:1.5;resize:vertical;background:#fff4ce;border:3px solid #d6aa64;border-radius:13px;color:#725032;font-size:14px;min-height:68px;padding:12px;box-shadow:none}.reference-match .rule-command-overlay textarea::placeholder{color:#b89764}.reference-match .rule-command-overlay .input-meta{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;font-size:10px;margin:0;color:#c9a778}.reference-match .rule-command-overlay .leader-panel>form>.button{grid-column:2;grid-row:1;align-self:stretch;min-height:68px;font-size:12px}.reference-match .rule-command-overlay .button{padding:10px;border:2px solid #fff3a1;border-bottom:5px solid #a26d28;border-radius:13px;background:linear-gradient(#ffe471,#edb93a);color:#7f531d;text-shadow:0 1px #ffefa5;font-weight:900;box-shadow:none}.reference-match .rule-command-overlay :is(.attempt-label,.section-heading){font-size:11px;letter-spacing:0;color:#d4aa64}.reference-match .rule-command-overlay blockquote{padding:10px 12px;margin:10px 0;max-height:125px;overflow:auto;border:1px solid #ae915a;border-radius:8px;background:#f8e7ba;color:#70532e;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.reference-match .rule-command-overlay p{font-size:12px;line-height:1.6;color:#e3d0a4}.reference-match .rule-command-overlay .counter-panel{padding:8px 0 0;border:0;background:none;color:#fff1c5}.reference-match .counter-panel>textarea{width:100%;margin:10px 0}.reference-match .counter-panel>.button{min-height:42px;font-size:13px}.reference-match .command-availability{font-size:10px;line-height:1.4;color:#d9c28e;margin:9px 0 0}.reference-match .mines-card{position:absolute;z-index:26;left:50%;top:50%;transform:translate(-50%,-50%);width:min(330px,calc(100% - 28px));max-height:calc(100% - 130px);overflow:auto;background:#fff1c8;border:3px solid #e6ca86;border-radius:12px;box-shadow:0 5px #8e7039;color:#71532c}.reference-match .mines-card .mines-title h3{font-size:17px;color:#6c512b}@media(max-width:1150px){.reference-match .phase-hud{width:min(400px,calc(100% - 360px))}.reference-match .match-resources{max-width:226px;gap:4px 10px;padding:7px 9px}.reference-match .match-utility-bar>button{padding:6px;width:34px}.reference-match .match-utility-bar>button>span{display:none}.reference-match .match-search{left:410px;width:190px}}@media(max-width:760px){.reference-match .phase-hud{top:49px;width:calc(100% - 20px);padding:5px 8px;gap:4px 7px}.reference-match .phase-copy h2{font-size:12px}.reference-match .phase-leader{max-width:150px;font-size:9px}.reference-match .phase-hint{font-size:9px}.reference-match .phase-timer>strong{font-size:15px}.reference-match .economy-strip{height:18px}.reference-match .match-resources{top:auto;left:auto;max-width:calc(100% - 138px);gap:3px 10px;padding:6px 8px;border-radius:8px}.reference-match .resource-row{display:flex;gap:4px;font-size:9px}.reference-match .resource-row>span{font-size:0;gap:0}.reference-match .resource-row>strong{font-size:12px}.reference-match .resource-row svg{width:12px;height:12px}.reference-match .economy-self>span{font-size:9px}.reference-match .match-utility-bar{top:94px;right:12px;gap:4px}.reference-match .match-utility-bar>button{min-height:31px;min-width:31px;width:31px;padding:5px;border-radius:7px}.reference-match .match-utility-bar>.utility-players{position:relative}.reference-match .utility-count{display:grid;place-items:center;position:absolute;right:-3px;top:-7px;min-width:19px;height:13px;padding:0 2px;border:1px solid #e6c982;border-radius:5px;background:#f5df9a;color:#715329;font:700 8px/1 Arial,sans-serif}.reference-match .match-utility-bar>.utility-home{display:none}.reference-match .arena-navigation{top:140px;right:12px;padding:2px;border-radius:8px}.reference-match .arena-navigation>button{min-height:29px;min-width:27px;padding:0 8px;font-size:10px}.reference-match .match-minimap{display:none}.reference-match .match-search{inset:140px auto auto 12px;width:32px;min-height:32px;border-radius:7px}.reference-match .match-search>summary{font-size:0;min-height:32px;padding:7px;gap:0}.reference-match .match-search>summary>svg:last-child{display:none}.reference-match .match-search[open]{width:calc(100% - 24px);padding:0 10px 10px;z-index:22}.reference-match .match-search[open]>summary{font-size:11px;gap:7px}.reference-match .map-help{display:none}.reference-match .match-status-notices{top:181px}.reference-match>.match-drawer{top:10px;bottom:12px;max-width:calc(100% - 20px)}.reference-match>.players-drawer{left:10px}.reference-match>.events-drawer{right:10px}.reference-match .rule-command-overlay{top:46%;padding:11px 12px;width:calc(100% - 24px);max-height:calc(100% - 110px)}.reference-match .prompt-countdown{font-size:15px;margin-bottom:8px}.reference-match .rule-command-overlay .leader-panel>form{grid-template-columns:minmax(0,1fr);gap:8px}.reference-match .rule-command-overlay textarea{min-height:80px;font-size:14px}.reference-match .rule-command-overlay .input-meta{grid-row:2;font-size:9px}.reference-match .rule-command-overlay .leader-panel>form>.button{grid-column:1;grid-row:3;min-height:39px;font-size:12px}}@media(max-width:650px){.reference-match[data-view]>.battlefield.reference-field{padding:12px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto}.reference-match .compact-order-guide{max-width:none;padding:7px 9px;gap:8px;border-radius:8px}.reference-match .compact-order-guide strong{font-size:11px;line-height:1.3}.reference-match .compact-order-guide span{font-size:10px;line-height:1.4}.reference-match .compact-order-guide>button{font-size:10px;min-height:32px;padding:4px 6px}.reference-match .command-dock{max-width:none;padding:8px;border-radius:10px;margin-top:6px}.reference-match .command-dock[data-selection=building]{gap:5px}.reference-match .fraction-picker button{min-height:32px;font-size:12px}.reference-match .selected-building small{font-size:10px}.reference-match .command-dock .dock-button{font-size:11px;min-height:38px}.reference-match .command-dock>.upgrade{font-size:12px;min-height:38px}.reference-match .training-badge{right:12px;bottom:auto;top:260px;font-size:9px}}@media(prefers-reduced-motion:reduce){.reference-match *{transition:none}}.keep-art{display:block;object-fit:contain;aspect-ratio:1;width:108px;height:108px}.app-shell[data-screen=menu]{--ink:#4f3d24;--muted:#917b50;--paper:#fbf4dc;--surface:#fffbec;--line:#decea0;--accent:#aa8136;--accent-hover:#92702e;--navy:#705531;--navy-deep:#5b472b;background:var(--paper);font-family:var(--sans)}.app-shell[data-screen=menu]>.topbar{color:#fff2cb;background:#6d5533;border-color:#bfa26d;box-shadow:0 3px #4b3e28;backdrop-filter:none;-webkit-backdrop-filter:none}.app-shell[data-screen=menu] .topnav button{color:#decfa9}.app-shell[data-screen=menu] .topnav button.active,.app-shell[data-screen=menu] .topnav button:hover{color:#fff4cc}.app-shell[data-screen=menu] .topnav button.active:after{background:#e2c175}.app-shell[data-screen=menu] .effects-toggle{display:none}.app-shell[data-screen=menu] .profile-button{color:#f5e7c2;border-color:#b99d6b;border-radius:7px}.app-shell[data-screen=menu] .header-home{border-color:#c3a66c;color:#fff0c5;background:#80643a;border-radius:7px}.app-shell[data-screen=menu] .home-workspace{background:#f4edcf;border-color:#d8c594}.app-shell[data-screen=menu] .lobby-browser{border-color:#dac89a;background:#fff8e3}.app-shell[data-screen=menu] .home-overview{border-color:#dacb9d}.app-shell[data-screen=menu] .home-overview>h2{font-size:25px;color:#604827}.entry-field-guide{display:flex;align-items:center;justify-content:center;gap:clamp(10px,4vw,48px);max-width:820px;margin:auto;padding:28px 20px;min-height:220px;background:#a3ce57 url(/art/interface/battlefield.webp) center/cover;border:3px solid #ffe8b5;border-bottom:5px solid #ad8045;border-radius:17px}.entry-field-guide>img{display:block;width:26%;max-width:158px;height:auto;object-fit:contain;filter:drop-shadow(6px 9px 3px #27411235)}.entry-match-guide{max-width:820px;margin:24px auto 0;color:#705936;line-height:1.7;font-size:14px}.entry-match-guide h2{font-size:21px;color:#604827;margin-bottom:12px}.entry-match-guide ol{padding-left:22px}.entry-match-guide li+li{margin-top:12px}.entry-match-guide p{margin-top:18px;font-size:13px;color:#917b50}.home-more>span{font-size:12px;color:#917b50}.app-shell[data-screen=menu] .first-move-guide{color:#67512e}.app-shell[data-screen=menu] .first-move-guide h2{color:#6c5029}.app-shell[data-screen=menu] :is(.practice-goal,.practice-steps,.practice-disclosure,.mode-overview p,.browser-locked>p){color:#968058}.app-shell[data-screen=menu] .button{border-color:#ad8b46;background:linear-gradient(#80c5ff,#328fee);border:2px solid #cef0ff;border-bottom:5px solid #2168b7;border-radius:12px;color:#fff;text-shadow:0 2px #2572c1;font-weight:800;box-shadow:0 4px #95703b}.app-shell[data-screen=menu] .button.secondary{border-color:#d1b97e;background:#fff2cd;border:1px solid #d7b978;border-bottom:3px solid #ad8045;color:#76542e;text-shadow:none;box-shadow:none}.app-shell[data-screen=menu] .button:hover{background:linear-gradient(#9bd4ff,#4295ff);border-color:#cef0ff}.app-shell[data-screen=menu] .practice-board{min-height:250px;padding:20px 28px;background:#a3ce57 url(/art/interface/battlefield.webp) center/cover;border:3px solid #ffe8b5;border-bottom:5px solid #ad8045;border-radius:17px;box-shadow:0 4px 9px #35532620}.app-shell[data-screen=menu] .practice-building{padding:10px;border-radius:9px;color:#405d2f;min-height:200px}.app-shell[data-screen=menu] .practice-building:before{display:none}.app-shell[data-screen=menu] .practice-building>img{filter:drop-shadow(6px 9px 3px #27411235);transform:none}.app-shell[data-screen=menu] .practice-building>.keep-art{margin-bottom:9px;filter:drop-shadow(6px 9px 3px #27411235);width:108px;height:108px;object-fit:contain}.app-shell[data-screen=menu] .practice-building.selected,.app-shell[data-screen=menu] .practice-building.captured{background:#dbe8a94d;border-color:#789947}.app-shell[data-screen=menu] .practice-building:not(:disabled):hover{background:#dcebb44d;border-color:#96b659}.app-shell[data-screen=menu] .practice-fractions>button{border-color:#d7c694;color:#998150;background:#fff8e1;border-radius:7px}.app-shell[data-screen=menu] .practice-fractions>button[aria-pressed=true]{background:#4295ff;border-color:#205cac;color:#fff;box-shadow:0 3px #205cac,inset 0 2px #ffffff70}.app-shell[data-screen=menu] .practice-fractions>button[aria-pressed=true]>small{color:#fff}.app-shell[data-screen=menu] .practice-status{background:#fff8df;border-color:#ba944b;color:#866a3f}.app-shell[data-screen=menu] .home-more,.app-shell[data-screen=menu] .mode-overview{border-color:#d8c79a}.app-shell[data-screen=menu] .mode-overview>.keep-art{width:76px;height:76px;object-fit:contain}.app-shell[data-screen=menu] .workspace-map-footer .keep-art{display:inline-block;vertical-align:middle;margin-right:6px;width:26px;height:26px;object-fit:contain}.app-shell[data-screen=menu] .entry-steps li.current{color:#72582e}.app-shell[data-screen=menu] .entry-steps li.current>span{background:#806336;color:#fff1c4;border-color:#806336}@media(max-width:650px){.app-shell[data-screen=menu] .home-workspace{padding:22px 18px}.app-shell[data-screen=menu] .practice-board{padding:12px 8px;gap:5px}.app-shell[data-screen=menu] .practice-building{padding:8px 2px}.app-shell[data-screen=menu] .practice-building>strong{font-size:12px}.app-shell[data-screen=menu] .practice-building>.keep-art{width:100px;height:100px}}.reference-match .match-brand{position:absolute;z-index:10;top:max(14px,env(safe-area-inset-top));left:20px;padding:0;color:#fff4c2;text-shadow:0 3px 0 #6b4b27;font:950 23px/.9 var(--sans);letter-spacing:-1px;transform:skew(-5deg)}.reference-match .match-player-hud{position:absolute;z-index:10;left:20px;top:66px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:264px;pointer-events:none}.reference-match .match-player-hud>.match-minimap{pointer-events:auto}.reference-match .resource-row:nth-of-type(3) svg{color:#c8e28b}.reference-match .rule-command-overlay textarea:focus{outline:none;border-color:#ffdf65;box-shadow:0 0 0 3px #ffdf6530}.reference-match .command-dock .dock-button[aria-label="Repeat route"]{background:#5fa5d7;border:2px solid #b8d8ee;border-bottom:4px solid #3772a9;border-radius:9px;color:#fff5d7}.reference-match .command-dock .dock-button[aria-label="Repeat route"].active{background:#4295ff}.game-dialog{background:#ffedbe;border:5px solid #ffe3a0;border-bottom:8px solid #be8b46;border-radius:24px;color:#7c502b;box-shadow:0 14px #6d4f2a50;font-family:var(--sans)}.game-dialog p{color:#907044}.game-dialog .eyebrow{color:#a77a3d}.game-dialog .button{border:2px solid #9bd4ff;border-bottom:5px solid #2669b7;border-radius:12px;background:#4095fa;color:#fff;text-shadow:0 2px #286fbd;font-weight:900}.game-dialog .button.secondary{background:#fff2cd;border-color:#d7b978;border-bottom-color:#ad8045;color:#76542e;text-shadow:none}@media(max-width:1150px){.reference-match .match-brand{font-size:19px}.reference-match .match-search{left:336px}.reference-match .phase-leader{max-width:75px}}@media(max-width:760px){.reference-match .match-brand{top:max(10px,env(safe-area-inset-top));left:12px;font-size:18px}.reference-match .match-utility-bar{top:max(10px,env(safe-area-inset-top));right:12px}.reference-match .match-player-hud{top:112px;left:10px;max-width:calc(100% - 118px);gap:10px}.reference-match .phase-copy h2{font-size:11px}.reference-match .phase-leader{display:none}.reference-match .phase-hint{font-size:9px}.reference-match .economy-strip{height:17px}.reference-match .arena-navigation{top:145px;right:10px}.reference-match .match-search{top:10px;left:auto;right:116px;width:31px}.reference-match .match-search[open]{top:49px;left:10px;right:10px;width:auto}.reference-match .match-resources{max-width:100%}.reference-match .rule-command-overlay{border-width:2px;border-bottom-width:5px;border-radius:13px}.reference-match .rule-command-overlay .leader-panel>form{grid-template-columns:minmax(0,1fr)}.reference-match .rule-command-overlay textarea{min-height:80px;font-size:14px}}@media(max-width:360px){.reference-match .match-brand{font-size:16px;letter-spacing:-.8px}.reference-match .match-player-hud{max-width:calc(100% - 118px)}}@media(prefers-reduced-transparency:reduce){.reference-match .phase-hud,.reference-match .rule-command-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:#70502d}}.reference-match>.players-drawer{background:#6c4b2ddb;border:2px solid #d3b074;color:#f8e5c1}.reference-match .players-drawer .roster-player{color:#f8e5c1;border-color:#e4c28a25}.reference-match .players-drawer .roster-player:hover{background:#ffffff0d}.reference-match .players-drawer .roster-player.self{background:#ffffff15;border-left-color:#ffe19b}.reference-match .players-drawer .roster-player b{color:#ffe19b;font-size:16px}.reference-match .players-drawer .roster-rank,.reference-match .players-drawer .roster-name small{color:#baa680}.reference-match .players-drawer .faction-swatch{width:8px;height:8px;border-radius:50%}.reference-match .players-drawer .roster-tabs{border-color:#e4c28a25}.reference-match .players-drawer .roster-tabs button{color:#d0b382}.reference-match .players-drawer .roster-tabs button.active{color:#ffe19b;border-color:#ffe19b}.reference-match .players-drawer .roster-tabs>span,.reference-match .players-drawer .roster-foot,.reference-match .players-drawer .connection-status{color:#d0b382}.reference-match .players-drawer .left-bottom{border-color:#e4c28a25}.reference-match .players-drawer .left-bottom>button{color:#f8e5c1}.dialog-scrim{background:#293d2970;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.game-dialog h2{font-size:28px;line-height:1.1;margin:12px 0;color:#7c502b}@media(prefers-reduced-transparency:reduce){.dialog-scrim{backdrop-filter:none;-webkit-backdrop-filter:none;background:#293d29cc}}body:has(.app-shell[data-ui-solid=true]) .dialog-scrim{backdrop-filter:none;-webkit-backdrop-filter:none}.app-shell[data-screen=menu]{--ink:#193a55;--muted:#516b82;--paper:#e4edf3;--surface:#fff8e4;--line:#adc3d2;--accent:#2869b5;--accent-hover:#317cce;--navy:#173867;--navy-deep:#112d51;--header-height:68px;background:#173867}.app-shell[data-screen=menu]>.topbar{height:var(--header-height);padding:0 28px;gap:30px;background:#173867;color:#fff8e4;border-bottom:3px solid #0d2749;box-shadow:inset 0 -1px #4176a4;backdrop-filter:none;-webkit-backdrop-filter:none}.brand{min-width:0;font:400 20px/1.2 var(--display);letter-spacing:0;color:#fff8e4;text-shadow:0 2px #0b2442}.brand-mark{width:30px;height:34px;flex-shrink:0}.brand-name{display:inline-block;white-space:nowrap;min-width:0;letter-spacing:-.4px}.brand-name>span{display:inline}.app-shell[data-screen=menu] .topnav{gap:24px;margin-left:0}.app-shell[data-screen=menu] .topnav button{font-size:17px;font-weight:600;color:#bed6ed;min-height:44px}.app-shell[data-screen=menu] .topnav button.active,.app-shell[data-screen=menu] .topnav button:hover{color:#ffd064}.app-shell[data-screen=menu] .topnav button.active:after{background:#ffd064;height:4px;border-radius:4px 4px 0 0}.app-shell[data-screen=menu] .profile-button{min-height:40px;padding:6px 15px;font-size:16px;background:#244d7d;border:1px solid #5786b3;border-bottom:3px solid #0d2749;border-radius:8px;color:#fff8e4;max-width:180px}.app-shell[data-screen=menu] .profile-button:hover{background:#315f92}.app-shell[data-screen=menu] .header-home{color:#fff8e4;background:#244d7d;border-color:#5786b3}.skip-link{position:fixed;z-index:200;top:8px;left:12px;transform:translateY(-160%);padding:10px 16px;background:#ffd064;color:#173867;border:2px solid #173867;border-radius:6px;font:700 16px var(--sans)}.skip-link:focus{transform:none}button,a,input,select{touch-action:manipulation}.global-entry,.global-hub{display:grid;grid-template-columns:minmax(0,1fr) 420px;min-height:calc(100svh - var(--header-height,68px));color:#193a55;background:#173867;font-family:var(--sans)}.entry-landscape,.muster-stage{position:relative;isolation:isolate;overflow:hidden;background:#8fbd4c}.entry-landscape:before,.muster-stage:before{content:"";position:absolute;inset:0;z-index:-2;background:#8fbd4c url(/art/interface/battlefield.webp) center/cover}.entry-landscape:after,.muster-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#3354210a,transparent 48%,#2a501f20);pointer-events:none}.entry-landscape{display:flex;flex-direction:column;justify-content:space-between;min-height:680px;padding:30px 44px 20px;container-type:inline-size}.entry-landscape-copy{position:relative;z-index:2;padding-bottom:8px}.entry-edition{display:inline-flex;align-items:center;font:700 15px/1.2 var(--sans);color:#fff8e4;background:#244d72;border:2px solid #91bad3;border-bottom:4px solid #173857;border-radius:7px;padding:6px 13px;letter-spacing:.2px}.global-wordmark{font:400 clamp(48px,9.8cqw,103px)/1.06 var(--display);letter-spacing:-1.3px;font-style:normal;transform:none;color:#fff4cb;margin:22px 0 17px;padding:5px 6px 12px 0;text-shadow:0 5px #775025,0 8px #253a31,3px 0 #253a31,-3px 0 #253a31,0 -3px #253a31;max-width:100%}.global-wordmark>span{display:block;white-space:nowrap}.entry-landscape-copy>p{font:700 23px/1.2 var(--sans);color:#1e482b;max-width:260px;text-shadow:0 1px #e3f1b6;letter-spacing:0}.entry-landscape-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff8e4;font:600 14px/1.3 var(--sans);padding:12px 15px;background:#173857ed;border:2px solid #5f91ad;border-bottom:4px solid #102b43;border-radius:9px;isolation:isolate}.entry-landscape-foot b{font:400 20px/1 var(--display);color:#ffd064;margin:0 3px}.entry-landscape-foot>span:last-child{text-align:right;max-width:160px}.entry-pass{display:flex;flex-direction:column;justify-content:center;min-width:0;margin:20px 20px 20px 0;padding:28px;background:#f5f0d9;border:3px solid #74a5ce;border-bottom:7px solid #0e2949;border-radius:0 14px 14px 0;box-shadow:inset 0 0 0 3px #fff9e8,0 7px #0e294970}.entry-route{display:flex;align-items:center;gap:12px;list-style:none;margin:0 0 28px;padding:0;font-size:15px;font-weight:600;color:#66798a}.entry-route>li{display:flex;align-items:center;gap:6px;white-space:nowrap}.entry-route>li>span{display:grid;place-items:center;background:#dce4e6;color:#4e6a80;border:1px solid #b3c6d1;border-radius:5px;width:23px;height:25px;font-weight:700}.entry-route>li[aria-current=step]{color:#173867}.entry-route>li[aria-current=step]>span{color:#fff8e4;background:#2869b5;border-color:#173867;box-shadow:0 2px #173867}.entry-kicker{display:flex;align-items:center;gap:6px;font:600 14px/1.4 var(--sans);color:#456b83;letter-spacing:0;text-transform:none}.entry-pass h2{font:400 27px/1.18 var(--display);letter-spacing:-.4px;color:#173867;margin:12px 0 17px;text-wrap:balance}.entry-pass>p,.entry-name-form>p,.entry-pass>div>p{font-size:17px;line-height:1.45;color:#516b80;margin-bottom:21px}.muster-primary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;width:100%;padding:11px 15px;border:2px solid #fff0a7;border-bottom:5px solid #bf7c20;border-radius:10px;background:linear-gradient(#ffdf78,#ffc34b);color:#553b19;box-shadow:0 3px #694b29,inset 0 2px #fff6c8;font:700 19px/1.2 var(--sans);transition:transform .12s,background .12s;text-shadow:0 1px #fff1b5}.muster-primary>svg{width:21px;height:21px;flex-shrink:0}.muster-primary:hover:not(:disabled){background:linear-gradient(#ffe69a,#ffcd63);transform:translateY(-1px)}.muster-primary:active:not(:disabled){transform:translateY(2px)}.muster-primary:disabled{opacity:.55;cursor:not-allowed}.muster-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font:600 16px/1.2 var(--sans);color:#285b82;text-underline-offset:4px}.muster-text:hover:not(:disabled){text-decoration:underline}.muster-text:disabled{opacity:.5}.muster-text>svg{flex-shrink:0}:is(.muster-primary,.muster-text,.entry-name-form input,.muster-search input,.muster-player-scroll):focus-visible{outline:3px solid #173867;outline-offset:4px}.entry-auth-note{font-size:14px;text-align:center;color:#5a7184;line-height:1.5;margin-top:13px}.entry-fairness{display:flex;gap:9px;margin-top:22px;padding-top:18px;border-top:2px solid #d5d6be;color:#456b83}.entry-fairness>svg{flex-shrink:0;margin-top:2px}.entry-fairness>p{font-size:15px;line-height:1.45;color:#516b80}.entry-rules{align-self:flex-start;margin-top:7px}.entry-build{font-size:12px;color:#61788b;margin-top:15px}.entry-name-form>label{display:block;font-size:16px;font-weight:700;margin:19px 0 7px}.entry-name-form>input{display:block;width:100%;height:50px;background:#fffdf5;border:2px solid #a4bac8;border-bottom:4px solid #7893a5;border-radius:7px;padding:0 12px;font-size:18px;color:#173867}.entry-name-form>input[aria-invalid=true]{border-color:#b64f37}.entry-name-help{display:flex;justify-content:space-between;gap:10px;margin:9px 0 22px;font-size:14px;line-height:1.35;color:#516b80}.entry-name-help>span:last-child{white-space:nowrap;font-weight:700}.entry-error{font-size:15px;line-height:1.4;color:#973e2a;border-left:3px solid #bd5439;padding-left:12px;margin:15px 0}.entry-error>p{margin:0}.entry-service{font-size:14px!important;color:#426b88!important;margin:18px 0 0!important}.entry-normalized{font-size:14px!important;overflow-wrap:anywhere}.muster-art{position:absolute;bottom:105px;left:50%;transform:translate(-50%);width:100%;max-width:740px;height:330px;pointer-events:none;isolation:isolate}.muster-ground{position:absolute;bottom:16px;left:50%;width:73%;height:105px;border-radius:50%;background:#456a3c26;transform:translate(-50%) rotate(-4deg)}.muster-home{position:absolute;width:290px;left:50%;bottom:10px;transform:translate(-50%);z-index:3}.muster-home>img{display:block;width:100%;height:auto;filter:drop-shadow(6px 10px 2px #304a2b30)}.muster-mine,.muster-sawmill{position:absolute;width:180px;height:auto;bottom:21px;filter:drop-shadow(6px 9px 2px #304a2b30)}.muster-mine{left:calc(50% - 260px);z-index:1}.muster-sawmill{left:calc(50% + 115px);z-index:2}.muster-pennant{position:absolute;left:26%;top:38%;width:20px;height:13px;background:#79c5ff;clip-path:polygon(0 0,100% 12%,80% 55%,100% 100%,0 89%);transform-origin:left center;animation:battle-flag 1s ease-in-out 5 alternate}.muster-path{position:absolute;left:28%;right:22%;height:40px;bottom:40px;border-bottom:2px dashed #567c3d70;transform:rotate(-4deg);z-index:0}.global-hub{grid-template-columns:minmax(0,1fr) 340px}.muster-stage{display:grid;grid-template-rows:auto auto minmax(220px,1fr) auto;min-height:calc(100svh - var(--header-height,68px));padding:0 32px}.muster-stage-header{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;border-bottom:2px solid #355a4a40}.muster-stage-header:before,.muster-stage-footer:before{content:"";position:absolute;inset:0 -40px;z-index:-1;background:#d9ebc9ed;pointer-events:none}.muster-stage-header .entry-edition{font-size:14px;padding:6px 10px;max-width:56%}.muster-stage-header>.muster-text{min-width:0;max-width:42%;color:#234f45;font-size:16px}.muster-stage-header>.muster-text>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.muster-stage-header small{font-size:13px}.muster-call{padding:30px 0 10px;max-width:680px;width:100%;margin:auto;text-align:center;position:relative;z-index:2}.muster-call>.entry-kicker{justify-content:center;color:#2d593c;font-size:16px;font-weight:700}.muster-call>h1{font:400 clamp(24px,3.1vw,43px)/1.2 var(--display);letter-spacing:-.5px;color:#fff5d8;text-shadow:0 3px #253c37,2px 0 #253c37,-2px 0 #253c37,0 -2px #253c37;margin:12px 0 18px;text-wrap:balance;overflow-wrap:break-word}.muster-call>h1:focus{outline:none}.muster-summary{max-width:460px;margin:0 auto;font-size:18px;font-weight:500;line-height:1.45;color:#234d36}.muster-call>.muster-primary{max-width:300px;margin:20px auto 0}.muster-leave{color:#285a40;margin-top:8px;font-size:16px}.muster-stage .muster-art{position:relative;left:auto;bottom:auto;transform:none;max-width:680px;min-height:220px;height:100%;align-self:end;margin:auto;grid-row:3}.muster-stage .muster-home{width:250px}.muster-stage .muster-mine,.muster-stage .muster-sawmill{width:155px}.muster-stage .muster-mine{left:calc(50% - 225px)}.muster-stage .muster-sawmill{left:calc(50% + 98px)}.muster-stage-footer{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:80px;padding:7px 0;border-top:2px solid #355a4a40;color:#234d36}.muster-stage-footer>div{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.35}.muster-stage-footer strong{font-weight:700}.muster-stage-footer>.muster-text{font-size:15px;color:#234d36}.muster-queue-number{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:16px;margin:0 auto 18px;width:max-content}.muster-queue-number>span{font-size:15px;color:#285a40}.muster-queue-number>strong{grid-column:2;grid-row:1/3;font:400 62px/1.1 var(--display);color:#173867;text-shadow:0 2px #b1d5a2;animation:battle-rank .25s ease-out}.muster-queue-number>small{font-size:15px;line-height:1.5;color:#285a40;text-align:right}.muster-countdown{margin:12px auto 18px;max-width:300px}.muster-countdown>strong{font:400 57px/1.2 var(--display);letter-spacing:-2px;color:#fff5d8;text-shadow:0 4px #173857,2px 0 #173857,-2px 0 #173857,0 -2px #173857}.muster-deadline-track{height:12px;overflow:hidden;background:#395a3b50;border:2px solid #e5edb3;border-radius:6px;margin:13px 5px 0}.muster-deadline-track>span{display:block;height:100%;background:#ffd064;transform-origin:left center;transition:transform .25s linear}.muster-connection{max-width:470px;margin:12px auto;border:2px solid #cba56b;border-radius:7px;padding:10px;background:#fff3d5;color:#7a4529;font-size:15px;line-height:1.4}.muster-connection p{margin:0}.muster-rollcall{display:flex;flex-direction:column;min-width:0;padding:24px 22px 20px;background:#f5f0d9;border-left:5px solid #173867}.muster-rollcall>header>h2{font:400 25px/1.3 var(--display);color:#173867;margin-top:4px}.muster-population{display:flex;gap:12px;align-items:center;margin:20px 0 14px}.muster-population>strong{font:400 42px/1.2 var(--display);color:#173867;letter-spacing:-1px}.muster-population>span{font:600 23px/1.1 var(--sans);color:#516b80}.muster-population small{display:block;font:500 15px var(--sans);color:#516b80;margin-top:2px}.muster-rollcall progress{display:block;width:100%;height:10px;appearance:none;border:2px solid #92adbd;border-radius:5px;overflow:hidden;background:#d6e2e5}.muster-rollcall progress::-webkit-progress-bar{background:#d6e2e5}.muster-rollcall progress::-webkit-progress-value{background:#3282c7}.muster-rollcall progress::-moz-progress-bar{background:#3282c7}.muster-muted{font-size:15px;line-height:1.4;color:#516b80;margin-top:10px}.muster-search{display:flex;align-items:center;gap:8px;border:2px solid #9bb2c1;border-bottom:3px solid #7893a5;border-radius:7px;background:#fffdf3;color:#516b80;margin-top:22px;padding-left:10px}.muster-search>input{width:100%;min-width:0;height:42px;font-size:16px;background:none;border:0;color:#193a55}.muster-player-scroll{overflow:auto;height:320px;min-height:120px;margin-top:12px;scrollbar-width:thin;scrollbar-color:#97afbd transparent}.muster-player{display:flex;align-items:center;gap:10px;min-width:0;border-bottom:1px solid #c6d2d5;color:#33536b;font-size:16px}.muster-player[data-you=true]{color:#205caa;font-weight:700;background:#c7e0ed70}.muster-player[data-new=true]{animation:battle-rank .3s ease-out;background:#dce8bc}.muster-player-number{font:600 13px var(--sans);color:#6b8393;min-width:24px}.muster-player-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.muster-player>small{font:700 12px var(--sans);color:#2869b5;background:#d6e7ed;border-radius:4px;padding:3px 5px}.muster-roster-results{font-size:13px;color:#61788b;margin-top:9px}.muster-list-empty{font-size:16px;line-height:1.5;color:#516b80;padding:26px 0;max-width:250px}.muster-rollcall>footer{margin-top:auto;padding-top:20px}.muster-rollcall>footer>p{font-size:14px;line-height:1.5;color:#61788b}.battle-guide{margin:23px 0 0;padding:0;border:2px solid #93b0be;border-bottom:4px solid #728c9e;border-radius:9px;background:#d5e7b7;overflow:hidden}.battle-guide-media{aspect-ratio:12/5;overflow:hidden;background:#92b94f}.battle-guide-media>img{display:block;width:100%;height:auto;aspect-ratio:12/5;object-fit:contain}.battle-guide figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;background:#e6eed9}.battle-guide-copy{font-size:14px;line-height:1.3;color:#31536b}.battle-guide-copy strong{display:block;font-weight:700;color:#193a55}.battle-guide-toggle{flex-shrink:0;min-height:44px;padding:6px 10px;background:#2869b5;color:#fff8e4;border:1px solid #8ec2e4;border-bottom:3px solid #173867;border-radius:6px;font:600 14px/1.15 var(--sans);max-width:105px}.battle-guide-toggle:hover{background:#347fca}@keyframes battle-flag{0%{transform:skewY(-4deg) scaleX(.92)}to{transform:skewY(4deg) scaleX(1)}}@keyframes battle-rank{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.reference-match .match-brand{font:400 20px/1.25 var(--display);letter-spacing:-.5px;transform:none;text-shadow:0 2px #173857,1px 0 #173857,-1px 0 #173857;max-width:calc(100% - 175px);white-space:nowrap}.reference-match .phase-copy h2{font-family:var(--display);font-weight:400;letter-spacing:0}.reference-match .arena-navigation>button{font-size:14px;font-weight:700;min-height:36px}.reference-match .phase-hud{background:#244c70f2;border-color:#76a1bc;border-bottom-color:#102c47}.reference-match .match-resources{background:#173857ee;border-color:#79a6c0;color:#fff1c7}.game-dialog h2,.result-card h1,.simple-page h1{font-family:var(--display);font-weight:400;line-height:1.25}.game-dialog{border-color:#92b9cd;border-bottom-color:#173867;background:#fff1ce;color:#193a55}.game-dialog h2{color:#173867}@media(min-width:1600px){.global-entry{grid-template-columns:minmax(0,1fr) 460px}.entry-pass{padding:38px}.entry-landscape{padding-inline:60px}.global-hub{grid-template-columns:minmax(0,1fr) 370px}}@media(max-width:1100px)and (min-width:821px){.global-entry{grid-template-columns:minmax(0,1fr) 365px}.entry-pass{padding:23px;margin-right:14px}.entry-landscape{padding-inline:28px}.global-wordmark{font-size:clamp(45px,10cqw,75px)}.entry-landscape .muster-home{width:250px}.entry-landscape .muster-mine,.entry-landscape .muster-sawmill{width:135px}.entry-landscape .muster-mine{left:10px}.entry-landscape .muster-sawmill{left:auto;right:10px}.global-hub{grid-template-columns:minmax(0,1fr) 300px}.muster-stage{padding-inline:24px}.muster-stage .muster-mine{left:8px}.muster-stage .muster-sawmill{left:auto;right:8px}}@media(max-width:820px){.global-entry,.global-hub{display:flex;flex-direction:column;min-height:0}.entry-landscape{min-height:420px;padding:24px 26px 16px}.global-wordmark{font-size:clamp(42px,9cqw,68px);margin:15px 0 13px;letter-spacing:-.8px}.entry-landscape-copy>p{font-size:20px;max-width:180px}.entry-landscape .muster-art{left:69%;bottom:70px;width:58%;height:250px;max-width:440px}.entry-landscape .muster-home{width:230px;bottom:10px}.entry-landscape .muster-mine,.entry-landscape .muster-sawmill{width:115px;bottom:4px}.entry-landscape .muster-mine{left:0}.entry-landscape .muster-sawmill{left:auto;right:0}.entry-landscape-foot{margin-top:80px;font-size:14px}.entry-pass{margin:0;padding:26px;border:0;border-top:5px solid #173867;border-bottom:5px solid #0e2949;border-radius:0;box-shadow:inset 0 3px #71a3c0;justify-content:flex-start}.entry-route{margin-bottom:24px;gap:24px}.entry-pass h2{font-size:27px}.entry-pass>p{max-width:520px}.entry-build{margin-top:14px}.battle-guide{max-width:480px}.muster-stage{padding:0 24px;grid-template-rows:auto auto 215px auto;min-height:0}.muster-stage-header{min-height:68px}.muster-call{padding-top:25px;max-width:560px}.muster-call>h1{font-size:30px}.muster-stage .muster-art{min-height:215px;max-width:540px}.muster-stage .muster-home{width:220px;bottom:8px}.muster-stage .muster-mine,.muster-stage .muster-sawmill{width:130px;bottom:4px}.muster-stage .muster-mine{left:7px}.muster-stage .muster-sawmill{left:auto;right:7px}.muster-stage-footer{min-height:80px}.muster-rollcall{border-left:0;border-top:5px solid #173867;padding:25px 24px}.muster-rollcall>header{display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:center}.muster-rollcall>header>.entry-kicker,.muster-rollcall>header>h2{grid-column:1}.muster-population{grid-column:2;grid-row:1/3;margin:0}.muster-population>strong{font-size:38px}.muster-rollcall progress,.muster-rollcall>header>.muster-muted{grid-column:1/3}.muster-rollcall progress{margin-top:15px}.muster-search{margin-top:18px;max-width:520px}.muster-player-scroll{height:280px;max-height:45svh}.muster-rollcall>footer{padding-top:17px}}@media(max-width:650px){.app-shell[data-screen=menu]{--header-height:106px}.app-shell[data-screen=menu]>.topbar{padding:10px 16px 0;gap:0;align-content:space-between;height:var(--header-height)}.brand{font-size:18px;gap:7px}.brand-mark{width:26px;height:30px}.app-shell[data-screen=menu] .header-right{margin-left:auto;gap:6px}.app-shell[data-screen=menu] .profile-button{font-size:15px;padding:5px 10px;max-width:125px;min-height:44px}.app-shell[data-screen=menu] .topnav{flex-basis:100%;height:43px;gap:25px}.app-shell[data-screen=menu] .topnav button{font-size:16px;min-height:43px}.entry-landscape{min-height:330px;padding:20px 20px 14px}.entry-edition{font-size:14px;padding:5px 10px}.global-wordmark{font-size:clamp(36px,11.2cqw,55px);line-height:1.08;margin:16px 0 14px;padding-bottom:10px;letter-spacing:-.7px}.entry-landscape-copy>p{font-size:18px;max-width:155px}.entry-landscape .muster-art{width:54%;left:70%;height:210px;bottom:69px}.entry-landscape .muster-home{width:190px}.entry-landscape .muster-mine,.entry-landscape .muster-sawmill{width:95px}.entry-landscape .muster-mine{left:0}.entry-landscape .muster-sawmill{right:0}.entry-landscape-foot{font-size:12px;gap:8px;padding:10px 11px;margin-top:40px}.entry-landscape-foot b{font-size:17px}.entry-landscape-foot>span:last-child{max-width:110px}.entry-pass{padding:25px 22px}.entry-pass h2{font-size:25px}.entry-route{gap:19px;font-size:15px}.entry-pass>p,.entry-name-form>p{font-size:17px}.entry-fairness{margin-top:21px}.muster-primary{min-height:54px;font-size:19px}.muster-stage{padding-inline:20px;grid-template-rows:auto auto 195px auto}.muster-stage-header{gap:10px}.muster-stage-header .entry-edition{font-size:13px;max-width:55%;padding:6px 8px}.muster-stage-header>.muster-text{max-width:43%;font-size:15px}.muster-stage-header small{display:none}.muster-call>h1{font-size:25px;line-height:1.22;letter-spacing:-.5px}.muster-call>.entry-kicker{font-size:15px}.muster-summary{font-size:17px;line-height:1.4}.muster-stage .muster-art{min-height:195px}.muster-stage .muster-home{width:195px;bottom:10px}.muster-stage .muster-mine,.muster-stage .muster-sawmill{width:110px;bottom:3px}.muster-stage .muster-mine{left:2px}.muster-stage .muster-sawmill{right:2px}.muster-stage-footer>div,.muster-stage-footer>.muster-text{font-size:14px}.muster-stage-footer>div{max-width:56%}.muster-countdown>strong{font-size:48px}.muster-queue-number>strong{font-size:52px}.muster-rollcall{padding:24px 21px}.muster-population>strong{font-size:32px}.muster-population>span{font-size:20px}.muster-rollcall>header>h2{font-size:23px}.reference-match .match-brand{font-size:16px;max-width:calc(100% - 145px);left:10px;letter-spacing:-.5px;top:max(12px,env(safe-area-inset-top))}.reference-match .arena-navigation>button{font-size:13px;min-height:36px}}@media(max-width:350px){.brand{font-size:16px;gap:6px}.brand-mark{width:23px}.app-shell[data-screen=menu]>.topbar{padding-inline:12px}.app-shell[data-screen=menu] .profile-button{max-width:105px;padding-inline:8px;font-size:14px}.entry-landscape{min-height:315px;padding-inline:18px}.global-wordmark{font-size:36px}.entry-landscape .muster-art{left:70%;bottom:68px;width:52%;height:190px}.entry-landscape .muster-home{width:170px}.entry-landscape .muster-mine,.entry-landscape .muster-sawmill{width:80px}.entry-landscape-foot{font-size:11px}.entry-landscape-foot b{font-size:15px}.entry-landscape-foot>span:last-child{max-width:95px}.entry-pass{padding:24px 19px}.entry-pass h2{font-size:23px}.entry-route{gap:15px}.muster-stage{padding-inline:16px}.muster-call>h1{font-size:23px}.muster-stage .muster-home{width:180px}.muster-stage .muster-mine,.muster-stage .muster-sawmill{width:95px}.muster-stage-header .entry-edition{font-size:12px}.muster-stage-footer>div,.muster-stage-footer>.muster-text{font-size:13px}.muster-stage-footer{gap:8px}.muster-rollcall{padding-inline:18px}.muster-population>strong{font-size:29px}.battle-guide figcaption{padding:9px;gap:8px}.battle-guide-toggle{max-width:95px;font-size:13px}.reference-match .match-brand{font-size:15px;letter-spacing:-.6px}}@media(prefers-reduced-motion:reduce){.muster-pennant,.muster-queue-number>strong,.muster-player[data-new=true]{animation:none}.muster-primary,.muster-deadline-track>span{transition:none}}.battle-guide-copy h3{font:700 16px/1.3 var(--sans);margin:0 0 3px;color:#193a55}.battle-guide-copy p{font:400 14px/1.35 var(--sans);margin:0;color:#31536b}.battle-guide-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px}.battle-guide-motion-note{grid-column:1/-1;font-size:13px;color:#516b80}.battle-guide-fallback{display:grid;place-items:center;width:100%;height:100%;color:#31536b}.entry-route{flex-wrap:wrap}.reference-match[data-view] :is(.phase-hud,.match-resources,.match-utility-bar>button){background:#214c75f2;border-color:#91bfd8;border-bottom-color:#102d48;color:#fff4d2;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 3px #17385750}.reference-match[data-view] .economy-strip{background:#173857;border-color:#112d51}.reference-match[data-view] .command-dock{background:#e6edddf7;border-color:#a3bdcc;border-bottom-color:#173867;color:#193a55}.reference-match[data-view] .selected-building strong{color:#193a55;font-size:15px}.reference-match[data-view] .selected-building small{color:#516b80;font-size:12px}.reference-match[data-view] .selected-icon{background:#c5dbe4;color:#386687}.reference-match[data-view] .command-dock>.fraction-picker{background:#315877;border-color:#173857}.reference-match[data-view] .fraction-picker button{min-height:34px;font-size:14px}.reference-match[data-view] .fraction-picker button.active{background:#ffd064;color:#553b19;box-shadow:0 2px #a66e23,inset 0 2px #fff1ae}.reference-match[data-view] .command-dock .dock-button{min-height:44px;font-size:12px;background:#f7f6e9;border-color:#9db4c0;color:#31536b}.reference-match[data-view] .command-dock .dock-button[aria-label="Repeat route"]{background:#327cbd;border-color:#8bc4e5;border-bottom-color:#173867;color:#fff}.reference-match[data-view] .command-dock>.upgrade{min-height:44px;font-size:14px}.reference-match[data-view] .command-dock>.upgrade small{font-size:11px}.reference-match[data-view] .compact-order-guide{color:#31536b;background:#edf0dbef;border-color:#91acbd}.reference-match[data-view] .compact-order-guide button{font-size:13px;min-height:40px}.reference-match[data-view] .arena-navigation{background:#244c70f2;border-color:#91bfd8;border-bottom-color:#102d48}.reference-match[data-view] .arena-navigation>button{background:#e3eff1;color:#193a55}.reference-match[data-view] .arena-navigation>button:hover{background:#ffdf78}.reference-match[data-view]>.players-drawer{background:#173857f7;border-color:#91bfd8}.reference-match[data-view] .players-drawer .roster-player,.reference-match[data-view] .players-drawer .roster-foot{border-color:#80a8c340}.reference-match[data-view] .players-drawer .roster-player b{color:#ffd064}.reference-match[data-view] .match-search{background:#e4eeec;border-color:#91acbd;color:#31536b}.reference-match[data-view] .rule-command-overlay{background:#214c75f5;border-color:#91bfd8;border-bottom-color:#102d48}@media(max-width:650px){.global-entry:has(.entry-name-form) .entry-landscape{display:none}.global-entry:has(.entry-name-form) .entry-pass{border-top:0;min-height:calc(100svh - var(--header-height,106px));justify-content:center}}@media(min-width:651px)and (max-width:1000px){.app-shell[data-screen=menu]{--header-height:114px}.app-shell[data-screen=menu]>.topbar{flex-wrap:wrap;align-content:space-between;padding:12px 24px 0;gap:0;height:var(--header-height)}.app-shell[data-screen=menu] .header-right{margin-left:auto}.app-shell[data-screen=menu] .topnav{order:3;flex-basis:100%;height:46px;align-self:auto;gap:28px}.app-shell[data-screen=menu] .topnav button{min-height:46px}}@media(max-width:350px){.app-shell[data-screen=menu] .topnav{gap:16px}}.app-shell[data-screen=menu] #maincontent{scroll-margin-top:var(--header-height,68px)}.entry-practice-launch{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:64px;margin-top:20px;padding:12px;text-align:left;border:2px solid #9ab5c5;border-bottom:4px solid #68899d;border-radius:8px;background:#e3eeed;color:#214c70;touch-action:manipulation}.entry-practice-launch strong{display:block;font:700 18px/1.2 var(--sans)}.entry-practice-launch small{display:block;font:500 14px/1.3 var(--sans);margin-top:4px;color:#45677b}.entry-practice-launch:hover{background:#edf4ed}.entry-practice-launch:focus-visible{outline:3px solid #ffd064;outline-offset:3px}@media(max-width:760px),(pointer:coarse){.reference-match[data-view] .fraction-picker button{min-height:44px;touch-action:manipulation}.reference-match[data-view] .arena-navigation>button{min-width:44px;min-height:44px;touch-action:manipulation}.reference-match[data-view] .arena-navigation>button:nth-child(-n+2){font-size:21px}.reference-match[data-view] .compact-order-guide>button{min-height:44px;touch-action:manipulation}.reference-match[data-view] .command-dock>.dock-clear{min-width:44px;min-height:44px;touch-action:manipulation}.reference-match[data-view] .match-drawer button{min-height:44px;touch-action:manipulation}.reference-match[data-view] .drawer-close{min-width:44px}.reference-match[data-view] .command-dock[data-selection=building]>.selected-building{min-height:44px;padding-right:52px}.reference-match[data-view] .command-dock[data-selection=building]>.dock-clear:last-child{width:44px;height:44px;min-height:44px;touch-action:manipulation}}@media(max-width:760px){.reference-match[data-view] .match-brand{max-width:calc(100% - 172px)}.reference-match[data-view] .match-utility-bar>button{width:44px;min-width:44px;min-height:44px;touch-action:manipulation}.reference-match[data-view] .phase-hud{top:calc(59px + env(safe-area-inset-top))}.reference-match[data-view] .match-player-hud{top:calc(122px + env(safe-area-inset-top))}.reference-match[data-view] .arena-navigation{top:calc(155px + env(safe-area-inset-top))}.reference-match[data-view] .match-search:not([open]){left:10px;right:auto;top:calc(155px + env(safe-area-inset-top));width:46px}.reference-match[data-view] .match-search>summary{min-height:44px;touch-action:manipulation}.reference-match[data-view] .match-search:not([open])>summary{display:flex;justify-content:center;padding:7px}.reference-match[data-view] .match-search[open]{top:calc(59px + env(safe-area-inset-top))}.reference-match[data-view] .match-search :is(input,select){min-height:44px;font-size:16px}.reference-match[data-view] .match-drawer :is(input,textarea,select){min-height:44px;font-size:16px}}.reference-match[data-view] .command-dock>.dock-more{display:none}.reference-match[data-view] .match-brand{display:flex;align-items:center;min-height:44px;touch-action:manipulation}@media(max-width:760px){.auth-card input{font-size:16px;min-height:48px}.game-dialog .modal-close{width:44px;height:44px;right:8px;top:8px}}@media(max-height:500px)and (orientation:landscape){.reference-match[data-view]>.battlefield.reference-field{padding:8px;grid-template-columns:minmax(0,1fr)}.reference-match[data-view] .match-brand{top:6px;left:8px;font-size:16px;max-width:120px}.reference-match[data-view] .match-utility-bar{top:6px;right:8px;gap:4px}.reference-match[data-view] .match-utility-bar>button{width:44px;min-width:44px;min-height:44px;padding:4px}.reference-match[data-view] .match-utility-bar>button>span,.reference-match[data-view] .utility-home{display:none}.reference-match[data-view] .phase-hud{top:6px;width:min(240px,calc(100% - 270px));min-height:44px;padding:4px 6px;gap:2px 5px}.reference-match[data-view] .phase-copy h2{font-size:13px;margin:0}.reference-match[data-view] .phase-leader,.reference-match[data-view] .phase-hint,.reference-match[data-view] .phase-timer>small,.reference-match[data-view] .economy-strip{display:none}.reference-match[data-view] .phase-timer{max-width:none;gap:4px}.reference-match[data-view] .phase-timer>strong{font-size:17px}.reference-match[data-view] .match-player-hud{top:56px;left:8px;max-width:min(230px,calc(100% - 356px));gap:0}.reference-match[data-view] .match-resources{max-width:100%;gap:3px 8px;padding:4px 6px}.reference-match[data-view] .match-resources>.section-heading,.reference-match[data-view] .match-minimap{display:none}.reference-match[data-view] .resource-row{display:flex;gap:3px}.reference-match[data-view] .resource-row>span{font-size:0;gap:0}.reference-match[data-view] .resource-row svg{width:14px;height:14px}.reference-match[data-view] .resource-row>strong{font-size:13px}.reference-match[data-view] .arena-navigation{top:52px;right:8px;width:216px;display:grid;grid-template-columns:44px 44px minmax(0,1fr) minmax(0,1fr);gap:0;padding:0}.reference-match[data-view] .arena-navigation>button{min-width:44px;min-height:44px;padding:0 3px;font-size:12px}.reference-match[data-view] .match-search:not([open]){top:52px;left:auto;right:282px;width:46px}.reference-match[data-view] .match-search[open]{top:6px;left:8px;right:8px;width:auto;max-height:calc(100% - 12px);overflow:auto}.reference-match[data-view] .match-status-notices{top:108px;max-height:calc(100% - 120px);overflow:auto}.reference-match[data-view] .command-dock{max-width:none;padding:4px;margin-top:0}.reference-match[data-view] .command-dock[data-selection=building]{grid-template-columns:minmax(110px,1fr) minmax(190px,1.4fr) 44px 44px;gap:4px}.reference-match[data-view] .command-dock[data-selection=building]>.selected-building{grid-column:1;grid-row:1;min-height:44px;padding-right:0;gap:5px}.reference-match[data-view] .selected-icon{width:26px;min-width:26px;height:30px}.reference-match[data-view] .selected-building strong{font-size:13px}.reference-match[data-view] .selected-building small{font-size:11px}.reference-match[data-view] .command-dock[data-selection=building]>.fraction-picker{grid-column:2;grid-row:1;margin:0;padding:0;gap:0}.reference-match[data-view] .command-dock[data-selection=building]>.fraction-picker button{min-width:44px;min-height:44px;padding:2px;font-size:13px}.reference-match[data-view] .command-dock[data-selection=building]>.dock-more{display:flex;grid-column:3;grid-row:1;flex-direction:column;gap:0;padding:2px;font-size:11px;min-height:44px}.reference-match[data-view] .dock-more[aria-expanded=true]>svg{transform:rotate(90deg)}.reference-match[data-view] .command-dock[data-selection=building]>.dock-clear:last-child{grid-column:4;grid-row:1;width:44px;min-height:44px;padding:4px}.reference-match[data-view] .command-dock[data-selection=building][data-expanded=false]>:is(.upgrade,.dock-cost-note,[aria-label="Repeat route"],[aria-label="Stop repeat route"]){display:none}.reference-match[data-view] .command-dock[data-selection=building]>.dock-button[aria-label="Repeat route"]{grid-column:1;grid-row:2}.reference-match[data-view] .command-dock[data-selection=building]>.upgrade{grid-column:2;grid-row:2}.reference-match[data-view] .command-dock[data-selection=building]>.dock-button[aria-label="Stop repeat route"]{grid-column:3/5;grid-row:2}.reference-match[data-view] .command-dock[data-selection=building]>.dock-cost-note{grid-row:3}.reference-match[data-view] .command-dock[data-selection=building]:has(.dock-instruction)>.selected-building{grid-column:1/4}}@media(max-width:650px){.app-shell[data-screen=menu] .topnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 8px;width:100%;height:44px;overflow:visible}.app-shell[data-screen=menu] .topnav button{min-width:0;min-height:44px;padding-inline:0;font-size:15px}.app-shell[data-screen=menu]:has(.nav-resume-match){--header-height: 154px}.app-shell[data-screen=menu] .topnav:has(.nav-resume-match){height:92px;grid-template-rows:44px 44px;row-gap:4px}.app-shell[data-screen=menu] .topnav>.nav-resume-match{order:1;grid-column:1 / -1;min-height:44px;font-size:15px}}