:root{--color-brand-beige:#f0e6d2;--color-brand-ivory:#faf9f6;--color-brand-black:#000;--color-brand-white:#fff;--color-brand-rose:#ff5f7e;--color-brand-emerald:#4ef0a5;--color-brand-amber:#feb624;--color-dark-beige:#dfd7c5;--color-gray-dark:#374151;--color-gray-light:#f3f4f6;--font-display:"Bungee", sans-serif;--font-sans:"Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-dark-beige);color:var(--color-brand-black);min-height:100dvh;overflow:hidden}.gamepad-container{background-color:var(--color-brand-beige);flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.gamepad-shell{display:contents}.gamepad-main{background-color:var(--color-brand-beige);flex-direction:column;flex:1;min-height:0;padding:20px;display:flex;position:relative;overflow-y:auto}.gamepad-header{background-color:var(--color-brand-ivory);border-bottom:2px solid var(--color-brand-black);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 16px 10px;display:flex}.header-user{align-items:center;gap:12px;display:flex}.header-avatar{background-color:var(--color-brand-amber);border:1.5px solid var(--color-brand-black);box-shadow:1.5px 1.5px 0 var(--color-brand-black);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:flex}.header-meta{flex-direction:column;display:flex}.header-nickname{text-transform:uppercase;color:var(--color-brand-black);font-size:12px;font-weight:900;line-height:1.2}.header-status{color:var(--color-brand-black);opacity:.7;margin-top:2px;font-size:9px;font-weight:700;line-height:1}.header-live-indicator{background-color:var(--color-brand-rose);color:var(--color-brand-black);border:1.5px solid var(--color-brand-black);box-shadow:1.5px 1.5px 0 var(--color-brand-black);text-transform:uppercase;cursor:pointer;white-space:nowrap;border-radius:6px;padding:3px 10px;font-family:inherit;font-size:10px;font-weight:900;animation:1.2s infinite alternate pulse}.header-live-indicator:active{box-shadow:0 0 0 var(--color-brand-black);transform:translate(1.5px,1.5px)}.header-leave-btn{background-color:var(--color-brand-rose);color:var(--color-brand-black);border:1.5px solid var(--color-brand-black);box-shadow:1.5px 1.5px 0 var(--color-brand-black);text-transform:uppercase;cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:10px;font-weight:900;transition:all .1s}.header-leave-btn:active{box-shadow:0 0 0 var(--color-brand-black);transform:translate(1.5px,1.5px)}.header-leave-btn:hover{background-color:#ff3b60}.connection-indicator{align-items:center;display:flex}.connection-dot{border:1.5px solid var(--color-brand-black);width:8px;height:8px;box-shadow:1px 1px 0 var(--color-brand-black);border-radius:50%;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),background-color .3s}.connection-dot.online{background-color:var(--color-brand-emerald)}.connection-dot.offline{background-color:var(--color-brand-rose);animation:1s infinite alternate pulse}.connection-dot.syncing{transform:scale(1.8)}.brutalist-card{background-color:var(--color-brand-white);border:3px solid var(--color-brand-black);box-shadow:6px 6px 0 var(--color-brand-black);border-radius:20px;flex-direction:column;flex:1;justify-content:space-between;min-height:0;padding:20px;display:flex;overflow:hidden}.live-quiz-root{flex-grow:1;height:100%;min-height:0}.question-header{text-align:center;flex-shrink:0;margin-bottom:8px}.question-badge{border:1.5px solid var(--color-brand-black);background-color:var(--color-brand-rose);color:var(--color-brand-black);box-shadow:1.5px 1.5px 0 var(--color-brand-black);-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 10px;font-size:10px;font-weight:900;display:inline-block}.question-title{color:var(--color-brand-black);letter-spacing:-.015em;margin-top:8px;padding:0 4px;font-size:17px;font-weight:900;line-height:1.35}.central-view{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;margin-top:12px;margin-bottom:12px;display:flex;overflow:hidden}.banner-alert{background-color:var(--color-brand-rose);border:2px solid var(--color-brand-black);box-shadow:2.5px 2.5px 0 var(--color-brand-black);color:var(--color-brand-black);text-align:center;cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding:10px 14px;font-size:12px;font-weight:900;animation:.6s infinite alternate bounce;display:flex}.banner-btn-pill{background-color:var(--color-brand-black);color:var(--color-brand-white);border:1px solid var(--color-brand-black);box-shadow:1px 1px 0 var(--color-brand-white);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:900}.media-wrapper{flex-shrink:0;justify-content:center;width:100%;max-height:100%;display:flex;overflow:hidden}.options-tray{flex-direction:column;flex-shrink:0;gap:10px;width:100%;display:flex}.option-tile{background-color:var(--color-brand-ivory);border:2px solid var(--color-brand-black);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:48px;box-shadow:2.5px 2.5px 0 var(--color-brand-black);border-radius:8px;justify-content:start;align-items:center;gap:14px;padding:10px 18px;transition:all .1s ease-out;display:flex}.option-tile:hover{box-shadow:3.5px 3.5px 0 var(--color-brand-black);transform:translate(-1px,-1px)rotate(0)!important}.option-tile.selected{background-color:var(--color-brand-black)!important;color:var(--color-brand-white)!important;box-shadow:none!important;transform:translate(2px,2px)rotate(0)!important}.option-letter{background-color:var(--color-brand-black);width:22px;height:22px;color:var(--color-brand-white);border:1.5px solid var(--color-brand-black);box-shadow:1px 1px 0 var(--color-brand-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:900;display:flex}.option-tile.selected .option-letter{background-color:var(--color-brand-white)!important;color:var(--color-brand-black)!important;box-shadow:1px 1px 0 var(--color-brand-black)!important}.option-text{text-align:left;flex-grow:1;padding-right:8px;font-size:13px;font-weight:700;line-height:1.4}.option-tile.selected .option-text{color:var(--color-brand-white)!important}.nav-dot-strip{background-color:var(--color-brand-white);border:2px solid var(--color-brand-black);box-shadow:3px 3px 0 var(--color-brand-black);-webkit-user-select:none;user-select:none;border-radius:10px;flex-shrink:0;justify-content:center;gap:10px;margin-top:14px;padding:12px;display:flex}.nav-dot{border:2px solid var(--color-brand-black);background-color:var(--color-brand-white);color:var(--color-brand-black);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:900;transition:all .1s ease-out;display:flex}.nav-dot:active{transform:translate(1px,1px)}.nav-dot.current{transform:scale(1.05)rotate(-2deg);background-color:var(--color-brand-amber)!important;color:var(--color-brand-black)!important}.nav-dot.answered{background-color:var(--color-brand-black)!important;color:var(--color-brand-white)!important}.nav-dot.host-active{box-shadow:2px 2px 0 var(--color-brand-rose), 2px 2px 0 var(--color-brand-black);animation:.6s infinite alternate host-shake;border-color:var(--color-brand-rose)!important}.nav-dot.locked{opacity:.35;cursor:not-allowed;box-shadow:none;pointer-events:none;border-style:dashed}.lobby-card{background-color:var(--color-brand-white);border:3px solid var(--color-brand-black);width:100%;box-shadow:6px 6px 0 var(--color-brand-black);text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.lobby-logo{-webkit-user-select:none;user-select:none;border:3.5px solid var(--color-brand-black);width:72px;height:72px;box-shadow:4px 4px 0 var(--color-brand-black);background-color:var(--color-brand-white);border-radius:16px;margin:0 auto 20px;display:block;transform:rotate(-5deg)}.lobby-title{font-family:var(--font-display);color:var(--color-brand-black);text-transform:uppercase;margin-bottom:6px;font-size:22px;line-height:1}.lobby-subtitle{color:var(--color-gray-dark);margin-bottom:20px;font-size:12px;font-weight:600}.lobby-form{flex-direction:column;gap:12px;width:100%;max-width:280px;margin:0 auto;display:flex}.color-picker-section{flex-direction:column;gap:8px;display:flex}.color-picker-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-dark);font-size:11px;font-weight:800}.color-picker-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.color-swatch{aspect-ratio:1;border:3px solid var(--color-brand-black);width:100%;box-shadow:2.5px 2.5px 0 var(--color-brand-black);cursor:pointer;border-radius:10px;outline:none;transition:transform .1s,box-shadow .1s;position:relative}.color-swatch:hover{box-shadow:3.5px 3.5px 0 var(--color-brand-black);transform:translate(-1px,-1px)}.color-swatch:active{box-shadow:none;transform:translate(2.5px,2.5px)}.color-swatch.selected,.color-swatch.selected:hover{box-shadow:0 0 0 3px var(--color-brand-beige), 0 0 0 5.5px var(--color-brand-black);transform:scale(1.08)}.input-text{font-family:var(--font-sans);border:3.5px solid var(--color-brand-black);background-color:var(--color-brand-white);color:var(--color-brand-black);box-shadow:4px 4px 0 var(--color-brand-black);border-radius:12px;outline:none;padding:12px 16px;font-size:16px;font-weight:700;transition:box-shadow .1s}.input-text:focus{box-shadow:6px 6px 0 var(--color-brand-black)}.btn-primary{font-family:var(--font-display);border:3.5px solid var(--color-brand-black);background-color:var(--color-brand-emerald);color:var(--color-brand-black);cursor:pointer;box-shadow:4px 4px 0 var(--color-brand-black);border-radius:12px;outline:none;justify-content:center;align-items:center;width:100%;min-height:48px;padding:14px 16px;font-size:16px;transition:all .1s ease-out;display:flex}.btn-primary:active{box-shadow:none;transform:translate(4px,4px)}.btn-restart{font-family:var(--font-display);border:3.5px solid var(--color-brand-black);background-color:var(--color-brand-emerald);color:var(--color-brand-black);cursor:pointer;box-shadow:4px 4px 0 var(--color-brand-black);border-radius:12px;outline:none;justify-content:center;align-items:center;min-height:48px;margin-top:8px;padding:14px 28px;font-size:14px;transition:all .1s ease-out;display:flex}.btn-restart:active{box-shadow:none;transform:translate(4px,4px)}.joined-view{flex-direction:column;align-items:center;gap:12px;display:flex}.ping-indicator{justify-content:center;align-items:center;width:32px;height:32px;margin-top:8px;display:flex;position:relative}.ping-ring{background-color:var(--color-brand-emerald);border:2px solid var(--color-brand-black);opacity:.75;border-radius:50%;width:100%;height:100%;animation:1s cubic-bezier(0,0,.2,1) infinite ping;position:absolute}.ping-core{background-color:var(--color-brand-emerald);border:1.5px solid var(--color-brand-black);border-radius:50%;width:20px;height:20px;position:relative}.lobby-wait-text{color:var(--color-brand-black);margin-bottom:12px;font-size:12px;font-weight:700}.lobby-nickname-badge{background-color:var(--color-brand-amber);border:3px solid var(--color-brand-black);box-shadow:4px 4px 0 var(--color-brand-black);color:var(--color-brand-black);font-family:var(--font-display);-webkit-user-select:none;user-select:none;border-radius:6px;padding:6px 16px;font-size:12px;display:inline-block;transform:rotate(2deg)}.share-join-section{border-top:2px dashed var(--color-brand-black);flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:16px;padding-top:16px;display:flex}.share-join-heading{font-family:var(--font-display);color:var(--color-brand-black);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:12px;font-weight:700}.share-join-url{color:var(--color-brand-black);background:var(--color-brand-beige,#f0e6d2);border:2px solid var(--color-brand-black);word-break:break-all;border-radius:6px;margin:0;padding:4px 10px;font-size:12px;font-weight:600}.share-roomcode{background:var(--color-brand-amber,#feb624);color:var(--color-brand-black);border:3px solid var(--color-brand-black);box-shadow:3px 3px 0 var(--color-brand-black);font-family:var(--font-display);letter-spacing:6px;text-align:center;border-radius:10px;padding:6px 20px;font-size:2rem;font-weight:900}.share-qr-code{border:3px solid var(--color-brand-black);width:160px;height:160px;box-shadow:3px 3px 0 var(--color-brand-black);background:#fff;border-radius:12px;padding:8px}.share-qr-placeholder{width:160px;height:160px;color:var(--color-brand-black);opacity:.5;justify-content:center;align-items:center;font-size:12px;display:flex}.review-container{flex-direction:column;flex:1;gap:14px;width:100%;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.review-lock-header{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.lock-icon{text-align:center;-webkit-user-select:none;user-select:none;margin-bottom:12px;font-size:36px}.lock-title{font-family:var(--font-display);text-align:center;color:var(--color-brand-black);margin-bottom:8px;font-size:18px}.lock-subtitle{color:var(--color-gray-dark);text-align:center;margin-bottom:24px;font-size:12px;font-weight:600}.review-card{background-color:var(--color-brand-white);border:3.5px solid var(--color-brand-black);box-shadow:5px 5px 0 var(--color-brand-black);color:var(--color-brand-black);border-radius:20px;flex-shrink:0;padding:20px}.review-card-title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-brand-black);border-bottom:2px solid var(--color-brand-black);-webkit-user-select:none;user-select:none;margin-bottom:16px;padding-bottom:8px;font-size:12px}.review-list{flex-direction:column;gap:8px;list-style:none;display:flex}.review-item{border-bottom:2px dashed var(--color-brand-black);justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px;display:flex}.review-item:last-child{border-bottom:none;padding-bottom:0}.review-question-info{flex-grow:1;align-items:center;gap:8px;min-width:0;padding-right:8px;display:flex}.review-q-badge{background-color:var(--color-brand-black);color:var(--color-brand-white);-webkit-user-select:none;user-select:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:900}.review-q-text{color:var(--color-brand-black);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.review-status-badge{border:2px solid var(--color-brand-black);box-shadow:2px 2px 0 var(--color-brand-black);-webkit-user-select:none;user-select:none;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:900}.review-status-badge.answered{background-color:var(--color-brand-black);color:var(--color-brand-white)}.review-status-badge.missing{background-color:var(--color-brand-rose)}.ended-container{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.trophy-emoji{-webkit-user-select:none;user-select:none;font-size:40px;animation:2s ease-in-out infinite float-trophy}.ended-title{font-family:var(--font-display);color:var(--color-brand-black);-webkit-user-select:none;user-select:none;font-size:22px;line-height:1}.ended-subtitle{color:var(--color-gray-dark);margin-top:-12px;font-size:12px;font-weight:600;line-height:1}.standing-card{background-color:var(--color-brand-white);border:3.5px solid var(--color-brand-black);color:var(--color-brand-black);box-shadow:5px 5px 0 var(--color-brand-black);border-radius:20px;align-items:center;gap:20px;width:100%;padding:18px;display:flex}.standing-rank{border:3px solid var(--color-brand-black);background-color:var(--color-brand-amber);box-shadow:3px 3px 0 var(--color-brand-black);color:var(--color-brand-black);font-family:var(--font-display);-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;display:flex}.standing-details{text-align:left}.standing-label{text-transform:uppercase;color:var(--color-brand-black);margin-bottom:4px;font-size:13px;font-weight:900;line-height:1}.standing-score{color:var(--color-gray-dark);margin-top:2px;font-size:12px;font-weight:700;line-height:1}.leaderboard-card{background-color:var(--color-brand-white);border:3.5px solid var(--color-brand-black);color:var(--color-brand-black);box-shadow:5px 5px 0 var(--color-brand-black);border-radius:20px;width:100%;padding:18px}.leaderboard-title{font-family:var(--font-display);text-transform:uppercase;border-bottom:2px solid var(--color-brand-black);text-align:left;-webkit-user-select:none;user-select:none;margin-bottom:10px;padding-bottom:6px;font-size:12px}.leaderboard-list{flex-direction:column;gap:8px;list-style:none;display:flex}.leaderboard-row{border:2.5px solid var(--color-brand-black);background-color:var(--color-brand-white);color:var(--color-brand-black);box-shadow:3px 3px 0 var(--color-brand-black);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.leaderboard-row.current-player{background-color:#ffb38a!important}.leaderboard-rank{font-family:var(--font-display)}.leaderboard-rank.rank-1{color:var(--color-brand-amber)}.leaderboard-rank.rank-2{color:#94a3b8}.leaderboard-rank.rank-3{color:#b45309}@keyframes float-trophy{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes host-shake{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-2px)rotate(2deg)}}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.media-image-frame{border:1.5px solid var(--color-brand-black);box-shadow:2px 2px 0 var(--color-brand-black);background-color:var(--color-brand-white);border-radius:8px;justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;overflow:hidden}.media-img{object-fit:contain;max-width:100%;max-height:100%;display:block}.audio-player-container{border:1.5px solid var(--color-brand-black);box-shadow:2px 2px 0 var(--color-brand-black);background-color:var(--color-brand-white);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;max-height:140px;padding:12px 16px;display:flex;overflow:hidden}.audio-play-btn{border:1.5px solid var(--color-brand-black);width:32px;height:32px;box-shadow:1.5px 1.5px 0 var(--color-brand-black);color:var(--color-brand-white);background-color:var(--color-brand-black);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .1s;display:flex}.audio-play-btn:active{box-shadow:none;transform:translate(1px,1px)}.audio-play-btn.playing{background-color:var(--color-brand-rose)}.audio-visualizer{-webkit-user-select:none;user-select:none;flex-grow:1;align-items:center;gap:3px;display:flex}.audio-bar{background-color:var(--color-brand-black);border-radius:1px;width:3px;transition:height .15s}.audio-time{-webkit-user-select:none;user-select:none;font-family:monospace;font-size:11px;font-weight:800}.reveal-container{flex-direction:column;flex:1;gap:16px;width:100%;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.reveal-media-wrap,.reveal-options-wrap{flex-shrink:0}.reveal-option-content{min-width:0;color:var(--color-brand-black);z-index:2;flex-grow:1;align-items:center;padding-right:4px;display:flex}.reveal-badge{border:2px solid var(--color-brand-black);background-color:var(--color-brand-amber);color:var(--color-brand-black);box-shadow:2px 2px 0 var(--color-brand-black);font-family:var(--font-display);-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;flex-shrink:0;align-self:flex-start;padding:3px 8px;font-size:10px}.reveal-title{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--color-brand-black);flex-shrink:0;font-size:20px;font-weight:900;line-height:1.3}.reveal-option-row{border:3px solid var(--color-brand-black);background-color:var(--color-brand-white);box-shadow:4px 4px 0 var(--color-brand-black);z-index:1;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.reveal-option-row.correct{background-color:var(--color-brand-emerald)!important}.reveal-option-row.user-incorrect{background-color:var(--color-brand-amber)!important}.reveal-pct-overlay{z-index:-1;background-color:#0000000d;border-right:1px solid #0000000d;transition:width .5s ease-out;position:absolute;top:0;bottom:0;left:0}.reveal-option-row.correct .reveal-pct-overlay{background-color:#00000026!important;border-right:1px solid #00000026!important}.reveal-option-badge{background-color:var(--color-brand-black);width:22px;height:22px;color:var(--color-brand-white);border:1.5px solid var(--color-brand-black);box-shadow:1px 1px 0 var(--color-brand-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:900;display:flex}.reveal-option-row.correct .reveal-option-badge{background-color:var(--color-brand-white)!important;color:var(--color-brand-black)!important;box-shadow:1px 1px 0 var(--color-brand-black)!important}.reveal-option-text{text-align:left;flex-grow:1;margin-left:12px;font-size:13px;font-weight:700;line-height:1.4}.reveal-pct-text{font-size:13px;font-family:var(--font-display);color:var(--color-brand-black);margin-left:auto}.reveal-user-tag{background-color:var(--color-brand-black);border:2px solid var(--color-brand-black);color:var(--color-brand-white);-webkit-user-select:none;user-select:none;letter-spacing:.04em;border-radius:6px;flex-shrink:0;margin-left:auto;margin-right:8px;padding:3px 8px;font-size:11px;font-weight:900;line-height:1;box-shadow:2px 2px #0003}.reveal-result-alert{border:3.5px solid var(--color-brand-black);box-shadow:5px 5px 0 var(--color-brand-black);color:var(--color-brand-black);-webkit-user-select:none;user-select:none;border-radius:16px;flex-shrink:0;align-items:center;gap:16px;padding:16px 20px;display:flex}.reveal-result-alert.correct{background-color:var(--color-brand-emerald)}.reveal-result-alert.incorrect{background-color:var(--color-brand-rose)}.reveal-result-alert-icon{font-size:24px}.reveal-result-alert-meta{text-align:left;flex-direction:column;display:flex}.reveal-result-alert-title{font-family:var(--font-display);margin-bottom:4px;font-size:16px;line-height:1}.reveal-result-alert-desc{opacity:.8;font-size:11px;font-weight:800;line-height:1}.reveal-fact-card{border:3px solid var(--color-brand-black);box-shadow:4px 4px 0 var(--color-brand-black);color:var(--color-brand-black);text-align:left;background-color:#f7e58a;border-radius:8px;flex-shrink:0;padding:14px 16px}.reveal-fact-label{font-family:var(--font-display);text-transform:uppercase;-webkit-user-select:none;user-select:none;margin-bottom:4px;font-size:10px;display:block}.reveal-fact-text{font-size:12px;font-weight:700;line-height:1.4}.create-game-root{background-color:var(--color-brand-beige);width:100%;height:100dvh;font-family:var(--font-sans);overflow-y:auto}.create-game-page{width:100%;max-width:480px;margin:0 auto;padding:0 16px 40px}.create-game-launched-view{justify-content:center;align-items:center;min-height:80dvh;padding:0 16px;display:flex}.create-game-launched-card{background-color:var(--color-brand-white);border:3px solid var(--color-brand-black);box-shadow:6px 6px 0 var(--color-brand-black);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:480px;padding:32px 24px;display:flex}.create-game-launched-emoji{font-size:48px;animation:2s ease-in-out infinite float-trophy;display:block}.create-game-launched-title{font-family:var(--font-display);color:var(--color-brand-black);font-size:22px}.create-game-launched-session{color:var(--color-brand-black);background-color:var(--color-brand-beige);border:2px solid var(--color-brand-black);box-shadow:2px 2px 0 var(--color-brand-black);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700}.create-game-launched-quiz{color:var(--color-brand-black);margin-top:4px;font-size:14px;font-weight:800}.create-game-launched-hint{color:var(--color-gray-dark);margin-top:4px;font-size:11px;font-weight:600}.create-game-banner{text-align:center;padding:32px 0 20px}.create-game-banner-logo{border:3px solid var(--color-brand-black);width:56px;height:56px;box-shadow:4px 4px 0 var(--color-brand-black);background-color:var(--color-brand-white);-webkit-user-select:none;user-select:none;border-radius:14px;margin-bottom:14px;display:inline-block;transform:rotate(-6deg)}.create-game-banner-title{font-family:var(--font-display);color:var(--color-brand-black);font-size:24px;line-height:1}.create-game-banner-subtitle{color:var(--color-gray-dark);margin-top:6px;font-size:12px;font-weight:700}.create-game-showcase-list{flex-direction:column;gap:20px;padding-bottom:20px;display:flex}.create-game-showcase{background-color:var(--color-brand-white);border:3px solid var(--color-brand-black);box-shadow:6px 6px 0 var(--color-brand-black);border-radius:20px;flex-direction:column;gap:16px;padding:24px 20px;transition:transform .2s;display:flex}.create-game-showcase:hover{transform:rotate(0)!important}.create-game-showcase-hero{align-items:flex-start;gap:16px;display:flex}.create-game-showcase-emoji{-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:44px}.create-game-showcase-title{font-family:var(--font-display);color:var(--color-brand-black);font-size:18px;line-height:1.1}.create-game-showcase-desc{color:var(--color-gray-dark);margin-top:6px;font-size:12px;font-weight:600;line-height:1.4}.create-game-showcase-stats{gap:10px;display:flex}.create-game-stat{background-color:var(--color-brand-beige);border:2px solid var(--color-brand-black);box-shadow:2px 2px 0 var(--color-brand-black);text-align:center;border-radius:10px;flex:1;padding:10px 12px}.create-game-stat-num{font-family:var(--font-display);color:var(--color-brand-black);font-size:16px;line-height:1;display:block}.create-game-stat-label{text-transform:uppercase;color:var(--color-gray-dark);margin-top:4px;font-size:9px;font-weight:800;display:block}.create-game-preview{border:2px dashed var(--color-brand-black);background-color:var(--color-brand-ivory);border-radius:10px;padding:12px 14px}.create-game-preview-label{text-transform:uppercase;color:var(--color-brand-black);letter-spacing:.04em;margin-bottom:8px;font-size:10px;font-weight:900;display:block}.create-game-preview-q{border-bottom:1px solid #00000014;align-items:flex-start;gap:8px;padding:6px 0;display:flex}.create-game-preview-q:last-child{border-bottom:none;padding-bottom:0}.create-game-preview-num{background-color:var(--color-brand-black);color:var(--color-brand-white);border-radius:3px;flex-shrink:0;margin-top:1px;padding:1px 5px;font-size:9px;font-weight:900}.create-game-preview-text{color:var(--color-brand-black);font-size:12px;font-weight:700;line-height:1.3}.create-game-loading{text-align:center;padding:40px;font-weight:700}.create-game-empty{text-align:center;background:var(--color-brand-white,#fff);border:3px solid var(--color-brand-black,#000);box-shadow:6px 6px 0 var(--color-brand-black,#000);border-radius:16px;max-width:400px;margin:0 auto;padding:40px}.empty-emoji{font-size:3rem}.empty-title{font-family:var(--font-display);margin:12px 0 6px;font-size:1.3rem}.empty-desc{opacity:.7;font-size:.9rem}.btn-restart-rose{margin-top:8px;background-color:var(--color-brand-rose,#ff5f7e)!important}.create-game-launch-btn{font-family:var(--font-display);background-color:var(--color-brand-emerald);width:100%;color:var(--color-brand-black);border:3px solid var(--color-brand-black);box-shadow:4px 4px 0 var(--color-brand-black);cursor:pointer;border-radius:12px;min-height:48px;padding:14px;font-size:14px;transition:all .1s ease-out}.create-game-launch-btn:active{box-shadow:none;transform:translate(4px,4px)}.host-header-bar{background:var(--color-brand-white,#fff);border:3px solid var(--color-brand-black,#000);box-shadow:4px 4px 0 var(--color-brand-black,#000);border-radius:12px;justify-content:space-between;align-items:center;margin:20px 20px 0;padding:12px 20px;display:flex}.host-header-logo{vertical-align:middle;border:2px solid var(--color-brand-black);background-color:var(--color-brand-white);-webkit-user-select:none;user-select:none;border-radius:6px;width:28px;height:28px;display:inline-block}.host-header-label{font-family:var(--font-sans);font-weight:700}.host-email-badge{background:var(--color-brand-beige,#f0e6d2);border:1.5px solid var(--color-brand-black,#000);border-radius:6px;padding:4px 10px;font-size:.9rem}.logout-btn{background:var(--color-brand-rose,#ff5f7e);color:var(--color-brand-white,#fff);border:2px solid var(--color-brand-black,#000);box-shadow:2px 2px 0 var(--color-brand-black,#000);cursor:pointer;border-radius:6px;padding:6px 12px;font-weight:700}.host-main-content{flex-direction:column;flex:1;display:flex}.host-controller-root{background-color:var(--color-brand-beige);width:100%;height:100dvh;font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.host-status-bar{background-color:var(--color-brand-ivory);border-bottom:2px solid var(--color-brand-black);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 2px #0000000d}.host-status-left{align-items:center;gap:10px;display:flex}.host-btn-tvlink{background:var(--color-brand-beige,#f0e6d2);color:var(--color-brand-black,#000);border:1.5px solid var(--color-brand-black,#000);box-shadow:1.5px 1.5px 0 var(--color-brand-black,#000);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.host-lobby-actions{flex-direction:column;gap:10px;width:100%;max-width:300px;display:flex}.btn-emerald{background-color:var(--color-brand-emerald,#4ef0a5)!important}.btn-beige{background-color:var(--color-brand-beige,#f0e6d2)!important;color:var(--color-brand-black,#000)!important}.btn-amber{background-color:var(--color-brand-amber,#feb624)!important}.btn-rose{margin-top:16px;background-color:var(--color-brand-rose,#ff5f7e)!important;color:#fff!important}.btn-prev{background-color:#dfd7c5!important}.btn-prev:disabled{opacity:.5}.review-icon-large{font-size:3rem}.review-desc-bold{margin-top:8px;font-weight:700}.host-card-jump{margin-top:20px}.host-section-title-jump{align-items:center;gap:8px;margin-bottom:12px;font-size:1.15rem;display:flex}.host-jump-desc{opacity:.7;margin-bottom:12px;font-size:.85rem}.host-jump-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;display:grid}.host-jump-btn{background:var(--color-brand-beige,#f0e6d2);color:var(--color-brand-black,#000);border:2px solid var(--color-brand-black,#000);box-shadow:2px 2px 0 var(--color-brand-black,#000);cursor:pointer;border-radius:10px;padding:10px;font-size:.95rem;font-weight:700}.host-jump-btn.active-jump{background:var(--color-brand-emerald,#4ef0a5);color:#fff}.chart-bar-correct{background-color:var(--color-brand-emerald,#4ef0a5)}.chart-bar-inner:not(.chart-bar-correct){background-color:var(--color-brand-amber,#feb624)}.host-room-badge{font-family:var(--font-display);background-color:var(--color-brand-black);color:var(--color-brand-white);letter-spacing:.05em;border-radius:4px;padding:3px 8px;font-size:10px}.host-state-indicator{background-color:var(--color-brand-rose);color:var(--color-brand-black);border:1.5px solid var(--color-brand-black);box-shadow:1.5px 1.5px 0 var(--color-brand-black);text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:900}.host-status-right{align-items:center;gap:8px;display:flex}.host-participants-count{color:var(--color-brand-black);font-size:11px;font-weight:800}.host-status-dot{border:1.5px solid var(--color-brand-black);width:8px;height:8px;box-shadow:1px 1px 0 var(--color-brand-black);border-radius:50%}.host-status-dot.online{background-color:var(--color-brand-emerald)}.host-main-container{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow:hidden}.host-nav-tabs{background-color:var(--color-brand-white);border:2px solid var(--color-brand-black);box-shadow:3px 3px 0 var(--color-brand-black);border-radius:12px;flex-shrink:0;gap:6px;padding:6px;display:flex}.host-tab-btn{font-family:var(--font-sans);cursor:pointer;text-transform:uppercase;background:0 0;border:1.5px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;min-height:48px;padding:10px 4px;font-size:12px;font-weight:800;transition:all .1s;display:flex}.host-tab-btn.active{background-color:var(--color-brand-black);color:var(--color-brand-white);border-color:var(--color-brand-black);transform:translate(0)}.host-tab-btn:hover:not(.active){background-color:var(--color-gray-light);border-color:var(--color-brand-black)}.host-tab-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.host-card{background-color:var(--color-brand-white);border:3px solid var(--color-brand-black);box-shadow:5px 5px 0 var(--color-brand-black);border-radius:20px;flex-direction:column;gap:16px;min-height:100%;padding:20px;display:flex}.host-card-header-row{border-bottom:2px solid var(--color-brand-black);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:10px;display:flex}.host-section-title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-brand-black);font-size:14px}.lobby-center{text-align:center;justify-content:center;align-items:center;padding:32px 20px}.host-lobby-icon{margin-bottom:8px;font-size:56px;animation:2s ease-in-out infinite float-trophy;display:block;transform:rotate(-6deg)}.host-lobby-quiz-title{font-family:var(--font-display);color:var(--color-brand-black);font-size:20px;line-height:1.2}.host-lobby-desc{color:var(--color-gray-dark);max-width:320px;font-size:12px;font-weight:600;line-height:1.4}.host-quick-player-stat{background-color:var(--color-brand-ivory);border:2px solid var(--color-brand-black);box-shadow:3.5px 3.5px 0 var(--color-brand-black);border-radius:12px;flex-direction:column;align-items:center;margin:10px 0;padding:16px 32px;display:flex}.count-big{font-family:var(--font-display);color:var(--color-brand-rose);font-size:38px;line-height:1}.count-label{text-transform:uppercase;color:var(--color-gray-dark);margin-top:4px;font-size:10px;font-weight:800}.host-question-meta{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.q-badge{background-color:var(--color-brand-rose);color:var(--color-brand-black);border:1.5px solid var(--color-brand-black);box-shadow:1.5px 1.5px 0 var(--color-brand-black);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:900}.sub-progress{color:var(--color-gray-dark);font-size:11px;font-weight:700}.host-question-text{color:var(--color-brand-black);text-align:left;font-size:16px;font-weight:900;line-height:1.35}.host-options-list{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.host-option-item{background-color:var(--color-brand-ivory);border:2px solid var(--color-brand-black);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .1s ease-out;display:flex;position:relative}.host-option-item.correct{box-shadow:2px 2px 0 var(--color-brand-black);background-color:var(--color-brand-emerald)!important}.opt-letter{background-color:var(--color-brand-black);width:22px;height:22px;color:var(--color-brand-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:900;display:flex}.host-option-item.correct .opt-letter{background-color:var(--color-brand-white);color:var(--color-brand-black);border:1.5px solid var(--color-brand-black)}.opt-text{color:var(--color-brand-black);text-align:left;flex-grow:1;font-size:13px;font-weight:700}.correct-label{background-color:var(--color-brand-black);color:var(--color-brand-white);text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:900}.host-notes-card{border:2px solid var(--color-brand-black);box-shadow:3px 3px 0 var(--color-brand-black);text-align:left;background-color:#fce885;border-radius:10px;padding:12px 14px}.notes-header{text-transform:uppercase;color:var(--color-brand-black);letter-spacing:.02em;margin-bottom:4px;font-size:10px;font-weight:900;display:block}.notes-content{color:var(--color-brand-black);font-size:12px;font-weight:700;line-height:1.4}.host-action-footer{flex-shrink:0;gap:12px;margin-top:auto;display:flex}.host-action-footer button{flex:1;min-height:48px}.review-center{text-align:center;justify-content:center;align-items:center;padding:32px 20px}.review-icon{font-size:56px;animation:1s infinite alternate pulse;display:block}.review-title{font-family:var(--font-display);color:var(--color-brand-black);font-size:20px}.review-desc{color:var(--color-gray-dark);max-width:320px;font-size:12px;font-weight:600;line-height:1.4}.review-timer-box{background-color:var(--color-brand-white);border:3px solid var(--color-brand-black);box-shadow:4px 4px 0 var(--color-brand-black);border-radius:16px;flex-direction:column;align-items:center;margin:12px 0;padding:18px 36px;display:flex;transform:rotate(-1.5deg)}.timer-num{color:var(--color-brand-rose);font-family:monospace;font-size:44px;font-weight:900;line-height:1}.timer-label{text-transform:uppercase;color:var(--color-gray-dark);margin-top:4px;font-size:10px;font-weight:800}.ended-center{text-align:center;justify-content:center;align-items:center;padding:32px 20px}.ended-icon{font-size:56px;animation:2s ease-in-out infinite float-trophy}.ended-title{font-family:var(--font-display);font-size:22px}.ended-desc{color:var(--color-gray-dark);font-size:12px;font-weight:600}.leaderboard-podium-preview{justify-content:center;align-items:flex-end;gap:10px;width:100%;max-width:280px;height:140px;margin:16px 0;display:flex}.podium-item{flex-direction:column;flex:1;align-items:center;display:flex}.podium-player{white-space:nowrap;text-overflow:ellipsis;max-width:80px;margin-bottom:4px;font-size:11px;font-weight:800;overflow:hidden}.podium-bar{border:2px solid var(--color-brand-black);width:100%;box-shadow:2px 2px 0 var(--color-brand-black);font-family:var(--font-display);border-radius:6px 6px 0 0;justify-content:center;align-items:center;font-size:12px;display:flex}.podium-item.first .podium-bar{background-color:var(--color-brand-amber);height:90px}.podium-item.second .podium-bar{background-color:#cbd5e1;height:60px}.podium-item.third .podium-bar{color:#fff;background-color:#b45309;height:40px}.btn-action-small{font-family:var(--font-sans);background-color:var(--color-brand-amber);border:1.5px solid var(--color-brand-black);box-shadow:1.5px 1.5px 0 var(--color-brand-black);cursor:pointer;text-transform:uppercase;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:800}.btn-action-small:active{box-shadow:none;transform:translate(1.5px,1.5px)}.host-players-list{flex-direction:column;flex:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.host-player-row{background-color:var(--color-brand-ivory);border:2px solid var(--color-brand-black);box-shadow:2px 2px 0 var(--color-brand-black);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.player-info-left{align-items:center;gap:8px;display:flex}.player-swatch{border:1.5px solid var(--color-brand-black);width:14px;height:14px;box-shadow:1px 1px 0 var(--color-brand-black);border-radius:50%}.player-name{color:var(--color-brand-black);font-size:13px;font-weight:700}.player-info-right{align-items:center;gap:12px;display:flex}.player-score-badge{background-color:var(--color-brand-black);color:var(--color-brand-white);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:900}.btn-danger-small{font-family:var(--font-sans);background-color:var(--color-brand-rose);border:1px solid var(--color-brand-black);cursor:pointer;text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:9px;font-weight:800}.btn-danger-small:active{transform:scale(.95)}.stats-help{color:var(--color-gray-dark);text-align:left;margin-bottom:8px;font-size:11px;font-weight:600}.host-stats-breakdown{flex-direction:column;gap:20px;display:flex}.stat-progress-container{flex-direction:column;gap:6px;display:flex}.stat-progress-lbl{text-transform:uppercase;color:var(--color-brand-black);text-align:left;font-size:11px;font-weight:800}.stat-bar-outer{background-color:var(--color-brand-beige);border:2px solid var(--color-brand-black);border-radius:6px;height:16px;position:relative;overflow:hidden}.stat-bar-inner{background-color:var(--color-brand-emerald);height:100%;transition:width .3s ease-out}.stat-progress-pct{color:var(--color-gray-dark);text-align:right;font-size:10px;font-weight:700}.responses-chart{border-top:1.5px dashed var(--color-brand-black);flex-direction:column;gap:12px;padding-top:16px;display:flex}.chart-header{font-family:var(--font-sans);text-transform:uppercase;color:var(--color-brand-black);text-align:left;font-size:11px;font-weight:900}.chart-bars-list{flex-direction:column;gap:12px;display:flex}.chart-row{flex-direction:column;gap:4px;display:flex}.chart-row-lbl{align-items:center;gap:8px;display:flex}.chart-letter{background-color:var(--color-brand-black);width:18px;height:18px;color:var(--color-brand-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:8px;font-weight:900;display:flex}.chart-text{color:var(--color-brand-black);white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:12px;font-weight:700;overflow:hidden}.chart-bar-outer{align-items:center;gap:10px;display:flex}.chart-bar-outer .chart-bar-outer{flex-grow:1}.chart-bar-inner{border:1.5px solid var(--color-brand-black);height:12px;box-shadow:1px 1px 0 var(--color-brand-black);border-radius:4px;transition:width .3s ease-out}.chart-pct-val{color:var(--color-brand-black);font-family:monospace;font-size:10px;font-weight:900}.login-title-section{text-align:center;margin-bottom:30px}.login-main-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-1px;margin-bottom:8px;font-size:3rem}.login-subtitle{font-family:var(--font-sans);color:var(--color-gray-dark);font-size:1.1rem;font-weight:500}.login-card{max-width:420px;box-shadow:8px 8px 0 var(--color-brand-black,#000);padding:30px}.login-heading{font-family:var(--font-sans);margin-bottom:20px;font-size:1.8rem;font-weight:900}.login-form{flex-direction:column;gap:16px;display:flex}.login-label{font-size:.95rem;font-weight:700}.login-submit-btn{background:var(--color-brand-amber,#feb624);border:3px solid var(--color-brand-black,#000);box-shadow:3px 3px 0 var(--color-brand-black,#000);font-family:var(--font-sans);cursor:pointer;border-radius:8px;margin-top:8px;padding:12px;font-size:1.1rem;font-weight:700;transition:transform .1s,box-shadow .1s}.login-submit-btn.loading-btn{background:var(--color-dark-beige,#dfd7c5);box-shadow:none;cursor:not-allowed}.login-submit-btn:not(.loading-btn):active{box-shadow:none;transform:translate(3px,3px)}.login-toggle-wrap{text-align:center;margin-top:20px}.login-toggle-btn{color:var(--color-gray-dark);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;font-weight:700;text-decoration:underline}.is-sign-up .login-submit-btn{background:var(--color-brand-emerald,#4ef0a5)}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.row-wrap{flex-wrap:wrap}.center{justify-content:center;align-items:center;display:flex}.center-col{flex-direction:column}.spacer{flex:1}.page-shell{flex-direction:column;min-height:100vh;display:flex}.card{background-color:var(--color-brand-white,#fff);border:3px solid var(--color-brand-black,#000);box-shadow:6px 6px 0 var(--color-brand-black,#000);border-radius:20px;padding:20px}.card-large{box-shadow:8px 8px 0 var(--color-brand-black,#000);border-width:4px;border-radius:20px;padding:30px}.card-small{box-shadow:3px 3px 0 var(--color-brand-black,#000);border-width:2px;border-radius:12px;padding:12px}.card-flat{box-shadow:none;border-width:2px;border-radius:8px;padding:10px}.alert-box{border:2px solid var(--color-brand-black,#000);box-shadow:2.5px 2.5px 0 var(--color-brand-black,#000);border-radius:10px;margin-bottom:8px;padding:10px;font-size:13px;font-weight:700}.alert-error{background-color:var(--color-brand-rose,#ff5f7e);color:var(--color-brand-white,#fff)}.alert-warning{background-color:var(--color-brand-amber,#feb624);color:var(--color-brand-black,#000)}.alert-info{background-color:var(--color-brand-beige,#f0e6d2);color:var(--color-brand-black,#000)}.status-badge{border:1.5px solid var(--color-brand-black,#000);box-shadow:1.5px 1.5px 0 var(--color-brand-black,#000);text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:900;display:inline-block}.status-online{background-color:var(--color-brand-emerald,#4ef0a5);color:var(--color-brand-black,#000)}.status-offline{background-color:var(--color-brand-rose,#ff5f7e);color:var(--color-brand-white,#fff)}.status-neutral{background-color:var(--color-brand-beige,#f0e6d2);color:var(--color-brand-black,#000)}.status-live{background-color:var(--color-brand-rose,#ff5f7e);color:var(--color-brand-black,#000);animation:1.2s infinite alternate pulse}.status-amber{background-color:var(--color-brand-amber,#feb624);color:var(--color-brand-black,#000)}.banner-new-question{background-color:var(--color-brand-amber,#feb624);color:var(--color-brand-black,#000);border:3px solid var(--color-brand-black,#000);box-shadow:3px 3px 0 var(--color-brand-black,#000);text-align:center;cursor:pointer;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-weight:700;animation:1.5s infinite pulse}.standalone-page{background-color:var(--color-dark-beige,#dfd7c5);text-align:center;min-height:100vh;font-family:var(--font-sans);color:var(--color-brand-black,#000);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.standalone-card{background-color:var(--color-brand-white,#fff);border:3px solid var(--color-brand-black,#000);box-shadow:6px 6px 0 var(--color-brand-black,#000);border-radius:16px;width:100%;max-width:400px;padding:30px}.form-input{border:2px solid var(--color-brand-black,#000);font-family:var(--font-sans);background-color:var(--color-brand-ivory,#faf9f6);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:1rem}.form-input:focus{box-shadow:0 0 0 2px var(--color-brand-amber,#feb624)}.emoji-lg{margin-bottom:16px;font-size:4rem;display:block}.emoji-xl{font-size:5rem;display:block}.title-display{font-family:var(--font-display);margin:0 0 10px;font-size:2rem}.title-display-sm{font-family:var(--font-display);margin:0 0 8px;font-size:1.8rem}.subtitle{opacity:.8;margin-bottom:24px;font-size:1.1rem}.tv-viewport{background-color:var(--color-dark-beige,#dfd7c5);width:100%;height:100vh;overflow:hidden}.tv-scaled-content{transform:scale(var(--tv-scale,.68));transform-origin:0 0;width:calc(100% / var(--tv-scale,.68));height:calc(100vh / var(--tv-scale,.68));background:var(--color-dark-beige,#dfd7c5);flex-direction:column;padding:30px;display:flex}.tv-section{background-color:var(--color-brand-white,#fff);border:4px solid var(--color-brand-black,#000);box-shadow:8px 8px 0 var(--color-brand-black,#000);border-radius:20px;padding:30px}.tv-header-bar{background-color:var(--color-brand-white,#fff);border:3px solid var(--color-brand-black,#000);box-shadow:8px 8px 0 var(--color-brand-black,#000);border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;margin-right:10px;padding:14px 28px;display:flex}.tv-main{flex:1;min-height:0;padding-bottom:10px;padding-right:10px;display:flex;overflow:hidden}.tv-grid-2col{flex:1;grid-template-columns:450px 1fr;gap:30px;width:100%;min-height:0;display:grid}.tv-flex-col{flex-direction:column;flex:1;gap:30px;width:100%;min-height:0;display:flex}.tv-flex-col-end{flex-direction:column;flex:1;gap:35px;width:100%;min-height:0;display:flex}.tv-grid-reveal{flex:1;grid-template-columns:1fr 450px;gap:35px;width:100%;min-height:0;display:grid}.tv-connection-badge{background:var(--color-brand-emerald,#4ef0a5);border:2px solid var(--color-brand-black,#000);box-shadow:2px 2px 0 var(--color-brand-black,#000);border-radius:30px;padding:6px 16px;font-size:.95rem;font-weight:700}.tv-connection-badge.offline{background:var(--color-brand-rose,#ff5f7e)}.tv-roomcode-display{background:var(--color-brand-amber,#feb624);color:var(--color-brand-black,#000);border:4px solid var(--color-brand-black,#000);box-shadow:4px 4px 0 var(--color-brand-black,#000);font-family:var(--font-display);letter-spacing:6px;text-align:center;border-radius:12px;margin-top:6px;padding:10px 20px;font-size:4rem;font-weight:900}.tv-question-badge{background:var(--color-brand-amber,#feb624);color:var(--color-brand-black,#000);border:2px solid var(--color-brand-black,#000);box-shadow:2px 2px 0 var(--color-brand-black,#000);border-radius:30px;padding:6px 16px;font-size:1rem;font-weight:700}.tv-answer-badge{background:var(--color-brand-emerald,#4ef0a5);color:var(--color-brand-black,#000);border:2px solid var(--color-brand-black,#000);box-shadow:2px 2px 0 var(--color-brand-black,#000);border-radius:30px;padding:6px 16px;font-size:1.1rem;font-weight:700}.tv-reveal-badge{background:var(--color-brand-rose,#ff5f7e);color:var(--color-brand-black,#000);border:2px solid var(--color-brand-black,#000);box-shadow:2px 2px 0 var(--color-brand-black,#000);border-radius:30px;padding:6px 16px;font-size:1rem;font-weight:700}.tv-option-card{border:3px solid var(--color-brand-black,#000);box-shadow:4px 4px 0 var(--color-brand-black,#000);background:#fff;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex}.tv-option-letter{color:#000;border:2px solid #000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:700;display:flex}.tv-option-letter.rose{background:#ff5f7e}.tv-option-letter.amber{background:#feb624}.tv-option-letter.emerald{background:#4ef0a5}.tv-option-letter.sky{background:#60a5fa}.tv-option-text{font-size:1.3rem;font-weight:700}.tv-player-badge{border:3px solid var(--color-brand-black,#000);box-shadow:4px 4px 0 var(--color-brand-black,#000);text-align:center;border-radius:10px;padding:12px 18px;font-size:1.2rem;font-weight:700}.tv-player-badge.submitted{background:var(--color-brand-emerald,#4ef0a5);box-shadow:4px 4px 0 var(--color-brand-black,#000);transform:scale(1.03)}.tv-player-badge.waiting{box-shadow:2px 2px 0 var(--color-brand-black,#000);opacity:.65;background:#e5dec9}.tv-podium-player{margin-bottom:8px;font-size:1.4rem;font-weight:950}.tv-podium-player.first{color:var(--color-brand-amber,#feb624);font-size:2rem}.tv-podium-score{opacity:.8;margin-bottom:6px;font-size:1.1rem;font-weight:850}.tv-podium-box{border:3.5px solid var(--color-brand-black,#000);box-shadow:3px 3px 0 var(--color-brand-black,#000);font-family:var(--font-display);border-radius:12px 12px 0 0;justify-content:center;align-items:center;font-weight:900;display:flex}.tv-podium-box.first{background:var(--color-brand-amber,#feb624);width:100%;height:140px;box-shadow:4px 4px 0 var(--color-brand-black,#000);border-width:4px;border-radius:16px 16px 0 0;font-size:2.8rem}.tv-podium-box.second{background:#cbd5e1;width:100%;height:100px;font-size:2rem}.tv-podium-box.third{color:#fff;background:#b45309;width:100%;height:70px;font-size:1.6rem}.tv-standings-row{border:3.5px solid var(--color-brand-black,#000);box-shadow:3px 3px 0 var(--color-brand-black,#000);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .5s ease-in-out;display:flex}.tv-standings-row.rank-1{background:var(--color-brand-amber,#feb624)}.tv-standings-row:not(.rank-1){background:#fff}.tv-standings-rank{background:var(--color-brand-black,#000);color:#fff;border:2px solid var(--color-brand-black,#000);font-family:var(--font-display);border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;display:flex}.tv-standings-rank.rank-1{color:var(--color-brand-black,#000);background:#fff}.tv-standings-name{font-size:1.2rem;font-weight:700}.tv-standings-score{font-family:var(--font-display);font-size:1.1rem;font-weight:900}.tv-fun-fact-box{border:3px solid var(--color-brand-black,#000);box-shadow:4px 4px 0 var(--color-brand-black,#000);text-align:left;background:#fce885;border-radius:12px;margin-top:10px;padding:16px 20px}.tv-fun-fact-label{text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.9rem;font-weight:900;display:block}.tv-fun-fact-text{margin:0;font-size:1.1rem;font-weight:700;line-height:1.4}.review-active-badge{background-color:var(--color-brand-rose)!important;color:var(--color-brand-white)!important}.review-nav-section{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.btn-nav-arrow{border:2px solid var(--color-brand-black);background-color:var(--color-brand-white);color:var(--color-brand-black);cursor:pointer;width:38px;height:38px;box-shadow:2px 2px 0 var(--color-brand-black);border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:900;transition:all .1s ease-out;display:flex}.btn-nav-arrow:disabled{opacity:.35;cursor:not-allowed;box-shadow:2px 2px 0 var(--color-brand-black);transform:none}.btn-nav-arrow:active:not(:disabled){box-shadow:none;transform:translate(1px,1px)}.host-a-root{background-color:var(--color-brand-beige);width:100%;height:100dvh;font-family:var(--font-sans);color:var(--color-brand-black);flex-direction:column;display:flex;overflow:hidden}.host-a-top{background-color:var(--color-brand-ivory);border-bottom:2px solid var(--color-brand-black);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.host-room-badge-btn{font-family:var(--font-display);background-color:var(--color-brand-black);color:var(--color-brand-white);letter-spacing:.06em;cursor:pointer;border:none;border-radius:5px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;display:inline-flex}.host-state-indicator-badge{background-color:var(--color-brand-rose);color:var(--color-brand-black);border:1.5px solid var(--color-brand-black);box-shadow:1.5px 1.5px 0 var(--color-brand-black);text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:900}.host-status-dot-indicator{border:1.5px solid var(--color-brand-black);width:9px;height:9px;box-shadow:1px 1px 0 var(--color-brand-black);border-radius:50%}.host-status-dot-indicator.online{background-color:var(--color-brand-emerald)}.host-status-dot-indicator.offline{background-color:var(--color-brand-rose)}.host-top-nav-link-btn{border:1.5px solid var(--color-brand-black);text-transform:uppercase;box-shadow:1.5px 1.5px 0 var(--color-brand-black);cursor:pointer;border-radius:6px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.host-top-nav-link-btn.btn-beige{background-color:var(--color-brand-beige);color:var(--color-brand-black)}.host-top-nav-link-btn.btn-amber{background-color:var(--color-brand-amber);color:var(--color-brand-black)}.host-a-meter{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:6px;padding:18px 20px 12px;display:flex}.host-meter-num{align-items:baseline;gap:3px;display:flex}.host-meter-big{font-family:var(--font-display);color:var(--color-brand-rose);font-size:40px;line-height:1}.host-meter-slash,.host-meter-tot{font-family:var(--font-display);color:var(--color-gray-dark);font-size:22px}.host-meter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-dark);font-size:10px;font-weight:800}.host-meter-bar{background-color:var(--color-brand-ivory);border:2px solid var(--color-brand-black);border-radius:7px;width:100%;height:14px;overflow:hidden}.host-meter-fill{background-color:var(--color-brand-emerald);height:100%;transition:width .3s ease-out}.host-a-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:4px 20px 16px;display:flex;overflow-y:auto}.host-qmeta{color:var(--color-gray-dark);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:11px;font-weight:800}.host-a-qtext{font-size:19px;font-weight:900;line-height:1.3}.host-a-opts{flex-direction:column;gap:9px;display:flex}.host-a-opt{background-color:var(--color-brand-ivory);border:2px solid var(--color-brand-black);border-radius:10px;align-items:center;gap:11px;padding:11px 13px;display:flex}.host-a-opt.correct{background-color:var(--color-brand-emerald);box-shadow:2px 2px 0 var(--color-brand-black)}.host-opt-letter{background-color:var(--color-brand-black);width:24px;height:24px;color:var(--color-brand-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:900;display:flex}.host-a-opt.correct .host-opt-letter{background-color:var(--color-brand-white);color:var(--color-brand-black);border:1.5px solid var(--color-brand-black)}.host-opt-text{flex-grow:1;font-size:13px;font-weight:700;line-height:1.4}.host-correct-tag{background-color:var(--color-brand-black);color:var(--color-brand-white);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:900}.host-notes-block{border:2px solid var(--color-brand-black);box-shadow:3px 3px 0 var(--color-brand-black);text-align:left;background-color:#fce885;border-radius:10px;flex-shrink:0;padding:11px 13px}.host-notes-label{text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;font-size:10px;font-weight:900;display:block}.host-notes-text{font-size:12px;font-weight:700;line-height:1.4}.host-center-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.host-big-emoji{font-size:56px;animation:2s ease-in-out infinite host-float-emoji}.host-center-title{font-family:var(--font-display);font-size:20px;line-height:1.15}.host-center-sub{color:var(--color-gray-dark);max-width:300px;font-size:12px;font-weight:600;line-height:1.4}.host-qr-container{flex-direction:column;align-items:center;gap:6px;margin-top:12px;display:flex}.host-qr-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand-black);font-size:11px;font-weight:800}@keyframes host-float-emoji{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.host-ended{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.host-podium-list{flex-direction:column;gap:8px;width:100%;max-width:320px;display:flex}.host-podium-row{background-color:var(--color-brand-white);border:2.5px solid var(--color-brand-black);box-shadow:3px 3px 0 var(--color-brand-black);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.host-podium-row.first{background-color:var(--color-brand-amber)}.host-podium-rank{font-family:var(--font-display);text-align:center;width:26px;font-size:14px}.host-podium-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;font-size:13px;font-weight:800;overflow:hidden}.host-podium-score{font-family:var(--font-display);font-size:13px}.host-a-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background-color:var(--color-brand-ivory);border-top:2px solid var(--color-brand-black);flex-shrink:0;gap:12px;display:flex}.host-primary{min-height:56px;font-family:var(--font-display);border:3px solid var(--color-brand-black);box-shadow:4px 4px 0 var(--color-brand-black);cursor:pointer;color:var(--color-brand-black);border-radius:12px;flex:1;justify-content:center;align-items:center;font-size:15px;transition:transform 80ms,box-shadow 80ms;display:flex}.host-primary:active{box-shadow:none;transform:translate(4px,4px)}.host-back{width:56px;min-height:56px;font-family:var(--font-display);border:3px solid var(--color-brand-black);background-color:var(--color-dark-beige);color:var(--color-brand-black);box-shadow:4px 4px 0 var(--color-brand-black);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.host-back:active{box-shadow:none;transform:translate(4px,4px)}.host-tone-emerald{background-color:var(--color-brand-emerald)}.host-tone-amber{background-color:var(--color-brand-amber)}.host-tone-rose{background-color:var(--color-brand-rose);color:var(--color-brand-white)}