@import"https://fonts.googleapis.com/css2?family=Bungee&family=Inter:wght@400;700&display=swap";*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#120c1c;font-family:Inter,system-ui,sans-serif;color:#fff}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hidden{display:none!important}.screen{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(720px,94vw);height:fit-content;pointer-events:auto;text-align:center}.panel{background:linear-gradient(160deg,#28143cd1,#0f0a1ee0);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:28px 32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px #00000080}.logo{font-family:Bungee,Impact,sans-serif;font-size:72px;margin:0;letter-spacing:2px;background:linear-gradient(180deg,#fff 30%,#ffb35c);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 #6a1fbf)}.logo span{margin-left:14px;background:linear-gradient(180deg,#ffe23a,#ff5a1f);-webkit-background-clip:text;color:transparent}.sub{opacity:.8;margin-top:4px}.field{display:block;margin:16px auto;font-weight:700}.field input{margin-left:10px;padding:10px 14px;border-radius:10px;border:1px solid #ffffff33;background:#0008;color:#fff;font-size:16px;width:220px}.elements,.mapgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.mapgrid{grid-template-columns:repeat(2,1fr)}.card{cursor:pointer;padding:16px 8px;border-radius:16px;border:2px solid transparent;background:#ffffff10;transition:transform .12s,border-color .12s}.card:hover{transform:translateY(-3px)}.card.sel{border-color:var(--c);box-shadow:0 0 24px var(--c)}.card .orb{width:54px;height:54px;border-radius:50%;margin:0 auto 8px;background:radial-gradient(circle at 35% 30%,#fff,var(--c) 45%,#0000 75%);box-shadow:0 0 30px var(--c)}.card.locked{opacity:.4;cursor:not-allowed}.card h3{margin:6px 0 2px;text-transform:capitalize}button.big{font-family:Bungee,Impact,sans-serif;font-size:26px;padding:12px 48px;border:0;border-radius:14px;cursor:pointer;color:#1a0b2a;background:linear-gradient(180deg,#ffe23a,#ff7a1f);box-shadow:0 6px #a33c00}button.big:active{transform:translateY(4px);box-shadow:0 2px #a33c00}.lobbylink{display:block;margin-top:14px;color:#c9b6ff}.controls{margin-top:16px;font-size:13px;opacity:.7}#hud{position:absolute;top:0;right:0;bottom:0;left:0}#crosshair{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;border:2px solid #fffc}#me{position:absolute;left:24px;bottom:24px;width:320px}#mename{font-family:Bungee,sans-serif;font-size:20px;text-shadow:0 2px 0 #000}.hpbar{height:20px;border-radius:10px;background:#0009;overflow:hidden;border:2px solid #fff3;margin-top:6px}#hpfill{height:100%;width:100%;background:linear-gradient(90deg,#39e66a,#b6ff5d);transition:width .15s}#coins{margin-top:6px;font-size:13px;opacity:.85}#feed{position:absolute;right:20px;top:20px;text-align:right;font-size:15px}#feed div{background:#0008;padding:5px 10px;border-radius:8px;margin-bottom:6px;animation:fadein .2s}#mini{position:absolute;left:20px;top:20px;font-size:13px;background:#0007;padding:8px 12px;border-radius:10px}#toast{position:absolute;left:50%;top:22%;transform:translate(-50%);font-family:Bungee,sans-serif;font-size:22px;text-shadow:0 3px 0 #000;opacity:0;transition:opacity .3s}#dead{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(#0000,#400a 70%)}#dead .ko{font-family:Bungee,sans-serif;font-size:110px;color:#ff4a3a;text-shadow:0 8px 0 #000}#respawn{font-size:22px}#lockhint{position:absolute;left:50%;bottom:30%;transform:translate(-50%);background:#000a;padding:10px 18px;border-radius:12px}#board{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:420px;background:#0a0614e6;border-radius:16px;padding:18px 22px}#board table{width:100%;border-collapse:collapse}#board td,#board th{padding:6px 10px;text-align:left}#board tr.you{color:#ffe23a}.dmg{position:absolute;font-family:Bungee,sans-serif;font-size:22px;color:#fff;text-shadow:0 2px 0 #c00;pointer-events:none;animation:rise .7s forwards}@keyframes rise{to{transform:translateY(-50px);opacity:0}}@keyframes fadein{0%{opacity:0;transform:translate(20px)}}