*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;background:#6cc0ec}#gamable-game-zone{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(#4aa8e0,#7ec8f0 45%,#cdeffd);touch-action:manipulation}canvas{display:block}.hud{position:absolute;inset:0;pointer-events:none;z-index:5;color:#fff;text-shadow:0 2px 0 rgba(20,12,40,.55)}.hudbar{position:absolute;top:0;left:0;right:0;padding:6px 8px 4px;display:flex;gap:8px;align-items:flex-start;justify-content:center;background:linear-gradient(#1c1237b8,#1c123700)}.hudbar-teams{display:flex;gap:6px;flex:1 1 auto;max-width:720px}.hudbar-team{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:10px;border:2px solid rgba(255,255,255,.35);background:#1810308c;font-weight:700;transition:transform .15s,border-color .15s,background .15s}.hudbar-team.active{border-color:var(--team);background:color-mix(in srgb,var(--team) 45%,rgba(24,16,48,.7));transform:translateY(2px) scale(1.04);box-shadow:0 0 0 2px #ffffff59}.hudbar-emoji{font-size:1.05rem}.team-dot{display:inline-block;width:.8em;height:.8em;border-radius:50%;border:2px solid rgba(255,255,255,.9);vertical-align:-.06em;flex:0 0 auto}.banner-dot{width:.9em;height:.9em;margin-right:.4em}.card-dot{width:.8em;height:.8em}.card-next-dot{width:1.6rem;height:1.6rem;border-width:3px}.hud-end-dot{margin-right:.35em}.hudbar-name{font-size:.78rem;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hudbar-score{margin-left:auto;font-size:1.05rem;font-variant-numeric:tabular-nums}.hudbar-turn{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:82px}.hudbar-turntime{font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums}.hudbar-timer{width:82px;height:9px;border-radius:5px;border:2px solid rgba(255,255,255,.5);background:#140c2880;overflow:hidden}.hudbar-timer i{display:block;height:100%;width:100%;background:#6ee36e;transition:width .1s linear,background .2s}.hudbar-timer.low i{background:#ff595e}.hud-banner{position:absolute;top:16%;left:50%;transform:translate(-50%,-14px) scale(.9);opacity:0;text-align:center;padding:10px 22px;border-radius:14px;border:3px solid rgba(255,255,255,.8);background:#1a1034d1;transition:opacity .18s,transform .18s;max-width:92vw}.hud-banner.visible{opacity:1;transform:translate(-50%) scale(1)}.hud-banner-text{font-size:1.35rem;font-weight:800;letter-spacing:.04em}.hud-banner-sub{font-size:.9rem;opacity:.9;margin-top:2px}.hud-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1rem;text-align:center;background:linear-gradient(#0c081c9e,#0a0618d1)}.hud-logo{margin:0;font-size:clamp(1.7rem,7vw,3.2rem);letter-spacing:.04em;color:#ffe066;text-shadow:0 4px 0 #7a4a10,0 6px 12px rgba(0,0,0,.5)}.hud-subtitle{margin:0;font-size:clamp(.85rem,3.4vw,1.05rem);opacity:.95}.hud-hint{margin:.35rem 0 0;font-size:clamp(.8rem,3.2vw,1rem);font-weight:700}.hud-small{margin:0;font-size:clamp(.7rem,2.8vw,.85rem);opacity:.85}.hud-pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.hud-buttons{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:.4rem 0 .2rem;pointer-events:auto}.hud-button{font:inherit;font-weight:800;font-size:clamp(.95rem,4vw,1.25rem);letter-spacing:.03em;color:#2b1a05;background:linear-gradient(#ffd85e,#f0a72e);border:3px solid #7a4a10;border-radius:12px;padding:.6rem 1.2rem;box-shadow:0 4px #7a4a10;cursor:pointer}.hud-button:active{transform:translateY(3px);box-shadow:0 1px #7a4a10}.hud-button-ghost{color:#fff;background:#1e143cbf;border-color:#ffffffb3;box-shadow:0 4px #00000059}.hud-button-ghost:active{box-shadow:0 1px #00000059}.hud-button-small{font-size:clamp(.8rem,3.2vw,.95rem);padding:.4rem .9rem;border-width:2px}.hud-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:.5rem;background:#0a071899;pointer-events:auto}.hud-card.fade-in .hud-card-body{animation:pop .22s ease-out}@keyframes pop{0%{transform:scale(.9) translateY(12px);opacity:0}to{transform:none;opacity:1}}.hud-card-body{width:min(580px,94vw);max-height:82%;overflow-y:auto;background:linear-gradient(#2a1c52,#1b1238);border:3px solid #ffd23f;border-radius:16px;padding:.65rem .8rem .8rem;box-shadow:0 10px 30px #00000080}.card-head{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:clamp(.8rem,3.2vw,1rem);margin-bottom:.5rem}.card-team{display:flex;align-items:center;gap:.35rem;color:var(--team)}.card-emoji{font-size:1.1rem}.card-round{margin-left:auto;opacity:.75;font-size:.85em}.card-clock{font-variant-numeric:tabular-nums;background:#00000059;border-radius:8px;padding:2px 8px}.card-question{margin:.15rem 0 .6rem;font-size:clamp(1rem,4.2vw,1.3rem);font-weight:700;line-height:1.25}.card-answers{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media(max-width:520px){.card-answers{grid-template-columns:1fr}}.answer{font:inherit;display:flex;align-items:center;gap:.6rem;text-align:left;color:#fff;background:#241a45;border:3px solid rgba(255,255,255,.55);border-radius:12px;padding:.55rem .7rem;font-size:clamp(.85rem,3.4vw,1.05rem);font-weight:700;min-height:50px;cursor:pointer}.answer b{flex:0 0 auto;width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:8px;background:#ffd23f;color:#3a2400;font-size:.95rem}.answer:active{transform:translateY(2px)}.answer:disabled{cursor:default}.answer.correct{background:#1f7a4d;border-color:#6ee36e}.answer.wrong{background:#8a2530;border-color:#ff8f96}.card-hint{margin:.6rem 0 0;font-size:.8rem;opacity:.8;text-align:center}.card-result{margin-top:.8rem;text-align:center;animation:pop .2s ease-out}.card-result-title{font-size:clamp(1.1rem,5vw,1.6rem);font-weight:800}.card-result.good .card-result-title{color:#6ee36e}.card-result.bad .card-result-title{color:#ff8f96}.card-result-sub{font-size:.9rem;opacity:.9}.card-handover-title{text-align:center;font-size:.95rem;opacity:.85;letter-spacing:.08em}.card-next{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.2rem 0 .3rem}.card-next-emoji{font-size:clamp(2rem,9vw,2.8rem)}.card-next-name{font-size:clamp(1.4rem,7vw,2.2rem);font-weight:800;color:var(--team)}.card-board{margin-top:.7rem;display:flex;flex-direction:column;gap:.35rem}.card-board-row{display:flex;justify-content:space-between;gap:.6rem;padding:.4rem .7rem;border-radius:10px;border-left:6px solid var(--team);background:#ffffff14;font-size:clamp(.8rem,3.3vw,.95rem);font-weight:700}.card-board-score{opacity:.85}.hud-end-title{margin:0 0 .3rem;font-size:clamp(1.1rem,5.2vw,1.9rem);line-height:1.2;color:#ffe066}.hud-end-winner{color:var(--team);text-shadow:0 3px 0 rgba(0,0,0,.5)}.hud-end-board{display:flex;flex-direction:column;gap:.35rem;width:min(460px,92vw)}.hud-end-row{display:grid;grid-template-columns:1.6rem 1fr auto auto;gap:.5rem;align-items:center;padding:.45rem .7rem;border-radius:10px;border-left:6px solid var(--team);background:#ffffff1a;font-weight:700;font-size:clamp(.8rem,3.4vw,1rem)}.hud-end-row.winner{background:#ffd23f38;box-shadow:0 0 0 2px #ffd23f80}.hud-end-place{opacity:.7}.hud-end-name{text-align:left}.hud-end-score{font-variant-numeric:tabular-nums}.hud-end-detail{font-size:.78em;opacity:.75}.hud-end-prize{margin:.5rem 0 0;font-size:clamp(.95rem,4vw,1.25rem);font-weight:800;color:#ffe066}.hud-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:.7rem;background:#080614db;pointer-events:auto;overflow:hidden}.panel-card{width:min(720px,97vw);max-height:94%;overflow-y:auto;background:linear-gradient(#2a1c52,#191036);border:4px solid #ffd23f;border-radius:18px;padding:.8rem 1rem 0;text-align:left}.panel-head{display:flex;align-items:center;gap:.6rem}.panel-title{margin:0;flex:1 1 auto;font-size:clamp(1rem,4.2vw,1.4rem);color:#ffe066}.panel-close{flex:0 0 auto;font:inherit;font-weight:800;font-size:1rem;line-height:1;color:#fff;background:#ffffff24;border:2px solid rgba(255,255,255,.6);border-radius:10px;padding:.4rem .6rem;cursor:pointer}.panel-hint{margin:.45rem 0 .25rem;font-size:.78rem;line-height:1.35;opacity:.85}.panel-names{display:flex;gap:.5rem;flex-wrap:wrap}.panel-name{flex:1 1 140px;display:flex;align-items:center;gap:.35rem;padding:.3rem .5rem;border-radius:10px;border-left:6px solid var(--team);background:#ffffff14}.panel-name-emoji{font-size:1.1rem}.panel-card input[type=text],.panel-card textarea{font:inherit;width:100%;color:#fff;background:#0006;border:2px solid rgba(255,255,255,.35);border-radius:9px;padding:.45rem .6rem}.panel-card textarea{min-height:20vh;resize:vertical;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.panel-prize{display:block}.panel-message{margin:.4rem 0 0;font-size:.82rem;font-weight:700;color:#9ff0a1}.panel-message.bad{color:#ff9aa2}.panel-hint-strong{color:#ffe066;font-weight:700;opacity:1}.panel-add{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;border:2px dashed rgba(255,210,63,.55);border-radius:12px;background:#ffffff0d}.panel-add-question{display:flex;align-items:center;gap:.4rem}.panel-add-badge{flex:0 0 auto;width:1.6rem;height:1.6rem;display:grid;place-items:center;font-weight:900;color:#4a2c00;background:#ffd23f;border:2px solid #a9761a;border-radius:6px}.panel-add-question input{font-weight:700}.panel-add-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.35rem}.panel-add-answer{display:flex;align-items:center;gap:.35rem;padding:.2rem .35rem;border-radius:9px;background:#00000040}.panel-add-radio{flex:0 0 auto;width:1.15rem;height:1.15rem;accent-color:#2eb872}.panel-add-letter{flex:0 0 auto;font-weight:900;font-size:.8rem;color:#ffe066;width:1rem}.panel-add-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:space-between}.panel-add-tip{font-size:.72rem;opacity:.75}.panel-buttons{position:sticky;bottom:0;display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end;margin-top:.7rem;padding:.5rem 0 .8rem;background:linear-gradient(#19103600,#191036 45%)}