*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden;overflow-y:auto;background:#080d0a;color:#f1f5f9;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;scroll-behavior:smooth}#game-viewport{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000;-webkit-user-select:none;user-select:none}#game-viewport canvas{display:block;width:100%!important;height:100%!important}#crosshair{position:absolute;top:50%;left:50%;width:6px;height:6px;transform:translate(-50%,-50%);background:#a3e635;border:1.5px solid rgba(0,0,0,.8);border-radius:50%;pointer-events:none;z-index:20;display:none}#top-hud{position:absolute;top:18px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:25}.hud-card{background:#0d1a12cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(74,222,128,.2);border-radius:12px;padding:10px 18px;color:#f0fdf4;font-size:13px;font-weight:600;box-shadow:0 8px 24px #00000073;display:flex;align-items:center;gap:10px;pointer-events:auto}.hud-card b{color:#4ade80}.hud-input{background:#142a1cd9;border:1px solid rgba(74,222,128,.3);border-radius:6px;padding:5px 9px;color:#f0fdf4;width:90px;font-size:12px}.hud-btn{background:#16a34a;border:none;border-radius:6px;padding:5px 12px;color:#fff;font-weight:700;font-size:12px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:5px}.hud-btn:hover{background:#15803d;transform:translateY(-1px)}.hud-btn-secondary{background:#22c55e26;border:1px solid rgba(74,222,128,.4);color:#86efac}.hud-btn-secondary:hover{background:#22c55e4d;border-color:#4ade80;color:#f0fdf4}#action-prompt{position:absolute;top:58%;left:50%;transform:translate(-50%);background:#0d1a12eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid #4ade80;color:#f0fdf4;font-weight:700;padding:8px 20px;border-radius:30px;font-size:13px;display:none;z-index:20;box-shadow:0 4px 18px #00000080}#hotbar-wrap{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:25;pointer-events:none}.hotbar-slot{width:64px;height:64px;background:#0d1a12bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(74,222,128,.2);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:0 6px 18px #00000080;transition:.15s ease-out}.hotbar-slot.active{border-color:#4ade80;background:#16a34a59;transform:translateY(-4px) scale(1.05);box-shadow:0 10px 25px #22c55e66}.slot-key{position:absolute;top:4px;left:6px;font-size:10px;font-weight:800;color:#86efac}.slot-icon{font-size:26px;line-height:1}.slot-qty{position:absolute;bottom:4px;right:6px;font-size:11px;font-weight:800;color:#f0fdf4}#inventory-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0d1a12f5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(74,222,128,.25);border-radius:18px;padding:24px;width:360px;display:none;z-index:60;box-shadow:0 20px 50px #000000d9}#inventory-modal h3{font-size:15px;text-transform:uppercase;letter-spacing:1px;color:#4ade80;margin-bottom:14px;text-align:center}.inv-section-title{font-size:11px;font-weight:700;color:#86efac;text-transform:uppercase;margin:10px 0 6px 2px}#inv-grid-backpack{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}#inv-grid-hotbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.inv-slot{aspect-ratio:1;background:#142a1cd9;border:1.5px solid rgba(74,222,128,.15);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;cursor:pointer;transition:.15s}.inv-slot:hover{border-color:#4ade80;background:#4ade8033}.inv-slot.selected{border-color:#facc15!important;background:#facc1540!important;box-shadow:0 0 14px #facc1573}.inv-desc{text-align:center;font-size:11px;color:#86efac;margin-top:14px}#main-menu{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,#0d1a1280,#070d0af2);z-index:100}.menu-panel{text-align:center;background:#0d1a12e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(74,222,128,.25);padding:42px 50px;border-radius:24px;box-shadow:0 20px 60px #000000b3;max-width:440px;width:90%}.menu-title{font-size:36px;font-weight:900;letter-spacing:-.5px;color:#4ade80;margin-bottom:8px;text-shadow:0 4px 15px rgba(74,222,128,.3)}.menu-sub{color:#86efac;font-size:14px;margin-bottom:30px}.btn-play{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:12px;color:#fff;font-weight:800;font-size:16px;padding:14px 0;width:100%;cursor:pointer;box-shadow:0 8px 24px #16a34a66;transition:.2s}.btn-play:hover{transform:translateY(-2px);box-shadow:0 12px 30px #22c55e99}#scoreboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0d1a12f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(74,222,128,.25);border-radius:16px;width:400px;padding:22px;color:#fff;display:none;z-index:80}#scoreboard h2{font-size:15px;text-transform:uppercase;color:#4ade80;margin-bottom:14px;text-align:center}.score-row{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #1e3a29;font-size:13px}#mission-banner{position:absolute;top:16%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#15803d,#4ade80);color:#052e16;padding:16px 36px;border-radius:14px;font-size:20px;font-weight:900;box-shadow:0 10px 30px #000c;display:none;z-index:90;text-align:center}#toast-notify{position:fixed;top:70px;left:50%;transform:translate(-50%) translateY(-20px);background:#0d1a12f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #4ade80;color:#f0fdf4;padding:10px 22px;border-radius:30px;font-size:13px;font-weight:700;box-shadow:0 10px 30px #0009,0 0 15px #4ade804d;pointer-events:none;z-index:999;opacity:0;transition:opacity .25s ease,transform .25s ease}#toast-notify.show{opacity:1;transform:translate(-50%) translateY(0)}@keyframes cashBump{0%{transform:scale(1);color:#4ade80}50%{transform:scale(1.25);color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.8)}to{transform:scale(1);color:#4ade80}}.cash-bump{display:inline-block;animation:cashBump .4s ease-out}#wallet-hud{border-color:#facc1559;box-shadow:0 8px 24px #00000080,0 0 10px #facc151a}#trade-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a120df0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(251,191,36,.4);border-radius:20px;width:480px;max-width:90vw;padding:24px;color:#f0fdf4;box-shadow:0 20px 60px #000000d9,0 0 30px #fbbf2426;display:none;z-index:100;pointer-events:auto}.trade-header{display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(251,191,36,.2);padding-bottom:16px;margin-bottom:18px;position:relative}.trade-avatar{font-size:38px;background:#18181bcc;border:1.5px solid #fbbf24;border-radius:12px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000080}.trade-header-text{flex:1}.trade-plug-name{font-size:18px;font-weight:800;color:#fbbf24;display:flex;align-items:center;gap:8px}.trade-badge{font-size:10px;background:#fbbf2433;color:#fef08a;border:1px solid rgba(251,191,36,.5);padding:2px 7px;border-radius:20px;letter-spacing:.5px}.trade-plug-quote{font-size:12px;color:#cbd5e1;font-style:italic;margin-top:2px}.trade-close{background:transparent;border:none;color:#94a3b8;font-size:26px;cursor:pointer;line-height:1;transition:.15s}.trade-close:hover{color:#ef4444;transform:scale(1.15)}.trade-stats-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;background:#121e16b3;border:1px solid rgba(74,222,128,.2);border-radius:12px;padding:10px 14px;margin-bottom:18px;text-align:center}.trade-stat-item{display:flex;flex-direction:column;gap:2px}.trade-stat-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.trade-stat-val{font-size:16px;font-weight:800}.trade-card{background:#0f172a99;border:1px solid rgba(74,222,128,.25);border-radius:14px;padding:16px;margin-bottom:16px}.trade-card-content{display:flex;align-items:center;gap:14px;margin-bottom:14px}.trade-item-icon{font-size:34px}.trade-item-title{font-size:15px;font-weight:700;color:#f0fdf4}.trade-item-desc{font-size:12px;color:#94a3b8;margin-top:2px}.trade-actions{display:flex;gap:10px}.trade-btn{flex:1;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;border:none}.trade-btn-sell1{background:#22c55e33;border:1.5px solid #22c55e;color:#86efac}.trade-btn-sell1:hover:not(:disabled){background:#16a34a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #22c55e66}.trade-btn-sellall{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1003;font-weight:900;box-shadow:0 4px 16px #f59e0b59}.trade-btn-sellall:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2480}.trade-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.trade-footer{text-align:center;font-size:11px;color:#64748b}.trade-footer b{color:#cbd5e1}.hud-btn-download{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;font-weight:800;text-decoration:none;box-shadow:0 4px 14px #f59e0b66}.hud-btn-download:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#020617;transform:translateY(-2px);box-shadow:0 6px 18px #fbbf2499}.btn-download-desktop{margin-top:10px;background:#1e293bcc;border:1.5px solid rgba(251,191,36,.5);color:#fef08a;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;cursor:pointer}.btn-download-desktop:hover{background:#f59e0b40;border-color:#fbbf24;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b4d}#demo-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050a07d9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:none;align-items:center;justify-content:center;z-index:200;pointer-events:auto}.demo-card{background:linear-gradient(180deg,#111827f2,#080e0bfa);border:2px solid #fbbf24;border-radius:24px;max-width:520px;width:90vw;padding:32px 28px;text-align:center;box-shadow:0 25px 70px #000000e6,0 0 40px #fbbf2440;animation:modalScaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.demo-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.2px;background:#fbbf2426;border:1px solid rgba(251,191,36,.6);color:#fef08a;padding:4px 12px;border-radius:30px;margin-bottom:14px}.demo-icon{font-size:48px;margin-bottom:8px}.demo-title{font-size:24px;font-weight:900;color:#fbbf24;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.demo-subtitle{font-size:14px;font-weight:600;color:#86efac;margin-bottom:16px}.demo-body{font-size:13px;line-height:1.6;color:#cbd5e1;background:#0f172a99;border:1px solid rgba(74,222,128,.15);border-radius:12px;padding:14px;margin-bottom:22px}.demo-body b{color:#f0fdf4}.demo-actions{display:flex;flex-direction:column;gap:10px}.demo-btn{padding:13px 20px;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s;border:none;text-decoration:none;display:flex;align-items:center;justify-content:center}.demo-btn-download{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;box-shadow:0 6px 20px #f59e0b66}.demo-btn-download:hover{background:linear-gradient(135deg,#fef08a,#fbbf24);transform:translateY(-2px);box-shadow:0 10px 25px #fbbf2499}.demo-btn-continue{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#e2e8f0}.demo-btn-continue:hover{background:#ffffff29;border-color:#fff;color:#fff}#site-header{position:sticky;top:0;left:0;right:0;z-index:100;background:#080d0ae0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(74,222,128,.18);padding:12px 24px}.site-header-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.site-brand{display:flex;align-items:center;gap:10px}.brand-logo-icon{font-size:22px}.brand-title{font-size:19px;font-weight:900;letter-spacing:1.5px;color:#f0fdf4}.brand-tag{font-size:10px;font-weight:800;padding:3px 8px;border-radius:20px;background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.4);letter-spacing:.8px}.site-nav{display:flex;align-items:center;gap:20px}.nav-link{color:#94a3b8;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:#4ade80}.nav-btn-download{background:linear-gradient(135deg,#22c55e,#16a34a);color:#052e16;font-size:13px;font-weight:800;padding:8px 16px;border-radius:8px;text-decoration:none;box-shadow:0 4px 14px #22c55e59;transition:all .2s}.nav-btn-download:hover{background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-1px);box-shadow:0 6px 18px #22c55e80}.hero-header{max-width:900px;margin:40px auto 28px;text-align:center;padding:0 20px}.hero-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.8px;color:#facc15;background:#facc151f;border:1px solid rgba(250,204,21,.3);padding:5px 14px;border-radius:30px;margin-bottom:14px}.hero-title{font-size:38px;font-weight:900;letter-spacing:-.5px;color:#f8fafc;line-height:1.15;margin-bottom:12px;text-shadow:0 4px 20px rgba(0,0,0,.6)}.hero-subtitle{font-size:16px;line-height:1.6;color:#94a3b8;max-width:680px;margin:0 auto}.hero-subtitle b{color:#4ade80}.demo-section{max-width:1080px;margin:0 auto 60px;padding:0 20px}.demo-window-container{background:#0d1611;border:1px solid rgba(74,222,128,.25);border-radius:16px;overflow:hidden;box-shadow:0 25px 70px #000c,0 0 40px #22c55e1a}.demo-window-bar{background:#111d16;border-bottom:1px solid rgba(74,222,128,.15);padding:10px 18px;display:flex;justify-content:space-between;align-items:center}.demo-status{display:flex;align-items:center;gap:8px}.live-pulse{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;animation:liveBlink 1.8s infinite}@keyframes liveBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.demo-status-text{font-size:12px;font-weight:800;letter-spacing:.8px;color:#86efac}.demo-bar-actions{display:flex;align-items:center;gap:10px}.btn-window-action{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;font-size:11px;font-weight:700;padding:5px 11px;border-radius:6px;cursor:pointer;text-decoration:none;transition:all .2s}.btn-window-action:hover{background:#ffffff26;color:#fff}.btn-highlight{background:#fbbf2426;border-color:#fbbf2473;color:#fde047}.btn-highlight:hover{background:#fbbf2440;border-color:#fde047;color:#fff}.demo-window-footer{background:#111d16;border-top:1px solid rgba(74,222,128,.15);padding:10px 18px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.demo-keys{display:flex;gap:8px;flex-wrap:wrap}.key-tag{background:#0006;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:3px 7px;color:#94a3b8;font-size:11px}.key-tag b{color:#4ade80}.demo-footer-right{display:flex;align-items:center;gap:12px;color:#64748b;font-size:11px}.link-download-direct{color:#facc15;font-weight:700;text-decoration:none;transition:color .2s}.link-download-direct:hover{color:#fef08a;text-decoration:underline}.features-section{max-width:1080px;margin:0 auto 70px;padding:0 20px}.features-header{text-align:center;margin-bottom:36px}.section-title{font-size:26px;font-weight:900;color:#f8fafc;letter-spacing:.5px;margin-bottom:8px}.section-desc{font-size:15px;color:#94a3b8}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.feature-card{background:#0d1611b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(74,222,128,.15);border-radius:14px;padding:24px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-3px);border-color:#4ade8066}.feature-icon{font-size:32px;margin-bottom:12px}.feature-title{font-size:17px;font-weight:800;color:#f1f5f9;margin-bottom:8px}.feature-text{font-size:13px;line-height:1.6;color:#94a3b8}.download-section{max-width:1080px;margin:0 auto 80px;padding:0 20px}.download-card{background:linear-gradient(135deg,#14241af2,#0a120efa);border:1px solid rgba(74,222,128,.35);border-radius:20px;padding:48px 32px;text-align:center;box-shadow:0 20px 60px #000000b3,0 0 35px #22c55e26}.dl-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.5px;color:#4ade80;background:#4ade801f;border:1px solid rgba(74,222,128,.3);padding:4px 14px;border-radius:30px;margin-bottom:14px}.dl-title{font-size:32px;font-weight:900;color:#f8fafc;margin-bottom:12px}.dl-desc{font-size:15px;line-height:1.6;color:#94a3b8;max-width:640px;margin:0 auto 30px}.dl-action-row{display:flex;justify-content:center;margin-bottom:24px}.btn-giant-download{display:inline-flex;align-items:center;gap:16px;background:linear-gradient(135deg,#22c55e,#15803d);color:#052e16;padding:16px 32px;border-radius:14px;text-decoration:none;box-shadow:0 10px 30px #22c55e73;transition:all .2s;text-align:left}.btn-giant-download:hover{background:linear-gradient(135deg,#4ade80,#16a34a);transform:translateY(-2px);box-shadow:0 14px 40px #22c55e99}.dl-icon{font-size:32px}.dl-btn-text{display:flex;flex-direction:column}.dl-btn-main{font-size:18px;font-weight:900;letter-spacing:.5px}.dl-btn-sub{font-size:12px;font-weight:600;color:#052e16;opacity:.85}.dl-specs{display:flex;justify-content:center;gap:24px;color:#86efac;font-size:13px;font-weight:700;flex-wrap:wrap}#site-footer{border-top:1px solid rgba(255,255,255,.08);padding:24px;background:#060a08}.footer-inner{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64748b;flex-wrap:wrap;gap:12px}.footer-links{display:flex;gap:18px}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#4ade80}#web-standby{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0f172a,#030712);-webkit-user-select:none;user-select:none;z-index:9999}.coming-soon-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.coming-soon-title{font-family:Impact,Arial Black,sans-serif;font-size:clamp(3.5rem,8vw,6.5rem);letter-spacing:.22em;color:#f8fafc;text-shadow:0 0 50px rgba(56,189,248,.25);margin:0}.coming-soon-bar{width:100px;height:3px;background:linear-gradient(90deg,transparent,#38bdf8,transparent);border-radius:2px}.coming-soon-subtitle{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:700;letter-spacing:.45em;color:#94a3b8;margin:0;text-transform:uppercase}body.desktop-mode #web-standby,html.desktop-mode #web-standby{display:none!important}body:not(.desktop-mode) #game-viewport,html:not(.desktop-mode) #game-viewport{display:none!important}html.desktop-mode,html.desktop-mode body,body.desktop-mode{overflow:hidden!important;background:#000!important;margin:0!important;padding:0!important}html.desktop-mode #game-viewport,body.desktop-mode #game-viewport{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;aspect-ratio:auto!important;border-radius:0!important;z-index:1!important;display:block!important}#hud-minimap{position:absolute;top:24px;left:24px;width:170px;height:170px;background:#08120e;border:2.5px solid rgba(74,222,128,.7);border-radius:50%;box-shadow:0 8px 32px #000c,0 0 16px #4ade8040;cursor:pointer;z-index:50;-webkit-user-select:none;user-select:none;transition:transform .2s ease,border-color .2s ease;overflow:visible}#hud-minimap:hover{transform:scale(1.04);border-color:#4ade80}#esc-pause-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a0ed9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:2000!important;display:none;align-items:center;justify-content:center}.esc-menu-card{width:440px;max-width:90vw;background:#0d1e17;border:1.5px solid rgba(74,222,128,.35);border-radius:16px;box-shadow:0 20px 60px #000000d9,0 0 30px #4ade8026;padding:28px;display:flex;flex-direction:column;gap:20px;position:relative}.esc-menu-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(74,222,128,.2);padding-bottom:14px}.esc-menu-title{font-size:20px;font-weight:800;letter-spacing:1px;color:#f0fdf4}.esc-menu-close-x{background:none;border:none;color:#94a3b8;font-size:26px;cursor:pointer;line-height:1;transition:color .2s}.esc-menu-close-x:hover{color:#ef4444}.esc-section{display:flex;flex-direction:column;gap:10px}.esc-section-title{font-size:12px;font-weight:700;color:#4ade80;text-transform:uppercase;letter-spacing:.8px}.esc-room-row{display:flex;align-items:center;gap:10px;background:#00000059;padding:10px 14px;border-radius:8px;border:1px solid rgba(74,222,128,.2)}.esc-room-code{font-family:monospace;font-size:16px;font-weight:800;color:#38bdf8;flex:1}.esc-btn{padding:9px 16px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,filter .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.esc-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.esc-btn-primary{background:#16a34a;color:#fff}.esc-btn-secondary{background:#ffffff1f;color:#e2e8f0}.esc-btn-quit{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;padding:14px;font-size:15px;font-weight:800;letter-spacing:.5px;border-radius:10px;box-shadow:0 4px 16px #ef444459;margin-top:8px}.esc-btn-quit:hover{background:linear-gradient(135deg,#f87171,#dc2626)}.esc-buttons-only{gap:14px}#gta-phone{position:fixed;right:32px;bottom:24px;width:290px;height:560px;z-index:1800;transition:transform .35s cubic-bezier(.18,.9,.3,1),opacity .25s ease;-webkit-user-select:none;user-select:none}#gta-phone.phone-hidden{transform:translateY(115%);opacity:0;pointer-events:none}#gta-phone:not(.phone-hidden){transform:translateY(0);opacity:1;pointer-events:auto}.phone-frame{width:100%;height:100%;background:#1e293b;border-radius:42px;border:4px solid #334155;box-shadow:0 25px 60px #000000e6,0 0 24px #4ade8033;padding:10px;position:relative;display:flex;flex-direction:column;box-sizing:border-box}.phone-notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:84px;height:18px;background:#000;border-radius:10px;z-index:100;display:flex;align-items:center;justify-content:center;gap:8px}.phone-speaker{width:32px;height:3px;background:#27272a;border-radius:2px}.phone-camera{width:6px;height:6px;background:#18181b;border-radius:50%;border:1px solid #3f3f46}.phone-screen{flex:1;background:linear-gradient(180deg,#091a13,#030806);border-radius:34px;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:inset 0 0 16px #000c}.phone-status-bar{height:36px;padding:4px 16px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:#f1f5f9;letter-spacing:.5px;z-index:90}.phone-status-icons{display:flex;gap:6px;font-size:10px}.phone-view{flex:1;display:flex;flex-direction:column;padding:16px;box-sizing:border-box}.phone-view.hidden{display:none!important}.phone-wallpaper-header{margin-top:12px;text-align:center}.phone-brand{font-size:14px;font-weight:900;letter-spacing:2px;color:#4ade80;text-shadow:0 0 12px rgba(74,222,128,.4)}.phone-hint-tag{font-size:9px;color:#94a3b8;font-weight:700;margin-top:4px;letter-spacing:.8px}.phone-apps-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;align-content:start}.phone-app-btn{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;background:none;border:none;transition:transform .15s ease}.phone-app-btn:hover{transform:scale(1.08)}.phone-app-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;position:relative;box-shadow:0 8px 20px #0009;border:1.5px solid rgba(255,255,255,.15)}.phone-app-icon.app-friends{background:linear-gradient(135deg,#10b981,#047857);border-color:#4ade8080;box-shadow:0 8px 20px #10b98159}.phone-badge{position:absolute;top:-4px;right:-4px;background:#38bdf8;color:#020617;font-size:8px;font-weight:900;padding:1px 4px;border-radius:6px;letter-spacing:.5px}.phone-app-label{font-size:11px;font-weight:600;color:#e2e8f0}.phone-dock{height:56px;background:#ffffff14;border-radius:20px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.phone-dock-home-btn{background:none;border:none;font-size:24px;cursor:pointer;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.phone-app-navbar{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(74,222,128,.2);padding-bottom:10px;margin-bottom:14px}.phone-nav-back{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#4ade80;font-size:11px;font-weight:700;padding:5px 10px;cursor:pointer;transition:all .2s}.phone-nav-back:hover{background:#4ade80;color:#020617}.phone-nav-title{font-size:14px;font-weight:800;color:#f1f5f9}.phone-app-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto}.phone-panel-card{background:#0f172ab3;border:1px solid rgba(74,222,128,.25);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.phone-panel-label{font-size:10px;font-weight:800;color:#4ade80;letter-spacing:.8px;text-transform:uppercase}.phone-code-box{display:flex;align-items:center;justify-content:space-between;background:#020617;border:1px solid rgba(74,222,128,.4);border-radius:8px;padding:8px 10px}.phone-room-code{font-family:monospace;font-size:14px;font-weight:900;color:#38bdf8;letter-spacing:1px}.phone-copy-btn{background:#4ade8033;border:1px solid rgba(74,222,128,.4);color:#4ade80;border-radius:6px;font-size:10px;font-weight:700;padding:4px 8px;cursor:pointer}.phone-copy-btn:hover{background:#4ade80;color:#020617}.phone-help-text{font-size:9px;color:#94a3b8;line-height:1.3}.phone-input-wrap{display:flex;flex-direction:column;gap:8px}.phone-code-input{background:#020617;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 10px;color:#fff;font-size:12px;font-family:monospace;outline:none}.phone-code-input:focus{border-color:#4ade80}.phone-join-btn{background:linear-gradient(135deg,#10b981,#059669);color:#020617;border:none;border-radius:8px;padding:9px;font-weight:800;font-size:11px;letter-spacing:.5px;cursor:pointer;text-transform:uppercase}.phone-status-row{font-size:10px;color:#94a3b8;display:flex;align-items:center;gap:6px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot.green{background:#4ade80;box-shadow:0 0 6px #4ade80}.phone-home-indicator{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:90px;height:4px;background:#fff9;border-radius:2px;cursor:pointer}#minimap-canvas{width:100%;height:100%;border-radius:50%;display:block}.minimap-compass-label{position:absolute;font-size:11px;font-weight:800;font-family:monospace;color:#ffffffd9;pointer-events:none;z-index:55;text-shadow:0 1px 4px #000}.minimap-north{top:4px;left:50%;transform:translate(-50%);color:#ef4444}.minimap-south{bottom:4px;left:50%;transform:translate(-50%)}.minimap-east{right:6px;top:50%;transform:translateY(-50%)}.minimap-west{left:6px;top:50%;transform:translateY(-50%)}.minimap-footer{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;background:#000000bf;padding:3px 10px;border-radius:6px;border:1px solid rgba(74,222,128,.3);font-family:monospace;font-size:11px;color:#a3e635}.minimap-keyhint{color:#38bdf8;font-weight:700}#blueprint-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a10eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.blueprint-window{width:min(920px,94vw);max-height:92vh;background:#08141d;border:2px solid #1e4a68;border-radius:14px;box-shadow:0 20px 60px #000c,0 0 30px #38bdf826;display:flex;flex-direction:column;overflow:hidden}.blueprint-header{padding:16px 24px;background:#0e2638d9;border-bottom:1px solid #1e4a68;display:flex;justify-content:space-between;align-items:center}.blueprint-title{display:flex;align-items:center;gap:12px}.blueprint-icon{font-size:26px}.blueprint-name{font-family:Segoe UI,system-ui,sans-serif;font-size:16px;font-weight:800;letter-spacing:1.5px;color:#38bdf8}.blueprint-sub{font-size:11px;color:#94a3b8;letter-spacing:.5px}.blueprint-telemetry{display:flex;gap:16px;font-family:monospace;font-size:12px;background:#0006;padding:6px 14px;border-radius:6px;border:1px solid rgba(56,189,248,.25);color:#38bdf8}.blueprint-close{background:none;border:none;color:#94a3b8;font-size:28px;line-height:1;cursor:pointer;transition:color .2s}.blueprint-close:hover{color:#ef4444}.blueprint-canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at center,#0c202e,#061017);overflow:hidden}#blueprint-canvas{width:min(650px,80vw);height:min(650px,80vw);border:1px solid #1e4a68;border-radius:8px;display:block}.blueprint-legend{padding:12px 24px;background:#0e2638d9;border-top:1px solid #1e4a68;display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px;color:#cbd5e1}.legend-item{display:flex;align-items:center;gap:8px}.legend-swatch{width:14px;height:14px;border-radius:3px;display:inline-block}.swatch-flat{background:#a3e6354d;border:1.5px solid #a3e635}.swatch-bank{background:#38bdf84d;border:1.5px solid #38bdf8}.swatch-hills{border:1.5px dashed rgba(74,222,128,.5)}.swatch-border{border:2px dashed #ef4444}.legend-hint{margin-left:auto;font-size:12px;color:#94a3b8}.legend-hint b{color:#38bdf8}#action-prompt{position:absolute;bottom:85px;left:50%;transform:translate(-50%);background:#0f172aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #f59e0b;color:#fff;padding:12px 28px;border-radius:9999px;font-size:14px;font-weight:800;letter-spacing:.5px;box-shadow:0 8px 32px #0009,0 0 16px #f59e0b59;pointer-events:none;z-index:50;display:none}#lobby-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:radial-gradient(circle at center,#0f172af0,#030712fa);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;color:#f8fafc;-webkit-user-select:none;user-select:none}#lobby-modal.hidden{display:none!important}.lobby-card{width:90%;max-width:620px;background:#1e293bb3;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:36px 40px;box-shadow:0 25px 60px #000c,0 0 40px #38bdf826;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden}.lobby-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#38bdf8,#818cf8,#4ade80)}.lobby-header{text-align:center}.lobby-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#38bdf8;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);padding:4px 12px;border-radius:9999px;margin-bottom:8px}.lobby-title{font-size:38px;font-weight:900;letter-spacing:3px;margin:0;color:#fff;text-shadow:0 0 24px rgba(56,189,248,.4)}.lobby-subtitle{font-size:13px;font-weight:600;letter-spacing:2px;color:#94a3b8;margin:4px 0 0}.lobby-screen{display:flex;flex-direction:column;gap:20px}.lobby-screen.hidden{display:none!important}.subheading{font-size:16px;font-weight:800;letter-spacing:1.5px;color:#cbd5e1;text-align:center;margin:0}.lobby-menu-options{display:flex;flex-direction:column;gap:14px}.lobby-option-btn{display:flex;align-items:center;gap:18px;padding:18px 24px;background:#0f172a99;border:1.5px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;cursor:pointer;transition:all .22s ease;text-align:left}.lobby-option-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0006}.lobby-option-btn.primary:hover{border-color:#38bdf8;background:#38bdf81f}.lobby-option-btn.accent:hover{border-color:#4ade80;background:#4ade801f}.opt-icon{font-size:32px}.opt-info{display:flex;flex-direction:column;gap:3px;flex:1}.opt-title{font-size:17px;font-weight:800;letter-spacing:1px}.opt-desc{font-size:13px;color:#94a3b8;font-weight:500}.opt-arrow{font-size:18px;color:#64748b;transition:transform .2s ease,color .2s ease}.lobby-option-btn:hover .opt-arrow{transform:translate(4px);color:#fff}.char-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.char-select-card{background:#0f172a99;border:2px solid rgba(255,255,255,.1);border-radius:14px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;position:relative;transition:all .2s ease}.char-select-card:hover{border-color:#38bdf880;background:#0f172acc}.char-select-card.selected{border-color:#38bdf8;background:#38bdf81f;box-shadow:0 0 20px #38bdf840}.char-avatar-box{font-size:44px}.char-name{font-size:18px;font-weight:800;color:#fff}.char-desc{font-size:12px;color:#94a3b8;font-weight:600}.char-badge{font-size:10px;font-weight:800;letter-spacing:1px;padding:3px 8px;border-radius:4px;background:#0284c7;color:#fff;display:none}.char-select-card.selected .char-badge{display:block}.controls-pill{text-align:center;font-size:12px;color:#94a3b8;background:#0f172a80;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.lobby-button-row{display:flex;gap:12px;margin-top:6px}.lobby-footer-bar{display:flex;justify-content:center;margin-top:4px}.lobby-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:#94a3b8;padding:12px 20px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.lobby-btn-ghost:hover{background:#ffffff14;color:#fff;border-color:#ffffff4d}#btn-lobby-quit{border-color:#ef444466;color:#f87171}#btn-lobby-quit:hover{background:#ef44442e;border-color:#ef4444;color:#fff}.lobby-btn-action{flex:1;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;color:#fff;padding:14px 24px;border-radius:10px;font-weight:800;font-size:15px;letter-spacing:1px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0284c759}.lobby-btn-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0284c78c}.lobby-btn-action.disabled,.lobby-btn-action:disabled{background:#334155;color:#64748b;cursor:not-allowed;box-shadow:none;transform:none}.char-selector-row{display:flex;align-items:center;gap:10px;justify-content:center}.selector-label{font-size:13px;font-weight:700;color:#94a3b8}.char-pill{padding:7px 14px;border-radius:20px;background:#0f172ab3;border:1.5px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.char-pill:hover{border-color:#38bdf8;color:#fff}.char-pill.active{background:#0284c7;border-color:#38bdf8;color:#fff;box-shadow:0 0 12px #38bdf866}.invite-code-card{background:#0f172ad9;border:1.5px dashed rgba(56,189,248,.4);border-radius:14px;padding:16px 20px;text-align:center;display:flex;flex-direction:column;gap:10px}.invite-label{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#38bdf8}.code-box-row{display:flex;align-items:center;justify-content:center;gap:14px}.huge-code{font-family:Courier New,monospace;font-size:32px;font-weight:900;letter-spacing:4px;color:#facc15;text-shadow:0 0 16px rgba(250,204,21,.35)}.copy-code-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.copy-code-btn:hover{background:#fff3}.player-roster{display:flex;flex-direction:column;gap:8px}.roster-slot{display:flex;align-items:center;gap:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 16px}.roster-role{font-size:11px;font-weight:900;letter-spacing:1px;padding:2px 6px;border-radius:4px;background:#334155;color:#cbd5e1}.roster-name{font-size:14px;font-weight:700;color:#fff;flex:1}.roster-badge{font-size:11px;font-weight:800;letter-spacing:1px;padding:3px 8px;border-radius:6px}.roster-badge.ready{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.roster-badge.waiting{background:#facc1526;color:#facc15;border:1px solid rgba(250,204,21,.3);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.join-field-box{display:flex;flex-direction:column;gap:8px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px 20px}.field-label{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#94a3b8}.join-input-wrap{display:flex;gap:10px}#input-join-code{flex:1;background:#0f172a;border:1.5px solid #334155;border-radius:8px;padding:12px 16px;color:#facc15;font-family:Courier New,monospace;font-size:20px;font-weight:800;letter-spacing:2px;text-transform:uppercase;outline:none;transition:border-color .2s ease}#input-join-code:focus{border-color:#38bdf8;box-shadow:0 0 12px #38bdf84d}.connect-action-btn{background:linear-gradient(135deg,#16a34a,#15803d);border:none;color:#fff;padding:0 24px;border-radius:8px;font-size:14px;font-weight:800;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.connect-action-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a)}.join-status-panel{text-align:center;font-size:13px;font-weight:600;color:#94a3b8;padding:8px}.gamepad-nav-focused{outline:2px solid #4ade80!important;box-shadow:0 0 20px #4ade80a6,inset 0 0 10px #4ade8033!important;transform:translateY(-2px) scale(1.02)!important;transition:all .15s ease!important}#controller-toast{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-40px);background:#0d1e17f0;border:1.5px solid #4ade80;border-radius:30px;padding:10px 24px;color:#f0fdf4;font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.6px;box-shadow:0 12px 36px #000000b3,0 0 24px #4ade8059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:99999;opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:10px}#controller-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.controller-hint-bar{font-size:11px;font-weight:600;color:#94a3b8;text-align:center;padding:6px 12px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.controller-hint-bar b{color:#4ade80}