#feedback-dialog{color:#f4ebcf;box-sizing:border-box;background:#102a29;border:1px solid #d7b76766;border-radius:20px;width:min(560px,100vw - 24px);max-height:90dvh;padding:24px;overflow:auto;box-shadow:0 24px 90px #0008}#feedback-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071917c9}#feedback-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}#feedback-dialog h1{margin:4px 0 12px;font-family:Fraunces,serif;font-size:32px}#feedback-dialog small{color:#dbc68e}#feedback-dialog p{line-height:1.5}#feedback-dialog label{gap:7px;margin:12px 0;font-size:14px;display:grid}#feedback-dialog select,#feedback-dialog textarea{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#081c1b;border:1px solid #8fa59c55;border-radius:8px;min-height:44px;padding:10px}#feedback-dialog .feedback-ratings{grid-template-columns:1fr 1fr;gap:16px;display:grid}#feedback-dialog .feedback-privacy{color:#cad4c6;font-size:12px}#feedback-dialog a{color:#edd495}#feedback-dialog .feedback-consent{border-top:1px solid #8fa59c44;align-items:flex-start;gap:10px;padding-top:15px;display:flex}#feedback-dialog .feedback-consent input{flex-shrink:0;width:22px;height:22px}#feedback-dialog .feedback-consent small{color:#cad4c6;margin-top:5px;line-height:1.5;display:block}#feedback-status{overflow-wrap:anywhere;min-height:20px;font-size:13px}#feedback-dialog button{min-height:44px}@layer base{:root{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-synthesis:none}*,:before,:after{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;overflow-wrap:break-word;font-weight:500}p,label,summary,li{text-wrap:pretty}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}}@layer layout;@layer components{[hidden]:not([hidden=until-found]){display:none!important}:is(.gold-button,.soft-button,.text-button){justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);font:700 var(--text-body)/1.3 var(--font-body);text-align:center;text-wrap:balance;white-space:normal;cursor:pointer;transition:transform var(--duration-fast) var(--ease-ui), background-color var(--duration-fast), border-color var(--duration-fast), filter var(--duration-fast);text-decoration:none;display:inline-flex}.gold-button{background:linear-gradient(var(--color-gold-light), var(--color-gold-dark));color:var(--color-on-gold);border:1px solid var(--color-gold-light);box-shadow:var(--shadow-button)}.soft-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:none}.text-button{color:var(--color-muted);box-shadow:none;background:0 0;border:1px solid #0000}:is(.round-button,.tool-button){min-width:var(--control-height);height:var(--control-height);border-radius:var(--radius-control)}:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus-color);outline-offset:3px}:is(button,input,select,textarea):disabled:not(.tactic-card):not(.tile-label),[aria-disabled=true]{cursor:default;opacity:.45;filter:none;box-shadow:none;transform:none}@media (hover:hover) and (pointer:fine){:is(.gold-button,.soft-button,.text-button):not(:disabled):not([aria-disabled=true]):hover{filter:brightness(1.08);transform:translateY(-1px)}.soft-button:not(:disabled):hover,.text-button:not(:disabled):hover{background:var(--color-surface-raised);border-color:var(--color-border-strong)}}:is(.gold-button,.soft-button,.text-button):not(:disabled):active{filter:brightness(.98);transform:translateY(1px)}:is(.modal-scrim,.arena-scrim){padding:var(--viewport-gutter);background:var(--color-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overscroll-behavior:contain;position:fixed;inset:0;overflow:auto}:is(.guide-dialog,.pause-dialog,.arena-modal,.community-dialog,.account-panel,.onboarding){border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);color:var(--color-text);background:var(--color-surface);font-family:var(--font-body);min-width:0;max-width:100%}:is(.pause-dialog,.arena-modal,.community-dialog,.account-panel){padding:var(--panel-padding)}:is(.pause-dialog,.arena-modal,.community-dialog,.guide-dialog){max-height:calc(100dvh - 2 * var(--viewport-gutter));overscroll-behavior:contain;scrollbar-width:thin}:is(.pause-dialog,.arena-modal,.community-dialog){overflow:auto}.account-screen{overscroll-behavior:contain;height:100dvh;padding:var(--viewport-gutter);overflow:auto}.account-panel{flex-shrink:0}.account-panel .account-note{margin-top:var(--space-3)}#account-status:not(:empty){margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}#account-status:empty{display:none}:is(.onboarding,.community-dialog)::backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboarding::backdrop{background:linear-gradient(#061b2766,#061b2788),url(/assets/title-island.png) 65%/cover no-repeat}:is(.guide-dialog,.pause-dialog,.arena-modal,.community-dialog,.account-panel,.handoff-card,.onboarding) h1{font:500 var(--text-title)/var(--line-heading) var(--font-display);color:inherit;letter-spacing:-.5px;margin:var(--space-3) 0 var(--space-5);text-wrap:balance}:is(.pause-dialog,.arena-modal,.community-dialog,.account-panel,.handoff-card,.onboarding) p{font-size:var(--text-body);line-height:var(--line-body);color:var(--color-muted);text-wrap:pretty;overflow-wrap:break-word}:is(.guide-dialog,.arena-modal,.community-dialog,.account-panel) label{font:500 var(--text-body)/var(--line-body) var(--font-body)}:is(.guide-dialog,.arena-modal,.community-dialog,.account-panel,.community) :is(input:not([type=checkbox]),select,textarea){color:var(--color-text);background:var(--color-field);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);font:400 var(--text-lead)/1.4 var(--font-body);padding:var(--space-3);min-height:var(--control-height);max-width:100%}.guide-dialog{--focus-color:#816222;--color-text:var(--color-paper-ink);--color-muted:var(--color-paper-muted);--color-field:var(--color-paper-field);--color-border-strong:var(--color-paper-line);background:var(--color-paper)}.guide-dialog :is(.soft-button,.text-button){color:var(--color-paper-ink);background:var(--color-paper-field)}.guide-dialog :is(.soft-button,.text-button):not(:disabled):hover{background:var(--color-paper)}.guide-dialog>header{padding:var(--space-3) var(--space-5);gap:var(--space-3);flex-shrink:0}.guide-dialog .round-button{color:var(--color-gold-light)}:is(.guide-dialog,.arena-modal,.account-panel,.community-dialog) :is(p,h2,h3,label,button,a){overflow-wrap:break-word}.guide-tabs{padding-inline:var(--space-3);overflow-x:auto}.guide-tabs button{min-height:var(--control-height);padding-inline:var(--space-3);font-size:var(--text-caption);flex-shrink:0}.guide-tabs button.active{color:var(--color-paper-ink);font-weight:700}:is(.arena-modal,.pause-dialog,.account-panel,.handoff-card)>:is(.gold-button,.soft-button,.text-button){width:100%;margin-top:var(--space-3)}:is(.eyebrow,.onboarding-label,.tour-mini-label,.onboarding-top>span){font:700 var(--text-micro)/1.4 var(--font-body);letter-spacing:1.6px;color:var(--color-gold)}.onboarding .gold-button,.onboarding .soft-button,.onboarding .text-button{width:auto}.onboarding button{font-family:var(--font-body);border-radius:var(--radius-control)}.onboarding-top,.onboarding-footer{padding-inline:var(--space-5)}.onboarding-copy{padding:var(--panel-padding)}.onboarding-picture,.onboarding-footer{background:var(--color-surface)}.community-card{background:var(--color-surface);border-color:var(--color-border);border-radius:var(--radius-panel);padding:var(--panel-padding)}.community-heading p,.community-card p{color:var(--color-muted);font-size:var(--text-body)}.mode-card{border-radius:var(--radius-control);background:var(--color-field);border-color:var(--color-border-strong);text-wrap:pretty}.mode-card :is(b,span,small){overflow-wrap:break-word}.mode-card b{font-size:var(--text-lead)}.mode-card :is(span,small){font-size:var(--text-caption);line-height:var(--line-body)}.community nav,.notebook-footer,.board-filters{gap:var(--space-3);flex-wrap:wrap}:is(.arena-brand,.account-brand){font:700 var(--text-lead)/1.3 var(--font-body);letter-spacing:1px;color:var(--color-gold);text-decoration:none}:is(.round-medal small,.round-medal>span,.player-turn small,.recruit-options>small,.faction-score em small,.edition,.hand-title,.arena-hand-title){font-size:var(--text-micro);line-height:1.3}.onboarding .onboarding-tip,.account-panel .account-note{font-size:var(--text-caption)}.tactic-family{font-family:var(--font-body)}@media (width<=600px){.mode-grid,.challenge-grid{grid-template-columns:minmax(0,1fr)}.challenge-grid .mode-card:last-child{grid-column:auto}.guide-dialog>header,.onboarding-footer{padding-inline:var(--space-3)}.player-turn small,.faction-score em small{display:none}.onboarding-footer button{font-size:var(--text-caption);padding-inline:var(--space-3)}}@media (width<=740px),(height<=520px) and (orientation:landscape){.arena-footer :is(.gold-button,.soft-button,.text-button),.arena-command .text-button{min-height:var(--control-compact-height);font-size:var(--text-caption);padding:6px 4px;line-height:1.2}.arena-recruits .soft-button{white-space:normal;min-width:0;font-size:11px}}@media (height<=650px){:root{--panel-padding:20px}.arena-top .soft-button{min-height:var(--control-compact-height);padding:var(--space-2)}}}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/dm-sans-latin.woff2)format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/fraunces-latin.woff2)format("woff2")}:root{--font-body:"DM Sans", sans-serif;--font-display:Fraunces, Georgia, serif;--color-bg:#071d26;--color-surface:#16333f;--color-surface-raised:#24434a;--color-field:#0b2530;--color-text:#f3ecd9;--color-muted:#d0dfe2;--color-gold:#e8c77f;--color-gold-light:#f3ecd9;--color-gold-dark:#e8c77f;--color-on-gold:#071d26;--color-border:#dce8ed33;--color-border-strong:#dce8ed66;--color-backdrop:#071d2673;--color-paper:#f1ecd9;--color-paper-ink:#30483d;--color-paper-muted:#526650;--color-paper-field:#faf8e9;--color-paper-line:#52665044;--radius-control:8px;--radius-panel:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--text-micro:10px;--text-caption:13px;--text-body:16px;--text-lead:16px;--text-title:clamp(30px, 4vw, 48px);--line-body:1.55;--line-heading:1.15;--control-height:48px;--control-compact-height:36px;--focus-color:#f3ecd9;--panel-padding:clamp(20px, 3vw, 32px);--viewport-gutter:clamp(12px, 3vw, 24px);--shadow-panel:0 24px 80px #0006;--shadow-button:none;--duration-fast:.14s;--duration-panel:.22s;--ease-ui:cubic-bezier(.2,.75,.25,1);--glass-fill:linear-gradient(135deg, #193e4ab8, #071d26c4);--glass-border:#dce8ed66;--glass-blur:blur(24px);--glass-fallback:#16333f;scrollbar-color:#839ea5 #102b36;accent-color:#e8c77f;caret-color:#e8c77f}::selection{color:#071d26;background:#e8c77f}a{text-underline-offset:.25em}.ui-icon{vertical-align:middle;flex:0 0 24px;width:24px;height:24px}:is(.gold-button,.soft-button,.text-button){font-family:var(--font-body);min-height:48px;box-shadow:none;border-radius:8px;gap:12px;font-size:16px;font-weight:600;transition:background-color .14s ease-out,border-color .14s ease-out,transform .14s ease-out}.gold-button{color:#071d26;background:#f3ecd9;border:1px solid #f3ecd9}.soft-button{color:var(--color-text);border:1px solid var(--glass-border);background:#dce8ed08}.text-button{color:var(--color-muted)}:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--focus-color);outline-offset:4px}:is(.gold-button,.soft-button,.text-button):disabled{opacity:1;color:#b7c6c1;background:#385058;border-color:#71878c}@media (hover:hover) and (pointer:fine){:is(.gold-button,.soft-button,.text-button):not(:disabled):not([aria-disabled=true]):hover{filter:none;transform:translateY(-1px)}.gold-button:not(:disabled):hover{background:#fff8e8;border-color:#fff8e8}:is(.soft-button,.text-button):not(:disabled):hover{background:#dce8ed20;border-color:#dce8edaa}}:is(.gold-button,.soft-button,.text-button):not(:disabled):active{filter:none;transform:translateY(1px)}:where(.menu-content,.arena-modal,.pause-dialog,.game-options,#feedback-dialog,.community-card,.community-dialog,.account-panel,.onboarding,.handoff-card,.command-panel,.turn-controls,.battle-intel,.arena-command,.arena-objective,.hand-section),html .game-shell :is(.tactical-coach,.tutorial-coach){background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--color-text);border:1px solid var(--glass-border);box-shadow:none;border-radius:16px}:is(.game-top,.arena-top){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071d2673;border-bottom:1px solid #dce8ed33}:is(.round-button,.tool-button,.mode-card){color:var(--color-text);border-color:var(--glass-border);background:#dce8ed0d;border-radius:8px}:is(.modal-scrim,.arena-scrim){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071d2673}.arena-scrim{-webkit-backdrop-filter:none;background:linear-gradient(#071d2666,#071d2699),url(/assets/title-island.png) 68%/cover no-repeat;padding:clamp(16px,4vw,48px)}.arena-shell>[inert]{visibility:hidden}.arena-modal{width:min(680px,100%);max-height:calc(100dvh - 32px);padding:clamp(24px,4vw,48px);overflow:auto}.arena-modal>.eyebrow{display:none}.arena-modal h1{margin:0 0 24px;font-size:clamp(32px,4vw,48px);line-height:1.1}.arena-modal p{font-size:16px;line-height:1.5}.arena-modal .menu-actions{gap:12px;width:100%;max-width:none;margin:24px 0}.arena-modal .menu-actions>*{width:100%;min-height:52px}.arena-modal .mode-grid,.arena-modal .challenge-grid{gap:16px;margin-block:24px}.mode-card{min-height:96px;padding:20px}.mode-card b{font-size:20px}.mode-card :is(span,small){color:var(--color-muted);font-size:14px;line-height:1.5}.resume-modal{grid-template-columns:360px minmax(0,1fr);width:min(960px,100%);padding:0;display:grid;overflow:auto}.resume-art{background:url(/assets/title-island.png) 74%/cover;border-radius:15px 0 0 15px;min-height:490px}.resume-content{min-width:0;padding:48px}.resume-content h1{margin:0 0 24px}.resume-content .resume-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:16px;display:flex}.resume-content .menu-actions{margin:28px 0 20px;display:grid}.resume-content .resume-note{font-size:13px;line-height:1.55}.resume-content>.text-button{width:100%;margin-top:16px}.title-screen{background:#071d26;align-items:flex-start;padding:144px max(32px,5.55vw) 96px;overflow:auto}.title-screen .title-art{pointer-events:none;background:url(/assets/title-island.png) 50%/cover no-repeat;width:100%;height:100%;position:fixed;inset:0}.title-screen .title-art:after{background:#071d2638}.title-screen[data-menu=play] .title-art{background-image:url(/assets/cards/march.jpg);background-position:50% 38%}.title-screen[data-menu=learn] .title-art{background-image:url(/assets/cards/fortify.jpg)}.title-screen[data-menu=challenges] .title-art{background-image:url(/assets/cards/ambush.jpg)}.title-screen.title-submenu .title-art:after{background:#071d2673}.title-screen .menu-content{flex-direction:column;justify-content:flex-start;gap:24px;width:min(520px,100%);max-width:none;min-height:0;padding:40px;display:flex;position:relative}.title-screen .menu-content h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:clamp(36px,4vw,50px);font-weight:500;line-height:1.08}.title-screen .menu-content h1 span{color:inherit;font-size:inherit;font-weight:inherit}.title-screen .menu-content>p{font-family:var(--font-body);color:var(--color-muted);margin:0;font-size:17px;font-weight:400;line-height:1.5}.title-screen .menu-actions{flex-direction:column;gap:8px;width:100%;max-width:none;margin:0;display:flex}.title-screen .title-choice{text-align:left;justify-content:flex-start;align-items:center;gap:16px;width:100%;min-height:64px;padding:12px 16px;display:flex}.title-choice .title-choice-copy{flex:1;gap:4px;min-width:0;display:grid}.title-screen .title-choice b{font-size:16px;font-weight:600}.title-screen .title-choice small{opacity:1;color:var(--color-muted);font-size:13px;line-height:1.35}.title-screen .gold-button.title-choice small{color:#304650}.title-choice>.ui-icon:first-child{color:var(--color-gold)}.title-choice.gold-button>.ui-icon{color:#071d26}.title-screen .title-choice.soft-button{background:0 0;border:0;border-bottom:1px solid #dce8ed33;border-radius:0}.title-screen .title-choice.soft-button:hover{background:#dce8ed18;border-color:#dce8ed66}.title-arrow{flex:0 0 24px;margin-left:auto;display:flex}.title-screen .title-utilities{flex-wrap:wrap;gap:16px;margin:0;display:flex}.title-screen .title-utilities .text-button{min-height:44px;padding:8px 0;font-size:13px}.title-screen .edition,.title-screen .title-rule,.title-screen .menu-facts,.title-screen .title-location{display:none}.title-brand{color:#e8c77f;letter-spacing:.1em;z-index:2;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex;position:absolute;top:36px;left:max(32px,5.55vw)}.title-breadcrumb{align-items:center;gap:12px;display:flex}.title-breadcrumb>span{display:none}.title-breadcrumb .text-button{min-height:40px;padding:0;font-size:14px}.title-screen.title-submenu .menu-content{width:min(620px,100%)}html .game-options{background:var(--glass-fill);border:1px solid var(--glass-border);width:min(1120px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--color-text);box-shadow:none;border-radius:16px}html .game-options::backdrop,html #feedback-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071d2680}html .game-options header{border-color:var(--color-border);gap:20px;padding:32px 40px 24px}html .game-options h1{color:var(--color-text);margin:0;font-size:clamp(30px,4vw,44px)}.game-options .eyebrow{display:none}html .options-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;padding:24px 40px 32px;display:grid}.options-body>.soft-button{justify-self:start}html .options-intro{color:var(--color-muted);align-self:center;margin:0;font-size:14px}html .options-body section+section{margin:0}html .game-options h2{font:500 24px/1.3 var(--font-body);align-items:center;gap:10px;display:flex}html .game-options .option-row{border-color:var(--color-border);gap:24px;padding:16px 0}html .option-row b{font-size:16px;font-weight:500}html .option-row small,html .options-caption{color:var(--color-muted);font-size:13px;line-height:1.5}html .game-options select{background:var(--color-field);color:var(--color-text);border-color:var(--glass-border);min-height:48px;font-size:16px}html .game-options input[type=checkbox]{appearance:none;background:#47616a;border:1px solid #839ea5;border-radius:20px;flex:0 0 44px;width:44px;height:26px;position:relative}html .game-options input[type=checkbox]:before{content:"";background:#dce8ed;border-radius:50%;width:18px;height:18px;transition:transform .14s ease-out;position:absolute;top:3px;left:3px}html .game-options input[type=checkbox]:checked{background:#e8c77f;border-color:#e8c77f}html .game-options input[type=checkbox]:checked:before{background:#071d26;transform:translate(18px)}html .game-options input[type=range]{min-height:40px}html .now-playing,html .volume-row output{color:var(--color-muted);font-size:13px}html .game-options footer{border-color:var(--color-border);flex-direction:row;justify-content:space-between;align-items:center;gap:24px;padding:24px 40px 32px}html .game-options footer>small{text-align:left;color:var(--color-muted);font-size:13px;line-height:1.5}html .game-options footer .gold-button{flex-shrink:0;width:auto;min-width:220px}html #feedback-dialog{background:var(--glass-fill);width:min(608px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--color-text);border-color:var(--glass-border);box-shadow:none;border-radius:16px;padding:32px}html #feedback-dialog h1{margin:0 0 16px;font-size:36px}#feedback-dialog header small{display:none}html #feedback-dialog :is(select,textarea){background:var(--color-field);color:var(--color-text);border-color:var(--glass-border);padding:14px}html #feedback-dialog :is(.feedback-privacy,.feedback-consent small){color:var(--color-muted);font-size:13px}html #feedback-dialog label{gap:8px;margin-block:20px}.community{background:linear-gradient(#071d26c9,#071d26df),url(/assets/title-island.png) 70%/cover fixed}.community-heading .eyebrow{display:none}.community-card{padding:32px}.community :is(p,.muted,small),.friend-name small{color:var(--color-muted)}.community nav a{align-items:center;min-height:44px;display:inline-flex}.community .gold-button{color:#071d26}.community :is(input,select),.account-panel input{background:var(--color-field);color:var(--color-text);border:1px solid var(--glass-border);border-radius:8px;font-size:16px}.community .social-list li{border-color:var(--color-border);gap:24px;padding:24px 0}.community .my-score{background:#dce8ed18}.account-panel{width:min(520px,100%)}.account-panel h1{color:var(--color-text)}.guide-dialog{--color-text:#f3ecd9;--color-muted:#d0dfe2;--color-paper-ink:#f3ecd9;--color-paper-muted:#d0dfe2;--color-paper-field:#16333f;--color-paper:#24434a;--focus-color:#f3ecd9;background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border);color:var(--color-text)}.guide-dialog :is(h1,h2,h3,p,label,.guide-tabs button,.metric-grid dd){color:var(--color-text)}.guide-dialog :is(.guide-content,.guide-note,.unit-guide article,.practice-hand,.playtest-match,.notebook-summary){color:var(--color-text);border-color:var(--color-border);background:#16333fcc}.guide-dialog :is(input,textarea,select){color:var(--color-text);border-color:var(--glass-border);background:#0b2530}.guide-dialog .gold-button{color:#071d26}.curtain{background:#071d26}.handoff-card{padding:clamp(24px,5vw,48px)}.tactic-card.tactic-card{box-shadow:none;background:#16333f;border:1px solid #dce8ed66}.tactic-card.tactic-card:after,.tactic-edge i{display:none}.tactic-card .tactic-copy,.tactic-card .tactic-edge{background:#16333f}.tactic-card .tactic-cost{box-shadow:none;background:#f3ecd9;border-color:#f3ecd9}.tactic-card.tactic-card.selected{box-shadow:0 0 0 2px #e8c77f}.arena-objective{padding:16px}@media (width<=740px){.title-screen,.title-screen.title-submenu{padding:120px 16px 24px}.title-screen .menu-content,.title-screen.title-submenu .menu-content{gap:20px;width:100%;min-height:0;padding:24px}.title-screen .menu-content h1,.title-screen.title-submenu .menu-content h1{margin:0;font-size:36px;line-height:1.1}.title-screen .menu-content>p{font-family:var(--font-body);font-size:16px;font-weight:400}.title-screen .title-choice{gap:12px;min-height:60px;padding:12px 8px}.title-screen .title-choice small{font-size:12px}.title-screen .title-art{background-position:70%}.title-brand{font-size:12px;top:32px;left:24px}.resume-modal{width:min(420px,100%);display:block}.resume-art{background-position:72% 40%;border-radius:15px 15px 0 0;height:168px;min-height:168px}.resume-content{padding:24px}.resume-content h1{font-size:36px}html .game-options header{padding:24px}html .options-body{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 24px}html .options-body section+section{padding-top:8px}html .game-options footer{flex-direction:column;align-items:stretch;gap:12px;padding:16px 24px 24px}html .game-options footer .gold-button{width:100%}html .game-options select{width:100%;max-width:100%;font-size:16px}html .game-options .option-row:has(select){flex-direction:column;align-items:stretch;gap:12px}html #feedback-dialog,.community-card,.arena-modal{padding:24px}.arena-modal.resume-modal{padding:0}.arena-objective{padding:8px}}@media (height<=650px){.title-screen,.title-screen.title-submenu{padding-top:72px}.title-brand{top:20px}.title-screen .menu-content,.title-screen.title-submenu .menu-content{gap:16px;padding:20px}.title-screen .title-choice{min-height:52px}.title-screen .menu-content h1{font-size:34px}}html.ui-low-effects,html.reduced-motion{--glass-blur:none;--glass-fill:var(--glass-fallback)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--glass-fill:var(--glass-fallback)}}@media (prefers-reduced-transparency:reduce){:root{--glass-blur:none;--glass-fill:var(--glass-fallback)}}@media (prefers-reduced-motion:reduce){:root{--glass-blur:none;--glass-fill:var(--glass-fallback)}}html.ui-low-effects :is(.game-top,.arena-top,.arena-scrim,.modal-scrim),html.reduced-motion :is(.game-top,.arena-top,.arena-scrim,.modal-scrim){-webkit-backdrop-filter:none}html.reduced-motion *,html.reduced-motion :before{transition:none!important}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important}}.title-layout{gap:32px;width:100%;display:grid}.title-screen>.title-utilities{z-index:2;background:#071d26c4;border-radius:8px;gap:24px;padding:0 16px;position:absolute;top:32px;right:max(32px,4.4vw)}.title-screen .title-utilities .text-button{align-items:center;gap:8px;display:inline-flex}.title-feature{background:var(--glass-fill);min-width:0;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden}.title-feature-art{background:url(/assets/title-island.png) 70% 42%/cover;height:200px}.title-feature-copy{gap:20px;padding:32px;display:grid}.title-feature h2{font:500 28px/1.2 var(--font-display);margin:0}.title-feature p{color:var(--color-muted);margin:0;font-size:16px;line-height:1.5}.title-screen:is([data-menu=play],[data-menu=learn]) .menu-content{-webkit-backdrop-filter:none;backdrop-filter:none;width:min(1216px,100%);box-shadow:none;background:0 0;border:0;margin-inline:auto;padding:0}.title-screen:is([data-menu=play],[data-menu=learn]) .title-layout{grid-template-columns:minmax(300px,432px) minmax(0,1fr);align-items:start;margin-top:16px}.title-screen:is([data-menu=play],[data-menu=learn]) .title-layout>.menu-actions{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:24px}.title-screen:is([data-menu=play],[data-menu=learn]) .title-layout>.menu-actions .title-choice{min-height:88px}.title-screen[data-menu=learn] .title-layout{grid-template-columns:1fr}.title-screen[data-menu=learn] .title-feature{grid-template-columns:32% minmax(0,1fr);display:grid}.title-screen[data-menu=learn] .title-feature-art{height:100%;min-height:260px}.title-screen[data-menu=learn] .title-feature-copy .title-choice{max-width:360px}.title-screen[data-menu=learn] .title-layout>.menu-actions{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;display:grid}.title-screen[data-menu=learn] .title-layout>.menu-actions .title-choice{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;flex-wrap:wrap;min-height:140px;padding:24px}.title-screen[data-menu=learn] .title-layout>.menu-actions .title-choice-copy{flex-basis:100%;order:2}.title-screen[data-menu=learn] .title-layout>.menu-actions .title-arrow{order:1}@media (width<=900px){.title-screen:is([data-menu=play],[data-menu=learn]) .title-layout{grid-template-columns:1fr}.title-feature{grid-template-columns:30% minmax(0,1fr);display:grid}.title-feature-art{height:100%}.title-screen[data-menu=learn] .title-layout>.menu-actions{grid-template-columns:1fr;gap:12px}.title-screen[data-menu=learn] .title-layout>.menu-actions .title-choice{flex-wrap:nowrap;min-height:76px;padding:20px}.title-screen[data-menu=learn] .title-layout>.menu-actions .title-choice-copy{flex-basis:auto;order:0}}@media (width<=740px){.title-screen>.title-utilities{justify-content:center;width:100%;margin-top:20px;position:relative;inset:auto}.title-screen:is([data-menu=play],[data-menu=learn]) .menu-content{padding:0}.title-feature,.title-screen[data-menu=learn] .title-feature{grid-template-columns:1fr}.title-feature-art,.title-screen[data-menu=learn] .title-feature-art{height:160px;min-height:0}.title-feature-copy{padding:24px}.title-screen:is([data-menu=play],[data-menu=learn]) .title-layout>.menu-actions{padding:16px}.title-screen[data-menu=learn] .title-layout>.menu-actions{padding:0}.title-screen:is([data-menu=play],[data-menu=learn]) .title-layout>.menu-actions .title-choice{min-height:76px}}.title-screen[data-menu=play] .title-feature-art{background-image:url(/assets/cards/march.jpg)}.gold-button:not(:disabled):active{background:#e8dec6}.title-arrow{transition:transform .14s ease-out}@media (hover:hover) and (pointer:fine){.title-choice:hover .title-arrow{transform:translate(2px)}}@media (width<=740px){.resume-art{display:none}}.arena-tools .soft-button{gap:8px;min-height:40px;padding:8px 10px;font-size:12px}.arena-tools .ui-icon{flex-basis:20px;width:20px;height:20px}.arena-brand .ui-icon{flex:0 0 24px;width:24px;height:24px}.guide-dialog .guide-tabs{border-color:var(--glass-border);background:#0b2530}.guide-dialog .guide-tabs button{min-height:48px;font-size:14px}.guide-dialog .guide-tabs button.active{color:var(--color-gold);border-color:var(--color-gold)}.guide-dialog :is(.learn-steps article,.card-guide article,.edit-guide code){border-color:var(--glass-border);background:#16333f}.guide-dialog :is(.guide-footnote,.guide-sub,.guide-body details,.settings-list small,.unit-guide small,.unit-numbers,.learn-steps article>span){color:var(--color-muted)}.guide-dialog :is(.learn-symbol,.unit-glyph,.card-guide article>span,.guide-body .eyebrow){color:var(--color-gold)}.guide-dialog .soft-button{color:var(--color-text);border-color:var(--glass-border);background:#dce8ed08}.guide-dialog :is(.learn-steps p,.unit-guide p,.card-guide p,.guide-note p,.reference-grid p){font-size:14px;line-height:1.55}.guide-dialog .round-button{place-items:center;display:grid}html .tutorial-welcome{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);border-color:var(--glass-border);box-shadow:none}.tutorial-emblem .ui-icon{width:48px;height:48px}.onboarding button.onboarding-next{color:#071d26;background:#f3ecd9;border-color:#f3ecd9}@media (width<=740px){.arena-tools .soft-button{gap:4px;min-height:40px;padding:6px 8px}.guide-dialog .guide-tabs{padding-inline:12px}.guide-dialog .guide-tabs button{padding:12px 10px;font-size:13px}.title-feature-art,.title-screen[data-menu=learn] .title-feature-art,.title-feature-copy h2{display:none}.title-feature-copy{gap:16px}}@media (width<=740px),(height<=520px) and (orientation:landscape){.arena-footer :is(.gold-button,.soft-button,.text-button),.arena-command .text-button{min-height:40px;padding:6px 4px;font-size:13px;line-height:1.2}.arena-recruits .soft-button{white-space:normal;min-width:0;font-size:11px}}@media (width<=740px){.title-screen,.title-screen.title-submenu{padding-bottom:96px}.title-screen>.title-utilities{border:1px solid var(--glass-border);background:#071d26f2;width:auto;margin:0;position:fixed;inset:auto 16px 16px}}.arena-camera .tool-button{height:36px;min-height:36px;padding:6px 10px;font-size:12px}@media (width<=740px) and (height>=521px){.arena-camera{top:calc(145px + env(safe-area-inset-top))}.arena-camera .tool-button{height:34px;min-height:34px;padding:4px 8px;font-size:11px}.arena-stage{top:calc(185px + env(safe-area-inset-top))}}.community .muted{opacity:1}.title-screen{scroll-padding-block:24px 96px}.title-choice{scroll-margin-block:24px 96px}html:is(.ui-low-effects,.reduced-motion) :is(.game-options,#feedback-dialog)::backdrop{-webkit-backdrop-filter:none}@media (prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce){html :is(.game-options,#feedback-dialog)::backdrop{-webkit-backdrop-filter:none}}html:is(.ui-low-effects,.reduced-motion) :is(.game-top,.arena-top,.modal-scrim,.arena-scrim,.title-screen>.title-utilities),html:is(.ui-low-effects,.reduced-motion) :is(.game-options,#feedback-dialog,.onboarding,.tutorial-welcome,.community-dialog)::backdrop{-webkit-backdrop-filter:none;background:#071d26}@media (prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce){:is(.game-top,.arena-top,.modal-scrim,.arena-scrim,.title-screen>.title-utilities),html :is(.game-options,#feedback-dialog,.onboarding,.tutorial-welcome,.community-dialog)::backdrop{-webkit-backdrop-filter:none;background:#071d26}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(.game-top,.arena-top,.modal-scrim,.arena-scrim,.title-screen>.title-utilities),html :is(.game-options,#feedback-dialog,.onboarding,.tutorial-welcome,.community-dialog)::backdrop{background:#071d26}}@media (forced-colors:active){html .game-options input[type=checkbox]{appearance:auto;background:canvas;border:1px solid buttontext;flex-basis:24px;width:24px;height:24px}html .game-options input[type=checkbox]:before{display:none}:is(.gold-button,.soft-button,.text-button):focus-visible{outline-color:highlight}}.end-turn{color:#071d26;min-height:44px;font:600 14px/1.3 var(--font-body);box-shadow:none;background:#f3ecd9;border:1px solid #f3ecd9;border-radius:8px;transition:background-color .14s ease-out}:is(.round-button,.tool-button){box-shadow:none}@media (hover:hover) and (pointer:fine){.end-turn:not(:disabled):hover{background:#fff8e8}}.end-turn:not(:disabled):active{background:#e8dec6}@media (width<=740px) and (height>=521px){.game-top .utility .round-button{width:40px;min-width:40px;height:40px}.game-shell .end-turn{white-space:nowrap;justify-content:center;height:44px;min-height:44px;padding:8px 10px;font-size:13px}.game-shell .end-turn .ui-icon{display:none}.game-shell .board-tools{gap:4px;bottom:262px;left:10px;right:10px}.game-shell .board-tools .tool-button{flex:1;min-width:0;height:40px;min-height:40px;padding:4px;font-size:10px}html:not(.drilling):not(.practicing) .game-shell .coach{top:auto;bottom:314px}}@media (width<=740px) and (height>=521px) and (height<=650px) and (orientation:portrait){.arena-top{gap:2px}.arena-top #arena-score{padding-block:3px;font-size:12px}.arena-objective{top:calc(78px + env(safe-area-inset-top));padding:3px 8px}.arena-objective>p{font-size:9px}.arena-objective .arena-turn{margin-top:2px}.arena-camera{top:calc(118px + env(safe-area-inset-top))}.arena-camera .tool-button{height:32px;min-height:32px}.arena-stage{top:calc(158px + env(safe-area-inset-top))}}@media (width<=740px) and (height<=700px) and (orientation:portrait){.arena-command:has(#arena-cancel):not(:has(.arena-preview)){align-items:center;gap:8px;padding:4px 8px;display:flex}.arena-command:has(#arena-cancel):not(:has(.arena-preview))>h2{font:700 12px/1.2 var(--font-body);flex:1;margin:0}.arena-command:has(#arena-cancel):not(:has(.arena-preview))>p{display:none}.arena-command:has(#arena-cancel):not(:has(.arena-preview)) #arena-cancel{width:auto;min-height:32px;padding:4px 8px}}
