:root{--bg:#f6f3ff;--surface:#fff;--text:#1d1530;--muted:#6c6385;--border:#ddd5f3;--accent:#6b4fd8;--accent-text:#fff;--correct:#2e9e5b;--wrong:#d64545;--skip:#9a92b3;--radius:12px;--tap:48px;--tile:64px;--tile-gap:8px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:Twemoji Country Flags,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}code{font-size:.9em}.app{max-width:520px;min-height:100dvh;padding:0 12px env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.logo{letter-spacing:.02em;margin:0;font-size:1.6rem}.icon-btn{min-width:var(--tap);min-height:var(--tap);background:0 0;border:none;border-radius:50%;font-size:1.4rem}.icon-btn:active{background:var(--border)}.icon-btn:focus:not(:focus-visible){outline:none}.tabs{background:var(--border);border-radius:999px;gap:6px;margin:12px 0 4px;padding:4px;display:flex}.tab{min-height:44px;color:var(--muted);background:0 0;border:none;border-radius:999px;flex:1;font-weight:600}.tab.is-active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #0000001f}.main{flex:1;padding:8px 0 24px}.game{flex-direction:column;gap:16px;display:flex}.game-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.95rem;display:flex}.badge{background:var(--accent);color:var(--accent-text);border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:700}.clue-board{justify-content:center;gap:var(--tile-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.clue-tile{width:var(--tile);height:var(--tile);border-radius:var(--radius);place-items:center;font-size:2.2rem;line-height:1;display:grid}.clue-tile.is-revealed{background:var(--surface);border:2px solid var(--accent);animation:.35s ease-out pop}.clue-tile.is-hidden{border:2px dashed var(--border);color:var(--muted);background:0 0;font-size:1.6rem;font-weight:700}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.controls{flex-direction:column;gap:8px;display:flex}.controls-sub{justify-content:space-between;align-items:center;gap:8px;display:flex}.guess-input{display:block}.clue-stack{flex-direction:column;align-items:center;gap:12px;display:flex}.guess-btn{width:calc(2 * var(--tile) + var(--tile-gap));padding:0}.combo{flex:1;min-width:0;position:relative}.combo input{width:100%;min-height:var(--tap);border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:0 40px 0 14px;font-size:16px}.combo input:focus{border-color:var(--accent);outline:none}.combo-clear{width:44px;height:var(--tap);color:var(--muted);background:0 0;border:none;font-size:1.4rem;position:absolute;top:0;right:0}.combo-list{z-index:10;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:min(40vh,300px);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.combo-option,.combo-empty{min-height:var(--tap);border-radius:8px;align-items:center;padding:8px 12px;display:flex}.combo-option{cursor:pointer}.combo-option.is-active,.combo-option:active{background:var(--bg);color:var(--accent)}.combo-empty{color:var(--muted)}.btn{min-height:var(--tap);border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:0 18px;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.btn-ghost{color:var(--accent);background:0 0;border-color:#0000;padding:0 8px}.btn-block{width:100%;margin-top:8px}.btn:active:not(:disabled){transform:scale(.97)}.guess-history{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.guess-slot{border:2px solid var(--border);background:var(--surface);overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:6px 12px;display:flex}.guess-slot.is-empty{background:0 0;border-style:dashed}.guess-slot.is-wrong{border-color:var(--wrong)}.guess-slot.is-correct{border-color:var(--correct);font-weight:700}.guess-slot.is-skip{border-color:var(--skip);color:var(--muted)}.result{border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);text-align:center;padding:16px}.result.is-won{border-color:var(--correct)}.result.is-lost{border-color:var(--wrong)}.result p{margin:4px 0}.result-headline{font-weight:600}.result-song{font-size:1.4rem;font-weight:800}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.share-message{color:var(--accent);text-align:center;flex-basis:100%;order:1;margin:0;font-size:.85rem;font-weight:600}.share-message:empty{display:none}.modal .share-message{margin-top:6px}.countdown{text-align:center;font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:.9rem}.empty{text-align:center;color:var(--muted);padding:24px 0}.dev-warning{border:2px solid var(--wrong);border-radius:var(--radius);background:#fff1f1;margin-bottom:12px;padding:12px;font-size:.85rem}.modal{background:var(--surface);width:calc(100% - 24px);max-width:440px;max-height:calc(100dvh - 24px);color:var(--text);border:none;border-radius:16px;padding:0}.modal::backdrop{background:#140a2880}.modal-body{padding:12px 16px 20px}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:8px 0 4px;font-size:1.25rem}.help ul{padding-left:1.2em}.help li{margin:4px 0}.help .feedback{font-size:.9rem}.help .feedback a{color:var(--accent);font-weight:600}.help .credits{color:var(--muted);margin-bottom:0;font-size:.75rem}.help .credits a{color:inherit}.stats h3{margin:16px 0 8px;font-size:1rem}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.stat-value{font-size:1.8rem;font-weight:800}.stat-label{color:var(--muted);font-size:.75rem}.stats-note{text-align:center;color:var(--muted);margin:8px 0 0;font-size:.8rem}.dist{margin:0;padding:0;list-style:none}.dist-row{align-items:center;gap:8px;margin:4px 0;display:flex}.dist-label{text-align:center;width:1.2em;font-weight:600}.dist-bar{background:var(--skip);color:#fff;text-align:right;border-radius:4px;padding:2px 8px;font-size:.85rem;font-weight:700}.dist-bar.is-highlight{background:var(--accent)}.footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:16px 0 20px;font-size:.75rem}.footer p{margin:0}@media (width<=359px){:root{--tile:56px}.clue-tile{font-size:1.9rem}}@media (width>=600px){.app{padding:0 16px}.logo{font-size:2rem}:root{--tile:80px}.clue-tile{font-size:2.8rem}.main{padding-top:16px}}@media (prefers-reduced-motion:reduce){.clue-tile.is-revealed{animation:none}}