:root{--lava: #ff5a1a;--lava-dk: #c63a08;--lava-hot: #ffd23d;--ember: #ff8a4d;--moon: #cfe0ff;--txt: #ffe9da;--txt-dim: #c9a18c;--glass: rgba(16, 8, 13, .68);--glass-2: rgba(24, 11, 16, .55);--edge: rgba(255, 122, 61, .26);--edge-hot: rgba(255, 138, 77, .65);--night1: #0b0712;--night2: #1a0c12}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--night1);color:var(--txt);font-family:"Baloo 2",Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}#game{display:block;width:100%;height:100%}.hidden{display:none!important}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:radial-gradient(75% 60% at 50% 118%,rgba(255,90,26,.34),transparent 70%),radial-gradient(60% 40% at 50% -8%,rgba(140,170,255,.14),transparent 70%),linear-gradient(180deg,#08050eb8,#0e070d80 45%,#1e0a0ec7),url(/textures/menu-bg.png) center / cover no-repeat,linear-gradient(180deg,#0b0712 0%,var(--night1) 55%,var(--night2) 100%);z-index:30;overflow:hidden}.overlay:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(40% 30% at 30% 80%,rgba(255,90,26,.1),transparent 60%),radial-gradient(35% 25% at 75% 85%,rgba(255,138,77,.09),transparent 60%);animation:shimmer 9s ease-in-out infinite alternate;pointer-events:none}@keyframes shimmer{0%{transform:translateY(0) scale(1);opacity:.8}to{transform:translateY(-2.5%) scale(1.04);opacity:1}}#menuHexes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#menuHexes span{position:absolute;bottom:-12vh;color:var(--lava);opacity:0;text-shadow:0 0 10px rgba(255,90,26,.8);animation:emberFloat linear infinite}#menuHexes span:nth-child(2n){color:var(--lava-hot)}#menuHexes span:nth-child(3n){color:var(--ember)}#menuHexes span:nth-child(5n){color:#ff3a00}@keyframes emberFloat{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:.9}85%{opacity:.5}to{transform:translateY(-118vh) rotate(220deg);opacity:0}}.mHead{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:18px 26px 0}.brand{display:flex;align-items:center;gap:10px;font-family:Bungee,"Baloo 2",sans-serif;font-size:17px;letter-spacing:2px;color:var(--txt);text-shadow:0 0 18px rgba(255,90,26,.55)}.brandMark{font-size:22px;filter:drop-shadow(0 0 8px rgba(255,90,26,.8))}.liveChip{display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--glass);border:1px solid var(--edge);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12.5px;font-weight:700;letter-spacing:.6px;color:var(--txt-dim)}.liveDot{width:9px;height:9px;border-radius:50%;background:#3a3a3a;transition:background .3s}.liveDot.on{background:#2fe98c;box-shadow:0 0 10px #2fe98c;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.mBody{position:relative;z-index:3;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.6vh,30px);padding:8px 24px}.hero{text-align:center}.heroTitle{font-family:Bungee,"Baloo 2",sans-serif;font-size:clamp(38px,7vw,86px);line-height:.98;letter-spacing:2px;font-weight:400;color:#fff;text-shadow:0 0 30px rgba(207,224,255,.35),0 4px 24px rgba(0,0,0,.6)}.heroTitle em{font-style:normal;background:linear-gradient(180deg,var(--lava-hot) 5%,var(--lava) 55%,var(--lava-dk) 95%);background-size:100% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(255,90,26,.65));animation:lavaShift 3.4s ease-in-out infinite alternate}@keyframes lavaShift{0%{background-position:50% 0%}to{background-position:50% 70%}}.heroSub{margin:12px auto 0;max-width:560px;font-size:clamp(13px,1.4vw,16px);font-weight:600;line-height:1.45;color:var(--txt-dim);text-shadow:0 2px 10px rgba(0,0,0,.7)}.heroSub b{color:var(--ember)}.deck{display:flex;align-items:stretch;justify-content:center;gap:18px;width:100%;max-width:1060px}.card{background:var(--glass);border:1px solid var(--edge);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 50px #00000080,inset 0 1px #ffc8a014;padding:20px 22px}.joinCard{flex:0 1 330px;display:flex;flex-direction:column}.pillCard{flex:0 1 300px;position:relative;padding:0;overflow:hidden;background:radial-gradient(120% 100% at 50% 15%,#4a24388c,#160a14bf 70%),var(--glass-2)}.statsCard{flex:0 1 300px;display:flex;flex-direction:column;gap:14px}.fieldLabel{display:block;text-align:left;margin:0 2px 5px;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--txt-dim)}.fieldLabel .opt{color:#8a6a5c;font-weight:700;text-transform:none;letter-spacing:0}#name,#wallet{width:100%;padding:12px 16px;border:1px solid rgba(255,138,77,.3);border-radius:12px;background:#00000061;color:var(--txt);font-size:15px;font-weight:700;font-family:inherit;margin-bottom:12px;transition:border-color .15s,box-shadow .15s}#name::placeholder,#wallet::placeholder{color:#7d5a4d}#name:focus,#wallet:focus{outline:none;border-color:var(--edge-hot);box-shadow:0 0 0 3px #ff5a1a29,0 0 18px #ff5a1a33}#wallet{font-size:12.5px;letter-spacing:.2px}#wallet.good{border-color:#2fe98c99}#wallet.bad{border-color:#ff4628b3}.walletNote{text-align:left;margin:-8px 2px 10px;font-size:11.5px;font-weight:700;min-height:14px}.walletNote.ok{color:#2fe98c}.walletNote.err{color:#ff7a5c}.prize{display:flex;align-items:center;justify-content:center;gap:9px;margin:2px 0 14px;padding:10px 12px;background:linear-gradient(180deg,#ffd23d1f,#ff8a4d14);border:1px solid rgba(255,210,61,.35);border-radius:12px;font-weight:800;font-size:14.5px;color:var(--txt)}.prize b{color:var(--lava-hot)}.prizeCoin{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c9f7e2,#14f195 60%,#0fae6b);color:#06281b;font-weight:900;font-size:13px;box-shadow:0 0 12px #14f19580}button{position:relative;width:100%;padding:15px;border:0;border-radius:14px;background:linear-gradient(180deg,#ff9a3d,var(--lava) 55%,#e23c00);color:#fff;font-family:Bungee,"Baloo 2",sans-serif;font-size:16px;letter-spacing:2px;text-shadow:0 2px 6px rgba(80,16,0,.55);cursor:pointer;box-shadow:0 0 26px #ff5a1a73,0 8px 24px #00000080,inset 0 1px #ffebc873;transition:transform .08s ease,box-shadow .15s ease,filter .15s ease;animation:btnBreath 2.6s ease-in-out infinite}@keyframes btnBreath{50%{box-shadow:0 0 40px #ff5a1ab3,0 8px 24px #00000080,inset 0 1px #ffebc873}}button:hover{transform:translateY(-2px);filter:brightness(1.08)}button:active{transform:translateY(1px) scale(.99)}.lobbyNote{margin-top:10px;text-align:center;font-size:11.5px;font-weight:700;color:#8a6a5c;letter-spacing:.4px}#preview{display:block;width:100%;height:100%;min-height:280px}.pillTag{position:absolute;left:50%;bottom:12px;transform:translate(-50%);background:#0000008c;border:1px solid var(--edge);border-radius:999px;padding:4px 16px;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--txt-dim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cardHead{font-family:Bungee,"Baloo 2",sans-serif;font-weight:400;font-size:13px;letter-spacing:2px;color:var(--txt-dim);border-bottom:1px solid rgba(255,138,77,.18);padding-bottom:10px}.statGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:#0000004d;border:1px solid rgba(255,138,77,.14);border-radius:12px;padding:10px 6px;text-align:center}.statNum{font-family:Bungee,"Baloo 2",sans-serif;font-size:24px;line-height:1.1;background:linear-gradient(180deg,var(--lava-hot),var(--lava));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(255,90,26,.35))}.statLab{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--txt-dim);margin-top:3px}.featList{display:flex;flex-direction:column;gap:7px;margin-top:auto}.feat{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;color:var(--txt-dim)}.feat span{width:20px;text-align:center;filter:drop-shadow(0 0 6px rgba(255,90,26,.5))}.feat b{color:var(--ember)}.mFoot{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:0 16px 18px}.chip,.chipWarn{padding:6px 13px;border-radius:999px;background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12px;font-weight:700;color:var(--txt-dim)}.chip b{color:var(--txt)}.chipWarn{border-color:#ff5a1a80;color:var(--ember)}@media (max-width: 940px){.overlay{overflow:auto}.deck{flex-direction:column;align-items:center}.joinCard,.pillCard,.statsCard{flex:none;width:min(420px,92vw)}.pillCard{order:-1;height:280px}.mBody{justify-content:flex-start;padding-top:16px}}#ca{position:absolute;top:60px;left:16px;z-index:40;display:flex;align-items:center;gap:8px;max-width:min(48vw,460px);padding:6px 14px;background:var(--glass);border:1px solid var(--edge);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-weight:800;font-size:13px;color:var(--txt);cursor:pointer;transition:border-color .15s}#ca:hover{border-color:var(--edge-hot)}#ca .caLabel{flex:none;padding:1px 8px;background:var(--lava);color:#fff;border-radius:999px;font-size:11px;letter-spacing:1px}#ca #caText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.3px;color:var(--txt-dim)}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}#phaseBar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:inline-flex;align-items:stretch;overflow:hidden;background:var(--glass);border:1px solid var(--edge);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000073;font-weight:800}.pbHex{display:inline-flex;align-items:center;padding:0 12px;font-size:17px;border-right:1px solid var(--edge)}#phaseName{display:inline-flex;align-items:center;padding:8px 16px;color:var(--txt);letter-spacing:3px;font-size:13.5px}#timer{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;min-width:60px;border-left:1px solid var(--edge);color:var(--lava-hot);font-weight:800;font-variant-numeric:tabular-nums;font-size:14px;text-shadow:0 0 12px rgba(255,210,61,.5)}#heatBar{position:absolute;top:56px;left:50%;transform:translate(-50%);width:240px;height:7px;border-radius:999px;overflow:hidden;background:#00000080;border:1px solid var(--edge)}#heatFill{width:0%;height:100%;background:linear-gradient(90deg,#ffb13d,var(--lava) 60%,#ff2400);box-shadow:0 0 12px #ff5a1acc;transition:width .4s ease}#objective{position:absolute;top:76px;left:50%;transform:translate(-50%);text-align:center;max-width:min(80vw,620px)}#objTitle{font-family:Bungee,"Baloo 2",sans-serif;font-weight:400;font-size:19px;letter-spacing:1.5px;text-transform:uppercase;color:#fff;text-shadow:0 0 20px rgba(255,90,26,.55),0 3px 10px rgba(0,0,0,.8)}#objSub{display:inline-block;margin-top:6px;font-size:12.5px;font-weight:700;color:var(--txt-dim);background:var(--glass);border:1px solid var(--edge);border-radius:999px;padding:4px 14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#feed{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column-reverse;gap:6px;max-width:380px}.feedItem{background:var(--glass);border:1px solid var(--edge);border-left:4px solid var(--lava);border-radius:10px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--txt);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:feedIn .26s cubic-bezier(.2,.8,.2,1)}.feedItem.win{border-left-color:var(--lava-hot);color:var(--lava-hot)}@keyframes feedIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}#scoreboard{position:absolute;right:16px;top:16px;min-width:215px;padding:0;overflow:hidden;background:var(--glass);border:1px solid var(--edge);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000073;font-size:13px}.sbHead{padding:8px 14px;font-weight:800;letter-spacing:1.5px;color:var(--txt);text-transform:uppercase;font-size:12px;background:linear-gradient(90deg,#ff5a1a40,#ffd23d1f);border-bottom:1px solid var(--edge)}.sbRow{display:flex;align-items:center;gap:9px;padding:5px 14px;border-bottom:1px solid rgba(255,138,77,.08);font-weight:700}.sbRow:last-child{border-bottom:0}.sbDot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 6px #0009}.sbName{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--txt)}.sbTag{font-size:11px;color:var(--txt-dim);font-variant-numeric:tabular-nums;font-weight:800}.sbRow.me{background:#ff5a1a24;box-shadow:inset 3px 0 0 var(--lava)}.sbRow.dead{opacity:.5}.sbRow.dead .sbName{text-decoration:line-through;text-decoration-color:var(--lava-dk)}#dash,#knock{position:absolute;bottom:22px;display:flex;align-items:center;gap:9px;padding:8px 14px;background:var(--glass);border:1px solid var(--edge);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--txt-dim)}#dash{left:50%;transform:translate(calc(-100% - 6px))}#knock{left:50%;transform:translate(6px)}.dashIcon{font-size:14px;filter:grayscale(.8) brightness(.8);transition:filter .2s}#dash.ready .dashIcon,#knock.ready .dashIcon{filter:none;text-shadow:0 0 10px var(--lava-hot)}#dash.ready,#knock.ready{border-color:#ffd23d8c}.dashTrack{width:76px;height:6px;border-radius:999px;overflow:hidden;background:#00000080}#dashFill,#knockFill{width:100%;height:100%;background:linear-gradient(90deg,var(--ember),var(--lava-hot));box-shadow:0 0 10px #ffd23d99}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#ffebd2d9;box-shadow:0 0 6px #000c;opacity:0}body.pointer-locked #crosshair{opacity:.9}#hitflash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:24;background:radial-gradient(circle at center,#ff5a1a00 25%,#ff3a0080);animation:flash .25s ease}@keyframes flash{0%{opacity:1}to{opacity:0}}#banner{position:absolute;top:32%;left:50%;transform:translate(-50%);text-align:center;z-index:25;pointer-events:none;width:max-content;max-width:92vw;font-family:Bungee,"Baloo 2",sans-serif;font-weight:400;font-size:clamp(38px,7.5vw,72px);letter-spacing:2px;text-transform:uppercase;background:linear-gradient(180deg,var(--lava-hot) 25%,var(--lava) 75%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(255,90,26,.55)) drop-shadow(0 6px 18px rgba(0,0,0,.7));animation:bannerPop .45s cubic-bezier(.2,.9,.2,1.4)}#banner .sub{display:block;margin-top:10px;letter-spacing:1px;font-size:17px;font-family:"Baloo 2",sans-serif;font-weight:800;color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 0 14px rgba(255,90,26,.6),0 3px 8px rgba(0,0,0,.8);filter:none}@keyframes bannerPop{0%{transform:translate(-50%) scale(.55);opacity:0}65%{transform:translate(-50%) scale(1.06);opacity:1}to{transform:translate(-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.overlay:before,.feedItem,#banner,button{animation:none!important}}