:root{--bg:#070b16;--panel:#0e1526;--panel-2:#141d33;--line:#243049;--line-2:#33415f;--fg:#e8ebf3;--muted:#8f9bb3;--gold:#f5c542;--accent:#ffcf4d;--danger:#f87171;--you:#3b82f6;--tier-1:#c08a52;--tier-2:#b8c4d6;--tier-3:#f2c14e;--tier-4:#b07cff;--hairline:linear-gradient(90deg, transparent, #f5c5428c, transparent);--glass:#080c18db;--lacquer:linear-gradient(180deg, #17223c 0%, #0e1628 55%, #0a101f 100%);--raised:linear-gradient(180deg, #1e2a47, #121b30);--serif:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--ui:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.boot{color:var(--muted);font-family:var(--serif);letter-spacing:.08em;place-items:center;font-size:20px;display:grid;position:fixed;inset:0}.app{padding-bottom:env(safe-area-inset-bottom);grid-template-rows:minmax(0,1fr) auto auto;display:grid;position:fixed;inset:0}.map{background:radial-gradient(at 50% 35%,#2c4a78 0%,#16284a 50%,#0a1326 100%);min-height:0;position:relative;overflow:hidden}.map canvas{display:block;position:absolute;inset:0}.loading{color:var(--muted);place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.chips{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100% - 190px);display:flex;position:absolute}.chip{background:var(--glass);border:1px solid var(--line-2);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:5px 12px;font-size:12px;font-weight:600;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 2px 8px #0000004d}.chip.update{pointer-events:auto;cursor:pointer;color:var(--fg);border-color:var(--accent);font:inherit;font-size:12px;font-weight:600}.chip.keeps{gap:6px;padding:6px 10px;display:flex}.keep{background:linear-gradient(90deg, var(--c) calc(var(--hp) * 100%), #1f2937 calc(var(--hp) * 100%));border-radius:3px;width:22px;height:6px}.toast{top:calc(12px + env(safe-area-inset-top));background:var(--glass);border:1px solid var(--line-2);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;max-width:calc(100% - 32px);padding:8px 16px;font-size:13px;font-weight:600;animation:2.4s forwards toast;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 20px #0006}.toast-error{color:var(--danger);border-color:#7f1d1d}.map.planning-phase .toast{top:76px}@keyframes toast{0%{opacity:0;transform:translate(-50%,-6px)}8%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.paused{font-family:var(--serif);letter-spacing:.2em;text-transform:uppercase;color:#ffffffe0;text-shadow:0 2px 14px #000;pointer-events:none;font-size:26px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.planning{left:50%;top:calc(12px + env(safe-area-inset-top));background:var(--glass);border:1px solid var(--line-2);border-radius:14px;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 400px);padding:10px 10px 10px 16px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 28px #00000073}.planning p{max-width:340px;color:var(--muted);margin:0;font-size:13px;line-height:1.35}@media (width<=1000px){.planning p{display:none}}.difficulty{border:1px solid var(--line-2);border-radius:9px;flex:none;display:inline-flex;overflow:hidden}.difficulty button{background:var(--raised);color:var(--muted);cursor:pointer;border:0;padding:7px 10px;font-size:12px;font-weight:700}.difficulty button+button{border-left:1px solid var(--line-2)}.difficulty button.on{color:var(--accent);background:linear-gradient(#3a3217,#221c0b)}.perf{background:var(--glass);border:1px solid var(--line);font-variant-numeric:tabular-nums;color:var(--muted);pointer-events:none;border-radius:8px;padding:4px 8px;font-size:11px;position:absolute;bottom:12px;right:12px}.primary{letter-spacing:.02em;color:#241703;cursor:pointer;white-space:nowrap;background:linear-gradient(#ffe07a 0%,#f5b82a 55%,#d99417 100%);border:1px solid #8a6414;border-radius:10px;padding:10px 20px;font-weight:800;transition:filter .12s,transform .12s;box-shadow:inset 0 1px #fff9,0 4px 18px #f0a91c59}.primary:hover{filter:brightness(1.07)}.primary:active{transform:translateY(1px)}.secondary{border:1px solid var(--line-2);background:var(--raised);cursor:pointer;white-space:nowrap;border-radius:10px;padding:10px 18px;font-weight:700;box-shadow:inset 0 1px #ffffff0f}.secondary:hover{border-color:#4a5a80}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.icon{min-width:calc(36px * var(--ui));height:calc(36px * var(--ui));padding:0 calc(8px * var(--ui));border:1px solid var(--line-2);background:var(--raised);font-size:calc(12px * var(--ui));cursor:pointer;white-space:nowrap;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:5px;font-weight:700;transition:border-color .12s,transform .12s;display:inline-flex;box-shadow:inset 0 1px #ffffff12,0 1px 2px #0006}.icon:hover:not(:disabled){border-color:#4f6190}.icon:active:not(:disabled){transform:translateY(1px)}.icon:disabled{opacity:.4;cursor:default}.icon .short{display:none}.modal-backdrop{background:#03060e9e;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal{background:var(--lacquer);border:1px solid var(--line-2);border-radius:16px;width:min(480px,100%);max-height:100%;padding:22px 24px;position:relative;overflow:auto;box-shadow:inset 0 1px #ffffff0d,0 24px 60px #0000008c}.modal:before{content:"";background:var(--hairline);height:1px;position:absolute;top:0;left:10%;right:10%}.modal h2{font-family:var(--serif);letter-spacing:.04em;margin:0 0 12px;font-size:22px}.modal.result{text-align:center;width:min(560px,100%)}.share-report{justify-items:center;gap:6px;margin:4px 0 12px;display:grid}.share-report .status{color:var(--muted);font-size:12px}.share-report textarea{width:100%;color:var(--fg);border:1px solid var(--line-2);resize:vertical;background:#0b1120;border-radius:8px;padding:8px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.summary{text-align:left;gap:14px;margin:14px 0 4px;display:grid}.summary h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:12px;font-weight:700}.summary .best{background:linear-gradient(90deg,#f5c54224,#0000);border:1px solid #5a4a1c;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.summary .best .label{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:800}.summary .best .name{font-family:var(--serif);font-size:18px}.summary .rank{color:var(--gold);font-size:.85em}.summary .numbers,.summary .empty{color:var(--muted);margin:0;font-size:13px}.summary .recruits{gap:4px;margin:0;padding:0;list-style:none;display:grid}.summary .recruits li{grid-template-columns:28px minmax(0,1.4fr) minmax(0,1fr) 4.2em 2.2em;align-items:center;gap:8px;font-size:13px;display:grid}.summary .who{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.summary .lane,.summary .sold{color:var(--muted)}.summary .bar{background:#1a2238;border-radius:3px;height:6px;overflow:hidden}.summary .bar span{background:linear-gradient(90deg, #b8860b, var(--gold));height:100%;display:block}.summary .num{font-variant-numeric:tabular-nums;text-align:right}.summary .kills{color:var(--muted)}.summary .chart{width:100%;height:auto}.summary .chart .axis{stroke:#334155;stroke-width:1px}.summary .chart text{fill:var(--muted);font-size:9px}.summary .legend{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;margin:4px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.summary .legend li{align-items:center;gap:6px;display:flex}.summary .legend li.you{color:var(--fg);font-weight:700}.summary .legend .num{margin-left:auto}.summary .swatch{border-radius:2px;width:10px;height:10px}.modal.result h2{color:var(--accent);text-shadow:0 2px 18px #f5c54259;font-size:34px}.modal .stats{color:var(--muted);font-size:13px}.modal .close{position:absolute;top:10px;right:10px}.help ul{color:#cdd5e4;gap:8px;margin:0;padding-left:18px;font-size:14px;line-height:1.45;display:grid}.help b{color:var(--accent)}.help h3{font-family:var(--serif);color:var(--accent);margin:16px 0 8px;font-size:15px}.keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin:0;font-size:13px;display:grid}.keys div{align-items:center;gap:8px;display:flex}.keys dt{flex:none;min-width:4.5em}.keys dd{color:#cdd5e4;margin:0}kbd{border:1px solid var(--line-2);background:var(--raised);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font:700 11px/1.5 Inter,system-ui,sans-serif;display:inline-block}.settings fieldset{border:0;gap:6px;margin:0 0 14px;padding:0;display:grid}.settings legend{font-family:var(--serif);color:var(--accent);margin-bottom:6px;font-size:15px;font-weight:700}.choice{border:1px solid var(--line);cursor:pointer;background:#ffffff05;border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.choice:has(input:checked){border-color:var(--accent);background:#ffcf4d12}.choice span{flex-direction:column;gap:2px;display:flex}.choice small{color:var(--muted)}.toggle-row{cursor:pointer;align-items:center;gap:10px;display:flex}.slider-row{grid-template-columns:auto 1fr 3.5em;align-items:center;gap:10px;display:grid}input[type=range],input[type=radio],input[type=checkbox]{accent-color:var(--accent)}.slider-row span{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.recruit-bar,.settings-bar{background:var(--lacquer)}.recruit-bar{gap:calc(8px * var(--ui));padding:calc(9px * var(--ui)) 16px calc(6px * var(--ui));border-top:1px solid #2a3654;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"purse offers builds";display:grid;position:relative;box-shadow:0 -10px 30px #00000059}.recruit-bar:before{content:"";background:var(--hairline);height:1px;position:absolute;top:-1px;left:0;right:0}.purse{justify-content:center;gap:calc(6px * var(--ui));min-width:calc(62px * var(--ui));flex-direction:column;grid-area:purse;display:flex}.gold{font-size:calc(21px * var(--ui));color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #f5c54240;align-items:center;gap:6px;font-weight:800;display:flex}.coin{background:radial-gradient(circle at 35% 35%,#fff2b0,#e6a91e 60%,#9a6a0a);border-radius:50%;flex:none;width:.72em;height:.72em;display:inline-block;box-shadow:inset 0 0 0 1px #00000040,0 0 6px #f5c54259}.modal.lobby{width:min(460px,100%)}.room-link{gap:8px;margin:10px 0;display:flex}.room-link input,.name-row input{min-width:0;font:inherit;color:var(--fg);border:1px solid var(--line-2);background:#0b1120;border-radius:8px;flex:1;padding:6px 8px;font-size:13px}.name-row{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.lobby .seats{gap:6px;margin:12px 0;padding:0;list-style:none;display:grid}.lobby .seats li{align-items:center;gap:8px;font-size:14px;display:flex}.lobby .seats li.you{font-weight:700}.lobby .seats .away,.lobby .stats,.planning .waiting{color:var(--muted);font-size:12px}.lobby .swatch{border-radius:3px;width:12px;height:12px}.lobby .actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.room-error{color:var(--danger);font-size:13px}.connection{top:calc(12px + env(safe-area-inset-top));background:var(--glass);border:1px solid var(--danger);border-radius:999px;padding:6px 12px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.guide{left:calc(12px + env(safe-area-inset-left));z-index:6;background:var(--glass);border:1px solid #5a4a1c;border-radius:14px;width:min(300px,100% - 24px);padding:12px 14px;position:absolute;top:118px;box-shadow:0 8px 28px #00000073}.guide-count{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:800}.guide h3{font-family:var(--serif);margin:4px 0;font-size:18px}.guide p{color:#cdd5e4;margin:0 0 10px;font-size:13px;line-height:1.45}.guide .actions{justify-content:flex-end;gap:8px;display:flex}.guide-target{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px;animation:1.4s ease-in-out infinite guide-pulse}@keyframes guide-pulse{50%{outline-color:#ffcf4d40}}.income{font-size:calc(11px * var(--ui));color:#d9c27a;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:help;font-weight:700}.reroll{border:1px solid var(--line-2);background:var(--raised);padding:calc(5px * var(--ui)) 8px;font-size:calc(12px * var(--ui));cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:4px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff0f}.reroll:hover:not(:disabled){border-color:#4f6190}.reroll:disabled{opacity:.45;cursor:default}.offers{min-height:calc(92px * var(--ui));gap:calc(6px * var(--ui));grid-area:offers;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.offers li{min-width:0;container-type:inline-size}.card{--tier:var(--tier-1);width:100%;height:calc(92px * var(--ui));border:1px solid color-mix(in srgb, var(--tier) 55%, #1c2640);border-bottom:3px solid var(--faction,var(--line));background:radial-gradient(ellipse 70% 55% at 50% 40%, color-mix(in srgb, var(--faction,#334) 28%, transparent), transparent 70%), linear-gradient(180deg, #1a2440, #0b1120);box-shadow:inset 0 0 0 1px #00000080, inset 0 1px 0 color-mix(in srgb, var(--tier) 40%, transparent), 0 2px 6px #00000059;cursor:grab;touch-action:none;border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:4px 4px 5px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:relative;overflow:hidden}.card[data-tier="2"]{--tier:var(--tier-2)}.card[data-tier="3"]{--tier:var(--tier-3)}.card[data-tier="4"]{--tier:var(--tier-4)}.card:hover:not(.empty){border-color:var(--tier);transform:translateY(-2px)}.card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 20px #ffcf4d4d}.card.poor .portrait,.card.poor .name{opacity:.45}.card.poor .price{color:var(--danger)}.card.empty{border:1px dashed var(--line);box-shadow:none;opacity:.35;cursor:default;background:0 0}.card .tier{letter-spacing:1px;color:var(--tier);text-shadow:0 0 4px color-mix(in srgb, var(--tier) 60%, transparent);font-size:8px;position:absolute;top:4px;left:6px}.card .merge{color:#241703;background:linear-gradient(#ffe07a,#f5b82a);border-radius:5px;padding:1px 4px;font-size:9px;font-weight:800;position:absolute;top:3px;right:4px;box-shadow:0 0 8px #f5c54280}.portrait{filter:drop-shadow(0 3px 3px #00000080);flex:none;place-items:end center;display:grid}.portrait>span{background-repeat:no-repeat;display:block}.card .name{font-size:calc(11px * var(--ui));text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.card .price,.build-card .price{font-size:calc(12px * var(--ui));color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:800;display:flex}@container (width<=64px){.card .name{display:none}}.builds{gap:calc(6px * var(--ui));flex-direction:column;grid-area:builds;display:flex}.build-card{min-width:calc(92px * var(--ui));cursor:grab;touch-action:none;background:linear-gradient(#1c2540,#0d1324);border:1px solid #3a4460;border-radius:10px;flex:1;align-items:center;gap:6px;padding:2px 10px 2px 4px;transition:transform .12s,border-color .12s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 2px 6px #00000059}.build-card:hover{border-color:#5a6a94;transform:translateY(-1px)}.build-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 18px #ffcf4d47}.build-card.poor .structure-thumb{opacity:.45}.build-card.poor .price{color:var(--danger)}.build-text{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.build-card .name{font-size:calc(11px * var(--ui));font-weight:700}.build-card .count{background:var(--you);text-align:center;border-radius:8px;min-width:15px;height:15px;padding:0 4px;font-size:9px;font-weight:800;line-height:15px;position:absolute;top:3px;right:4px}.structure-thumb{filter:drop-shadow(0 2px 2px #00000080);background-position:0 0;background-repeat:no-repeat;background-size:200% 100%;flex:none;display:block}.ghost{z-index:10;pointer-events:none;filter:drop-shadow(0 8px 10px #0009);position:fixed;transform:translate(-50%,-85%)}.settings-bar{align-items:center;gap:calc(6px * var(--ui));padding:calc(4px * var(--ui)) 16px calc(8px * var(--ui));scrollbar-width:none;display:flex;overflow-x:auto}.settings-bar .spacer{flex:1}.icon.tech{position:relative;overflow:hidden}.icon.tech:before{content:"";width:calc(var(--progress) * 100%);background:linear-gradient(90deg,#3b82f640,#60a5fa73);position:absolute;inset:0}.icon.tech>*{position:relative}.icon.tech.ready{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 1px #ffffff12,0 0 12px #ffcf4d40}.scale{gap:4px;display:inline-flex}.info{left:calc(12px + env(safe-area-inset-left));background:var(--lacquer);border:1px solid var(--line-2);border-top:3px solid var(--accent-color,var(--line));border-radius:12px;width:min(340px,100% - 24px);max-height:calc(100% - 24px);padding:10px 12px 12px;font-size:12px;position:absolute;bottom:12px;overflow:auto;box-shadow:0 16px 40px #00000080}.info header{align-items:center;gap:10px;display:flex}.info-art{border:1px solid var(--line);background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--accent-color,#1f2a44) 30%, #0b1120), #0b1120);border-radius:10px;flex:none;place-items:center;width:56px;height:56px;display:grid}.info-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.info-title strong{font-family:var(--serif);letter-spacing:.02em;font-size:16px}.info-title .stars{color:var(--accent);font-size:12px}.info-title .subtitle{color:var(--muted)}.info-title .owner{font-weight:700}.info .close{align-self:flex-start;min-width:28px;height:28px;padding:0}.info .toggle{align-self:flex-start;height:28px;font-size:11px}.info-health{background:#1f2937;border-radius:7px;height:14px;margin:8px 0 2px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.info-health span{background:linear-gradient(90deg,#16a34a,#4ade80);position:absolute;inset:0 auto 0 0}.info-health em{text-align:center;text-shadow:0 1px 2px #000;font-size:10px;font-style:normal;font-weight:700;line-height:14px;display:block;position:relative}.info-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin:8px 0 0;display:grid}.info-stats div{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:6px;padding:2px 0;display:flex}.info-stats dt{color:var(--muted);align-items:center;gap:5px;display:flex}.info-stats dt svg{color:#6f7c99}.info-stats dd{text-align:right;margin:0;font-weight:700}.info-trait{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:8px;margin-top:8px;padding:8px}.info-trait strong{color:var(--accent)}.info-trait p{color:#cdd5e4;margin:4px 0 0;line-height:1.4}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0;font-weight:700}.info-note{color:var(--muted);margin:6px 0 0;line-height:1.4}.info-actions{gap:8px;margin-top:10px;display:flex}.info-actions .sell{color:var(--gold);padding:7px 14px}@media (width<=520px){.recruit-bar,.settings-bar{padding-left:8px;padding-right:8px}.recruit-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"purse builds""offers offers"}.purse{grid-template-columns:auto auto;grid-template-areas:"gold reroll""income reroll";justify-content:start;align-items:center;gap:0 10px;display:grid}.purse .gold{grid-area:gold}.purse .income{grid-area:income}.purse .reroll{grid-area:reroll}.builds{flex-direction:row;justify-content:flex-end}.build-card{height:calc(38px * var(--ui));flex:none}.planning p{display:none}.planning{flex-direction:column;align-items:stretch;gap:6px;max-width:calc(100% - 24px);padding:6px;top:128px;left:auto;right:12px;transform:none}.chips{max-width:calc(100% - 130px)}.settings-bar{gap:4px}.icon{min-width:calc(32px * var(--ui));height:calc(34px * var(--ui));padding:0 calc(6px * var(--ui))}.icon .long{display:none}.icon .short{display:inline}.info{width:auto;max-height:55%;bottom:8px;left:8px;right:8px}.guide{width:auto;inset:auto 8px 8px}.guide-open .info{display:none}}@media (height<=500px) and (orientation:landscape){.app{padding-bottom:0;padding-right:env(safe-area-inset-right);grid-template:"map deck"minmax(0,1fr)"map icons"/minmax(0,1fr) min(300px,38vw)}.map{grid-area:map}.recruit-bar{border-top:none;border-left:1px solid #2a3654;grid-area:deck;grid-template-columns:minmax(0,1fr);grid-template-areas:"purse""builds""offers";align-content:start;padding:8px;overflow-y:auto;box-shadow:-10px 0 30px #00000059}.recruit-bar:before{display:none}.purse{flex-direction:row;justify-content:space-between;align-items:center;min-width:0}.builds{flex-direction:row}.build-card{min-width:0;height:calc(36px * var(--ui));padding-right:6px}.offers{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.settings-bar{padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-left:1px solid #2a3654;flex-wrap:wrap;grid-area:icons;gap:4px}.settings-bar .spacer{display:none}.icon{min-width:calc(30px * var(--ui));height:calc(32px * var(--ui));padding:0 calc(5px * var(--ui))}.icon .long{display:none}.icon .short{display:inline}.planning p{display:none}.planning{max-width:calc(100% - 24px);top:auto;bottom:12px}.info{max-height:calc(100% - 16px);bottom:8px;left:8px}}@media (prefers-reduced-motion:reduce){.toast,.guide-target{animation:none}.card,.build-card,.icon,.primary{transition:none}}.crash{text-align:center;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:fixed;inset:0}.crash h1{font-family:var(--serif);color:var(--accent);margin:0}.crash p{color:var(--muted);margin:0}.whats-new h3{font-family:var(--serif);color:var(--accent);margin:14px 0 6px;font-size:16px}.whats-new h3 small{color:var(--muted);margin-left:6px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600}.whats-new ul{color:#cdd5e4;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.45;display:grid}.help-footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;display:flex}.ping-group{gap:calc(4px * var(--ui));display:inline-flex}.settings-bar .icon.on{border-color:var(--accent);color:var(--accent)}.settings-bar .ping-attack{color:#f87171}.settings-bar .ping-defend{color:#60a5fa}.settings-bar .ping-help{color:#facc15}.lobby .seats .sit{margin-left:auto;padding:2px 10px;font-size:12px}