:root{font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,sans-serif;color:#f1eadb;background:#151513;font-synthesis:none;--ink: #f1eadb;--muted: #aaa294;--panel: #24231f;--accent: #c66a3d;--accent-ink: #1d0e08;--danger: #d27469;--success: #9baa7b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:#151513}#app{width:100%;min-width:0}button,input{font:inherit}button{min-height:48px;border:0;border-radius:10px;cursor:pointer;font-weight:800}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible{outline:3px solid #c66a3d66;outline-offset:2px}input{width:100%;margin-top:8px;padding:14px;color:var(--ink);background:#191916;border:1px solid #47443b;border-radius:8px}input:focus{outline:3px solid #c66a3d45;border-color:var(--accent)}.shell{width:100%;max-width:560px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:28px 20px 40px}.setup{display:flex;flex-direction:column;justify-content:center}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,8vw,3.2rem);line-height:.95;letter-spacing:-.05em}.eyebrow{margin-bottom:9px;color:var(--accent);font-size:.74rem;font-weight:900;letter-spacing:.15em}.intro{color:var(--muted);font-size:1.08rem;line-height:1.5}.panel{margin:22px 0;padding:20px;background:var(--panel);border:1px solid #3c3a33;border-radius:14px;box-shadow:0 12px 28px #0004}.stack{display:grid;gap:18px}label{font-size:.9rem;font-weight:750}.primary{padding:13px 18px;color:var(--accent-ink);background:var(--accent)}.secondary{padding:13px 18px;color:var(--ink);background:#302f29}.wide{width:100%;margin-top:20px}.help{color:var(--muted);font-size:.9rem;line-height:1.55}.help summary{color:var(--ink);cursor:pointer;font-weight:750}.help a{color:var(--accent)}.help li{margin-bottom:8px}.game-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.icon{min-width:48px;color:var(--ink);background:#2b2a25;font-size:1.1rem}.progress{height:8px;margin-top:17px;overflow:hidden;background:#302f29;border-radius:99px}.progress span{display:block;height:100%;background:var(--accent);transition:width .3s ease}.progress-label{margin:7px 0 18px;color:var(--muted);text-align:right;font-size:.8rem}.scoreboard{display:grid;grid-template-columns:auto auto auto;gap:10px;align-items:baseline;justify-content:center;margin:16px 0 18px;padding:12px 16px;color:var(--muted);background:#201f1b;border:1px solid #3c3a33;border-radius:10px}.scoreboard strong{color:var(--accent);font-size:1.5rem}.scoreboard .correct-score{color:var(--success)}.score-divider{color:var(--muted);font-size:1.2rem;font-weight:700}.notice{display:flex;min-height:48px;align-items:center;padding:12px 14px;color:#eee8f5;background:#302f29;border-left:4px solid var(--accent);border-radius:4px;line-height:1.35}.notice.error{border-color:var(--danger)}.playing-notice{justify-content:center;gap:7px}.notice-placeholder{visibility:hidden}.playing-notice span{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:dot-pulse 1.2s ease-in-out infinite}.playing-notice span:nth-child(2){animation-delay:.15s}.playing-notice span:nth-child(3){animation-delay:.3s}.mystery{min-height:280px;padding:24px;text-align:center;background:#23221e;border:1px solid #3d3a32;border-radius:16px;box-shadow:0 14px 30px #0004}.guess-mystery{display:flex;height:320px;align-items:center;flex-direction:column;justify-content:center;overflow-y:auto}.mystery h2{margin:15px 0 6px}.mystery p{color:var(--muted)}.record{display:grid;width:130px;height:130px;margin:5px auto 20px;place-items:center;color:var(--accent);background:repeating-radial-gradient(circle,#151513 0 7px,#302f29 8px 10px);border-radius:50%;box-shadow:0 0 0 5px #11110f,0 12px 24px #0006}.record span{display:grid;width:48px;height:48px;place-items:center;color:var(--accent-ink);background:var(--accent);border-radius:50%;font-size:1.8rem;font-weight:950}.artwork{width:112px;height:112px;object-fit:cover;border-radius:16px;box-shadow:0 12px 28px #0007}.year{display:block;margin-top:10px;color:var(--accent);font-size:2.5rem}.guess-answer h2{color:var(--accent);font-size:2rem}.guess-answer .year{color:var(--muted);font-size:1rem;font-weight:700}.verdict{margin:18px -8px -8px;padding:12px;border-radius:12px;font-weight:850}.verdict.correct{color:var(--success);background:#283023}.verdict.wrong{color:var(--danger);background:#382421}.result-copy{margin-top:70px;font-size:1.15rem}.section-title{margin:26px 0 10px;font-size:1rem}.timeline{display:flex;align-items:stretch;gap:7px;overflow-x:auto;padding:10px 4px 18px;scroll-snap-type:x proximity}.card{display:flex;flex:0 0 112px;min-height:128px;padding:13px 11px;flex-direction:column;color:#29251d;background:#e6dac2;border-radius:8px;scroll-snap-align:center;box-shadow:0 8px 18px #0004}.card strong{margin-bottom:auto;font-size:1.6rem}.card span{font-size:.82rem;font-weight:850;line-height:1.15}.card small{margin-top:4px;opacity:.7;font-size:.68rem}.gap{flex:0 0 48px;min-height:128px;color:var(--muted);background:#2b2a25;border:2px dashed #625e52}.gap.selected{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);transform:scale(1.04)}.actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px}.playback-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wrong-answer{padding:13px 18px;color:var(--danger);background:#382421}.right-answer{padding:13px 18px;color:#172012;background:var(--success)}.ending-hint{margin:18px 4px 0;color:#8f887b;font-size:.75rem;line-height:1.4;text-align:center}.celebration{padding:30px;color:var(--accent);text-align:center;font-size:2.5rem;letter-spacing:.25em}dialog{width:min(calc(100% - 36px),420px);padding:24px;color:var(--ink);background:var(--panel);border:1px solid #48453c;border-radius:14px}dialog::backdrop{background:#080806c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog button{width:100%;margin-top:10px;color:var(--ink);background:#302f29}.loading{display:grid;place-items:center;align-content:center;color:var(--muted)}.spinner{width:44px;height:44px;margin-bottom:18px;border:4px solid #47443b;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}button svg{display:block;width:24px;height:24px;margin:auto;stroke-width:2}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dot-pulse{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media(max-width:480px){.shell{padding:16px 16px 24px}.game-toolbar{margin-bottom:8px}.scoreboard{margin:8px 0 12px}.notice{margin-bottom:12px}.guess-mystery{height:clamp(280px,35dvh,320px)}}@media(max-width:380px){.shell{padding-inline:14px}.mystery{padding:20px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.playing-notice span{opacity:1;animation:none}}