:root{color-scheme:light;--paper:#f5f4ed;--surface:#fffefa;--ink:#202d2b;--muted:#59685e;--line:#d6ddd3;--green:#245c49;--pale:#e9efe4;--warm:#925635}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:var(--green)}button,input,select,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #608a6f;outline-offset:3px}[hidden]{display:none!important}header{max-width:1180px;margin:auto;min-height:78px;padding:12px 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{color:var(--ink);font-size:30px;letter-spacing:-1.5px;font-weight:800;text-decoration:none}.brand span{color:#648665}nav{display:flex;gap:18px;align-items:center}.pill{font-size:12px;font-weight:600;letter-spacing:1px;color:var(--muted)}main{max-width:1180px;margin:auto;padding:26px 32px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--green);margin:0 0 8px}h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.8px;line-height:1.15;font-weight:650;margin:0 0 8px}h1 em{font-family:Georgia,serif;color:var(--green);font-weight:400}.intro>div>p:last-child{color:var(--muted);margin:0}.round-switcher{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0}.round-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.round-picker label{margin:0}.round-picker>span{font-size:13px;color:var(--muted)}select{padding:9px 30px 9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);min-height:44px}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'guess history' 'answer history';gap:24px;align-items:start}.panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:24px;min-width:0}.guess-panel{grid-area:guess}.answer-panel{grid-area:answer}.history{grid-area:history;min-height:430px}.section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.step-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pale);font-size:14px;color:var(--green);font-weight:700;flex-shrink:0}h2{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.4px}h3{margin:0;font-size:18px;line-height:1.35}.section-heading p{font-size:14px;color:var(--muted);margin:4px 0 0}label{display:block;font-size:14px;font-weight:650;margin:0 0 8px}.input-wrap{display:flex;align-items:center;gap:10px;min-height:54px;background:white;border:1px solid #8eaa96;border-radius:9px;padding:0 12px}.input-wrap:focus-within{outline:3px solid #2d645320;outline-offset:2px}.input-wrap>span{font-size:26px;color:var(--green)}input{min-width:0;width:100%;border:0;background:none;color:var(--ink);font-size:16px}#character{outline:none}input::placeholder{color:#737b72}kbd{font:12px monospace;white-space:nowrap;color:var(--muted)}.search-control{position:relative}.selection{min-height:21px;margin:8px 0 14px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.primary,.secondary,.trait-answer-row button{border-radius:9px;padding:11px 16px;min-height:44px;font-weight:650;font-size:14px}.primary{border:1px solid var(--green);background:var(--green);color:white;display:flex;justify-content:space-between;align-items:center;gap:16px}.primary:hover:enabled{background:#194734}.secondary{border:1px solid var(--line);color:var(--ink);background:var(--surface)}.secondary:hover:enabled{background:var(--pale)}#guess{width:100%;min-height:48px}.text-button{border:0;background:none;min-height:44px;padding:10px 0;color:var(--green);font-size:14px;text-decoration:underline;text-underline-offset:4px}#suggestions{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:5;background:white;border:1px solid #a8bca6;border-radius:10px;box-shadow:0 12px 28px #243d2525;max-height:300px;overflow:auto;overscroll-behavior:contain}.suggestion{display:block;padding:12px 14px;border:0;border-bottom:1px solid #e9ece5;width:100%;text-align:left;background:white;color:var(--ink)}.suggestion[aria-selected=true],.suggestion:hover{background:var(--pale)}.suggestion strong{display:block;font-weight:650;font-size:15px}.suggestion small{display:block;color:var(--muted);font-size:13px;margin-top:2px}.no-results{font-size:14px;padding:12px;color:var(--muted)}.message{font-size:14px;color:var(--green);margin:12px 0;overflow-wrap:anywhere}.message:empty{display:none}.message.error{color:#99472b}.scale-guide{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.scale-line{height:6px;border-radius:8px;background:linear-gradient(90deg,#ba7252,#d4b16b,#78a58b,#245c49)}.scale-guide>div:last-of-type{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px;gap:12px}.scale-guide p{font-size:13px;color:var(--muted);margin:10px 0 0}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.history-heading>span{font-size:12px;color:var(--muted);white-space:nowrap}#empty{text-align:center;padding:38px 8px}.empty-mark{font:36px Georgia,serif;display:block;color:#789172;margin:0 0 16px}#empty p{font-size:14px;color:var(--muted);margin:10px 0 18px}.quiet{font-size:13px;color:var(--muted)}ol{list-style:none;padding:0;margin:0}.guess-row{padding:18px 0;border-bottom:1px solid var(--line)}.guess-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.guess-name{font-weight:650;font-size:16px;overflow-wrap:anywhere}.guess-context{font-size:13px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.score{font-size:32px;font-weight:700;letter-spacing:-1px;color:var(--score-color,var(--green));white-space:nowrap}.score small{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:3px}.track{height:6px;background:#e5e8e0;border-radius:5px;overflow:hidden;margin:12px 0 6px}.track>span{display:block;height:100%;width:var(--score-width);background:var(--score-color);border-radius:5px}.guess-meta{font-size:13px;color:var(--muted)}.guess-row[data-latest=true] .guess-name:before{content:'LATEST';display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:4px}.trait-card{background:var(--pale);border:1px solid #d2ddcb;border-radius:10px;padding:16px;margin-bottom:18px}.trait-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:650;letter-spacing:.8px;color:var(--green)}.trait-body{display:flex;align-items:center;gap:14px;margin-top:14px}.mystery{font:30px Georgia,serif;color:var(--green);flex-shrink:0}.trait-body h3{font-size:17px}.trait-body p{font-size:14px;color:var(--muted);margin:4px 0 0}.trait-answer-row{display:flex;gap:8px;flex-wrap:wrap}.trait-answer-row input{flex:1 1 230px;background:white;border:1px solid #8eaa96;border-radius:9px;padding:12px}.trait-answer-row button{border:1px solid var(--green);background:var(--pale);color:var(--green)}#trait-feedback{font-size:14px;color:var(--muted);margin:10px 0}#trait-feedback.solved{color:var(--green);font-weight:650}#trait-attempts{list-style:none;padding:0;margin:0;font-size:13px;color:var(--muted)}#trait-attempts li{margin-top:6px;overflow-wrap:anywhere}.round-complete{margin-top:16px}.round-complete p{font-size:14px}.round-complete .primary{width:100%}.reveal-button{color:var(--muted);font-size:13px;margin-top:6px}.answer-panel[data-solved=true]{border-color:#66916f;box-shadow:0 0 0 2px #66916f20}footer{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;width:calc(100% - 32px);max-width:480px;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 100px #10251e35}dialog::backdrop{background:#15251eb3;backdrop-filter:blur(4px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;justify-content:space-between;align-items:center}.icon-button{border:0;background:transparent;color:var(--muted);font-size:28px;min-width:44px;min-height:44px}.dialog-top .eyebrow{margin:0}dialog h2{font-size:26px;letter-spacing:-.8px;outline:none}dialog>p:not(.eyebrow){color:var(--muted);font-size:16px}.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.dialog-actions .primary{width:auto}.dialog-footnote{font-size:12px!important;text-align:center;margin:20px 0 0}.tutorial-visual{background:var(--pale);border-radius:12px;padding:24px;margin:16px 0 24px;min-height:110px;display:flex;align-items:center;justify-content:center;gap:10px}.tutorial-search{background:white;border:1px solid #a1b59d;border-radius:8px;padding:12px 18px;width:100%;color:var(--muted)}.tutorial-score{background:white;border:1px solid var(--line);border-radius:8px;flex:1;padding:10px;text-align:center;font-size:12px}.tutorial-score strong{display:block;font-size:28px;color:var(--green)}.tutorial-score.low strong{color:var(--warm)}.tutorial-answer{color:var(--green);font-size:18px;font-weight:650}.tutorial-dots{display:flex;gap:6px}.tutorial-dots i{width:6px;height:6px;border-radius:50%;background:#c4cfc1}.tutorial-dots i.active{background:var(--green);width:18px;border-radius:5px}
@media(max-width:760px){header{min-height:68px;padding:10px 18px}main{padding:22px 16px}.brand{font-size:27px}.pill{display:none}nav{gap:8px}.intro .eyebrow{font-size:11px}h1{font-size:34px}.intro>div>p:last-child{font-size:14px;max-width:300px}.round-switcher{padding:18px 0;align-items:flex-start}.round-picker{gap:8px}.round-picker>span{flex-basis:100%;font-size:12px}.round-picker label{font-size:13px}.round-switcher>.secondary{white-space:nowrap}.game-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'guess' 'history' 'answer';gap:16px}.panel{padding:20px}.history{min-height:0}#empty{padding:20px 0}#empty .empty-mark{display:none}#empty p{margin-bottom:8px}kbd{display:none}footer{flex-direction:column}.section-heading{margin-bottom:16px}.guess-row{padding:14px 0}.history #history{max-height:440px;overflow:auto}.dialog-actions{gap:8px}dialog{padding:22px}.tutorial-visual{padding:18px}}
@media(prefers-reduced-motion:no-preference){.guess-row{animation:appear .22s ease-out}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}

.solve-shortcut{display:inline-block;margin-top:14px;font-size:14px;text-underline-offset:4px;padding:4px 0}#answer-heading{scroll-margin-top:24px}#answer-heading:focus{outline:none}

/* Initials identify characters consistently across suggestions and history. */
.character-portrait{position:relative;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid var(--line);border-radius:10px;background:#edf0e7;overflow:hidden}.portrait-initials{font-size:15px;font-weight:700;color:#66745f;letter-spacing:.5px}.suggestion{display:flex;align-items:center;gap:12px}.suggestion-copy{min-width:0;overflow-wrap:anywhere}.guess-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.guess-copy{min-width:0}.selected-character{display:flex;align-items:center;gap:12px;background:var(--pale);border:1px solid var(--line);border-radius:10px;padding:12px;margin:0 0 14px}.selected-copy{min-width:0;overflow-wrap:anywhere}.selected-copy strong{display:block;font-size:15px}.selected-copy>span{display:block;font-size:13px;color:var(--muted)}@media(max-width:400px){.guess-identity{gap:9px}.guess-identity .character-portrait{width:40px;height:40px;flex-basis:40px}.guess-top{gap:10px}.score{font-size:28px}}

.history-sort{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 4px;flex-wrap:wrap}.history-sort label{margin:0;font-size:13px;color:var(--muted)}.history-sort select{font-size:13px;max-width:100%}

.round-picker{min-width:0}.round-picker select{min-width:0;max-width:100%}.trait-top{flex-wrap:wrap}#round-number{overflow-wrap:anywhere}