:root{--background:#141414;--surface:#1d1d1d;--surface-raised:#262626;--border:#343434;--text:#f5f5f5;--muted:#a3a3a3;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100%}body{min-height:100vh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #fff}button:disabled{cursor:default}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;height:60px;padding:0 clamp(20px,3vw,44px);display:flex}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;place-items:center;width:30px;height:30px;display:grid}.brand-word{letter-spacing:.08em;font-size:17px;font-weight:750}.topbar-actions{align-items:center;gap:8px;display:flex;position:relative}.quiet-button{color:#bcbcbc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.quiet-button:hover{color:#fff;background:#262626}.menu-button{color:#ededed;border-color:#393939}.memory-switch{color:#ededed}.switch-track{background:#555;border-radius:12px;width:28px;height:17px;padding:3px;transition:background .15s}.switch-track>span{background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .15s;display:block}.memory-switch[aria-checked=true] .switch-track{background:#eee}.memory-switch[aria-checked=true] .switch-track>span{background:#141414;transform:translate(11px)}.game-menu{z-index:8;background:#242424;border:1px solid #444;border-radius:10px;width:176px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0006}.game-menu button{width:100%;min-height:40px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.game-menu .memory-switch{justify-content:space-between}.game-menu button:hover,.game-menu button:focus-visible{background:#373737}.main-content{max-width:1320px;margin:0 auto;padding:20px}.game-layout{grid-template-columns:210px minmax(0,min(660px,100dvh - 180px)) 190px;justify-content:center;align-items:start;gap:16px;display:grid}.side-column{flex-direction:column;gap:16px;min-width:0;display:flex}.paper-card{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:14px}.army-card,.command-card{padding:16px}.board-frame,.army-card{-webkit-user-select:none;user-select:none}.army-title-row,.roster-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-overline{color:var(--muted);letter-spacing:.09em;font-size:10px;font-weight:600;line-height:1.4}.army-title-row{margin-top:0}.army-title-row h2{letter-spacing:-.03em;margin:0;font-size:17px;font-weight:600}.army-total{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.army-total strong{font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:26px;font-weight:600;line-height:1}.army-total small{color:var(--muted);letter-spacing:.06em;font-size:9px;font-weight:500}.card-divider{background:var(--border);height:1px;margin:18px 0 14px}.roster-heading{color:var(--muted);letter-spacing:.05em;font-size:9px;font-weight:500}.deployment-progress{margin-top:18px}.deployment-progress>span{background:#383838;border-radius:2px;height:3px;display:block;overflow:hidden}.deployment-progress>span>i{border-radius:inherit;background:#e5e5e5;height:100%;transition:width .2s;display:block}.deployment-progress small{color:var(--muted);text-align:right;letter-spacing:.03em;margin-top:8px;font-size:9px;display:block}.roster-list{margin-top:8px}.roster-row{width:100%;min-height:30px;color:inherit;text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:25px 1fr auto;align-items:center;gap:4px;padding:3px 6px;display:grid}.roster-pick{cursor:pointer;transition:background .15s}.roster-pick:hover:not(:disabled){background:#2b2b2b}.roster-pick.roster-selected{color:#141414;background:#f0f0f0}.roster-rank{color:#aaa;width:22px;height:22px;font-family:var(--mono);place-items:center;font-size:10px;display:grid}.roster-name{font-size:12px;font-weight:450}.roster-count{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11px}.roster-count small{color:#929292;font-size:10px}.roster-selected .roster-rank,.roster-selected .roster-count small{color:#555}.roster-empty{opacity:.35}.piece-count-title{letter-spacing:-.03em;margin:0;font-size:17px;font-weight:600}.army-comparison-note{color:var(--muted);margin:6px 0 18px;font-size:11px}.army-comparison{border-collapse:collapse;width:100%}.army-comparison thead th{color:#bcbcbc;text-align:center;padding:0 0 10px;font-size:10px;font-weight:500}.army-comparison thead th:first-child{text-align:left}.army-comparison tbody th{text-align:left;border-top:1px solid #303030;padding:6px 0;font-size:12px;font-weight:450}.comparison-rank{white-space:nowrap;align-items:center;gap:4px;display:flex}.comparison-rank .roster-rank{flex-shrink:0;width:20px}.army-comparison td{text-align:center;width:46px;font-family:var(--mono);font-variant-numeric:tabular-nums;border-top:1px solid #303030;padding:6px 0 6px 8px;font-size:13px}.army-comparison small{color:var(--muted);font-size:10px}.army-comparison .count-empty{color:#929292}.army-comparison tfoot th,.army-comparison tfoot td{border-top:1px solid #555;padding-top:14px;font-size:12px;font-weight:600}.army-comparison tfoot th{text-align:left}.selected-card{padding:16px}.selected-detail{align-items:center;gap:8px;margin-top:14px;display:flex}.selected-emblem{width:36px;height:40px;font-family:var(--mono);background:#303030;border:1px solid #505050;border-radius:8px;flex-shrink:0;place-items:center;font-size:15px;display:grid}.selected-detail div{flex-direction:column;gap:5px;display:flex}.selected-detail strong{font-size:12px;font-weight:600}.selected-detail div span{color:var(--muted);font-size:11px;line-height:1.5}.board-column{width:100%;min-width:0}.board-heading{justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin:0 0 12px;display:flex}.board-heading-copy{min-width:0}.board-heading h1{letter-spacing:-.04em;margin:0 0 6px;font-size:clamp(19px,1.8vw,25px);font-weight:600;line-height:1.2}.board-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.turn-badge{color:#ddd;letter-spacing:.04em;white-space:nowrap;background:#242424;border:1px solid #3b3b3b;border-radius:20px;flex-shrink:0;align-items:center;gap:7px;padding:8px 10px;font-size:9px;font-weight:600;display:inline-flex}.turn-light{background:#eee;border-radius:50%;width:5px;height:5px}.turn-computer .turn-light{animation:1.2s ease-in-out infinite thinking}.turn-win{color:#141414;background:#f5f5f5;border-color:#f5f5f5}.turn-win .turn-light{background:#141414}.turn-loss{border-color:#666}.board-frame{background:#202020;border:1px solid #363636;border-radius:14px;width:100%;padding:24px 17px}.board-with-sides{grid-template-columns:14px minmax(0,1fr) 14px;align-items:stretch;gap:5px;display:grid}.board-coordinates{color:#aaa;font-family:var(--mono);text-align:center;font-size:9px;font-weight:400;line-height:1;display:grid}.top-coordinates,.bottom-coordinates{grid-template-columns:repeat(10,minmax(0,1fr));align-items:center;height:17px}.top-coordinates{margin-top:-17px;margin-bottom:2px}.bottom-coordinates{margin-top:2px;margin-bottom:-17px}.side-coordinates{grid-template-rows:repeat(10,minmax(0,1fr));align-items:center;font-size:8px}.board-grid{aspect-ratio:1;background:#aaa;border:1px solid #555;border-radius:5px;grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));gap:1px;width:100%;display:grid;position:relative;overflow:hidden}.piece-layer{z-index:4;pointer-events:none;position:absolute;inset:1px}.piece-position{width:calc(10% - .9px);height:calc(10% - .9px);transform:translate(calc(var(--piece-col) * (100% + 1px)), calc(var(--piece-row) * (100% + 1px)));place-items:center;transition:transform .3s cubic-bezier(.22,.7,.3,1);display:grid;position:absolute;top:0;left:0}.piece-position-selected,.piece-battling{z-index:2}.board-tile{cursor:default;background:#d4d4d4;border:0;place-items:center;min-width:0;min-height:0;padding:0;transition:background .15s,box-shadow .15s;display:grid;position:relative}.tile-light{background:#e8e8e8}.tile-dark{background:#d4d4d4}.tile-own{cursor:pointer}.tile-own:hover{background:#c5c5c5}.tile-lake{background:#626262}.lake-mark{color:#c7c7c7;opacity:.55;width:64%}.lake-mark svg{stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;width:100%;display:block}.tile-selected{z-index:2;box-shadow:inset 0 0 0 3px #141414}.tile-selected:after{content:"";pointer-events:none;border:1px solid #fff;position:absolute;inset:3px}.tile-legal,.tile-setup-target{cursor:pointer}.tile-legal:hover,.tile-setup-target:hover{background:#bdbdbd}.legal-marker{aspect-ratio:1;opacity:.6;background:#292929;border-radius:50%;width:15%;position:absolute}.tile-attack{cursor:crosshair;box-shadow:inset 0 0 0 3px #141414}.tile-attack:after{content:"";pointer-events:none;border:1px dashed #fff;position:absolute;inset:4px}.tile-battling{z-index:3;box-shadow:inset 0 0 0 3px #111}.piece-battling .piece-token{box-shadow:0 0 0 2px #fff}.board-tile[aria-disabled=true]{cursor:default}.tile-battle-continue{cursor:pointer}.tile-battle-continue:hover{background:#bdbdbd}.camp-mark{pointer-events:none;border:1px dashed #b5b5b5;border-radius:3px;position:absolute;inset:5px}.piece-token{z-index:1;border:1px solid #ffffff3d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:82%;max-width:58px;height:82%;min-height:0;max-height:58px;transition:transform .15s,filter .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 3px #00000029}.piece-blue{color:#fff;background:#326aa6}.piece-red,.piece-token.piece-concealed{color:#fff;background:#b54b4b}.piece-known-marker,.piece-moved-marker{color:#141414;pointer-events:none;background:#fff;border:1px solid #ccc;border-radius:50%;place-items:center;width:clamp(10px,1.1vw,14px);height:clamp(10px,1.1vw,14px);display:grid;position:absolute;top:1px;right:1px}.piece-known-marker svg,.piece-moved-marker svg{width:85%;height:85%}.piece-rank{font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(12px,1.5vw,20px);font-weight:650;line-height:1;display:block}.piece-name{color:#f0f0f0;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:5px;padding:0 2px;font-size:clamp(5px,.52vw,7px);font-weight:500;line-height:1;overflow:hidden}.concealed-mark{color:#ffffffb3;place-items:center;display:grid}.concealed-mark svg{width:clamp(14px,1.8vw,23px);height:auto}.piece-selected{transform:translateY(-1px);box-shadow:0 0 0 2px #fff,0 3px 5px #0003}.board-footer{color:#aaa;letter-spacing:.02em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:35px;padding:12px 2px 0;font-size:9px;font-weight:500;display:flex}.known-key{color:#ccc;align-items:center;gap:6px;display:flex}.activity-heading h3{letter-spacing:-.02em;margin:0;font-size:14px;font-weight:600}.primary-action{color:#141414;cursor:pointer;background:#f5f5f5;border:1px solid #eee;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .15s,transform .15s;display:flex}.primary-action:hover{background:#dedede;transform:translateY(-1px)}.primary-action:disabled{color:#929292;cursor:not-allowed;background:#2b2b2b;border-color:#383838;transform:none}.deployment-action{margin-top:16px}.auto-deploy-action{color:var(--text);background:#292929;border-color:#505050}.auto-deploy-action:hover{background:#383838}.difficulty-control{border-top:1px solid var(--border);padding-top:18px}.difficulty-description{min-height:54px;color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.5}.new-game-note{color:var(--muted);margin:20px 0 0;font-size:11px}.difficulty-title{color:var(--muted);letter-spacing:.06em;font-size:9px;font-weight:500}.difficulty-options{background:#161616;border:1px solid #363636;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:10px;padding:4px;display:grid}.difficulty-options button{color:#a3a3a3;cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:5px;min-width:0;min-height:38px;padding:0 3px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.difficulty-options button:hover{color:#fff;background:#303030}.difficulty-options button:disabled{cursor:default;opacity:.6}.difficulty-options .difficulty-active{color:#151515;background:#eee}.activity-card{padding:16px 16px 0}.dispatch-list{margin-top:16px}.dispatch-item{border-top:1px solid var(--border);grid-template-columns:22px minmax(0,1fr);gap:8px;min-height:55px;padding:12px 0;display:grid}.dispatch-mark{color:#ccc;background:#292929;border:1px solid #3d3d3d;border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.dispatch-item strong{color:#ddd;font-size:11px;font-weight:500;line-height:1.4;display:block}.dispatch-item p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.5}.activity-footer{border-top:1px solid var(--border);min-height:40px;color:var(--muted);letter-spacing:.04em;align-items:center;margin:0 -16px;padding:0 16px;font-size:9px;font-weight:500;display:flex}.rules-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3}.rules-modal{width:min(100%,520px);max-height:calc(100dvh - 40px);color:var(--text);background:#202020;border:1px solid #444;border-radius:18px;margin:auto;padding:32px;position:fixed;overflow-y:auto;box-shadow:0 24px 80px #0006}.rules-modal[open]{animation:.15s ease-out appear}.modal-close{color:#ccc;cursor:pointer;background:#292929;border:1px solid #444;border-radius:8px;place-items:center;width:30px;height:30px;font-size:20px;display:grid;position:absolute;top:18px;right:18px}.modal-close:hover{color:#fff;background:#383838}.rules-modal h2{letter-spacing:-.04em;margin:10px 0;font-size:28px;font-weight:600}.rules-lead{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.6}.rule-list>div{border-top:1px solid #383838;grid-template-columns:22px 1fr;gap:12px;padding:14px 0;display:grid}.rule-list>div>span{color:#929292;font-family:var(--mono);padding-top:2px;font-size:11px}.rule-list p{color:#bcbcbc;margin:0;font-size:12px;line-height:1.65}.rule-list strong{color:#f5f5f5;font-weight:600}.modal-action{margin-top:18px}@keyframes appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes thinking{50%{opacity:.3}}@media (min-width:761px) and (max-width:960px){.main-content{padding:16px}.game-layout{grid-template-columns:210px minmax(0,min(660px,100dvh - 180px));gap:16px}.right-column{grid-area:2/1}.board-column{grid-area:1/2/3}}@media (max-width:760px){.topbar{height:60px;padding:0 16px}.brand-word{font-size:14px}.main-content{padding:20px 14px}.game-layout{grid-template-columns:minmax(0,1fr);gap:20px}.board-column{grid-row:1}.left-column{grid-row:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.right-column{grid-area:3/1;grid-template-columns:repeat(2,minmax(0,1fr))}.army-card{grid-column:1/-1}.roster-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;display:grid}.selected-card{grid-column:1/-1}.board-heading{align-items:flex-start;min-height:52px;margin-bottom:14px}.board-heading h1{font-size:21px}.board-heading p{max-width:250px;font-size:11px}.turn-badge{padding:7px 8px;font-size:8px}.board-frame{border-radius:12px;padding:21px 9px}.board-with-sides{grid-template-columns:10px minmax(0,1fr) 10px;gap:3px}.board-coordinates,.side-coordinates{font-size:7px}.piece-token{border-radius:5px;width:85%;height:85%}.piece-rank{font-size:clamp(11px,3.2vw,19px)}.piece-name{margin-top:3px;font-size:clamp(4px,1.1vw,7px)}.concealed-mark svg{width:clamp(13px,4vw,22px)}.board-footer{font-size:8px}.difficulty-options button{font-size:10px}.rules-modal{padding:26px 22px}}@media (max-width:460px){.topbar-actions{gap:2px}.quiet-button{min-height:36px;padding:0 8px;font-size:11px}.brand{gap:5px}.brand-word{letter-spacing:.05em;font-size:13px}.brand-mark{width:24px}.board-heading-copy{max-width:65%}.board-heading h1{font-size:19px}.board-heading p{font-size:10px}.turn-badge{gap:5px;font-size:7px}.board-frame{padding-inline:6px}.right-column{grid-template-columns:minmax(0,1fr)}.roster-list{column-gap:12px}.board-footer{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.main-content{max-width:1600px}.game-layout{grid-template-columns:210px minmax(0,1100px) 190px}.board-frame{aspect-ratio:3/2;background:url(/beach/beach-board-refined.webp) 50%/100% 100% no-repeat;border:0;border-radius:10px;width:100%;padding:0;position:relative;overflow:hidden;container-type:inline-size}.board-with-sides{display:contents}.board-coordinates{z-index:1;color:#79502e;font:800 1.8cqw/1 Arial,Helvetica,sans-serif;position:absolute}.top-coordinates{width:54.55%;height:3.7%;margin:0;top:6.1%;left:22.9%}.side-coordinates{width:2.9%;height:80.6%;font-size:1.8cqw;top:10.15%;left:19.6%}.board-with-sides>.side-coordinates:last-child,.bottom-coordinates{display:none}.board-grid{aspect-ratio:auto;background:0 0;border:max(1px,.12cqw) solid #9f632cc7;border-radius:.3cqw;gap:0;width:54.55%;height:80.6%;position:absolute;top:10.15%;left:22.9%}.board-tile,.tile-light,.tile-dark,.tile-lake{background:0 0;border:max(1px,.09cqw) solid #9f632cb3;border-top:0;border-left:0;border-radius:0}.board-tile:nth-child(10n){border-right:0}.board-tile:nth-child(n+91){border-bottom:0}.board-tile:focus-visible{z-index:3;outline-offset:-.35cqw;outline:.25cqw solid #70431f}.tile-own:hover,.tile-legal:hover,.tile-setup-target:hover,.tile-battle-continue:hover{background:#fff8cf4d}.tile-selected{background:#fff8cf73;box-shadow:inset 0 0 0 max(2px,.24cqw) #824f20e6}.tile-selected:after{display:none}.tile-attack,.tile-battling{background:#ffecc059;box-shadow:inset 0 0 0 max(2px,.24cqw) #af4b32}.tile-attack:after{border-color:#fff2cf}.tile-last-move:not(.tile-selected){box-shadow:inset 0 0 0 2px #fff9d7e6}.legal-marker{opacity:.65;background:#79502e;width:20%}.camp-mark{border-color:#9f632c59;inset:10%}.piece-layer{inset:0}.piece-position{width:10%;height:10%;transform:translate(calc(var(--piece-col) * 100%), calc(var(--piece-row) * 100%))}.piece-token,.piece-token.piece-concealed{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;display:block;overflow:visible}.piece-art{z-index:3;object-fit:contain;pointer-events:none;width:100%;height:100%;padding:5%;display:block;position:relative;top:4%}.shell-art{transform:scaleX(-1)}.piece-selected,.piece-battling .piece-token{box-shadow:none}.rank-badge{z-index:2;aspect-ratio:1;color:#fffdf5;background:#79502e;border:max(1px,.08cqw) solid #fff1cce6;border-radius:50%;place-items:center;width:29%;font:800 .92cqw/1 Arial,Helvetica,sans-serif;display:grid;position:absolute;top:3%;left:3%;box-shadow:0 .08cqw .12cqw #4927106b}.rank-ten{font-size:.72cqw}.piece-moved-marker{z-index:3}@media (min-width:761px) and (max-width:1100px){.game-layout{grid-template-columns:210px minmax(0,1fr)}}@media (max-width:760px){.game-layout{grid-template-columns:minmax(0,1fr)}.board-frame{aspect-ratio:1/1.08;background-size:auto 100%;padding:0}.top-coordinates{width:88.4%;top:6.1%;left:5.8%}.side-coordinates{width:4.7%;height:80.6%;top:10.15%;left:.45%}.board-coordinates,.side-coordinates{font-size:2.9cqw}.board-grid{width:88.4%;height:80.6%;top:10.15%;left:5.8%}.piece-token{border-radius:0;width:100%;height:100%}.rank-badge{font-size:1.6cqw}.rank-ten{font-size:1.2cqw}}.game-layout{flex-direction:column;align-items:stretch;display:flex;position:relative;container-type:inline-size}.board-column{order:0}.left-column{order:1}.right-column{order:2}.left-column,.right-column{width:100%}.right-column:empty{display:none}.army-card .roster-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 18px;display:grid}.board-tools{z-index:5;gap:8px;width:17%;display:grid;position:absolute;top:3%;left:1.5%}.board-tools>button,.board-tools .menu-button{color:#fffdf5;cursor:pointer;background:#05586fe0;border:1px solid #fff7dcd9;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:40px;padding:8px 10px;font-size:clamp(10px,1.1cqw,14px);font-weight:700;display:flex;box-shadow:0 2px 7px #20413f40}.board-tools>button:hover,.board-tools .menu-button:hover{background:#075c70}.board-tools>button svg,.board-tools .menu-button svg{flex:none}.board-tools .topbar-actions{display:block}.board-tools .menu-button{width:100%}.board-tools .game-menu{width:max(100%,176px);left:0;right:auto}@media (min-width:761px){.left-column{z-index:4;border-radius:12px;width:17%;max-height:calc(64.67cqw - 56px);position:absolute;top:calc(2cqw + 48px);left:1.5%;overflow-y:auto}.army-card{background:#0e4957f0;border-color:#fff7dca6;padding:12px}.army-card .roster-list{grid-template-columns:minmax(0,1fr);gap:0}.army-card .roster-pick:hover:not(:disabled){background:#ffffff24}.army-card .roster-rank,.army-card .roster-heading,.army-card .army-total small,.army-card .deployment-progress small{color:#d5edf0}.army-card .roster-selected .roster-rank{color:#555}}@media (max-width:760px){.army-card .roster-list{grid-template-columns:repeat(2,minmax(0,1fr))}.board-tools{justify-content:center;gap:8px;width:88.4%;display:flex;top:auto;bottom:1%;left:5.8%}.board-tools>button,.board-tools .menu-button{min-height:30px;padding:4px 9px;font-size:11px}.board-tools .game-menu{top:auto;bottom:calc(100% + 8px)}}.water-side{z-index:5;border-radius:10px;flex-direction:column;gap:8px;width:17%;max-height:96%;display:flex;position:absolute;top:2%;left:1.5%;overflow-y:auto}.water-side .brand{color:#fff;text-shadow:0 1px 4px #064555;padding:5px 7px}.water-side .brand-mark{flex:none}.water-side .brand-word{font-size:clamp(12px,1.1cqw,17px)}.water-side .board-tools{width:100%;display:grid;position:relative;inset:auto}.water-side .game-menu{width:100%;top:calc(100% + 4px);bottom:auto}.water-side .left-column{width:100%;max-height:none;position:static;overflow:visible}.water-side .right-column{width:100%;display:flex}.water-side .right-column:empty{display:none}.water-side .board-heading,.water-side .board-footer{color:#fffdf5;background:#0e4957f0;border:1px solid #fff7dca6;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:12px;display:flex}.water-side .board-heading h1{font-size:17px}.water-side .board-heading p,.water-side .known-key{color:#e5f4f3}.water-side .board-footer{min-height:0;line-height:1.5}.water-side .selected-card,.water-side .command-card{background:#0e4957f0;border-color:#fff7dca6;padding:12px}.water-side .selected-detail div span,.water-side .card-overline{color:#d5edf0}@media (max-width:760px){.water-side{width:100%;max-height:none;position:static;overflow:visible}.water-side .brand{color:var(--text);text-shadow:none}.water-side .board-tools{flex-wrap:wrap;display:flex}.water-side .board-tools .topbar-actions{flex:100px}.water-side .board-tools>button{flex:120px}.water-side .game-menu{min-width:176px;top:calc(100% + 4px);bottom:auto}.water-side .board-heading-copy{max-width:none}}