:root{--yc-ink:#f6f7fb;--yc-muted:#aeb7c8;--yc-panel:#0d1320db;--yc-accent:#58e6b0}.yc-button{cursor:pointer;font:inherit;border:1px solid #0000;border-radius:999px;padding:.75rem 1.15rem;font-weight:700}.yc-button--primary{background:var(--yc-accent);color:#07120e}.yc-button--secondary{color:var(--yc-ink);background:0 0;border-color:#536074}.yc-card{background:var(--yc-panel);border:1px solid #2b3548;border-radius:1rem;padding:1.25rem}:root{color:#f4f7f8;font-synthesis:none;--accent:#68e1b2;--panel:#070d12d1;--line:#ffffff29;--muted:#aab6bc;font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root,.game-shell,.game-viewport{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;background:#071019}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.game-shell{position:relative}.game-viewport{cursor:grab;touch-action:none}.game-viewport:active{cursor:grabbing}canvas{display:block}.webgl-fallback{text-align:center;background:#071019;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.webgl-fallback p{color:var(--muted)}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.hud button,.hud a,.settings-backdrop{pointer-events:auto}.hud-top{border-bottom:1px solid var(--line);background:linear-gradient(#050a0ee0,#050a0e8c);grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:66px;padding:0 1.25rem;display:grid;position:absolute;top:0;left:0}.game-brand{letter-spacing:-.075em;font-size:1.25rem;font-weight:950}.game-brand span{color:var(--accent)}.place{align-items:center;gap:.7rem;display:flex}.place strong{letter-spacing:.08em;text-transform:uppercase;font-size:.86rem}.place span{border-left:1px solid var(--line);color:var(--muted);padding-left:.7rem;font-size:.72rem}.place em{color:#d6dfdc;text-transform:capitalize;font-size:.66rem;font-style:normal}.hud-top__actions{justify-content:flex-end;gap:.6rem;display:flex}.hud-top__actions button,.hud-top__actions a{border:1px solid var(--line);color:#fff;background:#070d12ad;border-radius:999px;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 .85rem;font-size:.78rem;text-decoration:none;display:flex}.hud-top__actions button:hover,.hud-top__actions a:hover{border-color:var(--accent)}.player-status{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;width:245px;padding:1rem;position:absolute;top:86px;left:1.25rem}.avatar-mark{color:#06110e;float:left;background:linear-gradient(135deg,#82f3c7,#258a70);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-right:.8rem;font-size:1.1rem;font-weight:900;display:flex}.player-status>div:nth-child(2){flex-direction:column;min-height:47px;display:flex}.player-status>div:nth-child(2) strong{margin-top:.2rem;font-size:.88rem}.player-status>div:nth-child(2) span{color:var(--accent);text-transform:uppercase;margin-top:.25rem;font-size:.66rem}.player-status dl{border-top:1px solid var(--line);clear:both;margin:.8rem 0 0;padding-top:.7rem}.player-status dl>div{justify-content:space-between;align-items:center;padding:.28rem 0;font-size:.72rem;display:flex}.player-status dt{color:var(--muted)}.player-status dd{align-items:center;gap:.45rem;margin:0;display:flex}.player-status dd i{background:#ffffff1f;border-radius:999px;width:60px;height:4px;display:inline-block;overflow:hidden}.player-status dd b{background:var(--accent);height:100%;display:block}.mini-map{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50%;width:174px;height:174px;position:absolute;top:86px;right:1.25rem;overflow:hidden}.map-grid{background-color:#23322e;background-image:linear-gradient(90deg,#0000 43%,#545b58 43% 57%,#0000 57%),linear-gradient(#0000 43%,#545b58 43% 57%,#0000 57%),linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:100% 100%,100% 100%,20px 20px,20px 20px;position:absolute;inset:0}.mini-map:after{content:"";border:1px solid #fff3;border-radius:50%;position:absolute;inset:8px}.map-player{background:var(--accent);z-index:2;border:2px solid #fff;border-radius:50%;width:10px;height:10px;transition:left .12s linear,top .12s linear;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #68e1b233}.map-poi{z-index:2;background:#ebe1bee6;border:1px solid #17211f;border-radius:2px;width:6px;min-width:0;height:6px;padding:0;position:absolute;transform:translate(-50%,-50%)}.map-poi.active{background:#ffcc54;box-shadow:0 0 0 5px #ffcc543d}.map-label{color:#dae2df;z-index:2;font-size:.55rem;position:absolute}.map-label--square{top:32px;left:48px}.map-label--cafe{top:100px;right:25px}.mini-map small{color:#ffffffad;letter-spacing:.1em;z-index:2;font-size:.53rem;position:absolute;bottom:16px;left:57px}.interaction-prompt{background:#050a0ee6;border:1px solid #68e1b280;border-radius:999px;align-items:center;gap:.7rem;padding:.6rem 1rem .6rem .65rem;display:flex;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}.interaction-prompt kbd{background:var(--accent);color:#07110e;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:900;display:flex}.interaction-prompt span{font-size:.78rem;font-weight:750}.game-message{border-left:3px solid var(--accent);color:#dbe5e2;text-align:center;background:#070d12e6;max-width:min(430px,100% - 2rem);padding:.8rem 1rem;position:absolute;bottom:135px;left:50%;transform:translate(-50%)}.navigation-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070d12e6;border:1px solid #68e1b261;border-radius:12px;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex;position:absolute;top:82px;left:50%;transform:translate(-50%)}.navigation-status>i{border:5px solid #0000;border-bottom-color:var(--accent);width:0;height:0}.navigation-status span{flex-direction:column;min-width:125px;display:flex}.navigation-status small{color:var(--muted);text-transform:uppercase;font-size:.55rem}.navigation-status strong{font-size:.72rem}.navigation-status>b{color:var(--accent);font-size:.7rem}.navigation-status button,.location-card>button:first-child{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.1rem;font-size:1.2rem}.location-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#070d12ed;border-radius:16px;max-width:320px;padding:1.15rem;position:absolute;bottom:1.25rem;left:1.25rem}.location-card>button:first-child{position:absolute;top:.55rem;right:.7rem}.location-card small{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;font-weight:850}.location-card h2{margin:.35rem 0 .55rem;font-size:1.35rem}.location-card p{color:var(--muted);margin:0 0 .85rem;font-size:.72rem;line-height:1.5}.location-card>button:last-child,.return-spawn{background:var(--accent);color:#07110e;cursor:pointer;border:0;border-radius:999px;padding:.62rem .85rem;font-size:.7rem;font-weight:850}.map-panel{pointer-events:auto;z-index:25;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080f14f7;border:1px solid #34434a;border-radius:18px;width:min(580px,100% - 2rem);max-height:calc(100vh - 100px);padding:1.25rem;position:absolute;top:78px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 24px 90px #00000085}.map-panel header{justify-content:space-between;align-items:flex-start;display:flex}.map-panel header small{color:var(--accent);letter-spacing:.13em;font-size:.57rem;font-weight:850}.map-panel h2{margin:.25rem 0 0;font-size:1.65rem}.map-panel header button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.6rem}.map-panel>p{color:var(--muted);font-size:.72rem}.poi-list{grid-template-columns:repeat(2,1fr);gap:.45rem;margin:1rem 0;display:grid}.poi-list button{border:1px solid var(--line);color:#fff;cursor:pointer;text-align:left;background:#111c23;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.7rem;display:grid}.poi-list button.selected{border-color:var(--accent);background:#68e1b21a}.poi-list button>i{color:var(--accent);background:#26363c;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.62rem;font-style:normal;font-weight:900;display:flex}.poi-list button>span{flex-direction:column;display:flex}.poi-list strong{font-size:.72rem}.poi-list small{color:var(--muted);text-transform:capitalize;font-size:.57rem}.poi-list button>b{color:var(--accent);font-size:.56rem}.return-spawn{width:100%}.desktop-help{border:1px solid var(--line);color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050a0eb8;border-radius:999px;padding:.55rem .8rem;font-size:.64rem;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}kbd{color:#fff;background:#27343a;border:1px solid #ffffff2e;border-radius:4px;margin:0 .2rem;padding:.18rem .32rem;font-family:inherit;font-size:.62rem}.performance-readout{border:1px solid var(--line);color:var(--muted);background:#050a0ecc;border-radius:8px;padding:.55rem .7rem;font-size:.62rem;position:absolute;bottom:1rem;left:1.25rem}.performance-readout strong{color:#fff;font-size:.85rem}.performance-readout span{color:var(--accent);text-transform:uppercase;margin-left:.5rem}.performance-readout small{color:var(--muted);margin-top:.25rem;display:block}.mobile-controls{display:none}.settings-backdrop{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020508ad;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-panel{background:#0d151c;border:1px solid #35434b;border-radius:18px;width:min(540px,100%);max-height:calc(100vh - 2rem);padding:1.5rem;overflow:auto;box-shadow:0 28px 80px #00000073}.settings-title{justify-content:space-between;align-items:flex-start;display:flex}.settings-title p{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .5rem;font-size:.66rem;font-weight:800}.settings-title h2{letter-spacing:-.045em;margin:0;font-size:2rem}.settings-title button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.8rem}.settings-panel fieldset{border:0;border-top:1px solid var(--line);margin:1.4rem 0 0;padding:1.3rem 0 0}.settings-panel legend{padding-top:1.3rem;font-size:.85rem;font-weight:800}.settings-panel fieldset p{color:var(--muted);font-size:.75rem;line-height:1.5}.quality-options{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.quality-options label{border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:8px;padding:.8rem .5rem}.quality-options label.selected{border-color:var(--accent);color:var(--accent);background:#68e1b21a}.quality-options input{opacity:0;width:1px;height:1px;position:absolute}.quality-options span{text-transform:capitalize;font-size:.72rem;font-weight:800}.setting-toggle{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:1.3rem;padding-top:1.3rem;display:flex}.setting-toggle span{flex-direction:column;gap:.3rem;display:flex}.setting-toggle strong{font-size:.82rem}.setting-toggle small{color:var(--muted);font-size:.7rem}.setting-toggle input{accent-color:var(--accent);width:38px;height:20px}.control-list{background:#111d25;border-radius:10px;margin-top:1.3rem;padding:1rem}.control-list h3{margin:0 0 .7rem;font-size:.78rem}.control-list p{color:var(--muted);margin:0;font-size:.68rem;line-height:1.8}.settings-links{border-top:1px solid var(--line);gap:1rem;margin-top:1.3rem;padding-top:1.2rem;display:flex}.settings-links a{border:1px solid var(--line);color:#fff;text-align:center;border-radius:999px;flex:1;padding:.7rem;font-size:.72rem;font-weight:750;text-decoration:none}.settings-links a:last-child{color:#ff9c9c}@media (pointer:coarse),(width<=720px){.hud-top{grid-template-columns:1fr auto;min-height:58px;padding:0 .8rem}.place,.hud-top__actions a{display:none}.hud-top__actions{gap:.3rem}.hud-top__actions button{background:#050a0ec2;min-width:34px;height:34px;padding:0 .55rem;font-size:.64rem}.player-status{width:190px;padding:.65rem .8rem;top:68px;left:.65rem}.avatar-mark{width:34px;height:34px}.player-status>div:nth-child(2){min-height:39px}.player-status dl{gap:1rem;display:flex}.player-status dl>div{display:block}.player-status dd{margin-top:.2rem}.player-status dd i{width:38px}.mini-map{width:112px;height:112px;top:68px;right:.65rem}.map-label{display:none}.mini-map small{font-size:.45rem;bottom:9px;left:31px}.interaction-prompt{bottom:144px}.interaction-prompt kbd{display:none}.game-message{font-size:.75rem;bottom:198px}.navigation-status{max-width:calc(100% - 1.3rem);top:188px}.location-card{max-width:calc(100% - 1.3rem);bottom:196px;left:.65rem}.map-panel{border-radius:14px;width:calc(100% - 1.2rem);max-height:calc(100vh - 76px);padding:1rem;top:64px}.poi-list{grid-template-columns:1fr}.desktop-help{display:none}.performance-readout{top:184px;bottom:auto;left:.65rem}.mobile-controls{padding:0 .8rem max(.8rem, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:auto 0 0}.joystick{--stick-x:0;--stick-y:0;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050a0e73;border:1px solid #ffffff3d;border-radius:50%;width:112px;height:112px;position:relative;bottom:0}.joystick:before{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute;inset:25%}.joystick span{height:44px;left:calc(50% + var(--stick-x) * 30px);top:calc(50% + var(--stick-y) * 30px);background:#68e1b2e0;border:2px solid #ffffffb8;border-radius:50%;width:44px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 18px #0000004d}.mobile-actions{pointer-events:auto;align-items:flex-end;gap:.5rem;display:flex}.touch-button{color:#fff;touch-action:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a0ead;border:1px solid #ffffff4d;border-radius:50%;width:58px;height:58px;padding:0;font-size:.6rem;font-weight:800}.touch-button--run{margin-bottom:44px}.touch-button--primary{color:#07110e;background:#68e1b2e0;border-color:#b2f4dc;width:68px;height:68px}}@media (width<=430px){.player-status{width:174px}.player-status dl{gap:.55rem}.player-status dd i{display:none}.mini-map{width:100px;height:100px}.quality-options{grid-template-columns:1fr 1fr}.settings-panel{padding:1.2rem}.settings-title h2{font-size:1.65rem}}@media (height<=520px) and (pointer:coarse){.player-status,.mini-map{top:62px}.joystick{width:92px;height:92px}.touch-button{width:52px;height:52px}.touch-button--primary{width:60px;height:60px}.interaction-prompt{bottom:108px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}.remote-name{color:#fff;pointer-events:none;text-align:center;white-space:nowrap;background:#050a0fd1;border:1px solid #ffffff2e;border-radius:999px;flex-direction:column;padding:5px 10px;font-size:10px;line-height:1.15;display:flex}.remote-name span{color:#9eabb5;font-size:8px}.life-button{color:#06110e;cursor:pointer;pointer-events:auto;z-index:18;background:linear-gradient(135deg,#68e1b2,#31aa84);border:0;border-radius:999px;padding:.65rem 1rem;font-weight:900;position:fixed;top:270px;right:1.25rem}.needs-strip{border:1px solid var(--line);z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070d12db;border-radius:12px;gap:.35rem;width:245px;padding:.65rem .8rem;display:grid;position:fixed;top:260px;left:1.25rem}.need{grid-template-columns:54px 1fr 24px;align-items:center;gap:.45rem;display:grid}.need span,.need strong{color:var(--muted);font-size:.58rem}.need strong{color:#fff;text-align:right}.need i{background:#ffffff1a;border-radius:999px;height:5px;overflow:hidden}.need i b{background:linear-gradient(90deg, #e2bd5b, var(--accent));height:100%;display:block}.mission-card{z-index:16;background:#070d12e6;border:1px solid #68e1b266;border-radius:12px;flex-direction:column;gap:.25rem;padding:.7rem 1rem;display:flex;position:fixed;top:145px;left:50%;transform:translate(-50%)}.mission-card small{color:var(--accent);letter-spacing:.12em;font-size:.54rem;font-weight:900}.mission-card strong{text-transform:capitalize;font-size:.74rem}.mission-card span{color:var(--muted);font-size:.6rem}.economy-loading{background:var(--panel);color:var(--muted);z-index:15;border-radius:999px;padding:.55rem .8rem;font-size:.65rem;position:fixed;bottom:1rem;right:1rem}.economy-backdrop{pointer-events:auto;z-index:45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020508bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.economy-panel{background:#0b151c;border:1px solid #34464e;border-radius:20px;width:min(860px,100%);max-height:min(760px,100vh - 2rem);overflow:hidden;box-shadow:0 30px 100px #0009}.economy-panel>header{justify-content:space-between;align-items:flex-start;padding:1.25rem 1.4rem .8rem;display:flex}.economy-panel>header small{color:var(--accent);letter-spacing:.14em;font-size:.58rem;font-weight:900}.economy-panel h2{margin:.2rem 0 0;font-size:1.7rem}.economy-panel>header button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.8rem}.economy-panel>nav{border-bottom:1px solid var(--line);gap:.25rem;padding:0 1.35rem;display:flex}.economy-panel>nav button{color:var(--muted);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-bottom:2px solid #0000;padding:.7rem .8rem;font-size:.7rem;font-weight:850}.economy-panel>nav button.active{border-color:var(--accent);color:var(--accent)}.economy-content{max-height:calc(100vh - 180px);padding:1.2rem 1.4rem 1.5rem;overflow:auto}.economy-content>button,.current-job button,.catalog-list button,.product-grid button,.inventory-row button,.cash-actions button{background:var(--accent);color:#07110e;cursor:pointer;border:0;border-radius:999px;padding:.55rem .75rem;font-size:.65rem;font-weight:900}.economy-content button:disabled{cursor:not-allowed;filter:grayscale();opacity:.5}.economy-content h3{margin:1.2rem 0 .65rem;font-size:.85rem}.balance-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.balance-grid article,.current-job{border:1px solid var(--line);background:#111f27;border-radius:12px;padding:.9rem}.balance-grid small,.current-job small,.catalog-list small,.product-grid small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.55rem;display:block}.balance-grid strong{margin-top:.3rem;font-size:1.25rem;display:block}.needs-list{background:#111f27;border-radius:12px;gap:.7rem;margin:.8rem 0;padding:.9rem;display:grid}.mission-list{grid-template-columns:repeat(2,1fr);gap:.4rem;margin:0;padding-left:1.4rem;display:grid}.mission-list li{color:var(--muted);padding-left:.2rem;font-size:.68rem}.mission-list li.done{color:var(--accent);text-decoration:line-through}.catalog-list{gap:.55rem;margin-top:.8rem;display:grid}.catalog-list article{border:1px solid var(--line);background:#111f27;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.9rem;display:grid}.catalog-list h3,.product-grid h3,.current-job h3{margin:.25rem 0}.catalog-list p,.product-grid p,.current-job p,.muted{color:var(--muted);margin:.25rem 0;font-size:.65rem}.catalog-list aside{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.catalog-list aside span{color:var(--muted);font-size:.55rem}.task-list p.done{color:var(--accent)}.product-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.product-grid article{border:1px solid var(--line);background:#111f27;border-radius:12px;flex-direction:column;gap:.35rem;padding:.8rem;display:flex}.product-grid button{margin-top:auto}.inventory-row,.bill-row,.transaction-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.65rem 0;display:flex}.bill-row span,.transaction-list span{flex-direction:column;gap:.2rem;display:flex}.bill-row small,.transaction-list small{color:var(--muted);font-size:.55rem}.transaction-list b{color:#ff9c9c}.transaction-list b.positive{color:var(--accent)}.cash-actions{gap:.5rem;margin-top:.8rem;display:flex}.flow-chart{gap:.6rem;display:grid}.flow-chart label{grid-template-columns:58px 1fr 85px;align-items:center;gap:.6rem;font-size:.62rem;display:grid}.flow-chart i{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.flow-chart i b{background:var(--accent);height:100%;display:block}.flow-chart i b.expense{background:#ff9c9c}.worth-chart{background:#111f27;border-radius:10px;align-items:flex-end;gap:4px;height:80px;padding:.7rem;display:flex}.worth-chart i{background:linear-gradient(180deg, var(--accent), #258a70);border-radius:3px 3px 0 0;flex:1;min-height:4px}.economy-error{color:#ffb5b5;background:#ff5f5f1f;border:1px solid #ff5f5f4d;margin:.7rem 1.4rem 0;padding:.65rem;font-size:.68rem}@media (pointer:coarse),(width<=720px){.needs-strip{display:none}.life-button{top:176px;right:.65rem}.mission-card{width:310px;max-width:calc(100% - 1.3rem);top:238px}.economy-backdrop{padding:.45rem}.economy-panel{border-radius:14px;max-height:calc(100vh - .9rem)}.economy-panel>header{padding:.9rem 1rem .55rem}.economy-panel h2{font-size:1.35rem}.economy-panel>nav{padding:0 .8rem;overflow-x:auto}.economy-content{max-height:calc(100vh - 132px);padding:.9rem}.balance-grid,.product-grid{grid-template-columns:1fr 1fr}.mission-list{grid-template-columns:1fr}}.connection-chip,.room-chip{z-index:18;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050a0fd1;border:1px solid #ffffff29;border-radius:999px;gap:7px;padding:7px 11px;font-size:11px;display:flex;position:fixed;top:76px}.connection-chip{text-transform:capitalize;left:50%;transform:translate(-50%)}.connection-chip i{background:#87919a;border-radius:50%;width:7px;height:7px;margin-top:3px}.connection-chip--connected i{background:#68e1b2}.connection-chip--reconnecting i{background:#f2c15b}.connection-chip--offline i{background:#ff7b7b}.connection-chip span,.room-chip span{color:#9eabb5}.room-chip{right:24px}.social-buttons{z-index:18;gap:7px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.social-buttons button,.chat-panel button,.friends-panel button,.player-menu button{color:#fff;cursor:pointer;background:#0a1118eb;border:1px solid #fff3;border-radius:999px;padding:9px 13px}.chat-panel,.friends-panel,.player-menu{color:#fff;z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070c12f5;border:1px solid #ffffff29;border-radius:12px;max-height:min(520px,70vh);position:fixed;bottom:70px;overflow:hidden;box-shadow:0 18px 60px #00000073}.chat-panel{width:min(420px,100% - 24px);left:50%;transform:translate(-50%)}.chat-panel header,.friends-panel header,.player-menu header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:12px;display:flex}.chat-panel header div,.player-menu header span{flex-direction:column;display:flex}.chat-panel small,.friends-panel small,.player-menu small{color:#96a4af;font-size:10px}.chat-log{height:280px;padding:10px 12px;overflow-y:auto}.chat-log p{flex-direction:column;margin:0 0 10px;font-size:12px;display:flex}.chat-log b{color:#68e1b2;font-size:10px}.chat-system{color:#a9b4bc}.chat-panel form{gap:7px;padding:10px;display:flex}.chat-panel input{color:#fff;background:#111b25;border:1px solid #33414f;border-radius:999px;flex:1;min-width:0;padding:10px 13px}.friends-panel{width:min(410px,100% - 48px);left:24px;overflow-y:auto}.friends-panel span{flex-direction:column;display:flex}.friends-panel>p,.social-list>p{color:#9eabb5;padding:14px}.social-search{border-bottom:1px solid #ffffff14;gap:7px;padding:10px;display:flex}.social-search input{color:#fff;background:#111b25;border:1px solid #33414f;border-radius:999px;flex:1;min-width:0;padding:9px 12px}.social-list article{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.social-list article>div{gap:5px;display:flex}.social-list article button{padding:6px 9px;font-size:10px}.social-list article button:disabled{cursor:not-allowed;opacity:.45}.player-menu{flex-direction:column;width:280px;display:flex;right:24px}.player-menu>button{text-align:left;border:0;border-bottom:1px solid #ffffff1a;border-radius:0}.player-menu>button.danger{color:#ff9b9b}.social-notice{color:#b7f4dd;z-index:40;background:#10271f;border:1px solid #68e1b2;border-radius:7px;padding:10px 14px;font-size:12px;position:fixed;bottom:78px;left:50%;transform:translate(-50%)}@media (width<=700px){.connection-chip{top:58px}.room-chip{display:none}.social-buttons{max-width:calc(100% - 160px);bottom:10px}.social-buttons button{padding:8px;font-size:10px}.social-buttons button:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.chat-panel{bottom:58px}.friends-panel{width:calc(100% - 24px);bottom:58px;left:12px}.player-menu{width:calc(100% - 24px);bottom:58px;right:12px}.chat-log{height:210px}}