:root{--bg:#f8e7c9;--panel:#fdf4e2;--panel-2:#ecd7ae;--ink:#064e3b;--muted:#5f7d6f;--accent:#064e3b;--accent-dim:#4d8a70;--green:#2f8a57;--red:#b3413c;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -200px, #fff6df 0%, var(--bg) 60%);color:var(--ink);min-height:100vh;margin:0;font-family:Segoe UI,system-ui,sans-serif}header{border-bottom:1px solid var(--panel-2);justify-content:space-between;align-items:center;max-width:620px;margin:0 auto;padding:14px 16px;display:flex}.wordmark{color:var(--accent);letter-spacing:1px;font-family:Georgia,Times New Roman,serif;font-size:1.6rem;font-weight:700;text-decoration:none}nav{align-items:center;gap:6px;display:flex}nav button,.icon-link{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:1.2rem;text-decoration:none}nav button:hover,.icon-link:hover{background:var(--panel-2)}main{max-width:620px;margin:0 auto;padding:18px 16px 60px}h2{color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin:0 0 12px;font-family:Georgia,serif;font-size:1.05rem}.notice{text-align:center;color:var(--muted);margin-top:40px}.notice a{color:var(--accent)}.archive-banner{background:var(--panel);border:1px solid var(--accent-dim);color:var(--accent);border-radius:var(--radius);text-align:center;padding:8px 12px;font-size:.85rem}.characters ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.characters li{background:var(--panel);border-radius:var(--radius);grid-template-columns:110px 1fr auto;align-items:center;gap:10px;padding:10px 14px;animation:.5s reveal;display:grid}@keyframes reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.characters .name{font-family:Georgia,serif;font-size:1.05rem}.characters .bar{background:linear-gradient(90deg, var(--accent-dim), var(--accent));border-radius:4px;height:8px}.characters .count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.characters .hidden-slot{opacity:.35;border:1px dashed var(--panel-2);background:0 0;animation:none}.characters .hidden-slot .name{color:var(--muted);letter-spacing:3px}.hints{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}.hint{background:var(--panel-2);border:1px solid var(--accent-dim);border-radius:999px;padding:5px 12px;font-size:.85rem;animation:.5s reveal}.hint strong{color:var(--accent);font-weight:600}.guess-input{align-items:flex-start;gap:8px;margin-top:20px;display:flex}.guess-input.shake{animation:.4s shake}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.combo{flex:1;position:relative}.combo input{border-radius:var(--radius);border:1px solid var(--panel-2);background:var(--panel);width:100%;color:var(--ink);padding:12px 14px;font-size:1rem}.combo input:focus{outline:2px solid var(--accent-dim)}.suggestions{z-index:10;background:var(--panel-2);border-radius:var(--radius);max-height:280px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #5a461e40}.suggestions button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;padding:8px 10px;display:flex}.suggestions button:hover{background:var(--panel)}.s-author{color:var(--muted);font-size:.8rem}button.primary{background:var(--accent);color:#f8e7c9;border-radius:var(--radius);cursor:pointer;border:none;padding:12px 18px;font-size:1rem;font-weight:600}button.primary:disabled{opacity:.4;cursor:not-allowed}button.ghost,.button-like{border:1px solid var(--panel-2);color:var(--muted);border-radius:var(--radius);cursor:pointer;background:0 0;padding:12px 14px;font-size:1rem;text-decoration:none}button.ghost:hover,.button-like:hover{border-color:var(--accent-dim);color:var(--ink)}.remaining{color:var(--muted);text-align:center;font-size:.85rem}.history{flex-direction:column;gap:6px;margin-top:22px;display:flex}.guess{background:var(--panel);color:var(--muted);border-radius:8px;grid-template-columns:24px 1fr auto;gap:8px;padding:8px 12px;font-size:.9rem;display:grid}.guess.correct{color:var(--ink);border:1px solid var(--green)}.result{text-align:center;background:var(--panel);border:1px solid var(--red);border-radius:var(--radius);margin-top:24px;padding:20px;animation:.5s reveal}.result.won{border-color:var(--green)}.result h2{color:var(--ink);text-transform:none;letter-spacing:0;font-size:1.3rem}.answer-title{color:var(--accent);font-family:Georgia,serif;font-size:1.4rem}.answer-meta{color:var(--muted);margin-top:4px;font-size:.9rem}.global-stats{text-align:left;margin-top:16px}.percentile{text-align:center;color:var(--muted);margin:0 0 10px}.percentile strong{color:var(--accent);font-size:1.1rem}.dist-row.me .dist-bar{background:var(--accent);color:#f8e7c9}.result-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.archive ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.archive a{background:var(--panel);border-radius:var(--radius);color:var(--ink);justify-content:space-between;align-items:center;padding:12px 16px;text-decoration:none;display:flex}.archive a:hover{background:var(--panel-2)}.a-date{font-variant-numeric:tabular-nums}.a-result{font-size:.9rem}.a-play{color:var(--accent);font-size:.9rem}.overlay{z-index:100;background:#062e248c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--panel-2);border-radius:var(--radius);width:100%;max-width:420px;padding:24px;animation:.3s reveal;position:relative}.modal h2{margin-top:0}.modal h3{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.modal p{color:var(--ink);line-height:1.5}.close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;top:10px;right:10px}.stat-row{text-align:center;justify-content:space-around;gap:8px;display:flex}.stat-row div{flex-direction:column;display:flex}.stat-row strong{color:var(--accent);font-size:1.6rem}.stat-row span{color:var(--muted);font-size:.75rem}.dist{flex-direction:column;gap:4px;display:flex}.dist-row{color:var(--muted);grid-template-columns:16px 1fr;align-items:center;gap:8px;font-size:.85rem;display:grid}.dist-bar{background:var(--accent-dim);color:#fdf4e2;text-align:right;font-variant-numeric:tabular-nums;border-radius:4px;min-width:20px;padding:2px 6px}footer{text-align:center;max-width:620px;color:var(--muted);border-top:1px solid var(--panel-2);margin:0 auto;padding:20px 16px 40px;font-size:.85rem}footer a{color:var(--muted)}footer a:hover{color:var(--ink)}.disclosure{margin:8px 0 0;font-size:.75rem}.content-page{line-height:1.6}.content-page h3{color:var(--accent);margin:18px 0 4px;font-family:Georgia,serif}.content-page a{color:var(--accent)}@media (width<=480px){.characters li{grid-template-columns:90px 1fr auto;padding:8px 10px}.guess-input{flex-wrap:wrap}}