.turn-tabs{display:flex;gap:.35rem;margin:.7rem 0;padding-bottom:.2rem;overflow-x:auto}.turn-tab{flex:0 0 auto;min-width:7rem;border-bottom:3px solid var(--turn-tab-color, var(--line));border-radius:var(--radius) var(--radius) 0 0;color:var(--text)}.turn-tab[aria-selected=true]{background:color-mix(in srgb,var(--turn-tab-color, var(--accent)) 24%,var(--panel-2));border-color:var(--turn-tab-color, var(--accent));font-weight:600}.turn-tab.private-log-tab{--turn-tab-color: var(--accent)}.turn-toolbar{margin-bottom:.8rem}.turn-save-toolbar{display:flex;align-items:center;gap:.7rem;margin:.8rem 0 .35rem}.turn-save-all{min-width:10rem}.turn-unsaved-summary,.turn-save-hint{color:var(--muted);font-size:.85rem}.turn-save-hint{color:var(--bad)}.turn-toolbar label{display:inline-flex;align-items:center;gap:.35rem;margin:0}.turn-toolbar select{width:auto;margin:0}.turn-phase{margin-top:.8rem;padding:.55rem;border:1px solid transparent;border-radius:var(--radius)}.turn-phase[data-save-status=unsaved]{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 8%,transparent)}.turn-phase[data-save-status=saving]{border-color:var(--accent)}.turn-phase[data-save-status=failed]{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,transparent)}.turn-phase-heading{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.turn-phase-heading h3{margin:0}.turn-save-status{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto;color:var(--muted);font-size:.8rem;white-space:nowrap}.turn-save-status-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--muted)}.turn-save-status-unsaved{color:var(--warn);font-weight:600}.turn-save-status-unsaved .turn-save-status-dot{background:var(--warn)}.turn-save-status-saving .turn-save-status-dot{background:var(--accent);animation:turn-save-pulse .9s ease-in-out infinite alternate}.turn-save-status-saved .turn-save-status-dot{background:var(--good)}.turn-save-status-failed{color:var(--bad);font-weight:600}.turn-save-status-failed .turn-save-status-dot{background:var(--bad)}@keyframes turn-save-pulse{0%{opacity:.35}to{opacity:1}}.turn-phase-actions{display:flex;justify-content:flex-end;margin-top:.35rem}.turn-phase[data-turn-phase]{--turn-history-max-height: 6rem;--turn-editor-height: 6rem}.turn-phase[data-turn-phase=SOT],.turn-phase[data-turn-phase=CM],.turn-phase[data-turn-phase=MOVEMENT]{--turn-history-max-height: 10rem;--turn-editor-height: 10rem}.turn-history{max-height:var(--turn-history-max-height, none);margin:0 0 .55rem;padding-left:.9rem;border-left:2px solid var(--line);list-style:none;overflow:auto;color:var(--muted)}.turn-history-version{position:relative;margin-bottom:.5rem;padding-left:.5rem;font-size:.9rem;opacity:.7}.turn-history-version:before{content:"";position:absolute;top:.3rem;left:-.95rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--line)}.turn-history-time{display:block;margin-bottom:.1rem;color:var(--muted);font-size:.75rem}.turn-history-content{color:var(--muted);text-decoration:line-through;white-space:pre-wrap;overflow-wrap:anywhere}.turn-markdown{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.turn-markdown .milkdown{--crepe-color-background: var(--bg);--crepe-color-on-background: var(--text);--crepe-color-surface: var(--panel-2);--crepe-color-surface-low: var(--panel);--crepe-color-on-surface: var(--text);--crepe-color-on-surface-variant: var(--muted);--crepe-color-outline: var(--line);--crepe-color-primary: var(--accent);--crepe-color-secondary: var(--line);--crepe-color-on-secondary: var(--text);--crepe-color-inverse: var(--text);--crepe-color-on-inverse: var(--bg);--crepe-color-inline-code: var(--bad);--crepe-color-error: var(--bad);--crepe-color-hover: color-mix(in srgb, var(--accent) 12%, var(--panel-2));--crepe-color-selected: color-mix(in srgb, var(--accent) 22%, var(--panel-2));--crepe-color-inline-area: var(--line);--crepe-base-font-size: 15px;--crepe-font-default: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;min-height:8rem;color:var(--text);background:var(--bg)}.turn-markdown .milkdown .ProseMirror{min-height:6rem;padding:.65rem .8rem}.turn-markdown-fallback{min-height:8rem;margin:0;border:0;border-radius:0;resize:vertical}.turn-phase[data-turn-phase] .turn-markdown .milkdown{min-height:0}.turn-phase[data-turn-phase] .turn-markdown .milkdown .ProseMirror,.turn-phase[data-turn-phase] .turn-markdown-fallback{height:var(--turn-editor-height);min-height:0;overflow:auto}.editor-status{padding:.35rem .8rem;font-size:.8rem}.turn-markdown[data-readonly=true] .milkdown-top-bar{display:none}.turn-markdown[data-readonly=true],.turn-markdown[data-readonly=true] .milkdown,.turn-markdown[data-readonly=true] .milkdown .ProseMirror{background:var(--panel-2)}.private-log-copy{margin:0 0 .7rem}.private-log-heading{margin-top:0}@media(max-width:600px){.turn-tab{min-width:6rem}.turn-toolbar{align-items:stretch}.turn-toolbar .turn-toolbar-spacer{display:none}.turn-toolbar>button{flex:1 1 auto}.turn-save-toolbar{align-items:stretch;flex-direction:column}.turn-save-all,.turn-phase-actions .small{width:100%}}.battle-piece-selectable,.arena-slot,.battle-piece-selected{touch-action:manipulation}.arena-unit-card .battle-piece-selected{touch-action:none}.battle-piece-selectable{cursor:pointer}.battle-piece-selected{outline:2px solid var(--accent);outline-offset:3px}.battle-selection{display:flex;align-items:center;gap:.6rem;margin:.4rem 0 .7rem;padding:.45rem .6rem;border:1px solid var(--accent);border-radius:.35rem;color:var(--accent)}.mobile-arena-frame{overflow-x:auto}.mobile-arena-frame .arena-row{min-width:max-content}.mobile-arena-frame .arena-row-slots{overflow-x:visible}.arena-slot.valid-destination{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}@media(max-width:42rem){.battle-selection{justify-content:space-between;flex-wrap:wrap}.mobile-arena-frame .arena-row-slots{overscroll-behavior-x:contain}}@font-face{font-family:Marcellus;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/marcellus-latin-400.woff2) format("woff2")}@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/cinzel-latin-variable.woff2) format("woff2")}:root{--bg: #0c1018;--bg-2: #101624;--panel: #151c2b;--panel-2: #1b2334;--line: #2b3448;--line-soft: rgba(217, 173, 87, .16);--text: #ece7db;--muted: #98a1b4;--accent: #d9ad57;--accent-text: #1a1408;--good: #6cc08a;--warn: #e0b45c;--bad: #e07a7d;--error-bg: #3a2020;--error-text: #ffd8d8;--board-bg: #0f1115;--wonder-accent: #c9a227;--card-art-bg: #0d1015;--info: #1f7f94;--info-border: #2f9bb3;--info-text: #ffffff;--info-hover: #2a93aa;--info-hover-border: #43b3cf;--success: #2f7d43;--success-border: #3f9d57;--success-text: #ffffff;--success-hover: #3a9150;--success-hover-border: #4cb066;--shadow: 0 18px 44px rgba(0, 0, 0, .5);--radius: 6px;--pill: 999px;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--serif: "Marcellus", ui-serif, Georgia, "Times New Roman", serif;--display: "Cinzel", "Marcellus", ui-serif, Georgia, serif;--map-ink: rgba(217, 173, 87, .5);--photo-opacity: .45}:root[data-theme=light]{--bg: #efe6d1;--bg-2: #e7dcc1;--panel: #faf5e8;--panel-2: #f3ebd8;--line: #cdbb95;--line-soft: rgba(143, 101, 22, .18);--text: #2d2517;--muted: #6f6349;--accent: #8f6516;--accent-text: #fdf8ec;--good: #2b7a4b;--warn: #8a6100;--bad: #a8383f;--error-bg: #fbe9e6;--error-text: #8c2028;--board-bg: #ffffff;--wonder-accent: #9a7d12;--card-art-bg: #e6dcc4;--info: #5bc0de;--info-border: #46b8da;--info-text: #ffffff;--info-hover: #31b0d5;--info-hover-border: #269abc;--success: #5cb85c;--success-border: #4cae4c;--success-text: #ffffff;--success-hover: #449d44;--success-hover-border: #398439;--shadow: 0 16px 34px rgba(90, 70, 30, .18);--map-ink: rgba(120, 86, 30, .55)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 var(--sans)}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{margin:0 0 .5rem;line-height:1.25;font-family:var(--serif);font-weight:400}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:.9rem;font-family:var(--display);font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--pill);padding:.35rem .8rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#ffffff) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 78%,#000000) 100%);border-color:color-mix(in srgb,var(--accent) 60%,#000000);color:var(--accent-text);font-weight:600;box-shadow:inset 0 1px #ffffff59}button.danger{border-color:var(--bad);color:var(--bad)}button.info{background:var(--info);border-color:var(--info-border);color:var(--info-text)}button.info:hover:not(:disabled){background:var(--info-hover);border-color:var(--info-hover-border)}button.success{background:var(--success);border-color:var(--success-border);color:var(--success-text)}button.success:hover:not(:disabled){background:var(--success-hover);border-color:var(--success-hover-border)}button.small{padding:.15rem .45rem;font-size:.85rem}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:.35rem .5rem;width:100%}textarea{min-height:5rem;resize:vertical}label{display:block;margin-bottom:.6rem;color:var(--muted);font-size:.85rem}label.inline-label{display:flex;align-items:center;gap:.35rem;margin:0;white-space:nowrap}label.inline-label select{width:auto}.admin-edit{display:flex;flex-direction:column;gap:.35rem}.admin-edit label.inline-label input{flex:1;width:auto;margin-top:0}label>input,label>select,label>textarea{margin-top:.2rem;color:var(--text)}.app{position:relative;z-index:1;max-width:max(1200px,min(94vw,2200px));margin:0 auto;padding:1rem}.site-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.site-backdrop-photo{position:absolute;inset:0;background:#0c1018 url(/theme/backdrop.jpg) center / cover no-repeat;opacity:var(--photo-opacity);filter:saturate(.85) contrast(.95)}:root[data-theme=light] .site-backdrop-photo{filter:sepia(.35) saturate(.7) brightness(1.06)}.site-backdrop-scrim{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 70%,transparent),color-mix(in srgb,var(--bg) 42%,transparent) 42%,color-mix(in srgb,var(--bg) 88%,transparent))}:root[data-theme=light] .site-backdrop-scrim{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 76%,transparent),color-mix(in srgb,var(--bg) 52%,transparent) 42%,color-mix(in srgb,var(--bg) 90%,transparent))}.site-backdrop-cartography{position:absolute;inset:0;width:100%;height:100%;color:var(--map-ink);opacity:.3}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.site-footer-legal{margin:0}.site-footer-support{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.site-footer-donate{display:flex;align-items:center;margin:0}.site-footer-coffee{display:inline-flex}.site-footer-coffee img{display:block;height:47px;width:auto}.topbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.6rem .85rem;margin-bottom:1rem;background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.brand strong{font-family:var(--display);font-weight:600;font-size:1.05rem;letter-spacing:.09em}.brand .muted{font-family:var(--display);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.topbar .spacer{flex:1}.brand{display:inline-flex;align-items:baseline;gap:.6rem;color:inherit;text-decoration:none;white-space:nowrap}.site-navigation{display:flex;align-items:center;gap:.75rem}.site-navigation a{white-space:nowrap}.navigation-menu{position:relative}.navigation-menu summary{padding:.35rem 0;color:var(--accent);cursor:pointer;white-space:nowrap}.navigation-dropdown{position:absolute;z-index:10;top:calc(100% + .35rem);right:0;display:grid;width:min(24rem,calc(100vw - 2rem));min-width:0;padding:.35rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 .5rem 1.2rem #00000040}.navigation-dropdown a{padding:.4rem .5rem;border-radius:calc(var(--radius) / 2);text-decoration:none}.navigation-dropdown a:hover,.navigation-dropdown a:focus-visible{background:var(--panel-2)}.panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem;margin-bottom:1rem;min-width:0;box-shadow:var(--shadow)}.panel:before{content:"";position:absolute;inset:4px;border:1px solid var(--line-soft);border-radius:3px;pointer-events:none}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.landing-intro{padding:1.5rem 0 .5rem}.landing-intro p{margin:0 0 .8rem}.beta-badge{display:inline-block;margin-left:.5rem;padding:.1rem .5rem;border-radius:var(--radius);background:var(--accent);color:var(--accent-text);font-size:.45em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}.panel-stack{display:flex;flex-direction:column;gap:1rem}.panel-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:1rem;align-items:start}.panel-pair>.panel{margin-bottom:0}.row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.error{background:var(--error-bg);border:1px solid var(--bad);color:var(--error-text);border-radius:var(--radius);padding:.5rem .7rem;margin-bottom:1rem}.notice{background:var(--panel);border:1px solid var(--good);color:var(--text);border-radius:var(--radius);padding:.5rem .7rem;margin-bottom:1rem}.tag{display:inline-block;font-size:.75rem;padding:.05rem .4rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.tag.hidden{border-color:var(--warn);color:var(--warn)}.tag.revealed{border-color:var(--good);color:var(--good)}.tag.turn{border-color:var(--accent);color:var(--accent)}.tag.discarded{border-color:var(--bad);color:var(--bad)}.revealed-meta{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin-top:.2rem}ul.list{list-style:none;margin:0;padding:0}ul.list>li{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.35rem 0;border-bottom:1px solid var(--line)}ul.list>li:last-child{border-bottom:none}.log{max-height:22rem;overflow-y:auto;font-size:.9rem}.log li{display:block}.log-time{display:inline-block;min-width:10.5rem;margin-right:.45rem;color:var(--muted);font-variant-numeric:tabular-nums}.collapsible-heading{margin:0}.collapsible-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0;border:0;background:transparent;color:inherit;text-align:left}.collapsible-indicator{color:var(--muted);font-size:1.25rem}.collapsible-content[hidden]{display:none}.scroll{max-height:18rem;overflow-y:auto}.swatch{width:.8rem;height:.8rem;border-radius:3px;border:1px solid var(--line);display:inline-block}.center{max-width:26rem;margin:4rem auto}.new-game-form input{flex:1 1 12rem}.new-game-form select{flex:0 1 10rem;width:auto}.lobby-chat-form input{min-width:12rem}.faq-page{max-width:52rem;margin:0 auto}.faq-intro{margin:0 0 1rem}.faq-list{gap:.6rem}.faq-answer{max-width:45rem;margin:.8rem 0 0}.faq-answer+.faq-answer{margin-top:.7rem}.about-page{max-width:52rem;margin:0 auto}.about-page p:last-child{margin-bottom:0}.board-panel{grid-column:1 / -1}.board-layout{display:flex;gap:1rem;align-items:flex-start;margin-top:.6rem}.board-placement-status{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin:.6rem 0;padding:.55rem .65rem;border:1px solid var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.board-placement-status span{flex:1 1 100%;color:var(--muted);font-size:.85rem}.board-scroll{flex:1;min-width:0;max-height:80vh;overflow:auto;background:var(--board-bg);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem}.board-frame{position:relative;padding:14px}.board-frame.replaying{outline:2px dashed var(--warn);outline-offset:4px}.board-surface{position:absolute;top:14px;left:14px;touch-action:pan-x pan-y}.board-track{position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:100% 100%;outline:1px solid var(--line)}.board-track-cell{position:absolute;top:0;width:0;border-left:1px dashed rgba(255,255,255,.16);pointer-events:none;opacity:0}.board-track:hover .board-track-cell{opacity:1}.board-map{position:absolute;top:0;left:0;background-color:#1f2a20;background-image:linear-gradient(to right,rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.11) 1px,transparent 1px);outline:1px solid var(--line)}.board-fog-tile{position:absolute;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.board-area{position:absolute;border:2px solid var(--line);border-radius:4px;background:#ffffff0a;overflow:hidden}.board-area-wonders{background:#c9a22712}.board-area-name{display:flex;align-items:center;padding:0 .3rem;font-weight:600;color:#10131a;white-space:nowrap;overflow:hidden}.board-band-label{position:absolute;left:14px;font-size:10px;color:var(--muted);transform:translateY(-1.1em)}.board-piece{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:manipulation}.board-piece:active{cursor:grabbing}.board-piece.selected{outline:2px solid var(--accent);outline-offset:1px;touch-action:none}.board-labels{position:absolute;display:flex;color:var(--muted);font-size:10px;line-height:14px;-webkit-user-select:none;user-select:none}.board-labels span{display:inline-block;text-align:center}.board-labels.columns{left:14px;height:14px}.board-labels.columns.top{top:0}.board-labels.columns.bottom{top:14px}.board-labels.rows{top:14px;width:14px;flex-direction:column}.board-labels.rows span{display:flex;align-items:center;justify-content:center}.board-labels.rows.left{left:0}.board-labels.rows.right{right:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.6rem;margin:0;padding:0;list-style:none}.card-grid.small{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}.card-grid.scroll{max-height:34rem;overflow-y:auto}.card{display:flex;flex-direction:column;gap:.4rem;padding:.45rem;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius)}.card-art{display:flex;align-items:center;justify-content:center;min-height:6rem;padding:.2rem;background:var(--card-art-bg);border-radius:3px;overflow:hidden}.card-grid.small .card-art{min-height:4rem}.card-art img{width:100%;height:auto;max-height:13rem;object-fit:contain}.card-grid.small .card-art img{max-height:7rem}.card-art-fallback{padding:.6rem;color:var(--muted);font-size:.85rem;text-align:center}.card-caption{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem}.card-text{color:var(--muted);font-size:.78rem;line-height:1.35}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:auto}.card-actions select{width:auto;min-width:0;flex:1 1 5rem}.board-palette{width:18rem;flex:none}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.35rem;max-height:16rem;overflow-y:auto}.palette-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem .15rem;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);cursor:grab;text-align:center;color:inherit;font:inherit}.palette-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.palette-item:hover{border-color:var(--accent)}.palette-item.unavailable{cursor:not-allowed;opacity:.45;filter:grayscale(1)}.palette-item img{max-width:2.6rem;max-height:2.6rem;object-fit:contain}.palette-item span{font-size:.65rem;color:var(--muted);line-height:1.2}@media(max-width:700px){.board-layout{flex-direction:column}.board-scroll{width:100%;max-height:65vh}.board-palette{width:100%}.palette-grid{max-height:12rem}}.tech-pyramid{display:flex;flex-direction:column;gap:.3rem;margin:.5rem 0 .8rem;max-width:100%;overflow-x:auto;align-items:flex-start}.tech-pyramid-row{display:flex;justify-content:center;gap:.3rem;margin:0 auto}.tech-slot{position:relative;width:7rem;padding:.25rem .4rem;border:1px solid var(--line);border-radius:var(--radius);text-align:center;font-size:.72rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 0 7rem}.tech-slot.researched{background:var(--panel-2);color:var(--text);font-weight:600}.tech-slot.researched.hidden{border-color:var(--warn)}.tech-slot.available{color:var(--muted);font-weight:400}.tech-pyramid-block{margin:0 0 .8rem;padding:.5rem .6rem .2rem;border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-inline-size:0}.tech-pyramid-block legend{padding:0 .3rem;font-size:.85rem;font-weight:600}.replay-bar{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-top:.6rem;padding:.4rem .5rem;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius)}.global-replay-bar{margin:.6rem 0 1rem}.replay-bar input[type=range]{padding:0;accent-color:var(--accent)}.replay-what{flex-basis:100%;font-size:.8rem}button.link{background:none;border:none;padding:0;text-align:left;color:var(--text);font-size:.85rem;cursor:pointer}button.link:hover{color:var(--accent)}button.link.current{color:var(--warn);font-weight:600}ul.history>li{display:block;padding:.2rem 0}@media(max-width:900px){.site-navigation{flex-basis:100%;justify-content:space-between}.topbar .spacer{display:none}.topbar-actions{flex:1 1 100%;justify-content:flex-start}.site-navigation>a,.navigation-menu>summary,.topbar-actions button,.row>input,.row>select,.row>button,.center form label>input,.center form label>select,.center form label>textarea,.tabs .tab,.pager button,.game-list button.small{min-height:2.75rem}.center form label>input,.center form label>select,.center form label>textarea{margin-top:.2rem}.board-layout{flex-direction:column}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.6rem;margin:0;padding:0;list-style:none}@media(max-width:600px){.app{width:100%;padding:.75rem}.topbar{align-items:stretch;gap:.6rem}.brand{flex:1 1 100%}.site-navigation{flex:1 1 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.site-navigation>a,.navigation-menu>summary{min-height:2.75rem;display:flex;align-items:center;justify-content:center;padding:.45rem;border:1px solid var(--line);border-radius:var(--radius);text-align:center}.navigation-menu{min-width:0}.navigation-menu>summary{list-style:none;position:relative;z-index:11;background:var(--panel)}.navigation-menu>summary::-webkit-details-marker{display:none}.navigation-dropdown{position:fixed;inset:.75rem;width:auto;max-height:calc(100dvh - 1.5rem);overflow-y:auto}.topbar-actions{align-items:stretch;justify-content:stretch}.topbar-actions button,.topbar-actions .muted{min-height:2.75rem}.topbar-actions button{flex:1 1 auto}.topbar-actions .muted{display:inline-flex;align-items:center;padding:0 .35rem}.center{width:100%;margin:2rem auto}.center .panel{padding:.75rem}.row>input,.row>select,.row>button{min-height:2.75rem}.new-game-form input,.new-game-form select,.lobby-chat-form input{flex:1 1 100%;width:100%;min-width:0}.new-game-form button,.lobby-chat-form button{flex:1 1 100%}.games-filter{align-items:stretch}.games-filter input[type=search]{min-height:2.75rem;flex-basis:100%}.games-filter label{min-height:2.75rem;display:flex;align-items:center}.tabs{gap:.35rem}.tabs .tab{flex:1 1 8rem;min-height:2.75rem}.table-scroll{max-width:100%;-webkit-overflow-scrolling:touch}.pager button{min-height:2.75rem;min-width:4.5rem}}.card-grid.small{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}.card-grid.scroll{max-height:34rem;overflow-y:auto}.card{display:flex;flex-direction:column;gap:.4rem;padding:.45rem;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius)}.card-art{display:flex;align-items:center;justify-content:center;min-height:6rem;padding:.2rem;background:var(--card-art-bg);border-radius:3px;overflow:hidden}.card-grid.small .card-art{min-height:4rem}.card-art img{width:100%;height:auto;max-height:13rem;object-fit:contain}.card-grid.small .card-art img{max-height:7rem}.card-art-fallback{padding:.6rem;color:var(--muted);font-size:.85rem;text-align:center}.card-caption{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem}.card-text{color:var(--muted);font-size:.78rem;line-height:1.35}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:auto}.card-actions select{width:auto;min-width:0;flex:1 1 5rem}.board-palette{width:100%}}.tabs{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.7rem}.tabs+.tabs{margin-bottom:1rem}.tab{flex:1 1 auto;padding:.35rem .7rem;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;color:var(--muted);white-space:nowrap}.tab.active{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:var(--accent);color:var(--accent);font-weight:600}.highscore-caption{margin:0 0 .7rem;text-align:center;font-size:1.05rem;font-weight:600}.data-table{width:100%;border-collapse:collapse;text-align:center}.table-scroll{overflow-x:auto}.data-table th,.data-table td{padding:.4rem .5rem;border-bottom:1px solid var(--line)}.data-table tbody tr:nth-child(odd){background:color-mix(in srgb,var(--panel-2) 60%,transparent)}.data-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.data-table th{font-family:var(--display);color:var(--muted);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.data-table th .sort{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.15rem .3rem;background:none;border:none;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.data-table th .sort:hover{color:var(--accent)}.data-table .action-cell{text-align:left}.games-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.7rem}.games-filter input[type=search]{flex:1 1 12rem;min-width:8rem}.games-caption{margin:0 0 .7rem;text-align:center;font-weight:600}.status-table{width:100%;border-collapse:collapse;text-align:left}.status-table th,.status-table td{padding:.4rem .5rem;border-bottom:1px solid var(--line)}.status-table tbody tr:nth-child(odd){background:color-mix(in srgb,var(--panel-2) 60%,transparent)}.status-table th{font-family:var(--display);color:var(--muted);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.status-table th.status-group-heading{color:var(--text);background:var(--panel-2);text-align:center;border-bottom:0}.status-table thead tr+tr th{border-top:1px solid var(--line)}.status-table th.status-group-heading.status-group-start,.status-table thead tr+tr th.status-group-start,.status-table td.status-group-start{border-left:2px solid var(--line)}.status-table td{white-space:nowrap}.status-table tbody tr td{border-bottom-color:var(--player-color, var(--line))}.scroll-x{overflow-x:auto}.stat-input{width:4.5rem;padding:.15rem .35rem}.government-select{min-width:9rem;padding:.2rem .35rem}.card-control{display:inline-flex;align-items:center;gap:.3rem}.help-button{width:1.6rem;height:1.6rem;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--accent);background:transparent;font-weight:700;line-height:1;cursor:pointer}.reference-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#000000a6}.reference{width:min(90vw,72rem);max-height:90vh;overflow-y:auto;padding:1rem;border:1px solid var(--line);border-radius:.6rem;background:var(--panel);box-shadow:0 1rem 3rem #00000073}.reference-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.reference-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));align-items:start;gap:1.2rem;margin-top:.7rem}.reference-card{min-width:0}.reference-card-image{display:block;width:100%;max-width:20rem;height:auto;margin:0 auto;border-radius:.7rem;box-shadow:0 .45rem 1.1rem #0000004d}.reference-card-copy{max-width:20rem;margin:.7rem auto 0}.reference-card h3{margin:0 0 .55rem;text-align:center}.reference-card p{margin:.45rem 0 0;line-height:1.35}.sort-indicator{font-size:.7rem;color:var(--accent);min-width:.8rem}.pager{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.7rem}.battle-summary{gap:2rem;padding:.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:.5rem 0}.battle-summary-side{display:flex;gap:.7rem;align-items:center}.arena-frame{border:1px solid var(--line);border-radius:4px;padding:.6rem;margin-top:.8rem}.arena-row{display:flex;align-items:flex-start;gap:.6rem}.arena-row+.arena-row{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--line)}.arena-row-label{flex:0 0 5.5rem;margin:0;padding-top:.3rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-row-slots{display:flex;gap:.4rem;flex:1 1 auto;min-width:0;overflow-x:auto;padding-bottom:.3rem}.arena-slot{flex:0 0 7.5rem;border:1px dashed var(--line);border-radius:3px;padding:.25rem;min-height:2rem}.arena-slot.drag-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.arena-slot-empty{font-size:.75rem;color:var(--muted);text-align:center;padding:.5rem .2rem}.arena-unit-card{display:flex;flex-direction:column;gap:.2rem;width:7.5rem}.arena-unit-card .card{margin:0}.arena-unit-card.killed .card{opacity:.45}.arena-unit-card .tag{align-self:center}.arena-unit-card .card-art{min-height:4rem}.arena-unit-card .card-art img{max-height:7rem;transition:transform .15s ease}.arena-unit-card label{display:flex;align-items:center;justify-content:space-between;gap:.3rem;font-size:.7rem}.arena-unit-card input[type=number]{width:2.4rem;padding:.1rem .2rem}