:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f6f4;background:#101518;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.button-reset{appearance:none}button,a{-webkit-tap-highlight-color:transparent}.landing-shell{background:linear-gradient(90deg,#101518eb,#10151885),radial-gradient(circle at 70% 20%,#f4c84a3d,#0000 28%),linear-gradient(135deg,#174b5d,#19755a 45%,#101518);align-items:center;min-height:100vh;padding:32px;display:flex}.landing-copy{max-width:680px}.eyebrow{color:#77d6a3;letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.875rem;font-weight:700}h1{margin:0 0 20px;font-size:clamp(2rem,6vw,4.5rem);line-height:1}p{color:#cad4d0;font-size:1.125rem;line-height:1.6}.primary-link{color:#101518;background:#f4c84a;border-radius:8px;justify-content:center;align-items:center;min-height:48px;margin-top:20px;padding:0 22px;font-weight:800;text-decoration:none;display:inline-flex}.play-shell{background:#6fc3ff;height:100svh;position:relative;overflow:hidden}.world-canvas,.scene-loading{width:100%;height:100%;position:absolute;inset:0}.scene-loading{color:#fff;background:linear-gradient(#58b8f7,#19755a);justify-content:center;align-items:center;font-weight:800;display:flex}.hud,.phone-panel,.bottom-nav,.touch-actions{z-index:3;position:absolute}.hud,.phone-panel,.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b121cbd;border:1px solid #ffffff29;box-shadow:0 18px 44px #0000003d}.hud-top{align-items:stretch;gap:10px;display:flex;top:18px;left:24px;right:24px}.avatar-panel,.metric{background:#142336b8;border-radius:8px;align-items:center;gap:10px;min-height:62px;padding:8px 10px;display:flex}.avatar-panel{min-width:154px}.avatar-portrait{color:#101518;background:linear-gradient(135deg,#f4c84a,#55b5d9);border:2px solid #ffffffd6;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:900;display:flex}.avatar-panel strong,.metric strong,.location-panel strong,.story-panel strong,.event-card strong,.phone-header strong,.phone-alert strong{color:#fff;display:block}.avatar-panel span,.metric span,.location-panel span,.event-card span,.event-card p,.phone-header span,.phone-header p,.phone-alert span{color:#d8e1e3;font-size:.82rem}.phone-alert p{color:#ffffffdb;margin:0;font-size:.88rem;line-height:1.35}.mini-meter{background:#ffffff2e;border-radius:999px;width:72px;height:6px;margin-top:5px;overflow:hidden}.mini-meter span{background:#23d3d3;height:100%;display:block}.metric{flex:140px;min-width:0}.metric>svg{color:#f4c84a;flex:0 0 24px}.metric button,.icon-button,.minimap button,.phone-alert button{cursor:pointer;border:0;justify-content:center;align-items:center;display:flex}.metric button{color:#fff;background:#2fd66c;border-radius:6px;width:28px;height:28px;margin-left:auto}.icon-button{color:#fff;background:#142336c7;border-radius:8px;min-width:58px}.location-panel{border-radius:8px;align-items:center;gap:12px;width:min(360px,100vw - 48px);padding:14px 16px;display:flex;top:98px;left:24px}.location-panel>svg{color:#f4c84a;flex:0 0 30px;width:30px;height:30px}.presence-panel{border-radius:8px;align-items:center;gap:12px;width:min(300px,100vw - 48px);padding:12px 14px;display:flex;top:168px;left:24px}.presence-panel>svg{color:#23d3d3;flex:0 0 26px;width:26px;height:26px}.presence-panel strong{color:#fff;display:block}.presence-panel span{color:#d8e1e3;font-size:.8rem}.story-panel{border-radius:8px;gap:12px;width:min(300px,100vw - 48px);padding:16px;display:grid;top:244px;left:24px}.economy-panel{border-radius:8px;gap:10px;width:min(300px,100vw - 48px);padding:14px;display:grid;top:440px;left:24px}.economy-panel-header{align-items:center;gap:10px;display:flex}.economy-panel-header svg{color:#f4c84a;flex:0 0 24px}.economy-panel-header strong,.need-row strong{color:#fff}.economy-panel-header span,.need-row span{color:#d8e1e3;font-size:.78rem}.need-row{grid-template-columns:58px 1fr 28px;align-items:center;gap:8px;display:grid}.need-row div{background:#ffffff29;border-radius:999px;height:7px;overflow:hidden}.need-row i{background:#2fd66c;height:100%;display:block}.need-row i.need-warning{background:#f4c84a}.story-panel p{color:#f4c84a;margin:0;font-size:.86rem;font-weight:900;line-height:1}.story-panel label{color:#eef5f1;grid-template-columns:18px 1fr;align-items:center;gap:10px;font-size:.93rem;display:grid}.story-panel input{accent-color:#f4c84a;width:18px;height:18px}.minimap{border-radius:50%;width:164px;height:164px;padding:8px;top:108px;right:30px;overflow:visible}.minimap-grid{background:linear-gradient(90deg,#0000 45%,#ffffff61 46% 51%,#0000 52%),linear-gradient(#0000 48%,#ffffff57 49% 54%,#0000 55%),linear-gradient(135deg,#62ab53,#d9ac5b 42%,#477fa8);border:3px solid #ffffffd6;border-radius:50%;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.minimap-grid svg{color:#1873df;filter:drop-shadow(0 2px #fff);width:44px;height:44px}.minimap button{color:#fff;background:#142336eb;border-radius:8px;width:42px;height:42px;position:absolute;bottom:-2px;right:-2px}.event-card{background:linear-gradient(90deg,#0b121cd1,#0b121cad),linear-gradient(135deg,#7d43d8,#eb6f4a 42%,#f4c84a);border-radius:8px;width:min(330px,100vw - 60px);min-height:110px;padding:18px;top:292px;right:30px}.transport-card{border-radius:8px;gap:12px;width:min(330px,100vw - 60px);padding:14px;display:grid;top:424px;right:30px}.content-card{border-radius:8px;gap:10px;width:min(300px,100vw - 48px);padding:14px;display:grid;top:604px;left:24px}.content-card-header{grid-template-columns:28px 1fr;align-items:center;gap:10px;display:grid}.content-card-header svg{color:#f4c84a;width:24px;height:24px}.content-card strong{color:#fff;display:block}.content-card span,.content-card p{color:#d8e1e3;font-size:.8rem}.content-card p{margin:0;line-height:1.3}.content-stat-grid{gap:6px;display:grid}.content-stat-grid span{background:#ffffff1a;border-radius:6px;padding:7px 8px}.retention-card{border-radius:8px;gap:10px;width:min(300px,100vw - 48px);padding:14px;display:grid;top:760px;left:24px}.retention-card-header{grid-template-columns:28px 1fr;align-items:center;gap:10px;display:grid}.retention-card-header svg{color:#47d66c;width:24px;height:24px}.retention-card strong{color:#fff;display:block}.retention-card span,.retention-card p{color:#d8e1e3;font-size:.8rem}.retention-card p{margin:0;line-height:1.35}.retention-stat-grid{grid-template-columns:1fr;gap:6px;display:grid}.retention-stat-grid span{background:#ffffff1a;border-radius:6px;padding:7px 8px}.retention-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.retention-actions button{color:#fff;background:#f4c84a24;border:1px solid #f4c84a57;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px;font-weight:800;display:flex}.retention-actions button:disabled{cursor:not-allowed;opacity:.45}.transport-card-header,.transport-option-row{grid-template-columns:28px 1fr;align-items:center;gap:10px;display:grid}.transport-card-header svg,.transport-option-row svg{color:#23d3d3;width:24px;height:24px}.transport-card strong,.transport-option-row strong{color:#fff;display:block}.transport-card span,.transport-option-row span{color:#d8e1e3;font-size:.8rem}.transport-mode-list{flex-wrap:wrap;gap:8px;display:flex}.transport-mode-list span{color:#effff4;background:#2fd66c2e;border:1px solid #2fd66c5c;border-radius:8px;padding:6px 8px;font-size:.75rem;font-weight:800}.transport-mode-list span.locked{color:#aeb8ba;background:#ffffff1a;border-color:#ffffff29}.event-card strong{text-transform:uppercase;margin-top:8px;font-size:1.02rem}.event-card p{margin:4px 0 0;line-height:1.3}.phone-panel{border-radius:8px;gap:14px;width:330px;padding:16px;display:grid;bottom:112px;right:30px}.phone-header{justify-content:space-between;align-items:center;display:flex}.phone-header strong{font-size:1.55rem}.phone-header p{margin:2px 0 0;line-height:1.2}.phone-alert{background:#ffffff1a;border-radius:8px;gap:8px;padding:12px;display:grid}.phone-thread{background:#19755a38;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:28px 1fr;align-items:start;gap:10px;padding:10px 12px;display:grid}.phone-thread>svg{color:#23d3d3;width:24px;height:24px}.phone-thread strong{color:#fff;display:block}.phone-thread span{color:#d8e1e3;font-size:.76rem;display:block}.phone-thread p{color:#ffffffdb;margin:3px 0 0;font-size:.82rem;line-height:1.3}.phone-alert div{gap:8px;display:flex}.phone-alert button{color:#fff;border-radius:8px;flex:1;min-height:36px}.phone-alert button:first-child{background:#4d5563}.phone-alert button:last-child{background:#2fbf5c}.phone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.phone-app{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:8px;place-items:center;gap:7px;min-height:78px;padding:10px 6px;display:grid;position:relative}.phone-app svg{color:#f4c84a;width:25px;height:25px}.phone-app>span,.nav-badge{color:#fff;background:#ff3b43;border-radius:999px;min-width:22px;padding:2px 6px;font-size:.78rem;font-weight:900;position:absolute;top:7px;right:8px}.touch-actions{pointer-events:none;justify-content:space-between;display:flex;bottom:126px;left:28px;right:28px}.joystick{pointer-events:auto;background:#0a0a0a6b;border:2px solid #ffffff8a;border-radius:50%;justify-content:center;align-items:center;width:124px;height:124px;display:flex}.joystick span{background:#ffffff47;border:2px solid #ffffff57;border-radius:50%;width:58px;height:58px}.quick-actions{pointer-events:auto;gap:10px;display:grid}.quick-actions button{color:#fff;cursor:pointer;background:#12121294;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:74px;height:74px;padding:10px;font-size:.72rem;font-weight:800;display:grid}.bottom-nav{border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:2px;min-height:80px;padding:8px;display:grid;bottom:18px;left:44px;right:44px}.bottom-nav button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;gap:4px;min-height:62px;font-weight:800;display:grid;position:relative}.bottom-nav button.active{color:#f4c84a;background:#f4c84a24}.nav-badge{min-width:10px;padding:0;right:30%}.scene-label,.scene-chip{color:#fff;text-transform:uppercase;white-space:nowrap;background:#0b121cc7;border:1px solid #ffffff2e;border-radius:8px;padding:8px 10px;font-size:.78rem;font-weight:900}.scene-chip{background:#19755ad1}@media (max-width:840px){.hud-top{grid-template-columns:minmax(124px,1fr) 1fr 1fr 44px;display:grid;top:12px;left:12px;right:12px}.hud-top .metric:nth-of-type(4){display:none}.avatar-panel,.metric{min-height:54px;padding:7px}.metric span{display:none}.location-panel{width:min(300px,100vw - 28px);top:82px;left:12px}.story-panel{width:min(280px,100vw - 24px);top:216px;left:12px}.economy-panel{width:min(280px,100vw - 24px);top:400px;left:12px}.presence-panel{width:min(300px,100vw - 28px);top:146px;left:12px}.content-card{width:min(280px,100vw - 24px);top:556px;left:12px}.retention-card{display:none}.minimap{width:124px;height:124px;top:100px;right:14px}.event-card{width:min(284px,100vw - 28px);top:232px;right:14px}.transport-card{width:min(284px,100vw - 28px);top:360px;right:14px}.phone-panel{width:min(316px,100vw - 24px);bottom:102px;left:12px;right:auto}.touch-actions{bottom:106px;left:14px;right:14px}.bottom-nav{bottom:10px;left:12px;right:12px}}@media (max-width:620px){.play-shell{min-height:720px}.event-card,.transport-card,.content-card,.retention-card,.phone-panel{display:none}.hud-top{grid-template-columns:minmax(116px,1fr) minmax(82px,.75fr) minmax(82px,.75fr) 44px;gap:6px}.avatar-panel{min-width:0}.avatar-portrait{flex-basis:42px;width:42px;height:42px}.metric{gap:6px}.metric strong{font-size:.9rem}.metric button{display:none}.location-panel{width:min(240px,100vw - 150px);padding:10px 12px}.location-panel strong{font-size:.95rem}.location-panel span{font-size:.75rem}.minimap{width:112px;height:112px;top:92px}.story-panel{width:min(280px,100vw - 112px);top:208px}.economy-panel{width:min(280px,100vw - 112px);top:396px}.presence-panel{width:min(240px,100vw - 150px);padding:10px 12px;top:144px}.presence-panel strong{font-size:.92rem}.presence-panel span{font-size:.72rem}.touch-actions{bottom:100px}.joystick{width:104px;height:104px}.quick-actions button{width:64px;height:64px}.bottom-nav{grid-template-columns:repeat(6,1fr);min-height:72px;padding:6px}.bottom-nav button{min-height:58px;font-size:.72rem}.bottom-nav svg{width:20px;height:20px}}