:root{color-scheme:dark;--bg:#2d2438;--panel:#372b45;--ink:#fff5e6;--muted:#c9bdd2;--line:#85758f;--tile:#f8e6ac;--tile-ink:#352a35;--accent:#ffb8a1;--success:#b7e5cc;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer;touch-action:manipulation}a{color:inherit;text-underline-offset:4px}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:5;top:-60px;left:12px;padding:12px;background:var(--tile);color:var(--tile-ink)}.skip:focus{top:12px}header,footer{width:min(1040px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}header{height:100px;border-bottom:1px solid #665571}header>a:last-child{font-size:14px;padding:13px 0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:23px;letter-spacing:-.8px}.brand svg{width:30px;height:30px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}main{width:min(620px,calc(100% - 40px));margin:44px auto 60px}.topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.topline h1{font-size:26px;letter-spacing:-.7px;font-weight:650;margin:0}.topline>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.game-controls{margin:24px 0 31px;display:flex;gap:20px;justify-content:space-between;align-items:center}.modes{display:flex;gap:5px;border-bottom:1px solid var(--line)}.modes button{background:none;border:0;color:var(--muted);padding:10px 16px;min-height:44px;font-size:14px}.modes button[aria-pressed=true]{box-shadow:inset 0 -3px var(--accent);color:var(--ink)}select{max-width:100%;min-height:44px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:var(--panel);padding:8px 28px 8px 10px;font-size:13px}.clue-block{border-left:3px solid var(--accent);padding-left:23px;margin:0 0 30px}.clue-label{font-size:13px;color:var(--accent);display:flex;gap:18px;align-items:center}.clue-label span{color:var(--muted);font-size:12px}#clue{font-size:clamp(24px,4vw,33px);font-weight:500;line-height:1.4;letter-spacing:-.5px;margin:11px 0 0;max-width:590px}#clue:focus{outline:none}#clue:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.letters{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.letter{width:70px;height:76px;min-width:44px;flex:0 1 70px;border:1px solid var(--tile);border-radius:9px;background:var(--tile);color:var(--tile-ink);font:650 34px ui-monospace,"SFMono-Regular",Consolas,monospace;box-shadow:0 5px 0 #ab986b;transition:transform .12s,box-shadow .12s}.letter:not(:disabled):hover{transform:translateY(-2px)}.letter:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 #ab986b}.letter.used{background:transparent;box-shadow:none;color:var(--muted);border:1px dashed var(--line)}.entry-help{font-size:13px;line-height:1.7;color:var(--muted);margin:26px 0 11px}.answer-row{display:flex;gap:12px;align-items:stretch}.answer-label{position:relative;flex:1;min-width:0}.input-label{position:absolute;left:15px;top:9px;font-size:10px;color:var(--muted);pointer-events:none}input{width:100%;min-width:0;height:77px;background:var(--panel);color:var(--ink);border:1px solid #ac96b9;border-radius:7px;padding:25px 14px 6px;font:500 29px ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:4px;text-transform:uppercase}input:disabled{opacity:.75}#submit{border:0;border-radius:7px;background:var(--accent);color:var(--tile-ink);padding:10px 20px;font-size:15px;font-weight:650;min-width:100px}#submit span{margin-left:8px}#submit:disabled{background:#8b717e;color:#211b29}.actions{display:flex;gap:12px;margin-top:16px}.actions button{min-height:44px;min-width:80px;background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--ink);padding:9px 16px;font-size:13px}.actions #hint{margin-left:auto;color:var(--accent);border-color:var(--accent)}.actions #hint span{margin-left:10px}.actions button:disabled{opacity:.45}.actions button:hover:not(:disabled){background:var(--panel)}#feedback{min-height:24px;font-size:14px;line-height:1.7;color:var(--muted);margin:13px 0 0}#feedback[data-kind=error]{color:#ffd6c7}#feedback[data-kind=success]{color:var(--success)}.reveal{display:inline-block;margin:19px 0 0;border-bottom:1px solid var(--accent);padding-bottom:6px;color:var(--accent);font-size:14px}.finish{margin-top:20px;padding:21px;border:1px solid #829c90;border-radius:7px;background:#263e3a;display:flex;gap:20px;justify-content:space-between;align-items:center}.finish h2{font-size:16px;font-weight:500;margin:0 0 7px;color:var(--success)}#solved-word{font:600 25px ui-monospace,monospace;letter-spacing:4px;margin:0}.finish button{max-width:150px;min-height:48px;padding:10px 12px;background:var(--success);color:#203b30;border:0;border-radius:5px;font-size:13px;font-weight:600}.new-word{min-height:44px;padding:10px 0;border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:5px;font-size:13px;margin-top:12px}.new-word span{margin-left:14px}.notice{border:1px solid #ac8d75;background:#423329;padding:17px;border-radius:6px;margin-top:20px;font-size:13px;line-height:1.7}.notice p{margin:0 0 10px}.notice button{min-height:44px;border:1px solid #d7b99e;background:transparent;border-radius:4px;padding:9px 12px;color:var(--ink);font-size:13px}.about{border-top:1px solid #665571;margin-top:40px;padding-top:24px}.about h2{font-size:21px;font-weight:600;letter-spacing:-.4px;margin:0 0 16px}.about p{font-size:14px;color:var(--muted);line-height:1.85}.about a{color:var(--ink)}footer{border-top:1px solid #665571;min-height:89px;font-size:12px;color:var(--muted)}footer nav{display:flex;gap:24px}footer a{padding:14px 0;display:inline-block}dialog{width:min(430px,calc(100% - 28px));background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:27px}dialog::backdrop{background:#130d1ccc}dialog h2{font-size:24px;margin:0 0 14px;letter-spacing:-.5px}dialog p{font-size:14px;line-height:1.75;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:22px}.dialog-actions button{min-height:44px;padding:10px 13px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);font-size:13px}.dialog-actions button[value=confirm]{background:var(--accent);color:var(--tile-ink);border-color:var(--accent)}.guide{max-width:720px}.guide h1{font-size:39px;line-height:1.15;letter-spacing:-1px;margin:0 0 24px}.guide h2{font-size:24px;letter-spacing:-.4px;margin:32px 0 12px}.guide p,.guide li{font-size:16px;line-height:1.8;color:var(--muted)}.guide strong{color:var(--ink)}.example{display:flex;gap:9px;align-items:center;margin:22px 0;flex-wrap:wrap}.example span{display:grid;place-items:center;width:49px;height:52px;border-radius:6px;background:var(--tile);color:var(--tile-ink);font:26px ui-monospace,monospace}.example b{font-weight:400;margin:0 8px}.play-link{display:inline-block;min-height:48px;background:var(--accent);color:var(--tile-ink);padding:12px 20px;text-decoration:none;border-radius:5px;font-weight:600;margin-top:16px}
@media(max-width:600px){header,footer{width:calc(100% - 32px)}header{height:78px}.brand{font-size:20px;gap:5px}.brand svg{width:25px}header>a:last-child{font-size:12px}main{width:calc(100% - 32px);margin-top:25px}.topline h1{font-size:23px}.topline>span{font-size:10px}.game-controls{gap:10px;margin:20px 0 26px}.modes button{padding:10px 11px}.game-controls select{font-size:11px;padding:8px 22px 8px 7px}.clue-block{padding-left:16px;margin-bottom:26px}#clue{font-size:25px}.letters{gap:7px}.letter{height:60px;font-size:28px;flex-basis:58px}.answer-row{gap:8px}input{font-size:24px;letter-spacing:3px;height:72px;padding-left:10px}.input-label{left:11px}#submit{min-width:86px;padding:9px 12px;font-size:13px}#submit span{display:none}.actions{gap:8px}.actions button{min-width:68px;padding:9px 12px}.finish{padding:17px;gap:12px}.guide h1{font-size:33px}.guide p,.guide li{font-size:15px}.guide h2{font-size:23px}footer{font-size:11px;gap:10px}footer nav{gap:15px}.example{gap:7px}.example span{width:39px;height:47px}.example b{margin:0 3px}}
@media(max-width:350px){header,footer,main{width:calc(100% - 24px)}.letters{gap:5px}.letter{height:54px}.brand{font-size:18px}.brand svg{width:23px}.topline{align-items:flex-start}.topline>span{max-width:90px;text-align:right;line-height:1.6}.game-controls{gap:7px}.modes button{font-size:12px;padding:10px}.game-controls select{max-width:149px}.entry-help{font-size:12px}input{letter-spacing:2px;font-size:22px}#submit{min-width:76px}.finish{align-items:flex-start}.finish button{max-width:116px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}