:root{--bg:#061426;--bg2:#0b2340;--panel:#0f2c4d;--panel2:#143a63;--line:#245487;--text:#dbe9f7;--muted:#8fb1d1;--accent:#3fd0c9;--accent2:#ffd24a;--green:#2fa84f;--red:#d8382f;--yellow:#f0a91a;--glow:#5dffb0;--head:"Barlow Condensed", "Arial Narrow", sans-serif;--body:"Barlow Semi Condensed", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at top, #0d3158 0%, var(--bg) 70%) 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:15px}button:hover:not(:disabled){border-color:var(--accent);background:#1b4c80}button:disabled{opacity:.45;cursor:default}button.primary{color:#fff;background:linear-gradient(#1fb3a8,#147f78);border-color:#3fe0d6;font-weight:700}button.skip{color:var(--muted);background:0 0}button.small{padding:2px 6px;font-size:12px}input{font-family:var(--body);color:var(--text);border:1px solid var(--line);background:#07182c;border-radius:6px;padding:7px 10px;font-size:15px}h1,h2,h3{font-family:var(--head);letter-spacing:.03em;margin:.3em 0}.dot{border:1px solid #ffffff80;border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.check{cursor:pointer;align-items:center;gap:6px;margin:4px 0;display:flex}.check.inline{margin-left:12px;display:inline-flex}.check.small,.fine{color:var(--muted);font-size:12px}.center-msg{height:100%;font-family:var(--head);place-items:center;font-size:22px;display:grid}.toast{z-index:100;cursor:pointer;background:#7a1f24;border:1px solid #ff6b6b;border-radius:8px;padding:10px 16px;position:fixed;top:14px;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{background:url(/assets/misc/background_underwater.jpg) 50%/cover;place-items:center;min-height:100%;padding:24px 16px;display:grid}.landing-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#061426e0;border-radius:14px;width:min(760px,100%);padding:28px 32px;box-shadow:0 20px 60px #0009}.landing-logo{float:right;width:90px}.landing h1{color:#fff;font-size:44px}.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-cols{grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;display:grid}@media (width<=640px){.landing-cols{grid-template-columns:1fr}}.landing-cols>div{border:1px solid var(--line);background:#143a6359;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.code-input{font-family:var(--head);letter-spacing:.3em;text-align:center;font-size:26px}.seats{padding:0;list-style:none}.seats li{border-bottom:1px solid #24548766;align-items:center;gap:8px;padding:6px 0;display:flex}.seats em{color:var(--muted);font-size:12px}.seats em.off{color:#ff9a9a}.linkbtn{font-family:var(--body);padding:3px 8px;font-size:13px}.color-pick{align-items:center;gap:8px;margin:10px 0;display:flex}.swatch{border-radius:50%;width:26px;height:26px;padding:0}.lobby-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.game{grid-template-rows:auto auto 1fr auto;height:100vh;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#04101f,#0c2a4a);align-items:center;gap:16px;padding:6px 14px;display:flex}.brand{font-family:var(--head);color:#fff;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.brand img{height:22px}.phase{font-family:var(--head);color:var(--accent2);text-align:center;flex:1;font-size:18px}.top-right{align-items:center;gap:14px;display:flex}.roomcode{font-family:var(--head);color:var(--muted)}.players-strip{background:#04101f99;gap:6px;padding:6px 10px;display:flex;overflow-x:auto}.pchip{font-family:var(--body);white-space:nowrap;background:#0f2c4dcc;border:2px solid;border-radius:8px;align-items:center;gap:8px;padding:4px 10px;display:flex}.pchip.active{background:#1a4677}.pchip.turn{box-shadow:0 0 0 2px var(--accent2), 0 0 14px #ffd24a80}.pchip em{color:var(--muted);font-size:11px}.pchip .pts{font-weight:700}.mini-res{opacity:.9;gap:4px;display:flex}.hand-count{color:var(--muted);font-size:12px}.res{align-items:center;gap:2px;font-weight:600;display:inline-flex}.res img{vertical-align:middle}.bag{flex-wrap:wrap;gap:5px;display:inline-flex}.main{grid-template-columns:minmax(470px,36%) 1fr 260px;gap:8px;min-height:0;padding:8px;display:grid}@media (width<=1400px){.main{grid-template-columns:minmax(440px,38%) 1fr 210px}}@media (width<=1100px){.game{height:auto;overflow:visible}.main{grid-template-columns:1fr}}.left,.center,.right{min-height:0;overflow:auto}.center{flex-direction:column;gap:8px;display:flex}.right{border:1px solid var(--line);background:#081a30cc;border-radius:8px;flex-direction:column;display:flex}.tabs{display:flex}.tabs button{border:none;border-bottom:1px solid var(--line);background:0 0;border-radius:0;flex:1}.tabs button.on{background:var(--panel2)}.log{flex:1;padding:6px;font-size:12.5px;line-height:1.35;overflow-y:auto}.logline{border-left:3px solid #0000;margin-bottom:2px;padding:2px 6px}.logline.hdr{color:var(--accent2);font-family:var(--head);margin-top:6px;font-size:14px}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat form input{border-radius:0;width:100%}.mainboard{--slot:clamp(58px, 4.7vw, 88px);background:linear-gradient(#0a2850bf,#06162ce6),url(/assets/misc/background_underwater.jpg) 50%/cover;border:2px solid #1c4a7c;border-radius:12px;flex-direction:column;gap:4px;padding:6px;display:flex;box-shadow:inset 0 0 40px #00000080}.mb-top,.mb-bottom{gap:4px;display:flex}.mb-corner{width:var(--slot);font-family:var(--head);color:var(--muted);flex:none;place-items:center;display:grid}.mb-mid{gap:4px;display:flex}.mb-left{width:var(--slot);flex-direction:column;flex:none;gap:4px;display:flex}.mb-center{flex-direction:column;flex:1;gap:6px;min-width:0;padding:4px;display:flex}.slot{width:var(--slot);border-radius:6px;flex:none;transition:transform .1s;position:relative}.slot img{border-radius:6px;width:100%;display:block}.slot.clickable{cursor:pointer;box-shadow:0 0 0 2px #5dffb08c}.slot.clickable:hover{box-shadow:0 0 0 3px var(--glow), 0 0 16px var(--glow);transform:translateY(-2px)}.slot.match{box-shadow:0 0 0 3px var(--accent2), 0 0 14px var(--accent2)}.slot.selected{box-shadow:0 0 0 4px #fff,0 0 20px #fff}.occupants{justify-content:center;gap:2px;display:flex;position:absolute;bottom:6%;left:4px;right:4px}.tile{aspect-ratio:1.2;border:2px solid #ffffffd9;border-radius:5px;width:36%;box-shadow:0 2px 5px #0009}.mb-row{align-items:flex-start;gap:8px;display:flex}.tracks{border:1px solid var(--line);background:#04101f8c;border-radius:8px;flex:1;min-width:0;padding:5px}.track-title{font-family:var(--head);text-transform:uppercase;color:var(--muted);letter-spacing:.06em;margin-bottom:3px;font-size:12px}.fed-space,.order-space{border-bottom:1px dashed #24548780;align-items:center;gap:5px;height:20px;display:flex}.fed-space.below{opacity:.8}.fed-num{width:16px;font-family:var(--head);color:var(--accent2);font-weight:700}.fed-bonus{width:16px}.fed-markers{gap:2px;display:flex}.disc{border:1.5px solid #fffc;border-radius:50%;width:14px;height:14px;display:inline-block}.order-space.now{background:#ffd24a26}.order-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.era{grid-template-columns:repeat(5,1fr);gap:2px;display:grid}.era-cell{text-align:center;font-family:var(--head);background:#143a6399;border-radius:4px;padding:1px 0;position:relative}.era-cell.e2{background:#78328c80}.era-cell.e3{background:#7846288c}.era-cell.now{outline:2px solid var(--accent2);color:#fff}.era-cell .prod{color:var(--accent2);font-size:11px;position:absolute;top:-5px;right:-1px}.decks{align-items:center;gap:6px;margin-top:5px;display:flex}.deck{width:44px;position:relative}.deck img{border-radius:4px;width:100%;display:block}.deck span{text-shadow:0 0 3px #000;font-weight:700;position:absolute;bottom:2px;right:3px}.deck.discard{width:auto;color:var(--muted)}.deck.discard span{position:static}.specials{align-items:stretch}.special-deck{flex-direction:column;flex:none;align-items:center;gap:3px;width:22%;display:flex}.special-deck .card,.special3 .card{width:100%}.special-deck small{color:var(--muted)}.special3{flex:1}.special3-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.empty-card{aspect-ratio:170/258;border:1px dashed var(--line);color:var(--muted);border-radius:6px;place-items:center;width:100%;font-size:11px;display:grid}.empty-card.small{width:56px}.bottomrow{flex-wrap:wrap;align-items:flex-start}.always .slot{width:calc(var(--slot) * .9)}.clone img{width:60px}.clone.used img{opacity:.35}.contract-row{gap:4px;display:flex}.contract{border-radius:5px;width:54px}.supply div{align-items:center;gap:5px;font-size:12px;display:flex}.card{-webkit-user-select:none;user-select:none;border-radius:7px;width:110px;transition:transform .12s,box-shadow .12s;display:block;box-shadow:0 3px 8px #00000080}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-4px)}.card.selected{box-shadow:0 0 0 3px #fff, 0 0 18px var(--accent);transform:translateY(-10px)}.card.discarding{opacity:.45;box-shadow:0 0 0 3px #ff6b6b}.card.dim{opacity:.5}.card.glow{box-shadow:0 0 0 3px var(--glow), 0 0 14px var(--glow);cursor:pointer}.pa-card{aspect-ratio:170/258;text-align:center;font-family:var(--head);background:linear-gradient(160deg,#1c6b4e,#0c3a2b);border:2px solid #3fb987;place-items:center;display:grid}.pa-inner{flex-direction:column;gap:4px;padding:4px;font-size:12px;display:flex}.pa-a{color:#000;background:#fff;border-radius:4px;width:32px;margin:0 auto;font-size:30px}.preview{z-index:50;border:1px solid var(--accent);pointer-events:none;background:#040e1cf5;border-radius:12px;gap:12px;max-width:560px;padding:12px;display:flex;position:fixed;box-shadow:0 16px 50px #000000b3}.preview img{border-radius:10px;width:240px}.preview-text{flex-direction:column;gap:6px;max-width:260px;display:flex}.preview-text b{font-family:var(--head);font-size:22px}.preview-text p{margin:0;font-size:15px;line-height:1.4}.tag{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12px}.tag-green{color:#6fe08f}.tag-red{color:#ff8a80}.tag-yellow{color:#ffd166}.pboard-wrap{border:1px solid var(--line);background:#081a30cc;border-radius:10px;padding:6px}.pboard-head{flex-wrap:wrap;align-items:center;gap:10px;padding:2px 4px 6px;display:flex}.pboard-head b{font-family:var(--head);font-size:18px}.board-no{color:var(--muted);font-size:12px}.res-row{gap:10px;margin-left:auto;font-size:15px;display:flex}.projection{width:100%;color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.pboard{border-radius:8px;width:100%;max-height:62vh;margin:0 auto;position:relative;overflow:hidden;container-type:inline-size}.pboard-img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.metro{filter:saturate(.75)brightness(.85);position:absolute;transform:translate(-50%,-50%)}.metro.conn{filter:none;drop-shadow:0 0 6px var(--glow)}.tunnel-site,.city-site,.bsite{position:absolute}.city-site,.bsite{aspect-ratio:1;border-radius:50%;place-items:center;display:grid;transform:translate(-50%,-50%)}.opt{cursor:pointer;box-shadow:0 0 0 3px var(--glow), 0 0 18px var(--glow);z-index:5;background:#5dffb02e;animation:1.3s ease-in-out infinite pulse}.tunnel-site.opt{border-radius:8px}@keyframes pulse{50%{box-shadow:0 0 0 2px var(--glow), 0 0 6px var(--glow);background:#5dffb052}}.tunnel-site{place-items:center;display:grid}.tunnel-tok{object-fit:fill;filter:drop-shadow(0 2px 3px #000000b3);width:100%;height:100%}.tunnel-star{aspect-ratio:1;height:120%;position:absolute}.dome{filter:drop-shadow(0 4px 5px #000000b3);width:88%;transform:translateY(8%)}.dome.symb{width:96%}.dome.biodome{filter:hue-rotate(80deg)saturate(3)drop-shadow(0 4px 5px #000000b3)}.btok{place-items:center;width:100%;display:grid;position:relative}.btok img{filter:drop-shadow(0 2px 3px #000c);width:100%;position:relative}.btok.up img:not(.btok-under){transform:translateY(-28%)}.btok-under{top:22%;position:absolute!important}.xmark{aspect-ratio:1;z-index:3;background:#d8382f;border:1.5px solid #fff;border-radius:50%;width:34%;min-width:12px;position:absolute;top:-8%;right:-8%}.xmark:after{content:"✕";color:#fff;place-items:center;font-size:9px;font-weight:700;display:grid;position:absolute;inset:0}.tunnel-site .xmark{width:auto;height:60%;top:-30%;right:-4%}.extra-metros{gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.extra-metros img{width:60px}.kind-picker{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 4px 0;display:flex}.kind-picker button.on{color:#fff;background:#1fb3a8}.kind-picker small{color:var(--muted)}.claimed{border:1px solid var(--line);background:#081a30cc;border-radius:10px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.claimed-group{min-width:90px}.claimed-title{font-family:var(--head);color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:13px}.claimed-cards{align-items:flex-start;gap:4px;display:flex}.claimed-card{transition:transform .2s}.claimed-card .card{width:74px}.claimed-card.used{opacity:.75;margin:0 12px;transform:rotate(90deg)translateY(-8px)}.none{color:var(--muted)}.proj{color:var(--muted);font-size:12px}.bottom{border-top:1px solid var(--line);background:linear-gradient(#04101fe6,#03101f);grid-template-columns:minmax(420px,1fr) auto;gap:8px;padding:6px 8px 8px;display:grid}@media (width<=1100px){.bottom{grid-template-columns:1fr;position:sticky;bottom:0}}.prompt{border:1px solid var(--line);background:#0f2c4db3;border-radius:10px;flex-direction:column;gap:6px;min-height:90px;padding:8px 12px;display:flex}.prompt.active{border-color:var(--accent2);box-shadow:0 0 0 1px var(--accent2), 0 0 20px #ffd24a33}.prompt-text{font-size:15px}.prompt-text.wait{color:var(--muted)}.prompt-body{flex-direction:column;gap:6px;display:flex}.btns{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pick-row{flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex}.pick-row .card{width:84px}.metro-pick{cursor:pointer;width:90px}.turn-summary{align-items:center;gap:10px;display:flex}.turn-summary .card,.turn-summary .empty-card{width:58px}.turn-summary .plus{color:var(--muted);font-size:22px}.slot-mini{border-radius:5px;width:58px}.turn-info{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.turn-info .ok{color:#7dffb5}.turn-info .warn{color:#ffb070}.turn-info small{color:var(--muted)}.prompt-extras{border-top:1px dashed var(--line);flex-wrap:wrap;gap:6px;padding-top:6px;display:flex}.prompt-extras button{font-size:13px}.undo{margin-left:auto}.hand{flex-direction:column;gap:4px;display:flex}.hand-label{font-family:var(--head);color:var(--muted)}.hand-cards{gap:8px;display:flex}.hand-card{width:104px}.modal-bg{z-index:80;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--accent);border-radius:14px;min-width:420px;padding:20px 26px}.scores{border-collapse:collapse;width:100%;margin:10px 0}.scores th,.scores td{text-align:center;border-bottom:1px solid var(--line);padding:5px 10px}.scores td:first-child{text-align:left;color:var(--muted)}.scores tr.total td{color:#fff;font-size:17px;font-weight:700}.takeover{align-self:flex-end;margin:-4px 4px 0}.biodome .card{width:54px}