:root{color-scheme:dark;--ink:#f6f4ed;--muted:#a9b5b1;--night:#07100e;--panel:#111d19;--line:#2d463c;--lime:#caf45f;--aqua:#68dccd;--violet:#b5a3ef;--display:"Arial Black","Helvetica Neue",Arial,sans-serif;--body:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:280px;background:var(--night)}body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 18% 7%,rgba(181,163,239,.13),transparent 29rem),var(--night);font-family:var(--body);line-height:1.5}button,input,select{color:inherit;font:inherit}a{color:inherit}.site-header,main,footer{width:min(1050px,calc(100% - 32px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;text-decoration:none}.brand span{display:grid;width:34px;aspect-ratio:1;place-items:center;color:var(--night);background:var(--lime);border-radius:9px;font-family:var(--display)}.site-header p,.eyebrow{margin:0;color:var(--aqua);font-size:.69rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.intro{display:grid;grid-template-columns:1fr minmax(260px,430px);gap:48px;align-items:end;padding:46px 0 28px}.intro h1{margin:7px 0 0;font:clamp(3.5rem,8vw,6rem)/.82 var(--display);letter-spacing:-.07em}.intro>p{margin:0;color:var(--muted)}.game-shell{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:20px}.toolbar{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,auto) auto auto;gap:12px;align-items:center;padding:12px 14px}.toolbar label,.toolbar>div{display:grid;color:var(--muted);font-size:.57rem;font-weight:850;text-transform:uppercase}.toolbar select{min-height:38px;padding:0 28px 0 8px;background:#09130f;border:1px solid #4b675b;border-radius:8px}.toolbar strong{color:var(--lime);font:900 1.25rem/1 ui-monospace,monospace}.toolbar button,#word-form button,.ladder-heading button,dialog button{min-height:42px;padding:0 14px;background:transparent;border:1px solid #536d61;border-radius:8px;font-weight:850;cursor:pointer}.toolbar button:hover,.toolbar button:focus-visible,#word-form button:hover,#word-form button:focus-visible,.ladder-heading button:hover,.ladder-heading button:focus-visible,dialog button:hover,dialog button:focus-visible{color:var(--night);background:var(--lime);border-color:var(--lime)}button:disabled{opacity:.4;cursor:not-allowed}.mission{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;padding:24px;background:linear-gradient(135deg,#17483c,#122b25);border-block:1px solid #356c5a;text-align:center}.mission div{display:grid;gap:4px}.mission span{color:var(--muted);font-size:.61rem;font-weight:850;text-transform:uppercase}.mission strong{font:clamp(2rem,6vw,3.7rem)/1 var(--display);letter-spacing:.08em}.mission i{color:var(--lime);font:normal 2rem/1 var(--body)}#word-form{padding:20px 18px;border-bottom:1px solid var(--line)}#word-form label{display:block;margin-bottom:6px;color:var(--muted);font-size:.67rem;font-weight:850;text-transform:uppercase}#word-form>div{display:grid;grid-template-columns:1fr auto;gap:8px}#word-form input{min-width:0;min-height:50px;padding:0 14px;background:#07110e;border:1px solid #537064;border-radius:9px;font:900 1.35rem/1 ui-monospace,monospace;letter-spacing:.13em;text-transform:lowercase}#word-form button{color:var(--night);background:var(--lime);border-color:var(--lime)}#status{margin:8px 0 0;color:var(--muted);font-size:.72rem}.ladder-wrap{padding:19px 18px 23px}.ladder-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ladder-heading h2{margin:0;font:900 1.3rem/1 var(--display)}.ladder-heading button span{display:block;color:var(--muted);font-size:.52rem;text-transform:uppercase}.ladder{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 0;padding:0;list-style:none}.ladder li{position:relative;padding:10px 13px;color:#0b1712;background:var(--violet);border-radius:8px;font:900 .9rem/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.ladder li+li::before{content:"→";position:absolute;left:-9px;top:50%;color:var(--muted);transform:translate(-50%,-50%)}.ladder li:last-child{background:var(--lime)}.rules{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;padding:68px 0}.rules h2{margin:8px 0;font:clamp(2.2rem,5vw,3.7rem)/.92 var(--display);letter-spacing:-.05em}.rules p{color:var(--muted)}dialog{width:min(450px,calc(100% - 28px));margin:auto;padding:30px;color:var(--ink);background:#111d19;border:1px solid rgba(202,244,95,.58);border-radius:20px;text-align:center}dialog::backdrop{background:rgba(2,8,6,.84);backdrop-filter:blur(5px)}dialog h2{margin:8px 0;font:clamp(2.6rem,10vw,4.7rem)/.9 var(--display)}dialog>p:not(.eyebrow){color:var(--muted)}dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}footer{display:flex;justify-content:space-between;padding:24px 0 36px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}footer a{font-weight:850;text-decoration:none}footer p{margin:0}@media(max-width:720px){.intro{display:block;padding:34px 0 22px}.intro>p{margin-top:17px}.toolbar{grid-template-columns:1fr repeat(3,auto)}.toolbar label{grid-column:1/-1}.toolbar button{grid-row:3}.toolbar #undo{grid-column:1/3}.toolbar #new-puzzle{grid-column:3/5}.rules{display:block;padding:46px 0}.rules>div+div{margin-top:22px}footer{display:block}footer p{margin-top:6px}}@media(max-width:400px){.site-header p{font-size:.56rem}.toolbar{padding:10px 8px;gap:7px}.toolbar strong{font-size:1rem}.mission{padding:18px 10px;gap:8px}#word-form{padding:16px 10px}.ladder-wrap{padding:16px 10px}dialog>div{grid-template-columns:1fr}}