:root{--bg: #12111a;--panel: #1d1b29;--panel-2: #262337;--line: #3a3550;--text: #ece9f5;--muted: #9a95ae;--accent: #ffcc33;--red: #c8423c;--yellow: #d6a823;--green: #3e9d5a;--skip: #3b3850;--radius: 8px;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{font:inherit;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .95rem;cursor:pointer}button:hover{border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:#1b1500;font-weight:600}button.primary:hover{filter:brightness(1.08)}button.wide{width:100%}button.link{background:none;border:none;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px}button.link:hover{color:var(--text)}button.link.dev{color:#6c6784}.icon-btn{width:2.4rem;height:2.4rem;padding:0;display:inline-grid;place-items:center;font-weight:700;position:relative}.muted{color:var(--muted)}.small{font-size:.85rem}.app{max-width:760px;margin:0 auto;padding:1rem 1rem 2rem;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--panel-2)}.logo{background:none;border:none;padding:0;font-size:1.7rem;font-weight:800;letter-spacing:.03em;color:var(--accent)}.header-actions{display:flex;gap:.5rem}.streak-badge{position:absolute;top:-6px;right:-6px;min-width:1.2rem;height:1.2rem;padding:0 .25rem;border-radius:999px;background:var(--accent);color:#1b1500;font-size:.7rem;display:grid;place-items:center}.mode-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:.75rem 0;color:var(--muted);font-size:.9rem}.mode-tag{color:var(--accent)}.mode-links{display:flex;gap:1rem}.game{display:flex;flex-direction:column;gap:.9rem;flex:1}.round-error{margin:0;padding:.6rem .8rem;border:1px solid var(--red);border-radius:var(--radius);color:var(--text)}.frame{position:relative;aspect-ratio:16 / 9;width:100%;overflow:hidden;background:#000;border-radius:var(--radius)}.frame-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transform-origin:center center;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .3s ease;opacity:0;-webkit-user-select:none;user-select:none}.frame-img.loaded{opacity:1}.frame-img.loaded.enter{animation:frame-zoom-out .7s cubic-bezier(.22,1,.36,1) both}@keyframes frame-zoom-out{0%{transform:scale(var(--enter-from))}to{transform:scale(1)}}.frame-zoom{position:absolute;right:.5rem;bottom:.5rem;background:#000000a6;padding:.15rem .5rem;border-radius:4px;font-size:.8rem}.hints{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.hint{background:var(--panel);border:1px solid transparent;border-radius:var(--radius);padding:.5rem .75rem;display:flex;flex-direction:column;min-width:0}.hint.shown{border-color:var(--accent)}.hint-label{font-size:.75rem;color:var(--muted);text-transform:uppercase}.hint-value{overflow-wrap:anywhere}.hint:not(.shown) .hint-value{color:var(--muted);font-style:italic;font-size:.85rem}.status-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem}.guess-row{display:flex;gap:.5rem}.guess-input{position:relative;flex:1}.guess-input input{width:100%;font:inherit;font-size:1.05rem;padding:.7rem .9rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--text)}.guess-input input:focus{outline:2px solid var(--accent);outline-offset:-1px}.skip{color:var(--muted)}.suggestions{position:absolute;z-index:10;left:0;right:0;top:calc(100% + 4px);margin:0;padding:.25rem;list-style:none;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #00000080;max-height:min(22rem,45vh);overflow-y:auto;overscroll-behavior:contain}.suggestions li{display:flex;justify-content:space-between;gap:1rem;padding:.45rem .6rem;border-radius:6px;cursor:pointer}.suggestions li.active{background:var(--line)}.suggestions li.no-match{color:var(--muted);cursor:default}.suggestion-game{color:var(--muted);font-size:.85rem;text-align:right}.guess-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.guess{display:flex;justify-content:space-between;gap:1rem;min-height:2.6rem;align-items:center;padding:.35rem .75rem;border-radius:var(--radius);background:var(--panel)}.guess.empty{border:1px dashed #2f2b42;background:transparent;min-height:1.2rem}.guess.miss{background:var(--red)}.guess.skip{background:var(--skip);color:var(--muted)}.guess.franchise{background:var(--yellow);color:#1b1500}.guess.correct{background:var(--green)}.guess-name{display:flex;flex-direction:column}.guess-game{font-size:.78rem;opacity:.8}.guess-note{font-size:.8rem;text-align:right}.end{background:var(--panel);border-radius:var(--radius);padding:1rem 1.25rem;border-left:4px solid var(--green);display:flex;flex-direction:column;gap:.75rem}.end.lost{border-left-color:var(--red)}.end-top{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.end h2{margin:0;font-size:.9rem;color:var(--muted);font-weight:500}.end-stage{font-size:1.6rem;font-weight:700;margin:.15rem 0}.end-game{margin:0;color:var(--muted)}.end-score{display:flex;flex-direction:column;align-items:flex-end}.end-score-value{font-size:2.2rem;font-weight:800;line-height:1;color:var(--accent)}.end-actions{display:flex;gap:.5rem;flex-wrap:wrap}.end p{margin:0}.countdown{font-variant-numeric:tabular-nums;color:var(--text)}.copyright{font-size:.78rem;color:var(--muted);border-top:1px solid var(--panel-2);padding-top:.6rem}.share-fallback{background:var(--bg);padding:.5rem;border-radius:6px;margin:0}.footer{margin-top:2rem;padding-top:.75rem;border-top:1px solid var(--panel-2);display:flex;gap:1rem;flex-wrap:wrap;color:#6c6784;font-size:.8rem}.footer .kofi{color:inherit;text-decoration:none}.footer .kofi:hover{color:#72a4f2}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#05040abf;display:grid;place-items:center;padding:1rem}.modal{width:min(460px,100%);max-height:calc(100vh - 2rem);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem 1.25rem 1.25rem;box-shadow:0 20px 60px #0009}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.modal-header h2{margin:0;font-size:1.15rem}.panel p{line-height:1.5}.panel h3{font-size:.85rem;text-transform:uppercase;color:var(--muted);margin:1.25rem 0 .5rem}.rules{padding-left:1.1rem;line-height:1.55;margin-bottom:1.25rem}.rules li+li{margin-top:.4rem}.chip{padding:0 .4rem;border-radius:4px;font-size:.85rem}.chip.franchise{background:var(--yellow);color:#1b1500}.chip.miss{background:var(--red)}.chip.correct{background:var(--green)}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.72rem;color:var(--muted)}.distribution{display:flex;flex-direction:column;gap:.25rem}.dist-row{display:flex;align-items:center;gap:.5rem}.dist-label{width:1rem;text-align:center;color:var(--muted)}.dist-bar{background:var(--line);border-radius:4px;padding:.1rem .4rem;text-align:right;font-size:.8rem;min-width:1.6rem}.legal p{font-size:.9rem;color:#cfcbe0}.legal a{color:#72a4f2;text-underline-offset:3px}@media (max-width: 520px){.hints{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,1fr)}.end-score{align-items:flex-start}}