:root{--gn-primary: #ff6600;--gn-dark: #cc5200;--gn-accent: #ff9933;--gn-light: #fff5e6;--color-red: #e91e3a;--color-blue: #1568d2;--color-yellow: #f5a623;--color-green: #2db84b;font-family:Plus Jakarta Sans,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f60,#a03,#4a00e0);color:#fff;min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}#app,#language-selector{position:relative;z-index:10}.shape-1,.shape-2,.shape-3{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6}.shape-1{width:50vw;height:50vw;background:var(--gn-accent);top:-20%;right:-10%;animation:float 10s ease-in-out infinite alternate}.shape-2{width:40vw;height:40vw;background:#ff007f;bottom:-10%;left:-10%;animation:float 12s ease-in-out infinite alternate-reverse}.shape-3{width:30vw;height:30vw;background:var(--color-yellow);top:40%;left:30%;animation:float 15s ease-in-out infinite alternate;opacity:.3}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(50px,-50px) scale(1.1)}}#language-selector{position:absolute;top:20px;right:20px;padding:8px 16px;display:flex;align-items:center;gap:8px;border-radius:20px;z-index:100}#langSelect{background:transparent;border:none;color:#fff;font-family:inherit;font-weight:600;font-size:1rem;cursor:pointer;outline:none}#langSelect option{color:#333}.glass-panel{background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 8px 32px #00000026}.screen-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;width:100%;max-width:500px;margin:0 auto;min-height:100vh;min-height:100dvh}.hidden-screen{display:none!important}.active-screen{display:flex;flex-direction:column;width:100%;animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo-container{text-align:center;margin-bottom:40px}.brand-logo{font-size:3.5rem;font-weight:800;letter-spacing:-1px;text-shadow:0 4px 12px rgba(0,0,0,.2)}.brand-logo span{color:var(--gn-accent)}.join-panel{padding:40px 30px;text-align:center;width:100%}.join-panel h2{margin-bottom:24px;font-size:1.5rem;font-weight:600}.input-group{margin-bottom:20px}input{width:100%;padding:16px 20px;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#ffffffe6;font-size:1.25rem;font-weight:700;text-align:center;color:#333;outline:none;font-family:inherit;transition:all .2s}input:focus{border-color:var(--gn-accent);box-shadow:0 0 0 4px #00d2ff4d}.btn-primary{width:100%;padding:16px 20px;border-radius:12px;border:none;background:#333;color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s ease;box-shadow:0 4px #111}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px #111}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px #111}.answer-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;width:100%;height:80vh;height:80dvh;padding:8px 0}.answer-btn{border:none;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;box-shadow:0 6px #00000040;transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden;color:#fff;padding:16px 8px}.answer-text{font-size:1.15rem;font-weight:800;text-align:center;padding:0 6px;text-shadow:0 1px 3px rgba(0,0,0,.3);pointer-events:none;line-height:1.3;word-break:break-word}.answer-btn:active{transform:translateY(4px);box-shadow:0 2px #00000040}.color-red{background-color:var(--color-red)}.color-blue{background-color:var(--color-blue)}.color-yellow{background-color:var(--color-yellow)}.color-green{background-color:var(--color-green)}.shape{background:#fff}.triangle{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid white;background:transparent}.diamond{width:30px;height:30px;transform:rotate(45deg)}.circle{width:35px;height:35px;border-radius:50%}.square{width:30px;height:30px}.wait-screen{text-align:center;align-items:center;justify-content:center;height:100%}.loader{border:6px solid rgba(255,255,255,.2);border-top:6px solid white;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:30px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nickname-badge{background:#0000004d;padding:8px 16px;border-radius:20px;font-weight:700;font-size:1.2rem;margin-top:20px}.host-body{overflow-y:auto;overflow-x:hidden}.host-container{max-width:1200px;min-height:auto}.host-screen{width:100%;display:flex!important;flex-direction:column;padding-bottom:20px}.hidden-screen.host-screen{display:none!important}.pin-display{background:#fff;color:#333;padding:20px 40px;border-radius:16px;text-align:center;margin-bottom:30px;box-shadow:0 8px 32px #0003}#display-pin{font-size:5rem;font-weight:800;letter-spacing:5px;color:var(--gn-primary)}.players-list{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:30px;flex:1;margin-bottom:30px;min-height:300px}.names-grid{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.player-badge{background:#fff;color:#333;padding:10px 20px;border-radius:30px;font-weight:800;font-size:1.2rem;box-shadow:0 4px #ccc;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.start-btn{font-size:1.5rem;padding:20px;background:#fff;color:var(--gn-primary);cursor:pointer;border:none;border-radius:12px;font-weight:700;box-shadow:0 6px #ccc}.start-btn:active{box-shadow:0 2px #ccc;transform:translateY(4px)}.question-text{text-align:center;font-size:3rem;background:#fff;color:#333;padding:20px;border-radius:16px;margin-bottom:20px;box-shadow:0 6px 20px #00000026}.timer-circle{width:80px;height:80px;background:var(--gn-primary);border:4px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;margin:0 auto 20px;box-shadow:0 4px 15px #0003}.media-area{flex:1;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.media-area img{max-width:100%;max-height:300px;border-radius:16px;box-shadow:0 8px 24px #0003}.host-answers-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:15px;height:300px}.host-answer{border-radius:16px;display:flex;align-items:center;padding:0 30px;font-size:1.5rem;font-weight:700;box-shadow:0 6px #0003}.host-main-title{font-size:4rem;font-weight:800;color:#fff;text-align:center;margin-bottom:20px;text-shadow:0 4px 15px rgba(0,0,0,.3)}.small-title{font-size:2rem;margin-bottom:10px}.host-answer .shape{margin-right:20px}.host-answer .triangle,.host-answer .circle,.host-answer .square{transform:scale(.6)}.host-answer .diamond{transform:scale(.6) rotate(45deg)}