:root{color-scheme:light;--bg: #3fb6a0;--bg-deep: #2f9c89;--panel: #fffaf0;--ink: #2b2b38;--ink-on-card-muted: #6f6f80;--muted: rgba(255, 255, 255, .82);--accent: #ffb703;--accent-ink: #4a2f00;--outline: #2b2b38;--red: #f0596b;--blue: #3f8ff0;--yellow: #ffc94d;--green: #3ecf8e;--display-font: "Fredoka", system-ui, sans-serif;--body-font: "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg);background-image:radial-gradient(circle at 25% 15%,rgba(255,255,255,.12),transparent 45%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.08),transparent 40%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Ccircle cx='20' cy='20' r='6'/%3E%3Ccircle cx='70' cy='50' r='9'/%3E%3Ccircle cx='40' cy='90' r='5'/%3E%3Ccircle cx='100' cy='100' r='7'/%3E%3Ccircle cx='100' cy='15' r='4'/%3E%3C/g%3E%3C/svg%3E");color:var(--ink);font-family:var(--body-font);-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer;border:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.eyebrow{font-family:var(--display-font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:600;margin-bottom:8px}.card .eyebrow{color:var(--ink-on-card-muted)}.display,.prompt,.room-code{font-family:var(--display-font);font-weight:600;color:#fffdf6;letter-spacing:.01em;text-shadow:-2px -2px 0 var(--outline),2px -2px 0 var(--outline),-2px 2px 0 var(--outline),2px 2px 0 var(--outline),-2px 0 0 var(--outline),2px 0 0 var(--outline),0 -2px 0 var(--outline),0 2px 0 var(--outline),0 6px 14px rgba(0,0,0,.25)}h1.display{font-size:clamp(2rem,6vw,4rem);margin:0 0 8px}.card{background:var(--panel);border-radius:22px;padding:28px;box-shadow:0 4px #0000001f,0 20px 50px #00000040;width:min(480px,100%);color:var(--ink)}.role-buttons{display:flex;flex-direction:column;gap:14px;margin-top:24px;width:min(360px,100%)}.role-buttons button{padding:18px;border-radius:16px;font-size:1.1rem;font-weight:700;font-family:var(--display-font);background:var(--panel);color:var(--ink);box-shadow:0 5px #d8cfb8;transition:transform .1s ease,box-shadow .1s ease}.role-buttons button:hover{transform:translateY(-2px)}.role-buttons button:active{transform:translateY(3px);box-shadow:0 1px #d8cfb8}input.text-input{width:100%;padding:14px 16px;border-radius:14px;border:2px solid #e5dcc4;background:#fffdf6;color:var(--ink);font-size:1rem;margin-top:10px;font-family:var(--body-font)}input.text-input::placeholder{color:#b8ad8f}.room-code{font-size:clamp(2.5rem,8vw,5rem);letter-spacing:.08em;color:#fff9e6;text-shadow:-3px -3px 0 var(--outline),3px -3px 0 var(--outline),-3px 3px 0 var(--outline),3px 3px 0 var(--outline),-3px 0 0 var(--outline),3px 0 0 var(--outline),0 -3px 0 var(--outline),0 3px 0 var(--outline)}.countdown-ring{font-family:var(--display-font);font-size:2.2rem;font-weight:700;width:72px;height:72px;border-radius:50%;background:var(--panel);border:4px solid var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center;position:fixed;top:24px;right:24px;box-shadow:0 4px #00000026}.prompt{font-size:clamp(1.6rem,4vw,3rem);margin:0 0 32px;max-width:90vw}.trivia-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(720px,92vw)}.trivia-tile{border-radius:18px;padding:20px;font-size:1.15rem;font-family:var(--display-font);font-weight:600;color:#fff;min-height:88px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 6px #0000002e;transition:transform .1s ease,opacity .2s ease,box-shadow .1s ease}.trivia-tile:active{transform:translateY(4px);box-shadow:0 2px #0000002e}.trivia-tile.dim{opacity:.35}.trivia-tile.correct{outline:4px solid white}.tile-red{background:var(--red)}.tile-blue{background:var(--blue)}.tile-yellow{background:var(--yellow)}.tile-green{background:var(--green)}.moreless-row{display:flex;gap:20px;width:min(900px,94vw);align-items:stretch}.moreless-card{flex:1;background:var(--panel);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;border:3px solid transparent;box-shadow:0 6px #00000026;color:var(--ink);transition:border-color .15s ease,transform .1s ease,box-shadow .1s ease}.moreless-card:active{transform:translateY(4px);box-shadow:0 2px #00000026}.moreless-card.correct{border-color:var(--green)}.moreless-card img{width:100%;height:160px;object-fit:cover;background:#efe8d5}.moreless-card .placeholder{width:100%;height:160px;background:#efe8d5;display:flex;align-items:center;justify-content:center;color:var(--ink-on-card-muted);font-size:.9rem}.moreless-card .label{padding:16px;font-weight:700;font-size:1rem}.moreless-vs{font-family:var(--display-font);font-size:1.4rem;color:var(--muted);align-self:center}.leaderboard{width:min(500px,92vw);display:flex;flex-direction:column;gap:10px}.leaderboard-row{display:flex;justify-content:space-between;align-items:center;background:var(--panel);padding:14px 18px;border-radius:14px;font-weight:700;color:var(--ink);box-shadow:0 4px #0000001a}.leaderboard-row .rank{color:var(--accent-ink);font-family:var(--display-font);margin-right:12px}.status-line{margin-top:18px;color:var(--muted);font-weight:600}.big-button{margin-top:28px;padding:16px 32px;border-radius:16px;font-family:var(--display-font);background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:1.1rem;box-shadow:0 6px #c98a00;transition:transform .1s ease,box-shadow .1s ease}.big-button:hover:not(:disabled){transform:translateY(-2px)}.big-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #c98a00}.big-button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.answered-pill{margin-top:24px;padding:14px 24px;border-radius:999px;background:var(--panel);color:var(--ink-on-card-muted);font-weight:700;box-shadow:0 4px #0000001f}.points-flash{font-family:var(--display-font);font-weight:600;font-size:clamp(2rem,8vw,3.5rem);color:#fff;margin-top:16px;text-shadow:-2px -2px 0 var(--outline),2px -2px 0 var(--outline),-2px 2px 0 var(--outline),2px 2px 0 var(--outline),-2px 0 0 var(--outline),2px 0 0 var(--outline),0 -2px 0 var(--outline),0 2px 0 var(--outline)}.points-flash.miss{--outline: #7a2030}.end-session-control{position:fixed;bottom:20px;right:20px;z-index:10}.text-button{background:var(--panel);color:var(--ink-on-card-muted);font-size:.85rem;font-weight:700;padding:8px 14px;border-radius:999px;box-shadow:0 3px #0000001f}.text-button:hover{color:var(--ink)}.text-button:active{transform:translateY(2px);box-shadow:0 1px #0000001f}.text-button.danger{color:#c23b4e}.confirm-row{display:flex;align-items:center;gap:8px;background:var(--panel);padding:10px 14px;border-radius:999px;font-size:.85rem;color:var(--ink);box-shadow:0 4px #00000026,0 10px 30px #00000040}.awards-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px;width:min(500px,92vw)}.award-chip{background:var(--panel);border-radius:999px;padding:8px 16px;font-size:.85rem;color:var(--ink-on-card-muted);box-shadow:0 3px #0000001a}.award-chip strong{color:var(--ink)}.wager-row{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap;justify-content:center}.wager-row .eyebrow{color:var(--muted)}.wager-chip{background:var(--panel);color:var(--ink-on-card-muted);border-radius:999px;padding:8px 14px;font-weight:700;font-size:.9rem;box-shadow:0 3px #0000001f}.wager-chip.selected{color:var(--accent-ink);background:#fff1cc;box-shadow:0 3px 0 var(--accent)}.tf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(500px,92vw)}.tf-tile{border-radius:18px;padding:28px;font-size:1.4rem;font-family:var(--display-font);font-weight:700;color:#fff;min-height:100px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px #0000002e;transition:transform .1s ease,opacity .2s ease,box-shadow .1s ease}.tf-tile:active{transform:translateY(4px);box-shadow:0 2px #0000002e}.tf-tile.dim{opacity:.35}.tf-tile.correct{outline:4px solid white}.tf-true{background:var(--green)}.tf-false{background:var(--red)}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.avatar-chip{background:#fffdf6;border:2px solid #e5dcc4;border-radius:14px;font-size:1.5rem;padding:10px 0}.avatar-chip.selected{border-color:var(--accent);background:#fff1cc}.room-code-row{display:flex;align-items:center;gap:14px}.mute-button{position:fixed;top:20px;left:20px;z-index:10;background:var(--panel);border-radius:999px;width:44px;height:44px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #00000026}.podium{display:flex;align-items:flex-end;justify-content:center;gap:16px;margin-top:28px;width:min(560px,94vw)}.podium-spot{display:flex;flex-direction:column;align-items:center;flex:1}.podium-avatar{font-size:2.4rem}.podium-name{font-weight:600;font-family:var(--display-font);margin-top:4px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fffdf6;text-shadow:-1px -1px 0 var(--outline),1px -1px 0 var(--outline),-1px 1px 0 var(--outline),1px 1px 0 var(--outline),-1px 0 0 var(--outline),1px 0 0 var(--outline),0 -1px 0 var(--outline),0 1px 0 var(--outline)}.podium-score{color:#fff9e6;font-family:var(--display-font);font-weight:600;margin-top:2px;text-shadow:-1px -1px 0 var(--outline),1px -1px 0 var(--outline),-1px 1px 0 var(--outline),1px 1px 0 var(--outline),-1px 0 0 var(--outline),1px 0 0 var(--outline),0 -1px 0 var(--outline),0 1px 0 var(--outline)}.podium-pedestal{width:100%;border-radius:12px 12px 0 0;margin-top:10px;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;font-family:var(--display-font);font-weight:800;font-size:1.4rem;color:#08251f;box-shadow:0 -2px #ffffff4d inset,0 6px #00000026}.podium-spot-1 .podium-pedestal{height:100px;background:linear-gradient(180deg,#ffe27a,var(--yellow));box-shadow:0 0 30px #f0b93c80,0 6px #00000026}.podium-spot-2 .podium-pedestal{height:68px;background:linear-gradient(180deg,#eef0f5,#c7c9d6)}.podium-spot-3 .podium-pedestal{height:46px;background:linear-gradient(180deg,#f3c99a,#d99a5c)}.podium-spot-1 .podium-avatar{font-size:3.2rem}.settings-panel{margin-top:24px;width:min(500px,92vw)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.settings-chip{background:var(--panel);color:var(--ink-on-card-muted);border-radius:14px;padding:10px 12px;font-weight:700;font-size:.85rem;text-align:left;box-shadow:0 3px #0000001f}.settings-chip.on{color:var(--accent-ink);background:#fff1cc;box-shadow:0 3px 0 var(--accent)}.settings-chip.locked{opacity:.5;cursor:not-allowed}.settings-chip-note{font-weight:400;font-size:.75rem;opacity:.8}.photo-zoom-frame{width:min(420px,90vw);height:260px;border-radius:18px;overflow:hidden;margin-bottom:24px;background:#efe8d5;box-shadow:0 6px #00000026}.photo-zoom-img{width:100%;height:100%;object-fit:cover;transform-origin:center;animation-name:photoZoomOut;animation-timing-function:linear;animation-fill-mode:forwards}.photo-zoom-img.revealed{animation:none;transform:scale(1)}.countdown-number{font-family:var(--display-font);font-weight:700;font-size:clamp(3rem,14vw,6.5rem);color:#fffdf6;margin:8px 0;text-shadow:-3px -3px 0 var(--outline),3px -3px 0 var(--outline),-3px 3px 0 var(--outline),3px 3px 0 var(--outline),-3px 0 0 var(--outline),3px 0 0 var(--outline),0 -3px 0 var(--outline),0 3px 0 var(--outline),0 8px 16px rgba(0,0,0,.25)}.wager-badge{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 18px;border-radius:999px;font-weight:800;font-size:.9rem;box-shadow:0 3px #00000026}.wager-badge-icon{font-size:.75rem}.wager-badge.win{background:#e3ffcf;color:#2f7a3d}.wager-badge.loss{background:#ffe1e6;color:#ab2f42}@keyframes photoZoomOut{0%{transform:scale(2.4)}to{transform:scale(1)}}