:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{flex-direction:column;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app{max-width:1200px;margin:0 auto;padding:16px;font-family:system-ui,sans-serif}.menu-page label{margin:12px 0;display:block}.menu-page input[type=text],.menu-page input[type=email]{box-sizing:border-box;min-width:280px;max-width:100%;margin-top:4px;padding:6px;display:block}.app-shell{width:100%;height:100vh;font-family:system-ui,sans-serif;position:relative;overflow:hidden}.top-overlay{z-index:10;position:absolute;top:0;left:0;right:0}.menu-bar{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#111;border-bottom:1px solid var(--border,#888);background:#ccccccbf;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex}.menu-bar-buttons{align-items:center;gap:8px;display:flex}.menu-bar-title{margin-right:12px;font-weight:700}.menu-bar-status{font-weight:600}.menu-bar-mobile{display:none}.phase-banner{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#111;border-bottom:1px solid var(--border,#888);background:#ccccccbf;padding:8px 16px}.phase-banner h3{margin:0 0 4px}@media (prefers-color-scheme:dark){.phase-banner{color:#eee;background:#282828bf}}.mobile-banner-wrap{display:none}.map-area{position:absolute;inset:0;overflow:auto}.bottom-row{z-index:10;pointer-events:none;grid-template-columns:260px 1fr 340px;height:34vh;min-height:220px;display:grid;position:absolute;bottom:0;left:0;right:0}.stats-panel,.hand-panel,.log-panel{border-top:1px solid var(--border,#888);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#ffffffbf;min-height:0;padding:8px 12px;overflow-y:auto}.stats-panel{border-right:1px solid var(--border,#888)}.log-panel{border-left:1px solid var(--border,#888)}.mobile-fab-stack{display:none}@media (prefers-color-scheme:dark){.menu-bar{color:#eee;background:#282828bf}.stats-panel,.hand-panel,.log-panel{color:#eee;background:#141414bf}}@media (width<=760px){.menu-bar-buttons,.menu-bar-status{display:none}.menu-bar{padding:6px 12px;display:block}.phase-banner{display:none}.menu-bar-mobile{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.menu-bar-mobile-toggle{border:1px solid var(--border,#888);font:inherit;color:inherit;cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:4px 10px;font-weight:600}.menu-bar-status-mobile{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.8em;font-weight:600;overflow:hidden}.menu-bar-dropdown{z-index:30;color:#eee;border:1px solid var(--border,#888);background:#2c2c2c;border-radius:8px;flex-direction:column;gap:4px;min-width:180px;padding:8px;display:flex;position:fixed;top:50px;left:12px;box-shadow:0 4px 12px #0006}.menu-bar-dropdown button{text-align:left}.mobile-banner-wrap{display:block}.mobile-banner-tab{z-index:31;border:1px solid var(--border,#888);cursor:pointer;background:#cccccce6;border-radius:50%;width:40px;height:40px;font-size:1.1em;line-height:1;position:fixed;top:54px;left:8px}.mobile-banner-unfurl{z-index:30;color:#111;background:#ccccccf7;border-radius:0 0 8px;padding:10px 12px;position:fixed;top:46px;left:56px;right:0;box-shadow:0 4px 12px #0006}.mobile-banner-unfurl h3{margin:0 0 4px;font-size:1em}.mobile-banner-unfurl p{margin:0;font-size:.9em}.bottom-row{display:contents}.stats-panel,.hand-panel,.log-panel{display:none}.mobile-sheet-open{z-index:30;border-top:1px solid var(--border,#888);background:#fffffff7;border-left:none;border-right:none;position:fixed;inset:20vh 0 0;box-shadow:0 -4px 12px #0000004d;display:block!important}.mobile-fab-stack{z-index:31;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:16px;right:12px}.mobile-fab{border:1px solid var(--border,#888);color:#fff;cursor:pointer;background:#282828d9;border-radius:50%;width:48px;height:48px;font-size:1.3em;position:relative;box-shadow:0 2px 8px #0006}.mobile-fab-active{background:#1565c0;border-color:#90caf9}.mobile-fab-attention:after{content:"";background:#e65100;border:1px solid #0006;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:2px}}.mobile-panel-backdrop{z-index:29;background:#0006;position:fixed;inset:0}@media (width>=761px){.mobile-panel-backdrop{display:none}}@media (width<=760px) and (prefers-color-scheme:dark){.mobile-sheet-open{background:#141414f7}.mobile-banner-unfurl{color:#eee;background:#282828f7}.mobile-banner-tab{color:#eee;background:#282828e6}}.status-bar{border:1px solid var(--border,#888);border-radius:6px;gap:24px;margin-bottom:12px;padding:8px 12px;font-weight:600;display:flex}.player-panels{gap:24px;margin-bottom:12px;display:flex}.stats-panel .player-panels{flex-direction:column}.player-summary{border:1px solid var(--border,#888);border-radius:6px;flex-direction:column;gap:2px;min-width:220px;padding:8px 12px;display:flex}table{border-collapse:collapse;margin-bottom:12px}table th,table td{border:1px solid var(--border,#888);padding:2px 6px;font-size:.9em}.inf-greens-present{color:#fff;background:#2e7d32}.inf-greens-control{color:#2e7d32;background:#fff;border:2px solid #2e7d32;font-weight:700}.inf-blacks-present{color:#fff;background:#37474f}.inf-blacks-control{color:#37474f;background:#fff;border:2px solid #37474f;font-weight:700}.row-changed-greens{outline-offset:-2px;outline:2px solid #2e7d32}.row-changed-blacks{outline-offset:-2px;outline:2px solid #37474f}.row-changed-both{outline-offset:-2px;outline:2px dashed #f9a825}.reveal-picker button,.influence-actions button{margin:2px}.influence-info-panel,.card-confirm{margin-bottom:16px}.card-meta{opacity:.8;margin:2px 0;font-style:italic}.card-text{max-width:60ch}.game-card{color:#111;background:#f5f0e6;border:3px solid #888;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000004d}.game-card-clickable{cursor:pointer}.game-card-clickable:hover{box-shadow:0 4px 10px #0006}.game-card-selected{outline-offset:2px;outline:3px solid #f9a825}.game-card-disabled{opacity:.45;cursor:not-allowed}.game-card-header{color:#fff;justify-content:space-between;align-items:center;gap:6px;padding:4px 8px;font-weight:700;display:flex}.game-card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.game-card-power{font-variant-numeric:tabular-nums;background:#00000059;border-radius:999px;flex-shrink:0;padding:1px 8px}.game-card-meta{opacity:.75;border-bottom:1px solid #00000026;padding:2px 8px;font-size:.75em;font-style:italic}.game-card-art{flex:1;justify-content:center;align-items:center;min-height:60px;font-size:2em;display:flex;overflow:hidden}.game-card-art-img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.game-card-text{border-top:1px solid #00000026;padding:6px 8px;font-size:.85em;overflow-y:auto}.game-card-flavor{opacity:.7;border-top:1px solid #0000001a;padding:4px 8px;font-size:.75em;font-style:italic}.game-card-number{opacity:.5;text-align:right;padding:2px 8px;font-size:.65em}.game-card-full{width:100%;max-width:480px;max-height:100%}.game-card-compact{flex-shrink:0;width:130px}.hand-grid{flex-wrap:wrap;gap:8px;display:flex}.influence-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.influence-toolbar p{flex:1}.placement-selected{background:#50a05040;font-weight:600}.log ul{padding-left:18px;font-family:monospace;font-size:.85em}.dice-reveal{border:2px solid var(--border,#888);border-radius:6px;margin-bottom:16px;padding:12px}.dice-groups{flex-wrap:wrap;gap:24px;margin:12px 0;display:flex}.dice-group{flex-direction:column;align-items:center;gap:4px;display:flex}.dice-group-label{font-weight:600}.dice-group-dice{gap:12px;display:flex}.die-wrapper{flex-direction:column;align-items:center;gap:2px;display:flex}.die-label{opacity:.8;font-size:.8em}.die-face{fill:#fff;stroke:#222;stroke-width:4px}.die-pip{fill:#222}.die-spinning{animation:90ms linear infinite die-spin}.die-settled{animation:.25s ease-out die-land}@keyframes die-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(8deg)scale(.94)}to{transform:rotate(-8deg)scale(1)}}@keyframes die-land{0%{transform:scale(1.3)}to{transform:scale(1)}}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--modal-bg,#222);color:var(--modal-fg,#eee);border:2px solid var(--border,#888);border-radius:8px;max-width:480px;max-height:80vh;padding:20px;overflow-y:auto}.card-carousel-backdrop{z-index:90;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card-carousel-box{border:1px solid var(--border,#888);background:#141414e6;border-radius:12px;flex-direction:column;width:min(70vw,900px);height:min(55vh,520px);min-height:320px;display:flex;position:relative;overflow:hidden}.card-carousel-track{flex:1;min-height:0;position:relative}.card-carousel-item{cursor:pointer;width:220px;height:88%;transition:transform .3s,filter .3s,opacity .3s;position:absolute;top:50%;left:50%}.card-carousel-item .game-card-full{width:100%;max-width:none;height:100%}.card-carousel-controls{border-top:1px solid var(--border,#888);background:#00000059;justify-content:center;align-items:center;gap:16px;padding:10px;display:flex}.card-carousel-close{z-index:300;border-radius:999px;width:28px;height:28px;font-size:1.1rem;line-height:1;position:absolute;top:8px;right:8px}.rulebook-backdrop{z-index:200;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rulebook-box{background:var(--modal-bg,#222);width:min(90vw,1000px);height:min(85vh,720px);color:var(--modal-fg,#eee);border:1px solid var(--border,#888);border-radius:12px;display:flex;position:relative;overflow:hidden}.rulebook-toc{border-right:1px solid var(--border,#888);flex:0 0 220px;padding:16px 12px;overflow-y:auto}.rulebook-toc h2{margin:0 0 12px;font-size:1.1rem}.rulebook-toc ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rulebook-toc button{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:.9rem}.rulebook-toc button:hover{background:#ffffff14}.rulebook-toc button.active{background:#ffffff29;font-weight:600}.rulebook-content{flex:1;padding:20px 28px;line-height:1.5;overflow-y:auto}.rulebook-content h3{margin-top:0}.rulebook-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.9rem}.rulebook-table th,.rulebook-table td{border:1px solid var(--border,#888);text-align:left;padding:6px 10px}.rulebook-close{z-index:1;border-radius:999px;width:28px;height:28px;font-size:1.1rem;line-height:1;position:absolute;top:8px;right:8px}.bot-move-notice{border-top:1px solid var(--border,#888);margin-top:8px;padding-top:8px}.bot-move-notice:first-of-type{border-top:none;margin-top:0;padding-top:0}.bot-move-detail{opacity:.85;font-style:italic}.map-board{height:100%;position:relative}.map-zoom-controls{z-index:20;gap:4px;display:flex;position:absolute;top:56px;right:8px}.map-zoom-controls button{width:32px;height:32px;font-size:1.2rem;font-weight:700;line-height:1}.map-scroll{border:none;height:100%;position:relative;overflow:auto}.map-canvas{position:relative}.map-canvas img{display:block}.map-lines{pointer-events:none;transition:opacity .15s;position:absolute;top:0;left:0}.map-lines-highlight,.map-leader-lines{pointer-events:none;position:absolute;top:0;left:0}.castle-card-wrapper{position:absolute}.castle-card{box-sizing:border-box;background:#eee;border:1px solid #333;width:100%;height:100%;display:flex;overflow:hidden}.castle-card-editable{cursor:pointer;border:2px solid #f9a825}.castle-card-selected{outline-offset:-3px;outline:3px solid #1976d2}.castle-card-sigil{flex:none;justify-content:center;align-self:stretch;align-items:center;font-size:1.6em;display:flex}.castle-card-sigil img{height:calc(var(--card-height) * .35);width:auto}.castle-card-main{flex-direction:column;width:100%;min-width:0;display:flex}.castle-card-header{color:#fff;flex:0 0 35%;align-items:center;gap:2px;padding:0 3px 0 0;font-size:.68em;font-weight:700;line-height:1.05;display:flex;overflow:hidden}.castle-card-name{text-align:center;white-space:normal;flex:1;overflow:hidden}.castle-card-strength{flex-shrink:0;font-size:1.4em}.castle-card-cells{flex:0 0 65%;display:flex}.castle-card-cell{color:#111;background:#ddd;flex:1;justify-content:center;align-items:center;min-width:0;font-size:1.3em;font-weight:700;display:flex}.castle-card-cell:first-child{border-right:1px solid #333}.castle-card-cell-removable{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.castle-card-cell.inf-greens-present{color:#fff;background:#2e7d32}.castle-card-cell.inf-greens-control{color:#2e7d32;background:#fff;font-weight:700}.castle-card-cell.inf-blacks-present{color:#fff;background:#37474f}.castle-card-cell.inf-blacks-control{color:#37474f;background:#fff;font-weight:700}.error-text{color:#c62828;font-weight:600}.fan-project-disclaimer{color:#666;margin-top:24px;font-size:.85em}.lobby-list{padding:0;list-style:none}.lobby-list li{border-bottom:1px solid #ddd;align-items:center;gap:12px;padding:8px 0;display:flex}.lobby-actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}