*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#f8fbff;background:#050814;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(0,200,255,.25),transparent 34%),radial-gradient(circle at 80% 20%,rgba(160,70,255,.22),transparent 32%),linear-gradient(135deg,#050814,#08152c 45%,#02040a);z-index:-2}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent);z-index:-1}.app{width:min(1180px,100%);margin:auto;padding:clamp(14px,3vw,30px);display:grid;gap:18px}.glass{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.05));border:1px solid rgba(120,220,255,.25);box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 0 30px rgba(255,255,255,.04);backdrop-filter:blur(16px);border-radius:26px}.hero{padding:28px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,transparent,rgba(0,220,255,.18),transparent);transform:skewX(-20deg);animation:scan 4s linear infinite}.badge{display:inline-flex;padding:7px 13px;border-radius:999px;background:rgba(0,220,255,.12);border:1px solid rgba(0,220,255,.35);color:#7aeaff;font-weight:800;letter-spacing:.14em;font-size:12px}.hero h1{margin:12px 0 8px;font-size:clamp(34px,7vw,76px);line-height:.92;letter-spacing:.02em;text-shadow:0 0 22px rgba(0,220,255,.6)}.hero p{margin:0 auto;max-width:720px;color:#cfe7ff}.panel{padding:22px}.panel h2{margin:0 0 16px}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:7px;color:#d8edff;font-weight:700}input,select{width:100%;border:1px solid rgba(130,220,255,.25);border-radius:16px;background:rgba(0,0,0,.28);color:white;padding:13px 14px;outline:none}select option{color:#111}.names{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.btn{border:0;border-radius:16px;padding:13px 18px;font-weight:900;letter-spacing:.03em;color:white;cursor:pointer;transition:.2s transform,.2s filter,.2s box-shadow}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn.primary{background:linear-gradient(135deg,#00d5ff,#1769ff);box-shadow:0 0 28px rgba(0,200,255,.25)}.btn.secondary{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.18)}.btn.danger{background:linear-gradient(135deg,#ffb300,#ff3159);box-shadow:0 0 36px rgba(255,80,70,.35)}.btn.big{font-size:clamp(18px,3vw,24px);padding:18px 28px}.btn.full{width:100%;margin-top:16px}.hidden{display:none!important}.game{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}.scoreboard{position:sticky;top:16px}.player{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:16px;margin-bottom:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.player.dead{opacity:.45;filter:grayscale(1)}.player.active{box-shadow:0 0 0 2px rgba(0,220,255,.5),0 0 30px rgba(0,220,255,.18)}.life{font-size:22px}.arena{text-align:center;min-height:600px;display:grid;place-items:center;gap:16px}.turn-info{font-size:18px;color:#b9dfff}.turn-info strong{display:block;font-size:clamp(28px,5vw,54px);color:white;text-shadow:0 0 20px rgba(0,220,255,.5)}.roulette-wrap{width:min(68vw,470px);aspect-ratio:1;position:relative;display:grid;place-items:center}.roulette{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from var(--rot,0deg),#00d5ff 0 15deg,#102450 15deg 60deg,#8b5cff 60deg 75deg,#102450 75deg 120deg,#00ffa3 120deg 135deg,#102450 135deg 180deg,#ffbd2d 180deg 195deg,#102450 195deg 240deg,#ff3860 240deg 255deg,#102450 255deg 300deg,#44e0ff 300deg 315deg,#102450 315deg 360deg);box-shadow:0 0 40px rgba(0,210,255,.35),inset 0 0 35px rgba(0,0,0,.72);border:10px solid rgba(255,255,255,.12);transition:transform 1.2s cubic-bezier(.1,.8,.2,1)}.roulette:after{content:"";position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 40px rgba(255,255,255,.08)}.core{position:relative;width:42%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#172a4b,#050814);border:1px solid rgba(0,220,255,.35);box-shadow:0 0 40px rgba(0,220,255,.38)}.core span{font-size:clamp(44px,9vw,84px);font-weight:1000}.message{min-height:60px;display:grid;place-items:center;max-width:680px;color:#e6f5ff;font-size:clamp(17px,2.5vw,24px);font-weight:800}.countdown{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.64);backdrop-filter:blur(10px);z-index:5;font-size:clamp(80px,18vw,200px);font-weight:1000;color:#fff;text-shadow:0 0 45px rgba(0,220,255,.8);animation:pulse .8s infinite}.safe{color:#71ffb5}.out{color:#ff6680}.win{color:#ffe66d}@keyframes scan{to{transform:translateX(120%) skewX(-20deg)}}@keyframes pulse{50%{transform:scale(1.08)}}@media(max-width:820px){.game{grid-template-columns:1fr}.scoreboard{position:static}.grid-form{grid-template-columns:1fr}.arena{min-height:auto}.roulette-wrap{width:min(92vw,430px)}.panel{padding:16px}.hero{padding:22px 14px}}@media(max-width:420px){.app{padding:10px}.glass{border-radius:20px}.roulette{border-width:7px}.btn{width:100%}.player{font-size:14px}.hero h1{font-size:36px}}