@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&family=Space+Grotesk:wght@400;600;700&display=swap";:root{--bg-1: #f6efe6;--bg-2: #f1d7b7;--ink: #1f1f1f;--accent: #e85d3b;--accent-2: #1c9ed8;--card: #ffffff;--muted: #6b5d4d;--shadow: 0 16px 40px rgba(31, 31, 31, .18)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,#fff6e9 0,#f2e1c9 45%,#f6efe6);min-height:100vh}body:before,body:after{content:"";position:fixed;width:320px;height:320px;border-radius:40% 60% 60% 40%;opacity:.3;z-index:-1}body:before{background:#ff8f6f;top:-80px;left:-60px}body:after{background:#58c5ff;bottom:-120px;right:-40px}#app{max-width:1100px;margin:0 auto;padding:32px 20px 64px}header{display:flex;flex-direction:column;gap:10px}header h1{font-family:Playfair Display,serif;font-size:2.6rem;margin:0;letter-spacing:.02em}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--card);padding:6px 12px;border-radius:999px;box-shadow:var(--shadow);font-weight:600;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:24px}.card{background:var(--card);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.card h2{margin:0 0 12px;font-size:1.2rem}.card form label{display:block;margin-top:10px;font-size:.9rem;color:var(--muted)}.card form input,.card form button,.card form textarea{width:100%}.prompt{font-size:1.1rem;line-height:1.4;padding:12px 14px;background:#fdf4e9;border-radius:16px;border:1px solid rgba(0,0,0,.08)}.prompt small{display:block;margin-top:8px;color:var(--muted)}.player-pills{display:flex;flex-wrap:wrap;gap:8px}.player-pill{border-radius:999px;padding:6px 12px;background:#f0ede8;font-weight:600}.player-pill.connected{color:#fff}.score-list{display:grid;gap:10px}.score-row{display:grid;gap:6px}.score-label{display:flex;align-items:center;justify-content:space-between;font-weight:600}.score-bar{height:8px;border-radius:999px;background:#f0ede8;overflow:hidden}.score-bar-fill{height:100%;border-radius:999px;transition:width .3s ease}.input-row{display:flex;flex-direction:column;gap:10px}input[type=text],textarea{border-radius:12px;border:1px solid rgba(0,0,0,.15);padding:10px 12px;font-family:inherit;font-size:1rem;resize:vertical}button{border:none;border-radius:12px;padding:10px 14px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button.secondary{background:#f0ede8;color:var(--ink)}button.ghost{background:transparent;color:var(--ink);border:1px solid rgba(0,0,0,.15)}button:disabled{opacity:.6;cursor:not-allowed}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #1f1f1f26}.choices{display:grid;gap:10px}.choice{padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.08);color:#000!important;text-align:left;-webkit-text-fill-color:#000!important;font-size:1.2rem}button.choice,.choices button.choice,button.choice span,button.choice strong,button.choice div,.choices button.choice span{color:#000!important;-webkit-text-fill-color:#000!important}.choice.selected{background:#ffe0c2;border-color:#ffb07b;color:#000!important;-webkit-text-fill-color:#000!important}.choice.selected span{color:#000!important}.results{display:grid;gap:12px}.graph{margin-top:16px;background:#fffaf3;border-radius:16px;padding:12px;border:1px solid rgba(0,0,0,.08)}.graph svg{width:100%;height:auto}.result-bar{background:#f6f1eb;border-radius:14px;padding:6px 10px}.result-bar strong{display:block;margin-bottom:4px;margin-top:4px;font-size:1rem}.result-meta{margin-top:2px;color:var(--muted);font-size:.85rem}.real-answer{border:2px solid #ff9c5c;background:#fff0e3}.voter-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 8px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.08);font-size:.9rem}.admin-panel{border:1px dashed rgba(0,0,0,.2);padding:14px;border-radius:18px;background:#fffaf3}.admin-players{display:grid;gap:8px}.admin-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.status-line{color:var(--muted);font-size:.95rem}.wf-app{display:flex;flex-direction:column;gap:20px}.wf-header{display:flex;align-items:flex-start;padding-bottom:8px;gap:12px;justify-content:space-between}.wf-header-left{display:flex;align-items:flex-start;gap:16px}.wf-header-right{display:flex;gap:8px}.wf-header h1{margin:0;font-size:1.7rem}.wf-title-bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.wf-phase-panel{display:flex;flex-direction:column;gap:6px;min-width:240px}.wf-menu{position:relative}.wf-menu-toggle{display:flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(0,0,0,.1);background:#fff2e8;color:var(--text)}.wf-info-button{width:42px;height:42px;border-radius:14px;border:1px solid rgba(0,0,0,.1);display:inline-flex;align-items:center;justify-content:center}.wf-icon{width:22px;height:22px}.wf-menu.open .wf-menu-toggle{background:#b54838;color:#fff;border-color:#a43d2e}.wf-menu-panel{position:absolute;left:0;top:calc(100% + 8px);display:flex;flex-direction:column;gap:10px;padding:12px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;min-width:200px;box-shadow:var(--shadow);z-index:5}.wf-menu-panel button{width:100%}.wf-menu-panel .danger{background:#b54838;color:#fff}.wf-menu-color{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.9rem}.wf-menu-color input{width:36px;height:30px;padding:0;border:none;background:transparent}.wf-menu-roomcode{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600}.wf-copy-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0}.wf-color-toggle input[type=color]{width:34px;height:34px;border:none;background:transparent;padding:0}.wf-phase-steps{display:flex;gap:8px;font-size:.85rem;flex-wrap:wrap;align-items:center}.wf-step{color:var(--muted)}.wf-step.active{color:var(--accent);font-weight:600}.wf-step.done{color:var(--accent-2)}.wf-progress{position:relative;height:16px;border-radius:999px;background:#f0ede8;overflow:hidden;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;font-size:.8rem;font-weight:600;color:var(--muted)}.wf-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:0%;transition:width .2s ease}.wf-progress span{position:relative;z-index:1}.player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.player-list .tag{background:var(--accent-2);color:#fff;border-radius:999px;padding:2px 8px;font-size:.75rem;margin-left:8px}.choice{display:block;width:100%;text-align:left;margin-bottom:10px;white-space:normal}.choice.selected{background:var(--accent-2);color:#fff}.wf-standings{max-width:420px}.wf-results-table{width:100%;border-collapse:collapse;margin:12px 0}.wf-results-table th,.wf-results-table td{border-bottom:1px solid rgba(0,0,0,.06);padding:6px;text-align:left}.wf-results-rank{color:var(--muted);font-weight:600}.wf-tag{display:inline-block;padding:2px 6px;border-radius:999px;font-size:.75rem;margin-right:4px;border:1px solid rgba(0,0,0,.1)}.result-bar{border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:10px;margin-bottom:10px;background:#faf6f0}.result-bar.real{border-color:var(--accent)}.wf-error{color:var(--accent);font-weight:600;min-height:24px}.wf-missing-room{text-align:center}.wf-missing-room p{margin-bottom:16px}.wf-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:12px 0}.wf-settings label{font-size:.85rem;color:var(--muted)}.wf-field{display:flex;flex-direction:column;gap:4px}.wf-timing-group{display:flex;gap:8px;flex-wrap:wrap}.wf-timing-option{flex:1;min-width:70px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#f9f4ed;color:var(--text);padding:8px 10px;font-weight:600;cursor:pointer}.wf-timing-option.active{background:var(--accent);color:#fff;border-color:var(--accent)}.wf-settings input,.wf-settings button{width:100%}.wf-settings-note{font-size:.8rem;color:var(--muted);margin:4px 0}.wf-host-controls{margin-top:14px;display:flex;flex-direction:column;gap:8px}.wf-share code{display:block;padding:10px 12px;background:#f0ede8;border-radius:12px;word-break:break-all}.wf-share-row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.wf-share-row code{flex:1;margin-bottom:0}.wf-landing-choice{text-align:center}.wf-landing-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.wf-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.wf-scoreboard{width:100%;border-collapse:collapse;margin-bottom:12px}.wf-scoreboard th,.wf-scoreboard td{padding:6px;border-bottom:1px solid rgba(0,0,0,.07);text-align:left}.wf-color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.wf-graph{width:100%;margin-top:18px}.wf-graph svg{width:100%}.wf-graph-text{font-size:.9rem;fill:var(--muted)}.wf-graph-tip{font-size:.84rem;fill:var(--muted)}.wf-inline-timer{margin-top:10px}.wf-inline-progress{position:relative;height:14px;border-radius:999px;background:#f0ede8;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--muted)}.wf-inline-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:0;transition:width .2s ease}.wf-inline-progress span{position:relative;z-index:1}.wf-banner{padding:10px 14px;border-radius:12px;background:#fdf4e9;border:1px solid rgba(0,0,0,.05);margin-bottom:12px;font-weight:600}.wf-eval-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}.wf-eval-tile{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:12px;background:#fff}.wf-eval-tile.success{border-color:#2fbf71;background:#ecfdf5}.wf-eval-tile.danger{border-color:#fb7185;background:#fff1f3}.wf-eval-tile.highlight{border-color:#facc15;background:#fffbeb}.wf-eval-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.wf-eval-highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.wf-eval-highlight{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px;background:#fffdf8}.wf-eval-highlight.success{background:#ecfdf5;border-color:#2fbf71}.wf-eval-highlight.danger{background:#fff1f3;border-color:#fb7185}.wf-eval-subline{margin-top:8px;font-size:.9rem;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.wf-muted{color:var(--muted)}.wf-collapsible{margin-top:12px;display:flex;flex-direction:column;gap:10px}.wf-eval-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.wf-ready-next{width:100%;padding:12px 16px;border-radius:14px;border:1px solid #1f9d5c;background:#2fbf71;color:#fff;font-size:1rem;font-weight:600;margin:12px 0 0}.wf-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10}.wf-modal-content{background:#fff;padding:20px;border-radius:16px;min-width:320px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:var(--shadow)}@media (max-width: 720px){header h1{font-size:2.1rem}.admin-row{grid-template-columns:1fr}.prompt{font-size:1rem}button{width:100%}.choices{gap:8px}}.wf-submission form{display:flex;flex-direction:column;gap:10px}.wf-submission-current{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:#fff6de;border:1px solid rgba(250,204,21,.35);margin-bottom:10px}.wf-submit-toast{margin-top:8px;padding:6px 10px;border-radius:999px;background:#ecfdf5;border:1px solid rgba(34,197,94,.3);color:#166534;font-size:.85rem;width:fit-content}.wf-checkbox{display:flex;gap:8px;align-items:center;font-size:.9rem;color:var(--muted)}.wf-checkbox input{width:auto}.wf-score-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;min-width:280px}.wf-score-list li{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:10px;background:#fffdf8}.wf-score-name{font-weight:600;margin-bottom:4px}.wf-score-value{font-size:.85rem;color:var(--muted);margin-bottom:4px}.wf-score-bar{height:6px;background:#f0ede8;border-radius:999px;overflow:hidden}.wf-score-bar div{height:100%}.wf-score-bar-row td{padding-top:0;padding-bottom:10px;border-bottom:none}.wf-score-bar-line{height:4px;background:#f0ede8;border-radius:999px;overflow:hidden}.wf-score-bar-line div{height:100%}.wf-info-list{padding-left:18px}.wf-info-list li{margin-bottom:6px}.wf-build-info{position:fixed;right:12px;bottom:12px;font-size:.75rem;color:#0000008c;background:#ffffffb3;border-radius:8px;padding:4px 8px;z-index:50;pointer-events:none}