:root{--bg: #14161a;--panel: #1c1f26;--panel-2: #23272f;--line: #333944;--text: #e6e8ec;--muted: #9aa3b2;--accent: #6ea8fe;--accent-text: #10131a;--good: #63c98f;--warn: #e6b455;--bad: #e2686a;--error-bg: #3a1f21;--error-text: #ffc9ca;--board-bg: #0f1115;--wonder-accent: #c9a227;--radius: 8px}:root[data-theme=light]{--bg: #f4f6f8;--panel: #ffffff;--panel-2: #e9edf2;--line: #c4ccd6;--text: #202733;--muted: #5c6877;--accent: #2867ad;--accent-text: #ffffff;--good: #287b4e;--warn: #8b6200;--bad: #b33b42;--error-bg: #fff0f0;--error-text: #8c2028;--board-bg: #ffffff;--wonder-accent: #9a7d12}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.4rem}h2{font-size:1.1rem}h3{font-size:.95rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:.35rem .7rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.danger{border-color:var(--bad);color:var(--bad)}button.small{padding:.15rem .45rem;font-size:.85rem}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);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{max-width:1200px;margin:0 auto;padding:1rem}.topbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}.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{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem;margin-bottom:1rem}.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}.panel-stack{display:flex;flex-direction:column;gap:1rem}.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}.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}.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-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}.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:none}.board-piece:active{cursor:grabbing}.board-piece.selected{outline:2px solid var(--accent);outline-offset:1px}.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:#0d1015;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}.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}.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)}.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)}.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}.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}.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:#0d1015;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:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.highscore-caption{margin:0 0 .7rem;text-align:center;font-size:1.05rem;font-weight:600}.highscore-table{width:100%;border-collapse:collapse;text-align:center}.highscore-table th,.highscore-table td{padding:.4rem .5rem;border-bottom:1px solid var(--line)}.highscore-table tbody tr:nth-child(odd){background:var(--panel-2)}.highscore-table tbody tr:hover{background:var(--line)}.highscore-table th{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.highscore-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}.highscore-table th .sort:hover{color:var(--accent)}.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:var(--panel-2)}.status-table th{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.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}.scroll-x{overflow-x:auto}.stat-input{width:4.5rem;padding:.15rem .35rem}.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-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem}.arena-column{border:1px solid var(--line);border-radius:4px;padding:.5rem;min-height:4rem}.arena-column-label{margin:0 0 .5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.arena-slot{border:1px dashed var(--line);border-radius:3px;margin-bottom:.5rem;padding:.3rem;min-height:2.5rem}.arena-slot.drag-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.arena-slot-empty{font-size:.8rem;color:var(--muted);text-align:center;padding:.5rem}.arena-unit-card{display:flex;flex-direction:column}.arena-unit-card .card{margin:0}.arena-placement-form{margin-top:.8rem;padding:.7rem;border:1px solid var(--accent);border-radius:4px;background:color-mix(in srgb,var(--accent) 5%,transparent)}