:root{--bg:#0b0820;--bg2:#141032;--panel:#19143d;--panel2:#231c52;--line:#3b3180;--text:#e7e4fb;--muted:#a49fd0;--accent:#00e1ff;--accent2:#ff4fd8;--gold:#ffd24a;--head:"Exo 2", "Arial Narrow", sans-serif;--body:"Barlow Semi Condensed", "Segoe UI", sans-serif;--app-h:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at 30% 0%, #2a1a5e 0%, var(--bg) 60%) fixed;color:var(--text);font-family:var(--body);font-size:14px}a{color:var(--accent)}button{font-family:var(--head);letter-spacing:.02em;background:var(--panel2);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600}button:hover:not(:disabled){border-color:var(--accent);background:#2f2670}button:disabled{opacity:.45;cursor:default}button.primary{color:#fff;background:linear-gradient(#b0309b,#7d1f86);border-color:#ff6be1}button.primary:hover:not(:disabled){background:linear-gradient(#c93ab2,#902399)}button.skip{color:var(--muted);background:0 0}button.small{padding:2px 8px;font-size:12px}input,select{font-family:var(--body);color:var(--text);border:1px solid var(--line);background:#0d0a26;border-radius:6px;padding:6px 9px;font-size:15px}@media (width<=600px){input,select{font-size:16px}}h1,h2,h3{font-family:var(--head);letter-spacing:.03em;margin:.3em 0}.dot{border:1px solid #fff9;border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.res{align-items:center;gap:3px;display:inline-flex}.res img{border-radius:3px}.die{filter:drop-shadow(0 1px 2px #0008);flex:none}.die.dim{opacity:.28}.muted{color:var(--muted)}.small{font-size:12px}.hint{color:var(--muted)}.check{cursor:pointer;align-items:center;gap:6px;margin:4px 0;display:flex}.check.small{color:var(--muted)}.fine{color:var(--muted);font-size:12px}.center-msg{height:100%;font-family:var(--head);place-items:center;font-size:22px;display:grid}.toast{top:calc(14px + env(safe-area-inset-top,0px));z-index:100;cursor:pointer;background:#6e1838;border:1px solid #ff6b9a;border-radius:8px;max-width:calc(100vw - 24px);padding:10px 16px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}.conn-banner{z-index:100;background:#5a4210;border-radius:6px;padding:6px 12px;position:fixed;bottom:10px;right:10px}.landing{place-items:center;min-height:100%;padding:24px 16px;display:grid}.landing:before{content:"";z-index:-1;filter:brightness(.55)blur(2px);background:url(/assets/boards/map_intro.webp) 50%/cover;position:fixed;inset:0}.landing-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0820e6;border-radius:14px;width:min(820px,100%);padding:26px 30px;box-shadow:0 20px 60px #0009}.landing-box{float:right;border-radius:6px;width:150px;margin:0 0 10px 16px}.landing-logo{width:min(460px,100%);margin:6px 0;display:block}.landing-logo.small{width:260px}.sub{color:var(--muted);margin-top:0}.landing label{color:var(--muted);margin:10px 0;display:block}.landing label input:not([type=checkbox]){width:100%;margin-top:4px;display:block}.landing label.check{display:flex}.landing-cols{clear:both;grid-template-columns:1fr 1.4fr;gap:24px;display:grid}@media (width<=640px){.landing-cols{grid-template-columns:1fr}.landing-box{width:100px}}.code-input{width:100%;font-family:var(--head);letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;font-size:22px}.options-form{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.options-form label{margin:4px 0}.options-form select{max-width:100%;margin-left:4px}.preset-row{gap:6px;display:flex}.my-tables{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.my-tables h3{margin-right:6px;font-size:15px}.seats{padding:0;list-style:none}.seats li{align-items:center;gap:8px;padding:4px 0;display:flex}.seats em{color:var(--muted)}.seats em.off{color:#ff8a8a}.color-pick{align-items:center;gap:8px;margin:10px 0;display:flex}.swatch{border-radius:50%;width:28px;height:28px;padding:0}.lobby-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.linkbtn{font-family:var(--body);border:1px dashed var(--line);color:var(--accent);word-break:break-all;background:0 0;font-weight:400}.notify-btn{margin:8px 0}.notify-hint{color:var(--muted);font-size:13px}.game{height:var(--app-h);margin-top:env(safe-area-inset-top,0px);grid-template-rows:auto auto 1fr auto;display:grid}.topbar{border-bottom:1px solid var(--line);background:#07051a;align-items:center;gap:14px;padding:6px 12px;display:flex}.brand{background:0 0;border:none;padding:0}.brand img{height:22px;display:block}.phase{font-family:var(--head);flex:1;font-size:16px}.top-right{align-items:center;gap:12px;font-size:13px;display:flex}.textlink{color:var(--accent);font-family:var(--body);background:0 0;border:none;padding:0;font-weight:400}.roomcode{color:var(--muted)}.players-strip{border-bottom:1px solid var(--line);background:#0e0a28;gap:6px;padding:6px 10px;display:flex;overflow-x:auto}.pchip{font-family:var(--body);border-width:2px;flex-direction:column;flex:none;align-items:flex-start;gap:2px;padding:4px 10px;font-weight:400;display:flex}.pchip.active{border-color:var(--accent);box-shadow:0 0 10px #00e1ff66}.pchip.turn{background:#2c1f60}.chip-line{align-items:center;gap:6px;display:flex}.chip-line.small{color:var(--muted);gap:8px;font-size:12px}.pchip em{color:var(--muted);font-size:12px}.pts{font-family:var(--head);color:var(--gold);font-size:17px}.turn-badge{color:var(--accent)}.main{grid-template-columns:minmax(380px,1.05fr) minmax(360px,1fr) 240px;gap:8px;min-height:0;padding:8px;display:grid}.map-col,.board-col,.side-col{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.side-col{overflow:hidden}.bottom{border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:#0e0a28;max-height:42vh;overflow-y:auto}@media (width<=1250px){.main{grid-template-rows:1fr 240px;grid-template-columns:minmax(340px,1fr) minmax(320px,1fr)}.side-col{grid-column:1/-1}}@media (width<=860px){.game{height:auto;min-height:var(--app-h);grid-template-rows:auto auto auto auto}.main{grid-template-rows:auto;grid-template-columns:1fr}.side-col{height:300px}.map-col,.board-col{overflow:visible}.bottom{z-index:20;position:sticky;bottom:0}.phase{font-size:13px}.top-right a{display:none}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px}.panel-title{font-family:var(--head);flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;font-size:15px;display:flex}.panel-title small{font-family:var(--body);color:var(--muted);font-size:12px}.board-pane.hidden{display:none}.board-pane{flex-direction:column;gap:8px;display:flex}.board-wrap{position:relative}.board-svg{width:100%;height:auto;display:block}.board-wrap.mods{max-width:420px}.hot{fill:#00e1ff22;stroke:#00e1ff;stroke-width:12px;cursor:pointer;animation:1.4s ease-in-out infinite glow}.hot:hover{fill:#00e1ff44}.open{fill:none;stroke:#ffffff30;stroke-width:6px;pointer-events:none}.hot-circle{fill:#00e1ff33;stroke:#00e1ff;stroke-width:10px;cursor:pointer;animation:1.4s ease-in-out infinite glow}@keyframes glow{50%{stroke-opacity:.45}}.time-marker{fill:none;stroke:#ff4fd8;stroke-width:14px;filter:drop-shadow(0 0 12px #ff4fd8)}.count{font-family:var(--head);fill:#fff;font-size:80px;font-weight:700}.used-label{font-family:var(--head);fill:#ffd24a;font-size:40px}.move-label{font-family:var(--head);fill:#00e1ff;paint-order:stroke;stroke:#000;stroke-width:10px;font-size:54px;font-weight:700}.svg-click{cursor:pointer}.svg-click:hover rect{stroke:#00e1ff;stroke-width:12px}.starmap{width:100%;max-width:calc(var(--app-h) - 170px);aspect-ratio:1;flex:none;min-width:300px;margin:0 auto}@media (width<=860px){.starmap{max-width:100%}}.starmap{position:relative}.zoom-btn{z-index:2;background:#0b0820cc;padding:4px 9px;font-size:12px;position:absolute;top:6px;right:6px}.zoom-btn.on{border-color:var(--accent)}.map-svg{width:100%;height:100%;display:block}.target{fill:#00e1ff22;stroke:#00e1ff;stroke-width:14px;cursor:pointer;animation:1.2s ease-in-out infinite glow}.target.green,.target.violet,.target.orange{stroke-width:12px}.target.back{fill:#ff4fd833;stroke:#ff4fd8!important}.target:hover{fill:#00e1ff55}.step-num{font-family:var(--head);fill:#00e1ff;paint-order:stroke;stroke:#000;stroke-width:12px;pointer-events:none;font-size:64px;font-weight:700}.ship{filter:drop-shadow(0 0 10px #000)}.tx-offer{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tx-card{border:2px solid #0000;border-radius:8px;overflow:hidden}.tx-card svg{width:100%;height:auto;display:block}.tx-card.can{border-color:#00e1ff88}.tx-empty{border:2px dashed var(--line);color:var(--muted);aspect-ratio:640/400;border-radius:8px;place-items:center;display:grid}.hint{font-size:13px}p.hint{margin:4px 0 0}.awards-line{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.award-chip{border:1px solid;border-radius:10px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;display:inline-flex}.goals{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.goal{position:relative}.goal img{border-radius:6px;width:100%;display:block}.goal-who{gap:3px;display:flex;position:absolute;top:6px;left:6px}.tableau{border-width:2px}.tableau-stats{font-family:var(--body);align-items:center;gap:12px;margin-left:auto;font-size:14px;display:flex}.tableau-stats b{font-family:var(--head);color:var(--gold);font-size:18px}.tableau-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:8px;display:flex}.dice-tray{align-items:center;gap:6px;min-height:38px;display:flex}.hand-gyros{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gyro-tile{border-radius:50%;width:48px;height:48px}.gyro-tile.can{cursor:pointer;box-shadow:0 0 0 3px #00e1ff}.gyro-tile.sel{box-shadow:0 0 0 4px #ff4fd8}.award-tile{border-radius:4px;height:40px}.award-tile.sq{width:40px}.hq{margin-bottom:8px}.tx-arrays{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.tx-chain{flex-wrap:wrap;gap:0;display:flex}.tx-card.small{border-radius:6px;width:150px}.tx-card.online{border-color:#3dff7a66}.tech-chips{flex-wrap:wrap;gap:4px;display:flex}.tech-chip{font-family:var(--head);border:1px solid;border-radius:10px;padding:2px 7px;font-size:12px}.tech-chip.k-perm{background:#1c2f6e;border-color:#4f7dff}.tech-chip.k-now{background:#1b4b5e;border-color:#6ad7ff}.tech-chip.k-prod{background:#1b4d2b;border-color:#4fd17a}.tech-chip.k-end{background:#4d1b4c;border-color:#e05fd8}.takeover{margin:0 4px}.tabs{gap:4px;display:flex}.tabs button{border-radius:6px 6px 0 0;flex:1}.tabs button.on{background:var(--panel);border-color:var(--accent)}.log{background:var(--panel);border:1px solid var(--line);border-radius:0 0 8px 8px;flex:1;min-height:0;padding:6px;font-size:12.5px;overflow-y:auto}.logline{border-left:3px solid #0000;padding:2px 6px}.logline.hdr{font-family:var(--head);color:var(--accent2);margin-top:6px}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat form input{width:100%;margin-top:4px}.prompt{align-items:flex-start;gap:12px;display:flex}.prompt.active{box-shadow:inset 3px 0 0 var(--accent2);padding-left:8px}.prompt-body{flex-direction:column;flex:1;gap:6px;display:flex}.prompt-text{line-height:1.4}.prompt-text.wait{color:var(--muted)}.options{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pay-opt{font-family:var(--body);align-items:center;gap:6px;font-weight:500;display:inline-flex}.die-btn{padding:3px}.die-btn.sel{border-color:var(--accent);box-shadow:0 0 8px var(--accent)}button.end{margin-left:auto}.undo{flex:none}.hq-choice{flex-wrap:wrap;gap:10px;display:flex}.hq-side{flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.hq-side img{border-radius:6px;width:min(360px,42vw)}.final-goals{flex-direction:column;gap:6px;display:flex}.final-goal.unmet{color:var(--muted)}.modal-bg{z-index:50;background:#000a;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--line);border-radius:12px;max-width:95vw;max-height:90vh;padding:20px;overflow:auto}.scores{border-collapse:collapse;margin:10px 0}.scores th,.scores td{text-align:right;border-bottom:1px solid var(--line);padding:4px 12px}.scores td:first-child{text-align:left;color:var(--muted)}.scores tr.total td{font-family:var(--head);color:var(--gold);font-size:18px}.reopen-scores{z-index:30;position:fixed;bottom:70px;right:16px}.preview{z-index:60;border:1px solid var(--accent);pointer-events:none;background:#0d0a26f2;border-radius:10px;max-width:340px;padding:8px;position:fixed;box-shadow:0 10px 40px #000c}.preview.wide{max-width:420px}.preview img{object-fit:contain;border-radius:6px;width:100%;max-height:46vh;margin-bottom:6px;display:block}.preview img.flip{transform:rotate(180deg)}.preview-text b{font-family:var(--head)}.preview-text p{margin:4px 0 0;line-height:1.35}.preview.touch{pointer-events:auto;max-width:92vw;transform:translate(-50%,-50%);top:50%!important;left:50%!important}.preview-backdrop{z-index:59;background:#0007;position:fixed;inset:0}.preview-hint{color:var(--muted);margin-top:6px;display:block}