.crowd-lobby-screen{background:#457327;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.crowd-lobby-loading{color:#fff;text-shadow:0 2px 8px #00000080;font-family:"Press Start 2P",monospace;font-size:.7rem}.crowd-lobby-panel{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.crowd-lobby-panel--compact{gap:1rem;padding:2rem}.crowd-lobby-heading{color:#fff;text-shadow:0 2px 12px #0009;margin:0;font-family:"Press Start 2P",monospace;font-size:clamp(.8rem,2.5vw,1.2rem);line-height:1.6}.crowd-lobby-heading--sm{text-shadow:0 2px 8px #00000080;font-size:clamp(.7rem,2vw,1rem)}.crowd-lobby-subtext{color:#c7e9fb;max-width:320px;margin:0;font-family:"Press Start 2P",monospace;font-size:.55rem;line-height:1.8}.crowd-lobby-subtext--sm{max-width:360px;font-size:.5rem}.crowd-lobby-error-text{color:#ef4444;margin:0;font-family:"Press Start 2P",monospace;font-size:.5rem}.crowd-lobby-main{background:#457327;flex-direction:column;display:flex;position:fixed;inset:0}.crowd-lobby-topbar{color:#fff;text-shadow:0 2px 8px #000c;letter-spacing:.05em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;padding:1rem;font-family:"Press Start 2P",monospace;font-size:clamp(.5rem,1.2vw,.75rem);display:flex}.crowd-lobby-logo{height:clamp(2.5rem,5vw,3.5rem)}.crowd-lobby-canvas-wrap{flex:1;position:relative;overflow:hidden}.crowd-lobby-canvas{image-rendering:pixelated;display:block;position:absolute;inset:0}.crowd-lobby-bottombar{pointer-events:auto;box-sizing:border-box;flex-shrink:0;align-items:center;gap:.6rem;height:9.5rem;padding:.5rem .75rem .75rem;display:flex}.crowd-lobby-bottombar-spacer{flex:1}.crowd-lobby-bottombar-right{flex:1;justify-content:flex-end;display:flex}.crowd-lobby-bottombar-center{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:.6rem;display:flex}.crowd-lobby-move-picker{flex-wrap:nowrap;justify-content:center;gap:2rem;display:flex}.crowd-lobby-move-card{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000085;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:.2rem;min-width:0;max-width:100px;padding:.4rem .7rem .6rem;transition:all .15s;display:flex}.crowd-lobby-move-card:hover{background:#6366f14d;border-color:#6366f1;transform:translateY(-4px);box-shadow:0 10px 24px #0009,0 0 18px #6366f166}.crowd-lobby-move-card img{object-fit:contain;width:min(18vw,72px);height:min(21vw,84px);image-rendering:pixelated}.crowd-lobby-move-card span{letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;font-family:"Press Start 2P",monospace;font-size:.48rem;font-weight:700}.crowd-lobby-waiting-text{color:#c7e9fb;text-align:center;font-family:"Press Start 2P",monospace;font-size:.55rem}.crowd-lobby-timer{color:#fff;text-shadow:0 2px 8px #000c;flex-direction:column;align-items:center;gap:.3rem;font-family:"Press Start 2P",monospace;display:flex}.crowd-lobby-timer-label{letter-spacing:.05em;color:#ffffffa6;text-align:center;font-size:.5rem}.crowd-lobby-timer-value{color:#7bed9f;text-shadow:0 0 20px;font-size:clamp(.7rem,1.6vw,1rem)}.crowd-lobby-timer-value--urgent{color:#ef4444}.crowd-lobby-error-overlay{color:#fff;text-align:center;z-index:10;background:#ef4444eb;border-radius:8px;max-width:80vw;padding:1rem 1.5rem;font-family:"Press Start 2P",monospace;font-size:.55rem;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crowd-lobby-error-dismiss{color:#ef4444;cursor:pointer;background:#fff;border:none;border-radius:4px;margin-top:.75rem;padding:.4rem .8rem;font-family:"Press Start 2P",monospace;font-size:.5rem}.crowd-play{min-height:100svh;image-rendering:pixelated;background-image:url(/arena_bg.png);background-position:bottom;background-size:cover;flex-direction:column;display:flex}.crowd-play:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000008c 0%,#0000002e 45%,#00000061 100%);position:fixed;inset:0}.crowd-play>*{z-index:1;position:relative}.crowd-play-header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:.55rem 1rem;display:flex}.crowd-play-header-left{flex:1;align-items:center;gap:.6rem;display:flex}.crowd-play-header-right{text-align:right;flex:1}.crowd-play-round-label{letter-spacing:.15em;text-transform:uppercase;color:#ffffff8c;font-size:.62rem;font-weight:600}.crowd-play-streamer-tag{letter-spacing:.2em;text-transform:uppercase;color:#f87171;text-shadow:0 0 12px #f8717180;font-size:.65rem;font-weight:900}.crowd-play-timer-center{flex-shrink:0;justify-content:center;align-items:center;min-height:2rem;padding-bottom:.2rem;display:flex}.crowd-play-timer{color:#22c55e;font-variant-numeric:tabular-nums;text-shadow:0 0 14px #22c55eb3;font-size:1.5rem;font-weight:900}.crowd-play-timer-urgent{color:#ef4444;text-shadow:0 0 14px #ef4444cc;animation:.5s ease-in-out infinite pulse}.crowd-play-round-result{text-align:center;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 8px #000000e6;flex-shrink:0;min-height:1.8rem;padding:.3rem 1rem;font-size:.85rem;font-weight:800;animation:1.8s ease-in-out infinite pulse}.crowd-play-round-result.hidden{visibility:hidden;animation:none}.crowd-play-round-result.win,.crowd-play-round-result.lose,.crowd-play-round-result.draw{animation:none}.crowd-play-round-result.win{color:gold;text-shadow:0 0 16px #ffd70099}.crowd-play-round-result.lose{color:#f87171}.crowd-play-round-result.draw{color:gold;text-shadow:0 0 16px #ffd70099}.crowd-play-hud{box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-top:.75rem;padding:0 1rem;display:flex}.crowd-play-fighter-name{letter-spacing:.2em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 1px 4px #000000e6;white-space:nowrap;text-overflow:ellipsis;max-width:35vw;font-size:.65rem;font-weight:900;overflow:hidden}.crowd-play-fighter-name-right{text-align:right}.crowd-play-stage{flex:1;justify-content:center;align-items:flex-end;gap:1rem;min-height:0;padding:0 2vw;display:flex;position:relative}.crowd-play-stage--overlay{justify-content:center;align-items:center}.crowd-play-champion{flex-shrink:0;justify-content:center;align-items:flex-end;width:clamp(120px,38vw,280px);height:clamp(160px,48vw,360px);padding-bottom:2rem;display:flex}.crowd-play-champion img{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;filter:drop-shadow(0 10px 30px #000000e6);transition:filter .35s}.crowd-play-champion-flip img{transform:scaleX(-1)}.crowd-play-champion.happy img{filter:drop-shadow(0 6px 24px #22c55ea6)drop-shadow(0 0 12px #22c55e66)drop-shadow(0 10px 30px #000c)}.crowd-play-champion.upset img{filter:drop-shadow(0 6px 24px #ef444499)brightness(.8)drop-shadow(0 10px 30px #000c)}.crowd-play-vs-badge{letter-spacing:.2em;color:#f59e0b;text-shadow:0 0 16px #f59e0bcc,0 2px 6px #000000e6;font-size:1rem;font-weight:900;position:absolute;transform:translateY(-40px)}.crowd-play-game-over-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.crowd-play-game-over-title{letter-spacing:.2em;text-transform:uppercase;font-size:clamp(2.2rem,10vw,4rem);font-weight:900;line-height:1}.crowd-play-game-over-overlay.win .crowd-play-game-over-title{color:#f59e0b;text-shadow:0 0 30px #f59e0bcc,0 0 70px #f59e0b59,0 4px 12px #000000e6}.crowd-play-game-over-overlay.lose .crowd-play-game-over-title{color:#f87171;text-shadow:0 0 25px #ef444499,0 4px 12px #000000e6}.crowd-play-game-over-sub{color:#fff9;letter-spacing:.1em;font-size:.8rem}.crowd-play-action{text-align:center;flex-shrink:0;padding:.5rem .75rem}.crowd-play-picker-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;text-shadow:0 1px 4px #000c;margin-bottom:.5rem;font-size:.62rem;font-weight:700}.crowd-play-picker--hidden{visibility:hidden;pointer-events:none}.crowd-play-picker-cards{flex-wrap:nowrap;justify-content:center;gap:1.25rem;display:flex}.crowd-play-card{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000085;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:.3rem;min-width:0;max-width:110px;padding:.55rem .4rem .45rem;transition:all .15s;display:flex}.crowd-play-card img{object-fit:contain;width:min(22vw,88px);height:min(26vw,104px);image-rendering:pixelated}.crowd-play-card span{letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;font-size:.58rem;font-weight:700}.crowd-play-card:hover{border-color:var(--primary);background:#6366f14d;transform:translateY(-4px);box-shadow:0 10px 24px #0009,0 0 18px #6366f166}.crowd-play-card:hover span{color:#fff}.crowd-play-card:active{transform:translateY(0)}.crowd-play-card--preview,.crowd-play-card:disabled{opacity:.35;cursor:default;pointer-events:none}.crowd-play-center-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;width:100%;padding:2rem;display:flex}.crowd-play-waiting-title{color:#fff;letter-spacing:.3em;font-size:1.2rem}.crowd-play-waiting-sub{color:#f0f2f5;letter-spacing:.1em;font-size:1rem;font-weight:700}.crowd-play-waiting-pulse{color:#d8dde6;letter-spacing:.18em;font-size:1rem;font-weight:700;animation:1.8s ease-in-out infinite pulse}@keyframes crowd-play-intro-slide-left{0%{opacity:0;transform:translate(-130%)}to{opacity:1;transform:translate(0)}}@keyframes crowd-play-intro-slide-right{0%{opacity:0;transform:translate(130%)}to{opacity:1;transform:translate(0)}}@keyframes crowd-play-intro-vs-pop{0%{opacity:0;transform:scale(.2)}65%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes crowd-play-intro-fade-out{0%{opacity:1}75%{opacity:1}to{opacity:0}}.crowd-play-intro{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:0 1.5rem;animation:2.5s ease-in-out forwards crowd-play-intro-fade-out;display:flex;position:fixed;inset:0}.crowd-play-intro-you{letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 0 24px #fff6,0 4px 12px #000000e6;white-space:nowrap;font-size:clamp(1.2rem,6vw,2.5rem);font-weight:900;animation:.55s cubic-bezier(.22,1,.36,1) .1s both crowd-play-intro-slide-left}.crowd-play-intro-vs{letter-spacing:.3em;color:#f59e0b;text-shadow:0 0 20px #f59e0bcc,0 4px 12px #000000e6;text-align:center;font-size:clamp(.85rem,3.5vw,1.5rem);font-weight:900;animation:.45s cubic-bezier(.34,1.56,.64,1) .55s both crowd-play-intro-vs-pop}.crowd-play-intro-opp{letter-spacing:.18em;text-transform:uppercase;color:#f87171;text-shadow:0 0 24px #f8717180,0 4px 12px #000000e6;white-space:nowrap;font-size:clamp(1.2rem,6vw,2.5rem);font-weight:900;animation:.55s cubic-bezier(.22,1,.36,1) .9s both crowd-play-intro-slide-right}