*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a1e;--surface: #26262c;--accent: #2e5fa8;--neutral-tile: #d8c9a8}html,body{height:100%;background:var(--bg);color:#fff;font-family:system-ui,sans-serif;overscroll-behavior:none}#app{min-height:100vh;min-height:100dvh}.scene{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px}.title{font-size:clamp(2.5rem,10vw,5rem);font-weight:900;letter-spacing:.1em;text-align:center}.label{font-size:clamp(.95rem,3vw,1.3rem);color:#ffffffa6;text-align:center;max-width:380px;line-height:1.5}.status{font-size:1rem;color:#ffffff8c;text-align:center}.btn{width:100%;max-width:400px;padding:22px;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:900;letter-spacing:.05em;color:#23160ae0;background:var(--neutral-tile);border:none;border-radius:12px;cursor:pointer;transition:background .15s,color .15s}.btn:hover,.btn:focus{background:var(--accent);color:#fff;outline:none}.btn:active{opacity:.75}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover,.btn:disabled:focus{background:var(--neutral-tile);color:#23160ae0}.room-code{font-size:clamp(5rem,18vw,10rem);font-weight:900;letter-spacing:.35em;padding:0 .2em;line-height:1}#code-input{width:200px;padding:16px 12px;font-size:2.8rem;font-weight:900;text-align:center;letter-spacing:.35em;color:#fff;background:var(--surface);border:3px solid var(--accent);border-radius:12px;outline:none;-moz-appearance:textfield}#code-input::-webkit-outer-spin-button,#code-input::-webkit-inner-spin-button{-webkit-appearance:none}.board-scene{gap:0;padding:0;justify-content:space-between;align-items:stretch;height:100vh;height:100dvh;min-height:0;overflow:hidden}.team-banner{width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 20px}.team-banner[style*=border-bottom]{padding-top:max(10px,env(safe-area-inset-top,10px))}.team-banner[style*=border-top]{padding-bottom:max(10px,env(safe-area-inset-bottom,10px))}.team-banner-text{font-size:clamp(1rem,2.5vw,1.6rem);font-weight:900;letter-spacing:.08em;color:#ffffffeb;text-shadow:0 1px 4px rgba(0,0,0,.4)}.counters{display:flex;gap:clamp(12px,2.5vw,48px)}.counter{font-size:clamp(1.4rem,3vw,2rem);font-weight:900;padding:4px 14px;border-radius:8px;background:#00000040;letter-spacing:.05em}.board{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);aspect-ratio:4 / 3;gap:clamp(4px,1vw,12px);padding:clamp(6px,1.2vw,18px);width:min(97vw,1100px);max-width:100%;max-height:100%;margin:0 auto;flex:0 0 auto;align-self:center}.tv-board .tile{height:auto;border-radius:clamp(8px,1vw,16px)}.tv-board .tile-word{font-size:clamp(15px,2.4vw,28px)}.phone-board .tile{height:auto;min-height:0;border-radius:clamp(4px,.8vw,8px)}.phone-board .tile-word{font-size:clamp(11px,3vw,18px)}.tile{display:flex;align-items:center;justify-content:center;padding:4px 6px;cursor:pointer;position:relative;overflow:hidden;transition:transform .1s;box-shadow:0 2px 8px #00000073}.tile-word{font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.45);white-space:nowrap;overflow-wrap:anywhere;line-height:1.1;text-align:center;overflow:hidden;max-width:100%;pointer-events:none}.tile:active{transform:scale(.93)}.tile-neutral{background:var(--neutral-tile)}.tile-neutral .tile-word,[data-type="2"] .tile-word{color:#23160ae0;text-shadow:none}.tile.revealed[data-type="2"] .tile-word{color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.45)}.tile.checked:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000007a;pointer-events:none}.tile.checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,4vw,2.5rem);font-weight:900;color:#4ade80;pointer-events:none;z-index:1}.new-board-btn{width:calc(100% - 32px);max-width:480px;margin:10px auto;padding:16px;font-size:1.3rem;font-weight:900;letter-spacing:.05em;color:#fff;background:var(--accent);border:none;border-radius:12px;cursor:pointer;flex-shrink:0}.new-board-btn:active{opacity:.75}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:100;background:#000000b8}.win-text{font-size:clamp(2.5rem,10vw,6rem);font-weight:900;letter-spacing:.08em;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.5)}.btn-back{font-size:.95rem;font-weight:700;color:#ffffff59;background:none;border:none;cursor:pointer;padding:8px 16px;margin-top:4px;letter-spacing:.04em}.btn-back:hover{color:#ffffffa6}.name-input{width:280px;padding:16px 12px;font-size:1.4rem;font-weight:700;text-align:center;color:#fff;background:var(--surface);border:3px solid var(--accent);border-radius:12px;outline:none}.name-input::placeholder{color:#ffffff4d;font-weight:400}.trivia-tv-body{flex:1;display:flex;flex-direction:column;gap:clamp(8px,2vh,24px);padding:clamp(8px,1.5vw,20px);width:100%;min-height:0}.trivia-tv-progress{font-size:clamp(1rem,2.5vw,1.8rem);font-weight:900;color:#ffffff80;letter-spacing:.06em}.trivia-tv-timer{font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:1;min-width:1.5em;text-align:right;letter-spacing:.05em}.trivia-tv-question{font-size:clamp(1.4rem,3.5vw,3rem);font-weight:900;text-align:center;line-height:1.2;flex-shrink:0;padding:0 clamp(8px,2vw,40px)}.trivia-tv-options{display:flex;flex-direction:column;gap:clamp(6px,1vh,12px);flex:1;min-height:0}.trivia-tv-option{flex:1;max-height:clamp(70px,16vh,120px);background:var(--neutral-tile);border-radius:clamp(8px,1vw,14px);display:flex;align-items:center;gap:clamp(10px,1.5vw,24px);padding:0 clamp(14px,2vw,32px);box-shadow:0 2px 8px #00000073;transition:background .3s,opacity .3s;overflow:hidden}.trivia-opt-label{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:900;color:#23160a66;letter-spacing:.05em;flex-shrink:0;min-width:1.5em;text-align:center}.trivia-opt-text{font-size:clamp(1rem,2.2vw,2rem);font-weight:900;line-height:1.2;letter-spacing:.02em;color:#23160ae0;text-shadow:none}.trivia-tv-option.opt-correct{background:#1a5c2e;box-shadow:0 0 0 3px #4ade80,0 2px 8px #00000073}.trivia-tv-option.opt-correct .trivia-opt-label{color:#4ade80}.trivia-tv-option.opt-correct .trivia-opt-text{color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.4)}.trivia-tv-option.opt-wrong{opacity:.28}.trivia-tv-players{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;width:100%}.player-dot{font-size:.85rem;font-weight:700;letter-spacing:.04em;padding:4px 14px;border-radius:20px;background:#ffffff14;color:#ffffff59;transition:all .25s}.player-dot.dot-answered{background:#4ade802e;color:#4ade80}.trivia-safe-top{padding-top:max(10px,env(safe-area-inset-top,10px))}.end-btn-row{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px;margin-top:24px}.mimica-scene{height:100vh;height:100dvh;padding:0;gap:0;align-items:stretch;justify-content:space-between;overflow:hidden}.mimica-top{display:flex;justify-content:space-between;align-items:center;padding:clamp(12px,2.5vh,28px) clamp(20px,4vw,48px);padding-top:max(clamp(12px,2.5vh,28px),env(safe-area-inset-top,0px));font-size:clamp(1.1rem,2.6vw,1.8rem);font-weight:900;letter-spacing:.06em}.mimica-aciertos{color:#ffffffbf}.mimica-aciertos strong{color:#4ade80;margin-left:6px}.mimica-code{color:#ffffff8c;font-size:clamp(1rem,2.2vw,1.5rem);letter-spacing:.25em}.mimica-timer-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mimica-timer-label{font-size:clamp(1rem,2vw,1.6rem);font-weight:700;letter-spacing:.25em;color:#fff6;text-transform:uppercase}.mimica-timer{font-size:clamp(8rem,30vw,22rem);font-weight:900;line-height:1;color:#fff;font-variant-numeric:tabular-nums}.mimica-foot{text-align:center;padding:clamp(12px,2.5vh,28px) 20px;padding-bottom:max(clamp(12px,2.5vh,28px),env(safe-area-inset-bottom,0px));font-size:clamp(.95rem,2vw,1.4rem);font-weight:700;letter-spacing:.04em;color:#ffffff80}.mimica-timeup{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2vh,24px)}.mimica-timeup-flash{font-size:clamp(3rem,12vw,8rem);font-weight:900;letter-spacing:.12em;color:#f87171;text-shadow:0 0 24px rgba(248,113,113,.4);animation:mimica-pulse .6s ease-in-out infinite alternate}.mimica-timeup-word{font-size:clamp(1.4rem,4vw,3rem);font-weight:700;color:#ffffffb3;text-align:center;padding:0 16px}@keyframes mimica-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.55;transform:scale(.96)}}.mimica-phone-scene{height:100vh;height:100dvh;padding:0;gap:0;align-items:stretch;justify-content:space-between;overflow:hidden}.mimica-phone-top{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;padding-top:max(12px,env(safe-area-inset-top,12px));font-size:clamp(.95rem,3.5vw,1.2rem);font-weight:900;border-bottom:2px solid rgba(255,255,255,.08)}.mimica-phone-aciertos{color:#ffffffbf}.mimica-phone-aciertos strong{color:#4ade80;margin-left:4px}.mimica-phone-timer{font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,4.5vw,1.6rem);color:#ffffffd9}.mimica-word-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;min-height:0}.mimica-word{font-size:clamp(2rem,9vw,4rem);font-weight:900;text-align:center;line-height:1.1;letter-spacing:.01em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.45)}.mimica-word-faded{opacity:.45;font-size:clamp(1.5rem,6vw,2.8rem)}.mimica-timeup-label{font-size:clamp(2.2rem,10vw,5rem);font-weight:900;color:#f87171;letter-spacing:.12em;text-align:center;animation:mimica-pulse .6s ease-in-out infinite alternate;margin-bottom:12px}.mimica-phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;padding-bottom:max(14px,env(safe-area-inset-bottom,14px))}.mimica-phone-actions-single{grid-template-columns:1fr}.mimica-btn{border:none;border-radius:16px;padding:clamp(16px,3.5vh,28px) 12px;font-size:clamp(1.1rem,4.8vw,1.6rem);font-weight:900;letter-spacing:.04em;color:#fff;cursor:pointer;box-shadow:0 4px 12px #0006;transition:transform .1s,opacity .2s}.mimica-btn:active{transform:scale(.96)}.mimica-btn-correct{background:#2e8a45;box-shadow:0 4px 12px #2e8a4580}.mimica-btn-pass{background:#6b3030;color:#ffffffd9}.mimica-btn-next{background:var(--accent)}.mimica-progress{font-size:clamp(.95rem,2vw,1.3rem);color:#ffffff8c;font-weight:700;letter-spacing:.06em}.mimica-team-tag{font-size:clamp(.9rem,3.5vw,1.3rem);font-weight:900;letter-spacing:.05em;padding:4px 14px;border-radius:999px}.mimica-ready-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:0 16px}.mimica-ready-label{font-size:clamp(1rem,2.5vw,1.6rem);font-weight:700;letter-spacing:.25em;color:#ffffff73}.mimica-ready-team{font-size:clamp(4rem,14vw,10rem);font-weight:900;line-height:1;letter-spacing:.04em}.mimica-ready-help{margin-top:16px;font-size:clamp(.95rem,2vw,1.4rem);font-weight:700;color:#ffffff8c}.mimica-turnend-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:0 16px}.mimica-turnend-team{font-size:clamp(2.4rem,8vw,5rem);font-weight:900;letter-spacing:.04em;line-height:1}.mimica-turnend-stat{font-size:clamp(4rem,18vw,12rem);font-weight:900;line-height:1;color:#4ade80}.mimica-scoreboard{display:flex;flex-direction:column;gap:6px;max-width:720px;margin:0 auto;width:100%}.mimica-score-row{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#ffffff0a;border-left:4px solid var(--team-color, var(--accent));border-radius:6px;font-size:clamp(.95rem,1.8vw,1.3rem)}.mimica-score-row-current{background:color-mix(in srgb,var(--team-color) 18%,transparent);box-shadow:0 0 0 2px var(--team-color)}.mimica-score-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--team-color, var(--accent))}.mimica-score-name{flex:1;font-weight:900;letter-spacing:.04em}.mimica-score-pts{font-weight:900;color:#ffffffd9;min-width:2em;text-align:right}.mimica-setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:400px;margin-top:8px}.mimica-setup-btn{font-size:clamp(2rem,8vw,3rem)!important;padding:clamp(18px,5vh,36px) 8px!important;font-weight:900}.mimica-mini-scoreboard{display:flex;flex-direction:column;gap:6px;width:100%;max-width:380px;margin-top:16px}.mimica-mini-row{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#ffffff0d;border-left:4px solid var(--team-color, var(--accent));border-radius:6px;font-size:clamp(.9rem,3.5vw,1.05rem)}.mimica-mini-row-current{background:color-mix(in srgb,var(--team-color) 22%,transparent);box-shadow:0 0 0 2px var(--team-color)}.end-join-block{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:28px;padding:14px 24px;background:#2e5fa82e;border:2px solid rgba(46,95,168,.6);border-radius:14px}.end-join-label{font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:700;letter-spacing:.06em;color:#ffffffa6;text-transform:uppercase}.end-join-code{font-size:clamp(2.2rem,5.5vw,4.5rem);font-weight:900;letter-spacing:.3em;padding-left:.3em;color:#fff;line-height:1}.trivia-phone-body{flex:1;display:flex;flex-direction:column;gap:clamp(6px,1.2vh,12px);padding:clamp(8px,1.5vh,14px) 14px max(10px,env(safe-area-inset-bottom,10px));width:100%;min-height:0;overflow:hidden}.trivia-phone-progress,.trivia-phone-score{font-size:.9rem;font-weight:700;letter-spacing:.04em;color:#ffffff80}.trivia-phone-timer{font-size:1.5rem;font-weight:900;min-width:1.5em;text-align:right;letter-spacing:.05em}.timer-urgent{color:#f87171;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.45}}.trivia-phone-question{font-size:clamp(1.2rem,5.2vw,1.9rem);font-weight:900;text-align:center;line-height:1.25;padding:8px 4px 4px;flex-shrink:0}.trivia-phone-options{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0}.trivia-phone-option{border:none;border-radius:14px;color:#23160ae0;background:var(--neutral-tile);font-size:clamp(1.1rem,4.6vw,1.5rem);font-weight:900;letter-spacing:.02em;line-height:1.25;cursor:pointer;padding:clamp(12px,2vh,22px) 20px;text-align:center;box-shadow:0 2px 10px #00000073;transition:transform .1s,opacity .2s,background .25s;width:100%;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.trivia-phone-option:active{transform:scale(.97)}.trivia-phone-option.opt-correct{background:#1a5c2e;color:#fffffff2;box-shadow:0 0 0 3px #4ade80,0 2px 8px #00000073}.trivia-phone-option.opt-wrong{opacity:.28}.trivia-phone-option.opt-mine-wrong{background:#5c1a1a;color:#ffffffe6;box-shadow:0 0 0 3px #f87171,0 2px 8px #00000073;opacity:1}.trivia-phone-status{font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-align:center;min-height:1.6em;color:#ffffffa6}.trivia-scoreboard{width:100%;max-width:520px;display:flex;flex-direction:column;gap:8px}.score-row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:10px;padding:10px 18px;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:900}.score-row-me{background:#2e5fa84d;box-shadow:0 0 0 2px var(--accent)}.score-rank{color:#ffffff59;min-width:1.5em;text-align:center}.score-name{flex:1}.score-pts{color:#ffffffa6}.trivia-player-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:480px;min-height:40px}.player-chip{font-size:1rem;font-weight:700;padding:6px 18px;border-radius:20px;background:var(--surface);color:#ffffffd9}.trivia-interlude-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;letter-spacing:.1em;margin-bottom:8px}.winner-name{font-size:clamp(2rem,6vw,4rem);font-weight:900;color:var(--accent);text-align:center;letter-spacing:.06em}.trivia-my-score{text-align:center;padding:16px 0}.trivia-my-score-num{font-size:4rem;font-weight:900;color:var(--accent);line-height:1}.trivia-my-score-label{font-size:1rem;color:#ffffff80;margin-top:4px}.trivia-my-score-rank{font-size:.9rem;color:#ffffff59;margin-top:6px}