:root{--cream:#f5ecdc;--ink:#20211e;--red:#cf4b32;--yellow:#e6b743;--green:#52856f;--line:#d8ccba;--muted:#766f64;--mono:"DM Mono",monospace;--serif:"Noto Serif SC",serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#f8dbaa 0,transparent 34%),var(--cream);color:var(--ink);font-family:var(--serif);min-height:100vh}.shell{width:min(760px,100%);margin:auto;padding:24px 20px 50px}header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px}header .mark{display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--cream);font:20px var(--mono);text-decoration:none;box-shadow:3px 3px var(--yellow)}header p,.section-head span{margin:0;color:var(--muted);font:9px var(--mono);letter-spacing:.13em}header h1{font-size:20px;margin:3px 0 0}header button{margin-left:auto;border:1px solid var(--ink);background:transparent;width:34px;height:34px}.welcome{display:flex;justify-content:space-between;gap:20px;padding:35px 0 23px}.welcome span{font:10px var(--mono);color:var(--red)}.welcome h2{font-size:34px;line-height:1.15;margin:6px 0}.welcome em{font-style:normal;color:var(--red)}.welcome p{align-self:end;color:var(--muted);font-size:12px;text-align:right}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.tabs button{border:1px solid var(--line);background:#fffaf0;padding:11px 5px;color:var(--muted);font:10px var(--mono)}.tabs b{display:block;font:15px var(--serif);margin-top:4px;color:var(--ink)}.tabs .active{background:var(--ink);color:var(--yellow);border-color:var(--ink)}.tabs .active b{color:var(--cream)}.panel{margin-top:16px;min-height:360px;border:1px solid var(--ink);background:#fffaf0;box-shadow:6px 6px var(--ink);padding:22px}.eyebrow{font:10px var(--mono);color:var(--red);letter-spacing:.1em}.panel h3{font-size:27px;margin:8px 0}.panel .desc{color:var(--muted);font-size:13px;line-height:1.7}.controls{display:flex;gap:8px;margin:20px 0}.controls input{flex:1;padding:12px;border:1px solid var(--ink);font:15px var(--mono);background:#fff}.controls button,.primary{padding:12px 16px;background:var(--red);color:#fff;border:0;font:12px var(--mono);cursor:pointer}.primary{width:100%;margin-top:12px}.hint{background:#fbf0ca;padding:12px;border-left:4px solid var(--yellow);font-size:13px;line-height:1.6}.result{margin:16px 0;padding:14px;border:1px dashed var(--line);min-height:60px;white-space:pre-line;line-height:1.7}.wordle-row{font:18px var(--mono);letter-spacing:.2em}.keys{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.key{padding:5px 8px;border:1px solid var(--line);font:12px var(--mono)}.fixed{color:var(--green)}.present{color:#bc8413}.excluded{color:var(--muted)}.treasure{padding:28px 4px;text-align:center}.treasure .map{font-size:72px;margin:20px}.scoreboard{margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.section-head{display:flex;justify-content:space-between}.section-head button{border:0;background:none;color:var(--red);font:10px var(--mono);cursor:pointer}ol{padding-left:28px;font-size:14px;line-height:2}dialog{border:1px solid var(--ink);box-shadow:6px 6px var(--ink);background:#fffaf0}dialog p{font-size:18px}dialog input{padding:10px;border:1px solid var(--ink);font:15px var(--serif)}dialog div{display:flex;justify-content:end;gap:8px;margin-top:14px}dialog button{padding:8px 12px;border:1px solid var(--ink);background:#fff}dialog button:last-child{background:var(--ink);color:#fff}@media(max-width:520px){.welcome h2{font-size:28px}.panel{box-shadow:4px 4px var(--ink);padding:18px}.shell{padding:18px 14px}.welcome{padding-top:26px}.welcome p{font-size:10px}}