.bp{margin-bottom:16px}.bp-header{align-items:center;gap:12px;display:flex}.bp-header h2{margin:0}.bp-stage{background:radial-gradient(circle at center, #2c2640 0%, var(--bg) 70%);border-radius:12px;height:400px;position:relative;overflow:hidden}.bp-arena{position:absolute;inset:0}.bp-arena.shake{animation:.5s ease-out bp-shake}@media (width<=640px){.bp-stage{height:340px}}.bp-player{text-align:center;flex-direction:column;align-items:center;gap:2px;width:96px;transition:transform .25s,opacity .4s,filter .4s;display:flex;position:absolute;transform:translate(-50%,-50%)}.bp-avatar{background:var(--card);border:2px solid var(--border);border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.3rem;font-weight:700;transition:border-color .25s,box-shadow .25s;display:grid}.bp-player.me .bp-avatar{border-color:var(--muted)}.bp-player.current{z-index:2;transform:translate(-50%,-50%)scale(1.15)}.bp-player.current .bp-avatar{border-color:var(--accent);box-shadow:0 0 18px var(--accent);animation:1s ease-in-out infinite alternate bp-glow}.bp-player.dead{opacity:.4;filter:grayscale()}.bp-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.85rem;font-weight:600;overflow:hidden}.bp-lives{letter-spacing:1px;font-size:.75rem}.bp-lives .heart{animation:.35s ease-out bp-pop;display:inline-block}.bp-lives .heart.lost{opacity:.35}.bp-flash{white-space:nowrap;pointer-events:none;border-radius:999px;padding:3px 8px;font-size:.85rem;font-weight:700;animation:1.5s ease-out forwards bp-float-up;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.bp-flash.accepted{background:var(--ok);color:#10301c}.bp-flash.life{color:#3b0a24;background:#f472b6}.bp-flash.exploded,.bp-flash.eliminated{background:var(--error);color:#3b0a0a}.bp-center{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bp-bomb{filter:drop-shadow(0 4px 10px #00000080);font-size:4rem;line-height:1}.bp-bomb.ticking{animation:.5s ease-in-out infinite alternate bp-pulse}.bp-syllable{background:var(--text);color:var(--bg);letter-spacing:.08em;border-radius:10px;margin-top:6px;padding:4px 14px;font-size:1.6rem;font-weight:800;animation:.35s cubic-bezier(.34,1.56,.64,1) bp-pop-in}.bp-arrow{transform-origin:0;background:linear-gradient(90deg, transparent, var(--accent));border-radius:2px;width:90px;height:4px;margin-top:-2px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:32px;left:50%}.bp-arrow:after{content:"";border-left:10px solid var(--accent);border-top:7px solid #0000;border-bottom:7px solid #0000;position:absolute;top:-5px;right:-8px}.bp-boom{pointer-events:none;font-size:6rem;animation:.7s ease-out forwards bp-boom;position:absolute;top:50%;left:50%}.bp-countdown,.bp-go{color:var(--accent);text-shadow:0 4px 20px #0009;pointer-events:none;place-items:center;font-weight:900;display:grid;position:absolute;inset:0}.bp-countdown{background:#16141f99;font-size:7rem;animation:1s ease-out forwards bp-zoom}.bp-go{font-size:3rem;animation:.9s ease-out forwards bp-go}.bp-finished{background:#16141fd9;flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:.4s ease-out bp-fade-in;display:flex;position:absolute;inset:0}.bp-trophy{font-size:4.5rem;animation:.8s ease-in-out infinite alternate bp-bounce}.bp-winner{font-size:1.8rem;font-weight:800;animation:.5s cubic-bezier(.34,1.56,.64,1) bp-pop-in}.bp-scores{color:var(--muted);text-align:center;margin:0;padding:0;list-style:none}.confetti{font-size:1.5rem;animation:2.2s linear infinite bp-confetti;position:absolute;top:-10%}.bp-typed{text-align:center;letter-spacing:.04em;overflow-wrap:anywhere;min-height:2.4rem;margin-top:12px;font-size:1.8rem;font-weight:700}.bp-typed mark{color:var(--accent);background:0 0}.bp-typed.reject{animation:.4s ease-out bp-reject}.bp-typed-empty{color:var(--border)}.bp-form input{text-align:center;font-size:1.1rem}.bp-form input:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 3px #ff5c8a33}.bp-spectator{text-align:center}.bp-letters{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px;display:flex}.bp-letters span{width:22px;height:22px;color:var(--muted);border:1px solid var(--border);border-radius:4px;place-items:center;font-size:.7rem;font-weight:700;transition:background .3s,color .3s;display:grid}.bp-letters span.used{background:var(--accent);border-color:var(--accent);color:#fff;animation:.3s ease-out bp-pop}@keyframes bp-pulse{0%{transform:scale(1)rotate(-4deg)}to{transform:scale(1.1)rotate(4deg)}}@keyframes bp-glow{0%{box-shadow:0 0 8px var(--accent)}to{box-shadow:0 0 24px var(--accent)}}@keyframes bp-shake{0%,to{transform:translate(0)}15%{transform:translate(-10px,6px)}30%{transform:translate(9px,-6px)}45%{transform:translate(-7px,-4px)}60%{transform:translate(5px,4px)}80%{transform:translate(-2px,1px)}}@keyframes bp-boom{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.6)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}@keyframes bp-pop{0%{transform:scale(.4)}60%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes bp-pop-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes bp-float-up{0%{opacity:0;transform:translate(-50%,6px)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.1)}70%{opacity:1;transform:translate(-50%,-14px)scale(1)}to{opacity:0;transform:translate(-50%,-28px)scale(1)}}@keyframes bp-zoom{0%{opacity:0;transform:scale(1.8)}30%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.9)}}@keyframes bp-go{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}@keyframes bp-reject{0%,to{color:var(--text);transform:translate(0)}20%{color:var(--error);transform:translate(-10px)}40%{color:var(--error);transform:translate(10px)}60%{color:var(--error);transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes bp-bounce{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(-12px)rotate(6deg)}}@keyframes bp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bp-confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.2;transform:translateY(460px)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.bp *,.bp-arena.shake{animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg:#16141f;--card:#221f2e;--border:#36314a;--text:#ece9f5;--muted:#9a94ad;--accent:#ff5c8a;--accent-hover:#ff7aa0;--ok:#4ade80;--error:#f87171;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2{margin:0 0 12px}h2{font-size:1.1rem}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{border:1px solid var(--border);color:var(--text);background:0 0}input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;width:100%;padding:10px 12px}.app{max-width:960px;margin:0 auto;padding:16px}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h1{color:var(--accent);margin:0}.header-right{align-items:center;gap:12px;display:flex}.icon-button{border:1px solid var(--border);background:0 0;padding:6px 10px;font-size:1.1rem;line-height:1}.icon-button:hover:not(:disabled){background:var(--card)}.music-control{position:relative}.icon-button.silent{opacity:.45}.music-popover{z-index:10;background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;width:230px;padding:12px 14px;animation:.18s ease-out music-popover-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000073}.music-popover label{font-weight:700}.music-slider{align-items:center;gap:8px;display:flex}.music-percent{color:var(--muted);text-align:center;font-size:.8rem}.music-slider input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent) var(--fill), var(--border) var(--fill));cursor:pointer;border:none;border-radius:999px;flex:1;height:6px;padding:0}.music-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #00000080}.music-slider input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #00000080}@keyframes music-popover-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.status{font-size:.85rem}.status.online{color:var(--ok)}.status.offline{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.card p{color:var(--muted);margin:0}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.home{max-width:600px;margin:0 auto}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.home-actions .segmented,.home-actions .code-input{height:48px}.home-actions .segmented{align-self:stretch}.home-actions .segmented button{flex:1;font-size:.95rem}.home-actions .card>button:last-child{margin-top:auto}@media (width<=520px){.home-actions{grid-template-columns:1fr}}.code-input{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-size:1.3rem}.error{color:var(--error);margin:12px 0 0}.notice{color:var(--muted);background:var(--card);border-radius:8px;padding:10px 12px}.room-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.label{color:var(--muted);font-size:.85rem;display:block}.room-code{letter-spacing:.2em;color:var(--text);background:0 0;padding:0;font-size:2.2rem}.room-code:hover:not(:disabled){color:var(--accent);background:0 0}.copied{color:var(--ok);margin-left:8px;font-size:.85rem}.games{margin-top:16px}.games-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.games-header h2{margin:0}.games-hint{color:var(--muted);font-size:.85rem}.games-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.game-card{border:1px solid var(--border);background:var(--bg);border-radius:10px;gap:12px;padding:12px;display:flex}.games-header h2{margin-right:12px;display:inline}.games-play{white-space:nowrap}button.game-card{text-align:left;width:100%;height:100%;color:var(--text);cursor:pointer;font-weight:400;transition:border-color .2s,transform .15s,box-shadow .2s}button.game-card:hover:not(:disabled){background:var(--bg);border-color:var(--muted);transform:translateY(-2px)}.game-card.selected,button.game-card.selected:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);animation:.35s ease-out game-selected}.game-card.soon.selected{opacity:1}@keyframes game-selected{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.visibility-choice{align-self:flex-start}.visibility-badge{border:1px solid var(--border);color:var(--muted);vertical-align:middle;background:0 0;border-radius:999px;margin-left:12px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-block}button.visibility-badge:hover:not(:disabled){background:var(--card);color:var(--text)}.public-rooms{margin-top:24px}.room-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.room-row{border:1px solid var(--border);background:var(--bg);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;animation:.3s ease-out game-selected;display:flex}.room-row-info{flex-direction:column;flex:1;min-width:0;display:flex}.room-row-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-row-info span,.room-row-players{color:var(--muted);font-size:.85rem}.room-row-players{white-space:nowrap}.room-row button{padding:6px 14px}@media (width<=480px){.room-row{flex-wrap:wrap}}.game-settings{margin-top:16px}.settings-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px 24px;margin:0;padding:0;list-style:none;display:grid}.setting{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.setting-label{flex-direction:column;gap:2px;display:flex}.setting-label small{color:var(--muted);font-size:.75rem}.setting-value{text-align:center;min-width:52px;font-weight:700;animation:.3s ease-out game-selected;display:inline-block}.setting-value.readonly{color:var(--accent);min-width:0}.stepper{align-items:center;gap:4px;display:flex}.stepper button{width:32px;height:32px;padding:0;font-size:1.1rem;line-height:1}.switch{background:var(--border);border-radius:999px;flex-shrink:0;width:48px;height:26px;padding:0;transition:background .2s;position:relative}.switch:hover:not(:disabled){background:var(--muted)}.switch.on,.switch.on:hover:not(:disabled){background:var(--accent)}.switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px}.switch.on .switch-knob{transform:translate(22px)}.segmented{border:1px solid var(--border);border-radius:8px;flex-shrink:0;display:flex;overflow:hidden}.segmented button{color:var(--muted);background:0 0;border-radius:0;padding:6px 10px;font-size:.85rem}.segmented button:hover:not(:disabled){background:var(--bg);color:var(--text)}.segmented button.active,.segmented button.active:hover:not(:disabled){background:var(--accent);color:#fff}.game-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:auto;font-size:.75rem;font-weight:700;display:grid}.game-card.soon{opacity:.7}.game-emoji{font-size:2rem;line-height:1}.game-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.game-title{align-items:center;gap:8px;display:flex}.game-info p{font-size:.9rem}.game-players{color:var(--muted);font-size:.8rem}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:2px 6px;font-size:.7rem;font-weight:600}.room-body{grid-template-columns:240px 1fr;gap:16px;display:grid}@media (width<=640px){.room-body{grid-template-columns:1fr}}.player-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.player-list li.me{font-weight:600}.player-list li.disconnected{opacity:.45}.notice.reconnecting{color:var(--text);border:1px solid var(--accent);margin-top:0}.host-badge{margin-right:6px}.you{color:var(--muted);font-weight:400}.chat-messages{overflow-wrap:anywhere;flex-direction:column;gap:4px;height:360px;display:flex;overflow-y:auto}.chat .chat-line{color:var(--text)}.chat .chat-line.mine strong{color:var(--accent)}.chat .chat-system{font-size:.9rem;font-style:italic}.chat-form{gap:8px;display:flex}