:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f1a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.home-page{color:#fff;background:#0f0f1a;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.home-page h1{background:linear-gradient(135deg,#f9a825,#e91e63);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.25rem;font-size:2.5rem}.status{opacity:.7;margin-bottom:1.5rem;font-size:.85rem}.card{background:#1a1a2e;border-radius:12px;flex-direction:column;gap:.75rem;width:100%;max-width:360px;padding:1.5rem;display:flex}label{opacity:.8;font-size:.85rem}input{color:#fff;box-sizing:border-box;background:#0f0f1a;border:1px solid #333;border-radius:8px;width:100%;padding:.6rem .9rem;font-size:1rem}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f9a825,#e91e63);border:none;border-radius:8px;padding:.75rem;font-size:1rem;font-weight:600;transition:opacity .2s}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:#2a2a4a}.divider{text-align:center;opacity:.5;font-size:.8rem}.error{color:#ff5252;margin:0;font-size:.85rem}.category-wheel{width:100%;height:100%;display:block}.prize-wheel{flex-direction:column;align-items:center;gap:.3rem;width:100%;display:flex}.prize-wheel-mask{perspective:600px;background:#111;border:2px solid #2a2a4a;border-radius:10px;width:100%;height:72px;position:relative;overflow:hidden}.prize-strip{will-change:transform;height:100%;transform-style:preserve-3d;display:flex;position:absolute;top:0;left:0}.prize-item{color:#1a1a1a;box-sizing:border-box;transform-origin:50%;will-change:transform, opacity;background:#fffde0;border-top:2px solid #1a1a1a;border-bottom:2px solid #1a1a1a;border-right:2px solid #1a1a1a;flex-shrink:0;justify-content:center;align-items:center;width:120px;font-size:1rem;font-weight:800;display:flex}.prize-center-frame{pointer-events:none;z-index:2;border:3px solid #f9a825;border-radius:6px;width:122px;position:absolute;top:3px;bottom:3px;left:calc(50% - 61px);box-shadow:0 0 16px #f9a82599,inset 0 0 8px #f9a8251a}.prize-fade-left,.prize-fade-right{pointer-events:none;z-index:1;width:25%;position:absolute;top:0;bottom:0}.prize-fade-left{background:linear-gradient(90deg,#111 10%,#0000);left:0}.prize-fade-right{background:linear-gradient(270deg,#111 10%,#0000);right:0}.prize-label{opacity:.5;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin:0;font-size:.7rem}.wheel-board{flex:1;justify-content:center;align-items:center;min-height:0;padding:.25rem;display:flex;overflow:hidden}.wheel-column{flex-direction:column;align-items:center;gap:.4rem;display:flex}.category-wheel-wrap{aspect-ratio:1;flex-shrink:0;width:min(100dvw - .5rem,70dvh - 150px);overflow:hidden}.prize-wheel-wrap{flex-shrink:0;width:min(100dvw - .5rem,70dvh - 150px)}.chat-panel{background:#1a1a2e;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:.75rem;display:flex;overflow-y:auto}.chat-bubble{flex-direction:column;gap:2px;max-width:85%;display:flex}.chat-bubble.mine{align-self:flex-end;align-items:flex-end}.chat-bubble.theirs{align-self:flex-start;align-items:flex-start}.chat-sender{opacity:.5;font-size:.7rem}.chat-text{word-break:break-word;color:#fff;background:#2a2a4a;border-radius:12px;padding:.4rem .7rem;font-size:.9rem}.chat-bubble.mine .chat-text{background:linear-gradient(135deg,#f9a825,#e91e63)}.chat-media{border-radius:8px;max-width:100%;margin-top:4px}.chat-input-row{border-top:1px solid #2a2a4a;flex-shrink:0;gap:.4rem;padding:.5rem;display:flex}.chat-input-row input{color:#fff;background:#0f0f1a;border:1px solid #333;border-radius:20px;flex:1;padding:.5rem .7rem;font-size:.9rem}.chat-input-row button:disabled{opacity:.4}.result-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.result-card{color:#fff;background:#1a1a2e;border-radius:16px;flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:1.5rem;display:flex;box-shadow:0 0 40px #f9a8254d}.result-category{border:2px solid #fff;border-radius:10px;flex-direction:column;gap:2px;padding:.75rem 1rem;display:flex}.result-label{text-transform:uppercase;letter-spacing:.1em;opacity:.6;font-size:.7rem}.result-value{font-size:1.6rem;font-weight:800}.result-difficulty{opacity:.7;text-transform:capitalize;font-size:.75rem}.result-prize{text-align:center}.prize-amount{color:#f9a825;font-size:2.2rem}.result-question{background:#0f0f1a;border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem;font-size:.95rem;display:flex}.question-text{margin:0;font-size:1rem;line-height:1.4}.result-answer{color:#4caf50;margin:0;font-weight:700}.answer-input-row{gap:.4rem;margin-top:.25rem;display:flex}.answer-input-row input{color:#fff;background:#1a1a2e;border:1px solid #333;border-radius:8px;flex:1;padding:.5rem .7rem;font-size:.95rem}.answer-input-row button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f9a825,#e91e63);border:none;border-radius:8px;padding:.5rem .8rem;font-size:.9rem;font-weight:700}.answer-input-row button:disabled{opacity:.4}.waiting-text{opacity:.6;margin:0;font-size:.85rem;font-style:italic}.contestant-answer-box{background:#1a1a2e;border:1px solid #333;border-radius:8px;flex-direction:column;gap:.4rem;padding:.6rem .8rem;display:flex}.contestant-answer-text{color:#e0e0ff;margin:0;font-size:1rem;font-weight:600}.mark-buttons{gap:.5rem;margin-top:.25rem;display:flex}.btn-correct,.btn-wrong{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.6rem;font-size:1rem;font-weight:700}.btn-correct{color:#fff;background:#4caf50}.btn-wrong{color:#fff;background:#f44336}.verdict-banner{text-align:center;border-radius:10px;padding:.85rem;font-size:1.1rem;font-weight:800}.verdict-banner.correct{color:#4caf50;background:#4caf5033}.verdict-banner.wrong{color:#f44336;background:#f4433633}.result-close{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f9a825,#e91e63);border:none;border-radius:8px;padding:.75rem;font-size:1rem;font-weight:700}.question-selector,.custom-question-editor{flex-direction:column;gap:.5rem;display:flex}.custom-q-input,.custom-a-input{color:#fff;box-sizing:border-box;background:#1a1a2e;border:1px solid #333;border-radius:8px;width:100%;padding:.5rem .7rem;font-size:.95rem}.custom-q-input{resize:vertical;min-height:80px}.selector-buttons{gap:.5rem;margin-top:.5rem;display:flex}.selector-buttons button{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex:1;padding:.6rem;font-size:.9rem;font-weight:700}.btn-use-default,.btn-send-custom{color:#fff;background:linear-gradient(135deg,#f9a825,#e91e63)}.btn-use-default:disabled,.btn-send-custom:disabled{opacity:.4;cursor:not-allowed}.btn-write-custom.secondary,.btn-cancel-custom.secondary{color:#fff;background:0 0;border:1px solid #ffffff4d}.btn-write-custom.secondary:hover,.btn-cancel-custom.secondary:hover{background:#ffffff0d}.typing-indicator-container{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.typing-label{color:#fff9;font-size:.85rem;font-style:italic}.typing-dots{align-items:center;gap:4px;display:inline-flex}.typing-dot{background-color:#f9a825;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce;display:inline-block}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.3;transform:scale(.3)}40%{opacity:1;transform:scale(1)}}.spin-button-circle{color:#fff;cursor:pointer;z-index:20;background:linear-gradient(135deg,#f9a825,#e91e63);border:3px solid #f9a825cc;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;transition:transform .15s,opacity .3s;display:flex;position:fixed;top:54px;right:12px;box-shadow:0 4px 20px #f9a82580}.spin-button-circle:active:not(:disabled){transform:scale(.9)}.spin-button-circle.spinning{opacity:0;pointer-events:none;transform:scale(.5)}.spin-button-circle.waiting{box-shadow:none;cursor:not-allowed;background:#2a2a4a;border-color:#444}.game-view{color:#fff;background:#0f0f1a;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.game-header{background:#1a1a2e;flex-shrink:0;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;display:flex}.room-code{letter-spacing:.08em;color:#f9a825;white-space:nowrap;font-weight:700}.score-display{color:#4caf50;white-space:nowrap;font-weight:700}.player-info{opacity:.65;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;overflow:hidden}.share-btn{color:#f9a825;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #f9a825;border-radius:6px;padding:.2rem .55rem;font-size:.78rem;font-weight:600}.share-btn:hover{background:#f9a8251f}.wheel-area{flex:1;min-height:0;display:flex;overflow:hidden}.chat-section{background:#1a1a2e;border-top:1px solid #2a2a4a;flex-direction:column;flex-shrink:0;height:25dvh;min-height:0;transition:height .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:visible}.chat-section.expanded{height:45dvh}.chat-toggle{color:#ffffffb3;cursor:pointer;background:#1a1a2e;border:none;border-bottom:1px solid #2a2a4a;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:32px;font-size:.82rem;font-weight:600;display:flex}.chat-toggle-label{align-items:center;gap:.4rem;display:flex}.chat-badge{color:#fff;background:#f44336;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:800;display:inline-flex}.chat-body{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.chat-input-row{background:#1a1a2e;border-top:1px solid #2a2a4a;flex-shrink:0;gap:.4rem;padding:.5rem;display:flex}.chat-input-row input{color:#fff;background:#0f0f1a;border:1px solid #333;border-radius:20px;flex:1;min-width:0;padding:.5rem .7rem;font-size:.9rem}.chat-input-row button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f9a825,#e91e63);border:none;border-radius:20px;padding:.5rem .8rem;font-size:.85rem;font-weight:600}.chat-input-row button:disabled{opacity:.4;cursor:not-allowed}.score-circle{color:#fff;z-index:20;text-align:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border:3px solid #4caf50cc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;font-family:inherit;display:flex;position:fixed;top:54px;left:12px;box-shadow:0 4px 20px #4caf5066}.score-circle .score-label{text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:-1px;font-size:.6rem;font-weight:700}.score-circle .score-val{font-size:.95rem;font-weight:800}