*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{border:none;background:none;cursor:pointer}ul,ol{list-style:none}a{text-decoration:none;color:inherit}:root{--color-stage-purple: #8B5CF6;--color-electric-blue: #3B82F6;--color-game-show-gold: #F59E0B;--color-neon-pink: #EC4899;--color-spotlight-yellow: #FCD34D;--bg-stage-dark: #1E1B4B;--bg-stage-medium: #312E81;--bg-card-elevated: #4C1D95;--bg-gradient-start: #1E1B4B;--bg-gradient-mid: #312E81;--bg-gradient-end: #3730A3;--text-primary: #FFFFFF;--text-secondary: #E0E7FF;--text-room-code: #FCD34D;--color-success: #10B981;--color-waiting: #F59E0B;--color-warning: #EF4444;--font-title: "Bebas Neue", "Impact", sans-serif;--font-display: "Outfit", -apple-system, sans-serif;--font-body: "Inter", system-ui, sans-serif;--text-xs: 1rem;--text-sm: 1.25rem;--text-base: 1.5rem;--text-lg: 2rem;--text-xl: 2.5rem;--text-2xl: 3rem;--text-3xl: 4rem;--text-4xl: 6rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--glow-gold: 0 0 30px rgba(252, 211, 77, .2);--glow-pink: 0 0 30px rgba(236, 72, 153, .2);--glow-blue: 0 0 30px rgba(59, 130, 246, .2);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.4, 0, 1, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-celebration: .6s;--z-base: 0;--z-dropdown: 10;--z-overlay: 20;--z-modal: 30;--z-toast: 40}@keyframes slideInCelebrate{0%{opacity:0;transform:translateY(30px) scale(.8)}50%{transform:translateY(-10px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.static{position:static}._container_vlzoa_3{min-height:100vh;position:relative;overflow:hidden}._background_vlzoa_9{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--bg-gradient-start),var(--bg-gradient-mid),var(--bg-gradient-end))}._decorativeGlow_vlzoa_15{position:absolute;width:20rem;height:20rem;border-radius:9999px;filter:blur(4rem);animation:_float_vlzoa_1 8s ease-in-out infinite}._decorativeGlow_vlzoa_15:first-child{top:10%;left:10%;background:#ec489926}._decorativeGlow_vlzoa_15:nth-child(2){top:60%;right:10%;background:#3b82f626;animation-duration:10s;animation-delay:-2s}._decorativeGlow_vlzoa_15:last-child{bottom:10%;left:50%;background:#f59e0b1a;animation-duration:12s;animation-delay:-4s}._content_vlzoa_46{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}._title_vlzoa_57{font-family:var(--font-title);font-size:3.5rem;font-weight:400;letter-spacing:.05em;color:var(--text-primary);margin-bottom:1rem;text-align:center;filter:drop-shadow(0 10px 25px rgba(0,0,0,.3))}._subtitle_vlzoa_68{font-family:var(--font-body);font-size:1.5rem;font-weight:500;color:var(--text-secondary);margin-bottom:3rem;text-align:center}._buttonContainer_vlzoa_77{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:24rem}._button_vlzoa_77{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem;font-family:var(--font-display);font-size:1.5rem;font-weight:700;padding:1.5rem 3rem;border-radius:var(--radius-2xl);border:none;cursor:pointer;transition:all var(--duration-normal);text-decoration:none;overflow:hidden}._button_vlzoa_77:before{content:"";position:absolute;inset:0;background:inherit;filter:blur(20px);opacity:0;transition:opacity var(--duration-normal)}._button_vlzoa_77:hover:before{opacity:.6}._hostButton_vlzoa_117{background:linear-gradient(135deg,var(--color-electric-blue),var(--color-stage-purple));color:#fff}._hostButton_vlzoa_117:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #3b82f666}._playerButton_vlzoa_127{background:linear-gradient(135deg,var(--color-neon-pink),var(--color-game-show-gold));color:#fff}._playerButton_vlzoa_127:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #ec489966}._icon_vlzoa_137{font-size:2rem}@media(min-width:768px){._title_vlzoa_57{font-size:5rem}._subtitle_vlzoa_68{font-size:1.75rem}._buttonContainer_vlzoa_77{max-width:32rem}}@keyframes _float_vlzoa_1{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-20px) translate(10px)}66%{transform:translateY(10px) translate(-10px)}}._container_o64l1_3{height:100vh;position:relative;overflow:hidden}._background_o64l1_9{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--bg-gradient-start),var(--bg-gradient-mid),var(--bg-gradient-end))}._decorativeGlow_o64l1_15{position:absolute;width:24rem;height:24rem;border-radius:9999px;filter:blur(3rem);animation:_float_o64l1_1 6s ease-in-out infinite}._decorativeGlow_o64l1_15:first-child{top:5rem;left:5rem;background:#ec48991a}._decorativeGlow_o64l1_15:last-child{bottom:5rem;right:5rem;background:#f59e0b1a;animation-duration:8s}._content_o64l1_37{position:relative;z-index:10;max-width:80rem;height:100%;margin:0 auto;padding:2rem;display:flex;flex-direction:column;overflow:hidden}._header_o64l1_49{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-shrink:0}._title_o64l1_57{font-family:var(--font-title);font-size:3.5rem;font-weight:400;letter-spacing:.05em;color:var(--text-primary)}._connectionStatus_o64l1_65{display:flex;align-items:center;gap:.75rem}._statusDot_o64l1_71{width:.75rem;height:.75rem;border-radius:9999px;animation:_pulse_o64l1_1 2s ease-in-out infinite}._statusDot_o64l1_71._connected_o64l1_78{background:var(--color-success)}._statusDot_o64l1_71._disconnected_o64l1_82{background:var(--color-warning)}._statusText_o64l1_86{font-family:var(--font-body);font-size:1.25rem;font-weight:500;color:var(--text-secondary)}._roomCodeSection_o64l1_93{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;flex-shrink:0}._roomCodeCard_o64l1_101{position:relative}._roomCodeGlow_o64l1_105{position:absolute;inset:-2rem;background:radial-gradient(circle,rgba(252,211,77,.25) 0%,rgba(252,211,77,.08) 40%,transparent 70%);filter:blur(4rem);animation:_pulseGlow_o64l1_1 3s ease-in-out infinite}._roomCodeInner_o64l1_113{position:relative;background:linear-gradient(to right,#312e81cc,#4c1d95cc);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border-radius:var(--radius-2xl);padding:1.5rem 2.5rem;border:4px solid rgba(245,158,11,.5);box-shadow:var(--glow-gold)}._roomCodeContent_o64l1_123{display:flex;align-items:center;gap:2rem}._roomCodeText_o64l1_129{flex:1}._roomCodeLabel_o64l1_133{font-family:var(--font-body);color:var(--text-secondary);font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:.5rem}._roomCode_o64l1_93{font-family:var(--font-display);font-size:5rem;font-weight:900;letter-spacing:.1em;color:var(--color-spotlight-yellow);filter:drop-shadow(0 25px 50px rgba(0,0,0,.25));text-align:center;line-height:1}._qrCodeContainer_o64l1_153{flex-shrink:0;padding:1rem;background:#fffffff2;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0003}._instructions_o64l1_161{font-family:var(--font-body);font-size:1.5rem;font-weight:500;color:var(--text-secondary);margin-top:1rem;text-align:center}._instructionsHighlight_o64l1_170{font-family:var(--font-display);font-weight:700;color:var(--text-primary)}._playersSection_o64l1_176{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}._playersHeader_o64l1_184{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;flex-shrink:0}._playersCount_o64l1_193{color:var(--color-game-show-gold)}._emptyState_o64l1_197{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}._emptyStateText_o64l1_206{font-family:var(--font-body);font-size:2rem;font-weight:500;color:var(--text-secondary);opacity:.8;margin-bottom:1rem}._loadingDots_o64l1_215{display:flex;justify-content:center;gap:.5rem}._loadingDot_o64l1_215{width:.75rem;height:.75rem;border-radius:9999px;background:var(--color-game-show-gold);animation:_pulse_o64l1_1 1.5s ease-in-out infinite}._loadingDot_o64l1_215:nth-child(2){animation-delay:.2s}._loadingDot_o64l1_215:nth-child(3){animation-delay:.4s}._playersGrid_o64l1_237{flex:1;min-height:0;overflow-y:auto;overflow-x:visible;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;align-content:start;padding:.5rem .5rem 1rem}._playerCardWrapper_o64l1_250{overflow:visible;padding:.25rem;margin:-.25rem}._playerCard_o64l1_250{background:#4c1d9599;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border-radius:var(--radius-lg);padding:1rem;border:2px solid rgba(59,130,246,.3);animation:_playerJoin_o64l1_1 .5s ease-out}@keyframes _playerJoin_o64l1_1{0%{opacity:0;transform:scale(.8) translateY(20px);box-shadow:0 0 #f59e0b00}60%{transform:scale(1.05) translateY(-5px);box-shadow:var(--glow-gold);border-color:var(--color-game-show-gold)}to{opacity:1;transform:scale(1) translateY(0);box-shadow:0 0 #f59e0b00}}._playerAvatar_o64l1_283{position:relative;width:4rem;height:4rem;margin:0 auto .75rem}._avatarRing_o64l1_290{position:absolute;inset:0;border-radius:9999px;padding:2px}._avatarRing_o64l1_290._connected_o64l1_78{background:linear-gradient(to bottom right,var(--color-neon-pink),var(--color-electric-blue))}._avatarRing_o64l1_290._disconnected_o64l1_82{background:linear-gradient(to bottom right,#6b7280,#4b5563)}._avatarInner_o64l1_305{width:100%;height:100%;border-radius:9999px;background:var(--bg-stage-dark);display:flex;align-items:center;justify-content:center;font-size:1.75rem}._playerName_o64l1_316{font-family:var(--font-display);font-size:1.25rem;font-weight:700;text-align:center;color:var(--text-primary);margin-bottom:.5rem}._playerStatus_o64l1_325{display:flex;align-items:center;justify-content:center;gap:.5rem}._playerStatusDot_o64l1_332{width:.625rem;height:.625rem;border-radius:9999px}._playerStatusDot_o64l1_332._connected_o64l1_78{background:var(--color-success);animation:_pulse_o64l1_1 2s ease-in-out infinite}._playerStatusDot_o64l1_332._disconnected_o64l1_82{background:#6b7280}._playerStatusText_o64l1_347{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--text-secondary)}._error_o64l1_354{background:var(--color-warning);color:#fff;padding:2rem;border-radius:var(--radius-lg);text-align:center;max-width:48rem;margin:0 auto}._createView_o64l1_365{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}._createTitle_o64l1_374{font-family:var(--font-title);font-size:4rem;font-weight:400;letter-spacing:.05em;color:var(--text-primary);margin-bottom:1rem}._createSubtitle_o64l1_383{font-family:var(--font-body);font-size:2rem;font-weight:500;color:var(--text-secondary);margin-bottom:3rem}._createButton_o64l1_391{background:linear-gradient(to right,var(--color-neon-pink),var(--color-stage-purple));color:#fff;font-family:var(--font-display);font-size:2rem;font-weight:700;padding:1.5rem 4rem;border-radius:var(--radius-xl);border:none;cursor:pointer;transition:all var(--duration-normal)}._createButton_o64l1_391:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--glow-pink);background:linear-gradient(to right,#db2777,#7c3aed)}._createButton_o64l1_391:disabled{opacity:.5;cursor:not-allowed}._container_1gk78_3{min-height:100vh;position:relative;overflow:hidden}._background_1gk78_9{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--bg-gradient-start),var(--bg-gradient-mid),var(--bg-gradient-end))}._decorativeGlow_1gk78_15{position:absolute;width:16rem;height:16rem;border-radius:9999px;filter:blur(3rem);animation:_float_1gk78_1 6s ease-in-out infinite}._decorativeGlow_1gk78_15:first-child{top:5rem;left:5rem;background:#ec48991a}._decorativeGlow_1gk78_15:last-child{bottom:5rem;right:5rem;background:#3b82f61a;animation-duration:8s}._content_1gk78_37{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem}._title_1gk78_48{font-family:var(--font-title);font-size:2rem;font-weight:400;letter-spacing:.05em;color:var(--text-primary);margin-bottom:1rem;text-align:center}._subtitle_1gk78_58{font-family:var(--font-body);font-size:1.25rem;font-weight:500;color:var(--text-secondary);margin-bottom:2rem}._error_1gk78_66{background:var(--color-warning);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;max-width:28rem;text-align:center;font-size:1rem}._form_1gk78_78{background:#4c1d9599;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border-radius:var(--radius-2xl);padding:2rem;width:100%;max-width:28rem;border:2px solid rgba(59,130,246,.3)}._formGroup_1gk78_88{margin-bottom:1.5rem}._label_1gk78_92{display:block;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}._roomCodeInput_1gk78_101{width:100%;padding:1rem;border-radius:var(--radius-lg);background:var(--bg-stage-dark);border:2px solid rgba(245,158,11,.5);color:var(--color-spotlight-yellow);font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center;transition:all var(--duration-fast)}._roomCodeInput_1gk78_101:focus{outline:none;border-color:var(--color-game-show-gold);box-shadow:0 0 0 3px #f59e0b4d}._roomCodeInput_1gk78_101::-moz-placeholder{color:#f59e0b4d}._roomCodeInput_1gk78_101::placeholder{color:#f59e0b4d}._nameInput_1gk78_127{width:100%;padding:1rem;border-radius:var(--radius-lg);background:var(--bg-stage-dark);border:2px solid rgba(59,130,246,.5);color:var(--text-primary);font-family:var(--font-body);font-size:1.125rem;transition:all var(--duration-fast)}._nameInput_1gk78_127:focus{outline:none;border-color:var(--color-electric-blue);box-shadow:0 0 0 3px #3b82f64d}._nameInput_1gk78_127::-moz-placeholder{color:#e0e7ff80}._nameInput_1gk78_127::placeholder{color:#e0e7ff80}._submitButton_1gk78_149{width:100%;background:linear-gradient(to right,var(--color-neon-pink),var(--color-stage-purple));color:#fff;font-family:var(--font-display);font-size:1.25rem;font-weight:700;padding:1rem 2rem;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--duration-normal);margin-top:.5rem}._submitButton_1gk78_149:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--glow-pink);background:linear-gradient(to right,#db2777,#7c3aed)}._submitButton_1gk78_149:disabled{opacity:.5;cursor:not-allowed}._submitButton_1gk78_149:disabled:hover{transform:none}._connectionStatus_1gk78_179{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem}._statusDot_1gk78_186{width:.75rem;height:.75rem;border-radius:9999px;animation:_pulse_1gk78_1 2s ease-in-out infinite}._statusDot_1gk78_186._connected_1gk78_193{background:var(--color-success)}._statusDot_1gk78_186._disconnected_1gk78_197{background:var(--color-warning)}._statusText_1gk78_201{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--text-secondary)}._waitingCard_1gk78_209{background:#4c1d9599;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border-radius:var(--radius-2xl);padding:2rem;width:100%;max-width:28rem;border:2px solid rgba(59,130,246,.3)}._roomCodeDisplay_1gk78_219{text-align:center;margin-bottom:2rem}._roomCodeDisplayLabel_1gk78_224{font-family:var(--font-body);color:var(--text-secondary);font-size:1rem;font-weight:500;margin-bottom:.75rem}._roomCodeDisplayValue_1gk78_232{position:relative;display:inline-block}._roomCodeDisplayGlow_1gk78_237{position:absolute;inset:0;background:#fcd34d33;filter:blur(2rem);border-radius:9999px}._roomCodeDisplayText_1gk78_245{position:relative;font-family:var(--font-display);font-size:3rem;font-weight:900;letter-spacing:.1em;color:var(--color-spotlight-yellow);filter:drop-shadow(0 10px 25px rgba(0,0,0,.25))}._playerNameDisplay_1gk78_255{text-align:center;margin-bottom:2rem}._playerNameLabel_1gk78_260{font-family:var(--font-body);color:var(--text-secondary);font-size:1rem;font-weight:500;margin-bottom:.75rem}._playerNameBorder_1gk78_268{background:linear-gradient(to right,var(--color-neon-pink),var(--color-electric-blue));padding:2px;border-radius:var(--radius-lg);display:inline-block}._playerNameInner_1gk78_275{background:var(--bg-stage-dark);border-radius:var(--radius-lg);padding:.75rem 1.5rem}._playerNameText_1gk78_281{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary)}._waitingMessage_1gk78_288{text-align:center;margin-bottom:2rem}._waitingMessageText_1gk78_293{font-family:var(--font-body);font-size:1.125rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem}._loadingDots_1gk78_301{display:flex;justify-content:center;gap:.5rem}._loadingDot_1gk78_301{width:.75rem;height:.75rem;border-radius:9999px;background:var(--color-game-show-gold);animation:_pulse_1gk78_1 1.5s ease-in-out infinite}._loadingDot_1gk78_301:nth-child(2){animation-delay:.2s}._loadingDot_1gk78_301:nth-child(3){animation-delay:.4s}._leaveButton_1gk78_323{width:100%;background:linear-gradient(to right,#ef4444,#dc2626);color:#fff;font-family:var(--font-display);font-size:1.125rem;font-weight:700;padding:1rem 2rem;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--duration-normal)}._leaveButton_1gk78_323:hover{transform:scale(1.05);background:linear-gradient(to right,#dc2626,#b91c1c)}