:root{--bg1: #140f22;--bg2: #241a3f;--fire: #ff8a3d;--fire-d: #e5651c;--red: #e5484d;--spark: #ffd23d;--text: #ffffff;--muted: #b9aee0;--ink: #1c1330;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}#root{min-height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased}.wbLogo{display:block}.wbApp{position:relative;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:22px 16px;overflow-x:hidden;background:radial-gradient(120% 120% at 50% 0%,#2c1e4f 0%,var(--bg1) 60%)}.wbBoot,.wbPlayApp{align-items:center}.wbGrid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px);background-size:24px 24px}.wbHome{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.wbTitle{margin:4px 0 0;font-size:clamp(30px,9vw,44px);font-weight:900;letter-spacing:2px;line-height:1}.wbTitle span{color:var(--fire)}.wbTag{margin:2px 0 8px;color:var(--muted);font-size:14px;font-weight:600}.wbUser{display:inline-flex;align-items:center;gap:10px;background:#0000004d;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 16px 6px 6px;margin-bottom:6px}.wbUserAv{width:34px;height:34px;border-radius:50%;object-fit:cover}.wbFb{display:grid;place-items:center;background:var(--fire);color:#2a1400;font-weight:900}.wbUserTxt{display:flex;flex-direction:column;line-height:1.2;text-align:left}.wbUserTxt b{font-size:14px}.wbUserTxt span{font-size:11px;color:var(--muted)}.wbMenu{width:100%;display:flex;flex-direction:column;gap:10px}.wbBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;border-radius:12px;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:1px;transition:transform .05s,filter .12s}.wbBtn:active{transform:translateY(1px)}.wbBtn:disabled{filter:grayscale(.5) opacity(.55);cursor:not-allowed}.wbFire{background:linear-gradient(180deg,var(--fire),var(--fire-d));color:#2a1400;box-shadow:0 4px #b34e14}.wbFire:hover{filter:brightness(1.05)}.wbLight{background:#fff;color:var(--ink);box-shadow:0 4px #0000004d}.wbGhost{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.18)}.wbGhost:hover{background:#ffffff24}.wbRow2{display:flex;gap:10px;width:100%}.wbRow2 .wbBtn{flex:1}.wbCode{border:2px solid rgba(255,255,255,.28);background:#0000004d;border-radius:12px;padding:14px;font-family:ui-monospace,monospace;font-size:24px;font-weight:900;letter-spacing:8px;text-align:center;color:#fff;text-transform:uppercase}.wbCode:focus{outline:none;border-color:var(--fire)}.wbHow{width:100%;text-align:left;background:#00000047;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;margin-top:8px}.wbHowTitle{color:var(--fire);font-size:13px;letter-spacing:2px}.wbHow p{margin:8px 0 0;font-size:13px;color:#e9e2ff;line-height:1.45}.wbCodeBox{display:flex;flex-direction:column;align-items:center;gap:2px;background:#00000052;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 22px}.wbCodeBox span{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:800}.wbCodeBox b{font-family:ui-monospace,monospace;font-size:30px;font-weight:900;letter-spacing:8px}.wbPlayers{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.wbChip{display:inline-flex;align-items:center;gap:8px;background:#00000052;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px 14px 5px 5px;font-size:13px;font-weight:700}.wbChipAv{width:26px;height:26px;border-radius:50%;object-fit:cover}.wbWait{color:var(--muted);font-size:14px}.wbPlay{position:relative;z-index:1;width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:6px}.wbPlayTop{width:100%;display:flex;gap:8px;justify-content:center;align-items:center}.wbPill{font-size:12px;font-weight:800;letter-spacing:.5px;background:#00000052;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 14px;color:var(--muted)}.wbPillBtn{cursor:pointer;color:#fff}.wbPillBtn:hover{background:#ffffff1f}.wbBombWrap{position:relative;width:210px;height:210px;display:grid;place-items:center}.wbBombRing{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wbRingBg{fill:none;stroke:#ffffff1a;stroke-width:8}.wbRingFg{fill:none;stroke:var(--fire);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .3s}.wbBombWrap.danger .wbRingFg{stroke:var(--red)}.wbBombWrap.danger{animation:wbShake .5s ease-in-out infinite}@keyframes wbShake{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}75%{transform:translate(3px,-2px)}}.wbBombCore{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#4a3a72,#1a1230 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 20px #0009,0 6px 20px #00000080;border:2px solid rgba(255,255,255,.08)}.wbPrompt{font-size:46px;font-weight:900;letter-spacing:3px;color:#fff;text-shadow:0 2px 10px rgba(255,138,61,.6)}.wbSecs{font-size:14px;font-weight:800;color:var(--muted);margin-top:2px}.wbBombWrap.danger .wbSecs{color:var(--red)}.wbEvent{min-height:30px;display:flex;align-items:center;justify-content:center}.wbGood{background:#2ec16a2e;border:1px solid rgba(46,193,106,.5);color:#d6ffe6;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:700}.wbBoom{background:#e5484d33;border:1px solid rgba(229,72,77,.55);color:#ffdede;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:800}.wbEventPlaceholder{height:30px}.wbSeats{width:100%;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.wbSeat{width:84px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:12px;background:#00000042;border:1px solid rgba(255,255,255,.1);transition:all .2s}.wbSeat.cur{border-color:var(--fire);background:#ff8a3d29;box-shadow:0 0 18px #ff8a3d66;transform:translateY(-3px)}.wbSeat.dead{opacity:.42;filter:grayscale(.7)}.wbSeatAv{width:44px;height:44px;border-radius:50%;object-fit:cover}.wbSeatName{font-size:12px;font-weight:700;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wbLives{font-size:13px;letter-spacing:-1px;min-height:18px}.wbSkull{font-size:16px}.wbAlpha{font-size:10px;font-weight:800;color:var(--spark)}.wbInputWrap{width:100%;display:flex;gap:8px}.wbInput{flex:1;border:2px solid var(--fire);background:#0000004d;border-radius:12px;padding:15px;font-family:inherit;font-size:20px;font-weight:800;color:#fff;text-align:center;letter-spacing:1px}.wbInput:focus{outline:none;box-shadow:0 0 16px #ff8a3d80}.wbInput.bad{border-color:var(--red)}.wbInput::placeholder{color:#fff6;font-weight:600;letter-spacing:0}.wbGo{padding:15px 22px}.wbTurnHint{color:var(--muted);font-size:15px;font-weight:600;min-height:52px;display:flex;align-items:center}.wbReject{color:var(--red);font-weight:800;font-size:14px}.wbTrophy{font-size:72px;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.wbToast{position:fixed;z-index:20;bottom:20px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.15)}.wbBootInner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px}.wbLoadBar{width:200px;height:6px;border-radius:6px;background:#00000059;overflow:hidden}.wbLoadBar span{display:block;height:100%;width:42%;border-radius:6px;background:var(--fire);animation:wbSlide 1.1s ease-in-out infinite}@keyframes wbSlide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.wbLoadTxt{color:var(--muted);font-size:13px;font-weight:600;margin:0}.wbBootErr{color:#ffd7d7;font-weight:700;margin:0}.wbBootCode{font-family:ui-monospace,monospace;font-size:11px;color:#ffd7d7;max-width:300px;word-break:break-word;text-align:center}@media (max-width: 430px){.wbSeat{width:74px}.wbPrompt{font-size:40px}}