.connected-game{--game-accent:#d59b49;color:#eee4d2;background:#070b0a;height:100dvh;overflow:hidden}.connected-game *{box-sizing:border-box}.connected-game-header{border-bottom:1px solid color-mix(in srgb,var(--game-accent) 42%,#39443f);z-index:20;background:#101715;grid-template-columns:150px 1fr 150px;align-items:center;height:66px;padding:0 18px;display:grid;position:relative;box-shadow:0 8px 28px #000}.connected-game-header>button,.connected-game-header nav button{color:#b8c3bc;cursor:pointer;letter-spacing:.12em;background:#0a100e;border:1px solid #46554f;min-height:38px;padding:8px 12px;font:8px Arial}.connected-game-header>div{text-align:center}.connected-game-header small{color:var(--game-accent);letter-spacing:.14em;font:8px Arial;display:block}.connected-game-header h1{margin:3px;font:21px Georgia}.connected-game-header nav{justify-content:flex-end;gap:5px;display:flex}.connected-game-header nav button:last-child{font-size:16px}.connected-game-body{grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;max-width:1280px;height:calc(100dvh - 66px);margin:auto;padding:12px 16px 16px;display:grid}.game-brief{background:#101613;border:1px solid #35423c;justify-content:space-between;align-items:center;gap:16px;padding:8px 11px;display:flex}.game-brief small,.game-brief b{display:block}.game-brief small{color:var(--game-accent);letter-spacing:.15em;font-size:7px}.game-brief b{margin-top:3px;font:13px Georgia}.game-brief em{color:#89978f;font:8px Arial}.foreign-echo{background:#0d1c20;border:1px solid #326776;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:7px 10px;display:grid;box-shadow:inset 3px 0 #4ca9bd}.foreign-echo>i{color:#6bc5d6;font:21px Georgia}.foreign-echo small,.foreign-echo b,.foreign-echo em{display:block}.foreign-echo small{color:#6fc6d5;font-size:7px}.foreign-echo b{margin:2px 0;font:11px Georgia}.foreign-echo em{color:#8eb0b5;font:7px Arial}.game-meters{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.game-meters article{background:#101613;border:1px solid #34403a;padding:7px 10px}.game-meters small,.game-meters b{display:block}.game-meters small{color:#89958f;letter-spacing:.1em;font:7px Arial}.game-meters b{font:16px Georgia}.game-meters em{background:#252f2b;height:5px;display:block}.game-meters em i{background:var(--game-accent);height:100%;box-shadow:0 0 9px var(--game-accent);transition:width .2s;display:block}.game-stage{border:1px solid color-mix(in srgb,var(--game-accent) 45%,#344039);background:#090e0c;grid-template-rows:minmax(230px,1fr) auto;min-height:0;display:grid;position:relative;overflow:hidden}.game-controls{background:#0c1210;border-top:1px solid #334039;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px;padding:8px;display:grid}.game-controls button{border:1px solid color-mix(in srgb,var(--game-accent) 48%,#3e4a44);color:#dce2dd;cursor:pointer;touch-action:manipulation;background:#151c19;min-height:52px;padding:7px}.game-controls button:hover:not(:disabled){border-color:var(--game-accent);background:#222b26}.game-controls button:focus-visible{border-color:var(--game-accent);background:#222b26}.game-controls button:disabled{opacity:.35}.game-controls i,.game-controls span{display:block}.game-controls i{color:var(--game-accent);font:19px Georgia}.game-controls span{letter-spacing:.1em;margin-top:3px;font:7px Arial}.pause-screen,.game-outcome{z-index:30;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07100eef;place-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.pause-screen b,.game-outcome>b{color:var(--game-accent);font:clamp(24px,5vw,46px) Georgia}.pause-screen button,.game-outcome button{border:1px solid var(--game-accent);color:#e8dec9;cursor:pointer;background:#172019;min-width:180px;min-height:42px}.game-outcome small{color:var(--game-accent);letter-spacing:.15em;font-size:8px}.game-outcome span{color:#a8b3ac;max-width:520px;font:10px/1.5 Arial}.game-outcome.loss{--game-accent:#df6755}.astronaut-scene,.roguelite-scene,.foundry-scene,.colony-scene,.merchant-scene,.tinkerer-scene,.sea-scene,.railway-scene,.arena-scene{min-height:230px;position:relative;overflow:hidden}.astronaut-scene{background:radial-gradient(circle at 72% 22%,#1c3152,#080d20 38%,#02050c)}.starfield{background-image:radial-gradient(#fff 1px,#0000 1px);background-size:31px 31px;animation:18s linear infinite stars;position:absolute;inset:-25%}.starfield.front{opacity:.55;background-size:67px 67px;animation-duration:10s}.planet{border-radius:50%;width:48px;height:48px;position:absolute;box-shadow:inset -12px -8px 15px #07101b88,0 0 28px}.ship{color:#dbeaff;text-shadow:0 0 12px #70d9ff;font:32px Georgia;transition:left .16s,top .16s;position:absolute;transform:translate(-50%,-50%)}.ship>i{background:linear-gradient(90deg,#fff,#53d6ff,#0000);width:27px;height:7px;animation:.15s infinite alternate thrust;position:absolute;top:13px;right:22px}.roguelite-scene{background:linear-gradient(#0d0b0a,#17100c),repeating-linear-gradient(90deg,#0000 0 60px,#39261c 61px 63px)}.roguelite-scene:before{content:"";background:repeating-linear-gradient(90deg,#1c1511 0 62px,#2a1c14 63px 66px);border:4px solid #3b2b20;position:absolute;inset:18% 4% 0}.torch{z-index:2;background:#f1a33e;width:9px;height:18px;animation:.2s infinite alternate flicker;position:absolute;top:22%;box-shadow:0 0 35px 17px #e787304c}.torch.left{left:13%}.torch.right{right:13%}.delver,.ruin-enemy{z-index:4;font:48px Georgia;transition:left .18s;position:absolute;bottom:18%}.delver{color:#b8d18b}.ruin-enemy{color:#df6a55;text-align:center;right:15%}.ruin-enemy>i{background:#e46655;height:4px;display:block}.room-label{z-index:4;color:#d39b55;font:9px monospace;position:absolute;top:10px;left:12px}.foundry-scene{background:linear-gradient(#22211c,#0c1110);grid-template-columns:repeat(5,1fr);gap:7px;padding:22px;display:grid}.factory-cell{color:#e1954c;cursor:pointer;background:#151b18;border:1px solid #5a513e;min-height:58px;font:30px Georgia;position:relative;overflow:hidden}.factory-cell.part-1{background:#242a24}.factory-cell.part-2{color:#9db8ad;animation:1s linear infinite pulse-gear}.factory-cell.part-3{color:#f0723e;box-shadow:inset 0 -18px 24px #e94f242b}.factory-cell i{animation:1.2s linear infinite belt;position:absolute;bottom:5px;left:0}.molten-channel{background:#f06432;height:10px;animation:.8s infinite alternate molten;position:absolute;bottom:3px;left:0;right:0;box-shadow:0 0 25px #f15428}.colony-scene{background:linear-gradient(#7597a5 0 42%,#596a3e 43%);grid-template-columns:repeat(6,1fr);gap:5px;padding:30px;transition:filter .5s;display:grid}.colony-scene.weather-0{filter:brightness(.72)saturate(.8)}.colony-scene.weather-2:after{content:"";background:repeating-linear-gradient(110deg,#0000 0 16px,#cde4ef55 17px 18px);animation:.5s linear infinite rain;position:absolute;inset:0}.colony-scene button{cursor:pointer;background:#31422b88;border:1px dashed #8ca46f;min-height:48px}.colony-scene button i{color:#f0d490;font:28px Georgia;animation:.25s build-pop;display:block}.weather{color:#fff8d5;font:9px monospace;position:absolute;top:8px;right:12px}.goblin-walk{color:#b7df80;font-size:25px;animation:9s linear infinite walk;position:absolute;bottom:5px}.merchant-scene{filter:saturate(.78);background:linear-gradient(#8c8564,#4d623e)}.merchant-scene:before{content:"";background:radial-gradient(circle at 20% 30%,#b6a16d 0 7%,#0000 8%),radial-gradient(circle at 74% 68%,#748355 0 10%,#0000 11%);position:absolute;inset:0}.trade-road{background:#8f7958;border:3px solid #564632;border-width:3px 0;height:20px;position:absolute;top:52%;left:5%;right:5%;transform:rotate(-4deg)}.market{color:#f1d397;text-align:center;font:38px Georgia;position:absolute;top:26%}.market i{font:8px monospace;display:block}.market.m1{left:5%}.market.m2{left:47%}.market.m3{right:5%}.caravan{z-index:3;font:36px Georgia;transition:left .25s;position:absolute;top:46%;transform:translate(-50%)}.caravan i{color:#5d3521;font:10px monospace;display:block}.cargo-grid{grid-template-columns:repeat(3,20px);gap:3px;display:grid;position:absolute;bottom:10px;right:12px}.cargo-grid i{background:#2229;border:1px solid #d6c28c;height:20px}.cargo-grid i.full{background:#b67b3c}.tinkerer-scene{background:linear-gradient(#2d241a,#171612)}.workbench{background:#5a3d25;border:5px solid #271b13;height:22%;position:absolute;bottom:17%;left:4%;right:4%;box-shadow:0 20px 30px #000}.tinkerer-scene>button{z-index:3;aspect-ratio:1;color:#e8b258;cursor:pointer;background:#211d17;border:2px solid #8a6840;width:11%;font:28px Georgia;position:absolute;top:32%}.tinkerer-scene>button i{background:#54b4a4;width:2px;height:48px;position:absolute;top:100%;left:50%}.tinkerer-scene.testing>button{animation:.13s infinite machine-shake}.test-dummy{font-size:32px;position:absolute;bottom:39%;right:7%}.spring{color:#aeb9ae;font-size:28px;position:absolute;bottom:41%;left:7%}.sea-scene{background:linear-gradient(#183c50,#071823 45%,#02070d)}.water-layer{background:radial-gradient(circle,#8dd9d622 0 2px,#0000 3px) 0 0/28px 28px;animation:11s linear infinite water-drift;position:absolute;inset:0}.water-layer.near{background-size:55px 55px;animation-duration:6s}.submarine{z-index:4;color:#e2b651;text-shadow:0 0 9px #f0c25d;font:38px Georgia;transition:left .2s,top .2s;position:absolute;transform:translate(-50%,-50%)}.submarine>i{clip-path:polygon(0 35%,100% 0,100% 100%,0 65%);background:linear-gradient(90deg,#bffcff88,#0000);width:42px;height:16px;position:absolute;top:11px;right:26px}.submarine.ping:after{content:"";border:2px solid #71dbea;border-radius:50%;width:30px;height:30px;animation:.55s sonar;position:absolute;top:50%;left:50%}.sea-life{color:#5ce2c0;text-shadow:0 0 14px #39d6b7;font:28px Georgia;position:absolute}.bubbles{color:#b8edf2;font-size:23px;animation:3s infinite bubbles;position:absolute;bottom:10%;right:12%}.railway-scene{background:linear-gradient(#6c7654,#424a35);padding:0 5%}.terrain{background:radial-gradient(circle at 18% 30%,#314a37 0 9%,#0000 10%),radial-gradient(circle at 72% 24%,#6f6a4a 0 8%,#0000 9%);position:absolute;inset:0}.railway-scene>button{color:#33291f;cursor:pointer;background:0 0;border:0;width:19%;height:38px;font:30px monospace;position:absolute;top:52%}.railway-scene>button.built{color:#c5aa77}.railway-scene>button span{color:#75d486;font-size:18px;position:absolute;top:-20px;right:2px}.railway-scene>button .signal-warn{color:#e75d4b;animation:.25s infinite flicker}.locomotive{z-index:4;color:#2c2420;font:42px Georgia;transition:left .5s;position:absolute;top:44%}.locomotive i{color:#ddd;font:18px Georgia;animation:1.2s infinite smoke}.rail-cargo{color:#dac082;font-size:25px;position:absolute;bottom:12%;right:8%}.arena-scene{perspective:500px;background:radial-gradient(at 50% 80%,#9a6836 0 35%,#43291a 36% 58%,#17110f 59%)}.crowd{color:#cbb391;word-spacing:23px;opacity:.8;font-size:27px;animation:.5s infinite alternate crowd;position:absolute;top:8%;left:0;right:0}.fighter{text-shadow:0 7px 8px #000;font:64px Georgia;transition:left .18s;position:absolute;bottom:17%}.fighter.player{color:#8bc18e}.fighter.enemy{color:#d56850;right:15%}.fighter.player i{background:#e6d08b;width:45px;height:4px;position:absolute;top:14px;left:38px;transform:rotate(-20deg);box-shadow:0 0 12px #fff}.fighter.enemy>i{color:#ffb35f;font:30px Georgia;animation:.45s infinite alternate telegraph;position:absolute;top:-20px;left:-35px}.fighter.enemy>em{background:#e55f4d;width:100%;height:5px;display:block}.stance-block:after{content:"◇";color:#9bd6dc;position:absolute;left:32px}.stance-dodge{transform:skew(-18deg)translate(-10px)}.arena-dust{background:radial-gradient(#d7a45c45,#0000);height:18px;animation:1.4s infinite alternate dust;position:absolute;bottom:12%;left:15%;right:15%}@keyframes stars{to{transform:translate(-8%,12%)}}@keyframes thrust{to{opacity:.6;width:38px}}@keyframes flicker{to{opacity:.75;transform:scale(.8)}}@keyframes pulse-gear{to{transform:rotate(360deg)}}@keyframes belt{to{left:80%}}@keyframes molten{to{filter:brightness(1.5)}}@keyframes rain{to{transform:translate(-20px,30px)}}@keyframes build-pop{0%{transform:scale(0)}}@keyframes walk{0%{left:2%}to{left:95%}}@keyframes machine-shake{to{transform:translate(2px,-1px)}}@keyframes water-drift{to{transform:translate(30px,40px)}}@keyframes sonar{to{opacity:0;width:180px;height:180px;transform:translate(-75px,-75px)}}@keyframes bubbles{to{opacity:0;transform:translateY(-90px)}}@keyframes smoke{to{opacity:0;transform:translate(15px,-25px)}}@keyframes crowd{to{transform:translateY(-3px)}}@keyframes telegraph{to{filter:brightness(1.4);transform:scale(1.3)}}@keyframes dust{to{opacity:.35;transform:scaleX(1.2)}}@media (max-width:720px){.connected-game-header{grid-template-columns:90px 1fr 90px;height:58px;padding:0 7px}.connected-game-header h1{font-size:15px}.connected-game-header small{display:none}.connected-game-header>button,.connected-game-header nav button{min-height:36px;padding:5px;font-size:7px}.connected-game-header nav button:first-child{display:none}.connected-game-body{gap:5px;height:calc(100dvh - 58px);padding:7px}.game-brief{padding:6px 8px}.game-brief em,.foreign-echo em{display:none}.game-meters article{padding:5px 7px}.game-stage{grid-template-rows:minmax(180px,1fr) auto}.game-controls{grid-template-columns:repeat(5,1fr);gap:4px;padding:5px}.game-controls button{min-width:0;min-height:54px;padding:4px}.game-controls span{font-size:6px}.foundry-scene{gap:4px;padding:12px}.factory-cell{min-height:42px}.colony-scene{gap:3px;padding:25px 10px}.colony-scene button{min-height:36px}.crowd{word-spacing:6px;font-size:18px}.fighter{font-size:48px}.planet{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.connected-game *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}