.creator-footer{position:fixed;bottom:0;left:0;right:0;padding:.75rem;text-align:center;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);z-index:100}.creator-footer a{color:#fff9;text-decoration:none;font-size:.85rem;transition:color .2s}.creator-footer a:hover{color:#48dbfb}.lobby{text-align:center;padding:2rem;max-width:1200px;width:100%}.title{font-size:4rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(45deg,#ff6b6b,#feca57,#48dbfb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.5rem;color:#888;margin-bottom:3rem}.create-btn{font-size:1.5rem;padding:1rem 3rem;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s}.create-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #ff6b6b66}.room-info{display:flex;justify-content:center;gap:4rem;margin:2rem 0;flex-wrap:wrap}.qr-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.scan-text{color:#888}.join-link-btn{display:inline-block;margin-top:.5rem;padding:.6rem 1.2rem;background:#48dbfb33;color:#48dbfb;text-decoration:none;border-radius:8px;font-size:.9rem;transition:background .2s,transform .2s}.join-link-btn:hover{background:#48dbfb66;transform:scale(1.02)}.code-section{display:flex;flex-direction:column;justify-content:center}.code-label{font-size:1rem;color:#888;margin-bottom:.5rem}.room-code{font-size:5rem;font-weight:700;letter-spacing:.5rem;color:#48dbfb}.players-section{margin:2rem 0}.players-section h2{margin-bottom:1rem;color:#ccc}.players-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.player-card{background:#ffffff1a;padding:1rem 2rem;border-radius:10px;font-size:1.2rem}.waiting-text{color:#666;font-style:italic}.game-selection{margin-top:2rem}.game-selection h2{margin-bottom:1rem;color:#ccc}.games-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.game-btn{font-size:1.2rem;padding:1rem 2rem;background:linear-gradient(45deg,#6c5ce7,#a29bfe);border:none;border-radius:15px;color:#fff;cursor:pointer;transition:transform .2s}.game-btn:hover:not(.disabled){transform:scale(1.05)}.game-btn.disabled{opacity:.5;cursor:not-allowed;background:#444}.loading-spinner{margin-top:3rem}.loading-spinner p{font-size:1.5rem;color:#888;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.player-card.host{background:linear-gradient(45deg,#ff6b6b,#ee5a24);position:relative}.host-badge{font-size:.7rem;background:#0000004d;padding:.2rem .5rem;border-radius:5px;margin-left:.5rem;vertical-align:middle}.instruction-box{margin-top:2rem;padding:1.5rem 2rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.instruction-box p{color:#888;margin:.5rem 0}.instruction-box strong{color:#48dbfb}.instruction-box.ready{background:#2ed5731a;border-color:#2ed5734d}.instruction-box.ready p{color:#2ed573}.instruction-box.warning{background:#ff6b6b1a;border-color:#ff6b6b4d}.instruction-box.warning p{color:#ff6b6b}.back-btn{position:absolute;top:2rem;left:2rem;padding:.8rem 1.5rem;font-size:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#888;cursor:pointer;transition:all .2s}.back-btn:hover{background:#ffffff26;color:#fff}.lobby{position:relative}.game-screen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.game-header{position:absolute;top:2rem;left:0;right:0;display:flex;justify-content:space-between;padding:0 2rem}.round{font-size:1.2rem;color:#888}.game-type{font-size:1.2rem;color:#48dbfb}.current-player{text-align:center;margin-bottom:2rem}.current-player p{font-size:1.5rem;color:#888}.current-player h1{font-size:4rem;background:linear-gradient(45deg,#ff6b6b,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.waiting-choice{text-align:center}.waiting-choice p{font-size:1.5rem;color:#666;margin-bottom:2rem}.choice-options{display:flex;align-items:center;gap:2rem;font-size:2rem}.choice{padding:1rem 2rem;border-radius:15px;animation:pulse 2s infinite}.choice.truth{background:#48dbfb33;color:#48dbfb}.choice.dare{background:#ff6b6b33;color:#ff6b6b}.or{color:#666}.challenge{text-align:center;padding:3rem;border-radius:20px;max-width:800px;animation:slideIn .5s ease-out}.challenge.truth{background:linear-gradient(135deg,#48dbfb33,#48dbfb0d);border:2px solid #48dbfb}.challenge.dare{background:linear-gradient(135deg,#ff6b6b33,#ff6b6b0d);border:2px solid #ff6b6b}.challenge-type{font-size:1rem;text-transform:uppercase;letter-spacing:.3rem;color:#888;margin-bottom:1rem;display:block}.challenge-text{font-size:2.5rem;line-height:1.4}.players-bar{position:absolute;bottom:2rem;left:0;right:0;display:flex;justify-content:center;gap:1rem;padding:0 2rem;flex-wrap:wrap}.player-mini{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:#ffffff0d;border-radius:10px;transition:all .3s}.player-mini.active{background:#ff6b6b33;transform:scale(1.1)}.player-name{font-size:.9rem}.player-score{font-size:.8rem;color:#888}.finished-title{font-size:4rem;margin-bottom:2rem;background:linear-gradient(45deg,#feca57,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scores{text-align:center}.scores h2{margin-bottom:1rem;color:#888}.score-row{display:flex;gap:2rem;padding:1rem 2rem;background:#ffffff0d;border-radius:10px;margin-bottom:.5rem;font-size:1.5rem}.rank{color:#feca57}.name{flex:1}.score{color:#48dbfb}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-overlay{position:fixed;left:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;max-width:300px;z-index:50}.chat-bubble{background:#000000b3;padding:.8rem 1.2rem;border-radius:15px;font-size:1rem;animation:chatSlideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-bubble strong{color:#feca57}.chat-bubble.emote{text-align:center;background:#6c5ce766}.emote-msg{display:flex;align-items:center;gap:.5rem;justify-content:center}.emote-msg strong{font-size:.9rem}@keyframes chatSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.countdown-info{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);text-align:center;width:300px}.countdown-info p{color:#888;font-size:1rem;margin-bottom:.5rem}.countdown-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.countdown-progress{height:100%;background:linear-gradient(90deg,#48dbfb,#00d2d3);border-radius:3px;transition:width 1s linear}.header-left{display:flex;align-items:center;gap:1rem}.category-tag{padding:.3rem .8rem;border-radius:15px;font-size:1rem;font-weight:700}.player-level-display{margin-top:.5rem;font-size:1.2rem;font-weight:700}.challenge-header{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.challenge-level{font-size:1.1rem;font-weight:700;padding:.3rem .8rem;background:#ffffff1a;border-radius:10px}.challenge-points{font-size:1.1rem;font-weight:700;color:#feca57;padding:.3rem .8rem;background:#feca5733;border-radius:10px}.player-mini-stats{display:flex;gap:.5rem;font-size:.75rem;margin-top:.2rem}.mini-level{font-weight:700}.mini-score{color:#48dbfb}.finished-screen{padding:2rem}.category-badge-large{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:20px;font-size:1.2rem;font-weight:700;margin-bottom:2rem}.podium{display:flex;align-items:flex-end;justify-content:center;gap:1rem;margin-bottom:2rem}.podium-place{display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;background:#ffffff0d;border-radius:15px;min-width:150px}.podium-place.place-1{background:linear-gradient(135deg,#ffd70033,#ffd7000d);border:2px solid gold;transform:scale(1.1);order:2}.podium-place.place-2{background:linear-gradient(135deg,#c0c0c033,#c0c0c00d);border:2px solid silver;order:1}.podium-place.place-3{background:linear-gradient(135deg,#cd7f3233,#cd7f320d);border:2px solid #cd7f32;order:3}.podium-rank{font-size:2.5rem;margin-bottom:.5rem}.podium-name{font-size:1.3rem;font-weight:700;margin-bottom:.3rem}.podium-score{font-size:1.1rem;color:#48dbfb}.podium-level{font-size:.9rem;font-weight:700;margin-top:.3rem}.level-badge{font-weight:700;font-size:.9rem}.score-separator{color:#fff3;margin:0 .5rem}.app{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.home-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(180deg,#1a1a2e,#16213e)}.home-screen .title{font-size:3rem;color:#fff;text-shadow:0 0 20px rgba(72,219,251,.5);margin-bottom:.5rem}.home-screen .subtitle{color:#888;margin-bottom:3rem;font-size:1.2rem}.home-choices{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:400px}.home-choice-btn{display:flex;flex-direction:column;align-items:center;padding:2rem;border:none;border-radius:20px;cursor:pointer;transition:transform .2s,box-shadow .2s}.home-choice-btn.create{background:linear-gradient(135deg,#48dbfb,#0abde3);box-shadow:0 4px 20px #48dbfb66}.home-choice-btn.join{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 20px #ff6b6b66;padding:1rem 2rem}.home-choice-btn:hover:not(:disabled){transform:translateY(-3px)}.home-choice-btn:disabled{opacity:.6;cursor:not-allowed}.home-choice-btn .choice-icon{font-size:3rem;margin-bottom:.5rem}.home-choice-btn .choice-text{font-size:1.5rem;font-weight:700;color:#fff}.home-choice-btn .choice-desc{font-size:.9rem;color:#fffc;margin-top:.3rem}.home-divider{display:flex;align-items:center;gap:1rem;color:#666}.home-divider:before,.home-divider:after{content:"";flex:1;height:1px;background:#333}.join-section{text-align:center}.join-section h3{color:#888;margin-bottom:1rem;font-weight:400}.join-input-group{display:flex;gap:1rem;justify-content:center}.join-code-input{padding:1rem 1.5rem;font-size:1.5rem;text-align:center;border:2px solid #333;border-radius:12px;background:#ffffff0d;color:#fff;width:150px;letter-spacing:.3em;text-transform:uppercase}.join-code-input::placeholder{color:#555;letter-spacing:normal}.join-code-input:focus{outline:none;border-color:#48dbfb}.join-error{color:#ff6b6b;margin-top:1rem}.connection-status{color:#feca57;margin-top:2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;min-height:100vh;overflow:hidden}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}