@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--black:#06080c;--panel:#10151dcc;--line:#ffffff18;--blue:#39a8ff;--gold:#d2ac63;--red:#e24949;--text:#e8edf3;--muted:#7f8b99}*{box-sizing:border-box}html,body{margin:0;background:var(--black);color:var(--text);font-family:Inter,sans-serif;overflow:hidden}.screen{display:none;min-height:100dvh;position:relative}.screen.active{display:block}button,input{font:inherit}.primary{border:1px solid #dbbe7a;background:linear-gradient(135deg,#b7924f,#735a30);color:#fff;font-weight:700;letter-spacing:.14em;padding:16px 22px;cursor:pointer;clip-path:polygon(0 0,95% 0,100% 30%,100% 100%,5% 100%,0 70%)}.eyebrow{font:600 11px Inter;color:var(--blue);letter-spacing:.22em}.brand{text-align:center}.brand>i{display:inline-grid;place-items:center;width:58px;height:58px;border:1px solid var(--gold);font:700 34px Barlow Condensed;color:var(--gold);transform:skew(-8deg);font-style:normal}.brand h1{font:800 clamp(56px,9vw,94px)/.8 Barlow Condensed;letter-spacing:.08em;margin:18px 0 8px}.brand p{letter-spacing:.55em;color:var(--gold);font-size:11px}.hero-card{width:min(500px,92vw);background:linear-gradient(145deg,#111721ed,#090c12ed);border:1px solid #ffffff22;padding:28px;box-shadow:0 30px 90px #000}.hero-card h2,.lobby-grid h2,.panel h2,.result-card h2{font:800 clamp(38px,5vw,62px)/.9 Barlow Condensed;letter-spacing:.03em;margin:20px 0}.hero-card h2 em,.lobby-grid h2 em{color:var(--gold);font-style:normal}.hero-card>p,.brief{color:#8d99a7;line-height:1.65;font-size:13px}.hero-card label{display:block;text-align:left;color:#718090;font-size:9px;letter-spacing:.18em;margin:18px 0 7px}.hero-card input{width:100%;background:#05070b;border:1px solid #35404d;color:white;padding:14px}.avatars{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0 15px}.avatars button{background:#151b24;border:1px solid #323b47;color:#7f8d9d;padding:10px}.avatars button.selected{border-color:var(--gold);color:var(--gold);background:#211d15}.hero-card .primary{width:100%}.tower-art{height:75px;display:flex;justify-content:center;align-items:end;gap:4px;position:relative}.tower-art i{width:45px;height:20px;background:#222b36;border-top:1px solid var(--blue)}.tower-art i:nth-child(2){height:35px}.tower-art i:nth-child(3){height:50px}.tower-art i:nth-child(4){height:68px;border-color:var(--gold)}.tower-art b{position:absolute;right:85px;top:0;color:var(--gold)}#home{background:radial-gradient(circle at 50% 45%,#172436 0,transparent 38%),linear-gradient(120deg,#05070b,#0b111a);place-items:center;padding:25px}#home.active{display:grid}#home>small{position:absolute;bottom:14px;color:#4f5964;font-size:10px}
header{height:72px;border-bottom:1px solid var(--line);background:#080b10e8;display:flex;justify-content:space-between;align-items:center;padding:0 4vw}.mini-logo{font:700 25px Barlow Condensed;letter-spacing:.12em}.mini-logo>b{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--gold);color:#080a0e;margin-right:9px}.mini-logo span{color:#687482;font-size:10px;margin-left:7px}.profile-pill{display:flex;align-items:center;gap:12px}.profile-pill>span{border:1px solid #3b4652;padding:8px;color:var(--blue)}.profile-pill small{display:block;color:#687482;font-size:8px;letter-spacing:.12em}.profile-pill strong{color:var(--gold);margin-left:18px}.lobby-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.35fr .65fr;gap:60px;padding:60px 24px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode{border:1px solid #29323d;background:linear-gradient(145deg,#111721,#0b0f15);color:#dfe5ec;text-align:left;padding:21px;cursor:pointer;transition:.2s}.mode:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 10px 30px #0008}.mode b,.mode span{display:block}.mode b{font:700 20px Barlow Condensed;letter-spacing:.06em}.mode span{color:#6f7c8a;font-size:10px;margin-top:5px}.mode.hot{grid-column:span 2;border-left:3px solid var(--gold);background:linear-gradient(120deg,#282116,#10151d)}aside,.panel,.result-card{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(16px);padding:24px}aside h3{font:700 20px Barlow Condensed;letter-spacing:.1em}.preview-level{display:flex;align-items:center;gap:10px;margin:11px 0;font-size:10px;color:#8793a0}.preview-level i{height:2px;flex:1;background:linear-gradient(90deg,var(--gold),#26313c)}.daily{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.daily b{color:var(--gold);font-size:9px;letter-spacing:.12em}.daily p{color:#84909c;font-size:11px}.daily progress{width:100%}
#room{background:radial-gradient(circle,#17202c,#05070a);place-items:center}.panel{width:min(650px,92vw);text-align:center}.panel>p{color:#74808c}#roomCode{background:var(--gold);color:#080a0d;border:0;padding:6px 12px;font-weight:800}.player-row{display:flex;gap:12px;align-items:center;text-align:left;background:#080b10;padding:12px;margin:6px}.player-row b{flex:1}.player-row i{color:#62bba2;font-size:10px}.room-actions{display:flex;gap:10px;margin-top:18px}.room-actions button{flex:1;padding:14px}
#game{background:#05080d}#world{display:block;width:100vw;height:100dvh;touch-action:none}.objective{position:absolute;top:18px;left:18px;background:#080b10d9;border-left:2px solid var(--gold);padding:10px 15px;font:700 13px Barlow Condensed;letter-spacing:.08em}.objective span{display:block;color:var(--blue);font-size:10px;margin-top:3px}.stage-name{position:absolute;top:72px;left:18px;background:#111721d9;border:1px solid #31404f;padding:6px 12px;font:600 10px Inter;letter-spacing:.15em}.timer{position:absolute;top:17px;left:50%;transform:translateX(-50%);font:700 35px Barlow Condensed;letter-spacing:.08em;text-shadow:0 2px 10px #000}.health{position:absolute;bottom:23px;left:23px}.health b{font:700 38px Barlow Condensed}.health span,.health small{font-size:9px;letter-spacing:.12em;margin-left:5px}.health small{display:block;margin:6px 0;color:#5caef2}.health div{height:5px;width:190px;background:linear-gradient(90deg,#d44d4d,#7e2630)}.weapon{position:absolute;bottom:23px;right:23px;text-align:right}.weapon>*{display:block}.weapon small{color:var(--gold);font-size:9px;letter-spacing:.16em}.weapon b{font:700 23px Barlow Condensed}.weapon strong{font-weight:500}.weapon i{font:700 35px Barlow Condensed;font-style:normal}.crosshair{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%)}.crosshair i{position:absolute;background:#e9f4ff;box-shadow:0 0 3px #000}.crosshair i:nth-child(1),.crosshair i:nth-child(2){width:7px;height:1px;top:15px}.crosshair i:nth-child(1){left:1px}.crosshair i:nth-child(2){right:1px}.crosshair i:nth-child(3),.crosshair i:nth-child(4){height:7px;width:1px;left:15px}.crosshair i:nth-child(3){top:1px}.crosshair i:nth-child(4){bottom:1px}.progress{position:absolute;right:15px;top:28%;height:38%;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px}.progress>i{height:100%;width:3px;background:#ffffff22;display:flex;align-items:flex-end}.progress span{width:100%;background:var(--gold)}#feed{position:absolute;top:75px;right:24px}.feed{background:#080b10dc;border-right:2px solid var(--blue);padding:7px 11px;margin:4px;font-size:10px}.controls-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:8px;color:#53606d;letter-spacing:.12em}.game-credit{position:absolute;bottom:6px;right:23px;font:700 11px Barlow Condensed;color:#55616d}.game-credit span{color:var(--gold)}.extraction-status{position:absolute;top:65%;left:50%;transform:translateX(-50%);color:var(--gold);font:700 21px Barlow Condensed;letter-spacing:.15em}#countdown{position:absolute;inset:0;display:grid;place-items:center;font:700 140px Barlow Condensed;background:#05070a66}.result-card{width:min(680px,92vw);text-align:center}.result-card .crown{display:inline-grid;place-items:center;width:75px;height:75px;border:1px solid var(--gold);color:var(--gold);font:700 42px Barlow Condensed}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0}.stats div{border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b,.stats span{display:block}.stats b{font:700 38px Barlow Condensed;color:var(--gold)}.stats span{font-size:8px;color:#75818e;letter-spacing:.12em}#results{background:radial-gradient(circle,#172131,#05070a);place-items:center}#pause{position:absolute;top:18px;right:18px;background:#0b1018;color:#fff;border:1px solid #35404d;padding:8px}#mobile{display:none}
@media(max-width:800px){.lobby-grid{grid-template-columns:1fr;padding-top:35px}.lobby-grid aside{display:none}.actions{grid-template-columns:1fr}.mode.hot{grid-column:auto}.mini-logo span{display:none}.profile-pill strong{display:none}.controls-hint{display:none}#mobile{display:block}#mobile button,#stick{position:absolute;border:1px solid #ffffff38;background:#0c121acc;color:#fff;border-radius:50%;font-size:9px;font-weight:700;touch-action:none}#stick{left:20px;bottom:25px;width:112px;height:112px;display:grid;place-items:center}#stick i{width:42px;height:42px;border-radius:50%;background:#657382}#fire{right:20px;bottom:30px;width:78px;height:78px;border-color:#cc5555!important}#aim{right:32px;bottom:118px;width:62px;height:62px}#jump{right:110px;bottom:102px;width:57px;height:57px}#reload{right:109px;bottom:34px;width:48px;height:48px}.health{bottom:150px;left:12px}.weapon{bottom:150px;right:12px}.game-credit,.progress{display:none}.objective{top:8px;left:8px}.stage-name{top:61px;left:8px}.timer{top:9px;font-size:28px}}
@media(max-width:520px){#home{padding:12px}.hero-card{padding:20px}.hero-card h2{font-size:35px}.brand h1{font-size:58px}.lobby-grid{padding:25px 12px}.profile-pill>span{display:none}.health div{width:115px}.weapon b{font-size:17px}.extraction-status{font-size:16px;width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Original block-world presentation: familiar sandbox readability without copied assets. */
:root{--black:#102044;--panel:#172b56e8;--line:#ffffff2c;--blue:#31d9ff;--gold:#ffe052;--red:#ff5470;--text:#fff;--muted:#b9c8dc}body{background:#102044}.primary{border:0;background:linear-gradient(135deg,#ff477f,#ff7b3d);border-radius:12px;clip-path:none;box-shadow:0 7px 0 #b92d58}.hero-card,.panel,.result-card,aside{border:2px solid #ffffff2e;border-radius:22px;box-shadow:0 18px 45px #10204455}.hero-card{background:#172b56ed}.brand>i{border:0;border-radius:14px;background:#ffe052;color:#172044;transform:rotate(-5deg);box-shadow:0 7px 0 #d2a918}.brand h1{letter-spacing:.02em;text-shadow:0 6px 0 #243e79}.brand p{color:#31d9ff}.avatars button,.mode{border-radius:12px}.avatars button.selected{background:#243e79;border:2px solid #31d9ff;color:white}.tower-art i{border-radius:5px 5px 0 0;background:#31d9ff}.tower-art i:nth-child(2){background:#8a70ff}.tower-art i:nth-child(3){background:#ff5c91}.tower-art i:nth-child(4){background:#ffe052}#home{background:radial-gradient(circle at 20% 20%,#4a4fb1 0,transparent 35%),radial-gradient(circle at 80% 80%,#b13273 0,transparent 35%),#102044}header{background:#152957f0}.mini-logo>b{border-radius:8px}.mode{background:#1c3569;border:2px solid #ffffff1f}.mode.hot{background:linear-gradient(135deg,#7d58f4,#ff4e8b);border:0;border-left:0}.mode:hover{border-color:#31d9ff}.player-row{border-radius:10px;background:#102044}.objective,.stage-name,.feed{border-radius:8px}.objective{border-left:5px solid #ff5470}.health div{background:linear-gradient(90deg,#3de49a,#30b8c8);border-radius:5px}.crosshair i{background:#fff}.tap-stage{border-radius:20px}#room,#results{background:radial-gradient(circle,#33468d,#102044)}