*{box-sizing:border-box;-webkit-touch-callout:none}html,body{height:100%}body{margin:0;background:#1a0c07;overflow:hidden;font-family:Segoe UI,Tahoma,system-ui,sans-serif;color:#e8d8b8;-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0}#app.game{touch-action:none}canvas.stage{display:block;width:100%;height:100%}button{font-family:inherit;cursor:pointer}.menu{position:absolute;inset:0;overflow-y:auto;display:flex;justify-content:center;padding:24px 12px 48px;background:radial-gradient(1200px 500px at 50% -10%,rgba(255,202,54,.1),transparent),#1a0c07}.menu-card{width:min(660px,96vw)}.menu-title{font-size:54px;font-weight:900;margin:8px 0 0;letter-spacing:2px;color:#ffca36;text-shadow:0 0 24px rgba(255,202,54,.45);text-align:center}.menu-title .io{font-size:18px;color:#8ef53c;letter-spacing:1px}.menu-tag{text-align:center;color:#b9a488;margin:2px 0 18px;font-size:13px}.menu-row{display:flex;gap:10px;align-items:center;margin-bottom:14px}#menu-name{flex:1;padding:12px 14px;font-size:16px;border-radius:10px;border:1.5px solid rgba(255,202,54,.35);background:#1c0e08e6;color:#fff;outline:none}#menu-name:focus{border-color:#ffca36}.menu-credits{font-weight:900;color:#ffca36;font-size:14px;background:#1c0e08e6;border:1.5px solid rgba(255,202,54,.35);padding:11px 14px;border-radius:10px;white-space:nowrap}.mode-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.mode-tiles{grid-template-columns:1fr}}.mode-tile{background:#1c0e08eb;border:2px solid;border-radius:14px;padding:14px 14px 12px;cursor:pointer;box-shadow:0 6px 24px #0009;transition:transform .12s}.mode-tile:hover{transform:translateY(-2px)}.tile-title{font-size:19px;font-weight:900;letter-spacing:1px;display:flex;gap:8px;align-items:center}.tile-live{font-size:9px;background:#ff4666;color:#fff;padding:2px 7px;border-radius:8px;letter-spacing:1px;animation:pulse 1s infinite alternate}.tile-sub{font-size:10.5px;color:#b9a488;margin:3px 0 8px}.tile-stats{display:flex;gap:12px;font-size:10.5px;color:#cbb89a;flex-wrap:wrap}.tile-stats b{color:#fff;font-size:13px}.tile-players{display:none;flex-wrap:wrap;gap:4px;margin-top:9px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.mode-tile.expanded .tile-players{display:flex}.tile-players span{background:#ffffff12;border-radius:6px;padding:2px 7px;font-size:10px;color:#e8d8b8}.tile-players .none{color:#7d6c55;background:none}.tile-play{width:100%;margin-top:10px;padding:9px;border:none;border-radius:9px;font-weight:900;font-size:14px;letter-spacing:1.5px;color:#1a0c07}.custom-title{font-size:10px;color:#8d7a5f;letter-spacing:1.5px;margin:14px 0 6px}.custom-room{display:flex;align-items:center;gap:10px;background:#1c0e08eb;border:1.5px solid rgba(255,202,54,.2);border-radius:10px;padding:8px 12px;margin-bottom:6px;font-size:12px}.cr-name{font-weight:700;color:#fff}.cr-lock{font-size:8px;background:#6e4a12;color:#ffca36;padding:1.5px 5px;border-radius:5px;letter-spacing:1px;vertical-align:middle}.cr-info{color:#b9a488;flex:1;font-size:10.5px}.cr-join{background:#5a392ecc;border:1.5px solid rgba(255,202,54,.3);color:#ffca36;padding:5px 14px;border-radius:7px;font-weight:800;font-size:11px}.menu-buttons{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.mbtn{flex:1;min-width:110px;background:#5a392ecc;border:1.5px solid rgba(255,202,54,.3);color:#fff;padding:11px 8px;border-radius:9px;font-weight:800;font-size:12px;letter-spacing:1.2px;text-transform:uppercase}.mbtn:hover{background:#78503ce6}.mbtn.ghost{background:transparent}.menu-panel{position:fixed;inset:0;z-index:60;background:#050201d1;backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center}.panel-card{background:#1c0e08f7;border:1.5px solid rgba(255,202,54,.3);border-radius:16px;width:min(620px,94vw);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000000e6}.panel-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,202,54,.2);font-weight:900;letter-spacing:1.5px;color:#ffca36;font-size:15px}.panel-head .menu-credits{margin-left:auto;padding:6px 10px;font-size:12px}.panel-close{background:none;border:none;color:#b9a488;font-size:17px;padding:4px 8px}.panel-body{padding:14px 18px 18px;overflow-y:auto}.credit-packs{display:flex;gap:10px}.pack{flex:1;text-align:center;background:#ffca3612;border:1.5px solid rgba(255,202,54,.35);border-radius:12px;padding:12px 6px 10px;font-size:12px;color:#cbb89a}.pack b{display:block;font-size:20px;color:#ffca36}.pack button{margin-top:8px;background:#ffca36;border:none;color:#1a0c07;font-weight:900;padding:6px 14px;border-radius:7px;font-size:12px}.store-note{font-size:11px;color:#8d7a5f;margin:10px 0 4px;line-height:1.5}.store-section{font-size:10px;color:#8d7a5f;letter-spacing:1.5px;margin:16px 0 8px}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.store-item{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;text-align:center}.store-item.wide{flex-direction:row;text-align:left;gap:12px;padding:12px}.store-item.equipped{border-color:#8ef53c;box-shadow:0 0 12px #8ef53c40}.store-item canvas{width:90px;height:90px}.store-label b{display:block;font-size:12px;color:#fff}.store-label span{font-size:9.5px;color:#9a8a70;line-height:1.35;display:block;margin-top:2px}.store-item.wide .store-label{flex:1}.store-btn{margin-top:8px;width:100%;background:#5a392ed9;border:1.5px solid rgba(255,202,54,.35);color:#ffca36;font-weight:800;padding:6px;border-radius:8px;font-size:11px}.store-item.wide .store-btn{width:auto;padding:8px 16px;margin:0}.store-btn:disabled{border-color:#8ef53c;color:#8ef53c;opacity:.9;cursor:default}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.opt-row label{color:#e8d8b8}.opt-row small{color:#8d7a5f;font-size:10px}.opt-row input[type=range]{flex:1;max-width:220px;accent-color:#ffca36}.opt-row input[type=number],.opt-row input[type=text],.opt-row input:not([type]){background:#0006;border:1.5px solid rgba(255,202,54,.3);color:#fff;border-radius:8px;padding:7px 10px;width:160px;font-size:13px;outline:none}.opt-row input[type=checkbox]{width:20px;height:20px;accent-color:#8ef53c}.opt-seg{display:flex;gap:6px}.opt-seg button{background:#0006;border:1.5px solid rgba(255,255,255,.18);color:#b9a488;padding:7px 13px;border-radius:8px;font-weight:700;font-size:11px}.opt-seg button.on{border-color:#ffca36;color:#ffca36;background:#ffca361a}.rules-text{font-size:12.5px;line-height:1.6;color:#cbb89a}.rules-text b{color:#ffca36}.hud{position:absolute;inset:0;pointer-events:none;z-index:10}.hud button,.hud .boost-btn,.hud .pro-ready{pointer-events:auto}.top-hud{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#1c0e08eb;backdrop-filter:blur(12px);border:1.5px solid rgba(255,202,54,.35);border-radius:12px;padding:6px 14px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 20px #000c;max-width:96vw}.hud-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.hud-label{font-size:8px;font-weight:700;color:#9a8a70;text-transform:uppercase;letter-spacing:.5px}.hud-value{font-size:14px;font-weight:800;color:#ffca36;text-shadow:0 0 8px rgba(255,202,54,.5)}.hud-credits{color:#8ef53c;text-shadow:0 0 8px rgba(142,245,60,.5)}.hud-status{font-size:11px}.hud-bar-bg{width:80px;height:7px;background:#000000b3;border-radius:4px;border:1px solid rgba(255,255,255,.1);overflow:hidden;margin-top:3px}.hud-health-fill{height:100%;background:linear-gradient(90deg,#ff4646,#53fa1c);transition:width .15s}.hud-stamina-fill{height:100%;background:linear-gradient(90deg,#20c0ff,#00f0ff);transition:width .1s}.next-life{position:absolute;top:64px;left:50%;transform:translate(-50%);font-size:9px;color:#e8d8b880;letter-spacing:.4px}.wind-widget{position:absolute;top:10px;right:10px;width:180px;background:#1c0e08eb;border:1.5px solid rgba(255,202,54,.3);border-radius:12px;padding:6px 4px;box-shadow:0 4px 20px #000c}.wind-canvas{width:172px;height:92px;display:block}.wind-speed{text-align:center;font-size:15px;font-weight:900;color:#8ef53c;text-shadow:0 0 10px rgba(142,245,60,.5);margin-top:-30px;padding-bottom:4px}.wind-speed.hot{color:#ffca36;text-shadow:0 0 12px rgba(255,202,54,.8);animation:pulse .5s infinite alternate}.token-feed{display:flex;flex-direction:column;gap:3px;padding:4px 6px 2px}.feed-item{display:flex;align-items:center;gap:6px;background:#00000059;border-radius:6px;padding:2px 6px;font-size:9.5px;color:#cbb89a;animation:feedIn .22s ease-out}.feed-item canvas{width:14px;height:14px;flex-shrink:0}.feed-item .pct{color:#8ef53c}.feed-item .mph{color:#ffca36;font-weight:800}.feed-item.match{border-left:2px solid #8ef53c}.feed-item.switch{border-left:2px solid #ff9d26}.feed-item.double{border-left:2px solid #ffca36;background:#ffca361f}.feed-item.fizzle{opacity:.55}@keyframes feedIn{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.dopamine{position:absolute;top:30%;font-weight:900;text-shadow:0 0 12px currentColor;animation:dopamine 1.4s ease-out forwards;pointer-events:none;z-index:30}.dopamine.mph-pop{top:38%;font-size:20px;color:#ffca36}@keyframes dopamine{0%{opacity:0;transform:translateY(10px) scale(.7)}12%{opacity:1;transform:translateY(0) scale(1.15)}22%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-46px) scale(1.05)}}.banner-box{position:absolute;top:15%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:25}.banner{font-weight:900;letter-spacing:1.5px;padding:6px 22px;border-radius:24px;background:#0f0803eb;border:1.5px solid;white-space:nowrap;animation:bannerIn 2.6s ease-out forwards}.banner.shift{color:#ff9d26;border-color:#ff9d26;font-size:15px}.banner.double{color:#ffca36;border-color:#ffca36;font-size:19px;box-shadow:0 0 24px #ffca3680}.banner.life{color:#ff5f8f;border-color:#ff5f8f;font-size:18px}.banner.info{color:#7ce7ff;border-color:#7ce7ff;font-size:13px}.banner.win{color:#8ef53c;border-color:#8ef53c;font-size:17px}@keyframes bannerIn{0%{opacity:0;transform:scale(.75)}10%{opacity:1;transform:scale(1.08)}16%{transform:scale(1)}82%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.killfeed{position:absolute;top:118px;right:10px;display:flex;flex-direction:column;gap:4px;max-width:220px;pointer-events:none}.killfeed-item{background:#140a05db;border-left:2px solid #ffca36;border-radius:4px;padding:3px 8px;color:#e8d8b8;font-size:10px;font-weight:600;animation:feedIn .25s ease-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.killfeed-item.mine{border-left-color:#ff4666;background:#3c0c0ce6}.killfeed-item .zap{color:#ff9494;font-weight:900}.camping-banner{position:absolute;top:84px;left:50%;transform:translate(-50%);background:#b41414e0;border:1.5px solid #ff5555;border-radius:8px;padding:3px 12px;color:#fff;font-weight:800;font-size:10.5px;letter-spacing:1px;display:none;animation:pulse .65s infinite alternate}@keyframes pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.05)}}.tile-live,.wind-speed.hot{animation-name:pulseTiny}@keyframes pulseTiny{0%{transform:scale(1)}to{transform:scale(1.06)}}.power-box{position:absolute;bottom:118px;left:50%;transform:translate(-50%);background:#0f0803e6;border:1.5px solid;border-radius:20px;padding:4px 16px;font-weight:800;font-size:12px;letter-spacing:1px;display:none}.pro-box{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#1c0e08f0;border:1.5px solid rgba(255,202,54,.5);border-radius:14px;padding:10px 16px;text-align:center;display:none;min-width:260px;pointer-events:auto;z-index:20}.pro-title{font-weight:900;color:#ffca36;font-size:14px;letter-spacing:1px}.pro-sub{font-size:9.5px;color:#9a8a70;margin:2px 0 6px}.pro-roster{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:7px}.pro-name{background:#ffffff14;border-radius:6px;padding:2px 8px;font-size:10px}.pro-name.rdy{background:#8ef53c2e;color:#8ef53c}.pro-count{font-size:16px;font-weight:900;color:#ff9d26;margin-bottom:6px;animation:pulseTiny .4s infinite alternate}.pro-ready{background:#ffca36;color:#1a0c07;border:none;border-radius:9px;padding:8px 18px;font-weight:900;font-size:12px;letter-spacing:1px}.pro-ready.on{background:#8ef53c}.respawn-box{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:#0f0803eb;border:1.5px solid rgba(255,70,70,.6);border-radius:14px;padding:14px 26px;text-align:center;display:none;font-size:15px;z-index:25}.respawn-box b{color:#ff6868;font-size:19px}.respawn-box span{font-size:10px;color:#9a8a70}.boost-btn{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:24px;width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,#5a392e8c,#7a5a4e8c);border:1.5px solid rgba(255,202,54,.5);color:#ffca36;font-weight:800;font-size:12px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;opacity:.5;z-index:20}.boost-btn.on{opacity:.95;border-color:#00f0ff;color:#00f0ff;box-shadow:0 0 18px #00f0ff80}.minimap{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:14px;width:148px;height:148px;border-radius:10px;box-shadow:0 4px 18px #0009;opacity:.9;z-index:12;pointer-events:none}@media (max-width: 768px){.minimap{width:104px;height:104px;opacity:.75}}.conn-status{position:absolute;bottom:8px;left:170px;font-size:10px;color:#9a8a70;z-index:15;pointer-events:none}.conn-status.fatal{color:#ff6868;font-weight:800;font-size:13px}.modal{position:fixed;inset:0;z-index:80;background:#050201e0;backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center}.modal-card{background:#1c0e08f7;border:1.5px solid rgba(255,202,54,.3);border-radius:16px;padding:26px 36px;text-align:center;max-width:340px;box-shadow:0 10px 40px #000000e6}.modal-title{font-size:26px;font-weight:900;margin-bottom:10px}.modal-title.victory{color:#53fa1c;text-shadow:0 0 15px rgba(83,250,28,.6)}.modal-title.defeat{color:#ff4646;text-shadow:0 0 15px rgba(255,70,70,.6)}.modal-won{font-size:18px;font-weight:900;color:#ffca36;margin-bottom:10px}.modal-stats{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.modal-stats div{display:flex;justify-content:space-between;font-size:12px;color:#b9a488}.modal-stats b{color:#fff}.modal .mbtn{width:100%;margin-top:6px}@media (max-width: 768px){.top-hud{top:5px;padding:4px 9px;gap:8px}.hud-label{font-size:6.5px}.hud-value{font-size:11px}.hud-bar-bg{width:52px;height:5px}.wind-widget{width:150px;top:46px}.wind-canvas{width:142px;height:76px}.killfeed{top:150px;max-width:150px}.killfeed-item{font-size:8px}.menu-title{font-size:40px}.next-life{display:none}}