@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#1d3530;background:#f7f5ed;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 2%,#e5ebd8 0,transparent 27%),#f7f5ed}.shell{min-height:100vh;max-width:1100px;margin:auto;padding:0 28px;display:flex;flex-direction:column}
.topbar{min-height:82px;border-bottom:1px solid #c9d4c8;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-family:Fraunces,Georgia,serif;font-size:25px;font-weight:700;color:#183a31;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#326b4a;color:#f9f6e9;font-family:Arial,sans-serif;font-size:27px;line-height:1}.topbar nav{display:flex;gap:10px}.icon-button,.dialog-head button{border:1px solid #b9c9bd;border-radius:50%;background:#fffef8;color:#25483a;width:38px;height:38px;font-size:21px;cursor:pointer}.icon-button:hover,.dialog-head button:hover{background:#e4eadc}
main{flex:1;display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,420px);gap:clamp(24px,7vw,100px);align-items:center;padding:40px 0 55px}.intro{align-self:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.23em;color:#728473;margin:0 0 19px}.intro h1{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(40px,5.2vw,70px);line-height:1.09;letter-spacing:-.055em;margin:0;color:#193b30}.intro em{font-style:normal;color:#57885a}.date{font-size:14px;color:#6e806f;margin-top:25px}.game{display:flex;flex-direction:column;align-items:center}.status{min-height:42px;text-align:center;font-size:14px;font-weight:600;color:#365b43;padding:9px 0}.board{width:min(100%,350px);display:grid;gap:6px}.board-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tile{aspect-ratio:1;display:grid;place-items:center;border:2px solid #c7d4c7;background:#fffefa;border-radius:7px;font-size:29px;font-weight:700;color:#244135;line-height:1}.tile:not(:empty){border-color:#7f9a82}.tile.correct,.key.correct,.sample.correct{background:#3e7852;border-color:#3e7852;color:white}.tile.present,.key.present,.sample.present{background:#b58a3c;border-color:#b58a3c;color:#141d18}.tile.absent,.key.absent,.sample.absent{background:#65746a;border-color:#65746a;color:white}.keyboard{width:min(100%,420px);margin-top:26px;display:grid;gap:6px}.key-row{display:flex;justify-content:center;gap:4px}.key{flex:1;min-width:0;height:47px;border:0;border-radius:5px;background:#dce4d8;color:#1b3429;font-weight:700;font-size:14px;cursor:pointer;touch-action:manipulation}.key:hover{filter:brightness(.94)}.key:focus-visible,.share-button:focus-visible,.icon-button:focus-visible{outline:3px solid #163b93;outline-offset:2px}.key-row:last-child .key:first-child,.key-row:last-child .key:last-child{flex:1.5;font-size:20px}.share-button{margin-top:22px;border:0;border-radius:7px;background:#2d6647;color:white;padding:12px 22px;font:700 14px 'DM Sans',sans-serif;cursor:pointer}.share-button:disabled{opacity:.42;cursor:not-allowed}.share-button span{margin-left:6px}footer{border-top:1px solid #c9d4c8;padding:18px 0;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#788979}footer a{color:#326b4a;text-decoration:none}dialog{width:min(92vw,430px);border:1px solid #bccfbc;border-radius:12px;padding:25px 29px;background:#fffef8;color:#233d31;box-shadow:0 20px 55px #11291d36}dialog::backdrop{background:#102b23a8}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font:600 29px Fraunces,Georgia,serif;margin:0}.dialog-head button{font-size:26px}.rule-list{padding:0;list-style:none;display:grid;gap:9px}.rule-list li{display:flex;align-items:center;gap:12px}.sample{display:grid;place-items:center;width:34px;height:34px;border-radius:4px;font-weight:700}.distribution{line-height:1.9;padding-left:24px}
@media(max-width:760px){.shell{padding:0 16px}.topbar{min-height:65px}.brand{font-size:21px}main{display:block;padding:24px 0}.intro{text-align:center;margin-bottom:14px}.intro h1{font-size:32px}.intro h1 br{display:none}.eyebrow{font-size:10px;margin-bottom:8px}.date{margin:10px 0}.board{width:min(100%,318px)}.tile{font-size:25px}.keyboard{margin-top:18px}.key{height:45px}.status{min-height:36px}footer{padding:13px 0}}
@media(max-width:370px){.key{font-size:11px}.board{width:min(100%,288px)}.key-row{gap:3px}.key{height:41px}}
.topbar nav{align-items:center}.account{font-size:13px;color:#4b6d55;margin-right:10px}.account a{color:#2d6647;font-weight:700;text-decoration:none}.account a:hover{text-decoration:underline}@media(max-width:520px){.account{font-size:11px;max-width:104px;line-height:1.2;text-align:right;margin-right:2px}}
.save-warning{border:2px solid #9d482f;border-radius:7px;background:#fff0e6;color:#74331f;padding:12px;font-weight:700}
.intro-copy{max-width:380px;line-height:1.6;color:#506b58;font-size:16px}.par{font-size:11px;font-weight:700;letter-spacing:.2em;color:#6c826d;margin:1px 0 13px}.path{width:min(100%,350px);max-height:380px;overflow:auto;display:grid;gap:6px;padding:2px 4px 2px 0;scrollbar-color:#aabda9 transparent}.ladder-row{display:grid;grid-template-columns:43px 1fr;align-items:center;gap:8px}.row-caption{font-size:10px;font-weight:700;letter-spacing:.09em;color:#78907b;text-align:right}.word-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.path .tile{aspect-ratio:auto;height:42px;font-size:23px;border-width:1px}.path .tile.changed{background:#3e7852;border-color:#3e7852;color:white}.start-row .tile,.target-row .tile{background:#e6eddf;border-color:#a5bea4}.target-row .tile{border-style:dashed}.draft-row .tile{border-color:#a5bea4}.score{min-height:21px;margin-top:10px;font-family:Fraunces,Georgia,serif;font-size:18px;color:#3e7852}.solution{font-size:12px;line-height:1.5;text-align:center;color:#5d7662;max-width:350px}.keyboard{margin-top:15px}.key{height:42px}.share-button{margin-top:16px}
@media(max-width:760px){.intro-copy{display:none}.path{max-height:310px}.path .tile{height:35px;font-size:20px}.par{margin-bottom:7px}.keyboard{margin-top:10px}.key{height:39px}.share-button{margin-top:10px}.status{min-height:30px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;color:#e3ece1;background:#10201c}
body{background:radial-gradient(circle at 90% 2%,#1d3a2f 0,transparent 27%),#10201c}
.topbar,footer{border-color:#2c4a3e}
.brand,.intro h1,.dialog-head h2{color:#eef3e6}
.brand-mark{background:#3e7852}
.icon-button,.dialog-head button{border-color:#3a5a4c;background:#18302a;color:#d8e6d6}
.icon-button:hover,.dialog-head button:hover{background:#22403a}
.intro em{color:#8fc493}
.eyebrow,.date,footer{color:#93a796}
.status{color:#a9d1ac}
.tile{border-color:#34544a;background:#152822;color:#eef3e6}
.tile:not(:empty){border-color:#6f8f78}
.tile.absent,.key.absent,.sample.absent{background:#33413a;border-color:#33413a;color:#c3cfc5}
.key{background:#56705f;color:#fff}
.key:hover{filter:brightness(1.12)}
.key:focus-visible,.share-button:focus-visible,.icon-button:focus-visible{outline-color:#8fb4ff}
.share-button{background:#3e7852}
footer a,.account a{color:#8fc493}
dialog{border-color:#34544a;background:#152822;color:#e3ece1;box-shadow:0 20px 55px #000a}
dialog::backdrop{background:#050d0bcc}
.account{color:#a3b8a6}
.save-warning{border-color:#c46a4c;background:#3a1f17;color:#ffcdb8}
.intro-copy{color:#adc4ae}.par,.row-caption{color:#9aaf9e}.start-row .tile,.target-row .tile{background:#254034;border-color:#577861}.draft-row .tile{border-color:#66866d}.score{color:#9bd19c}.solution{color:#a4bea9}
}