:root{--ink:#f4feff;--muted:#b7d9e8;--panel:#093d5a;--a:#82f2c7}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--ink);font-family:Inter,ui-rounded,system-ui,sans-serif;background:radial-gradient(circle at 8% 3%,#1695ad,transparent 30rem),radial-gradient(circle at 95% 67%,#165d71,transparent 25rem),linear-gradient(135deg,#042a47,#06223b)}button{font:inherit;cursor:pointer}main{width:min(100%,700px);min-height:100vh;margin:auto;padding:clamp(18px,4vw,34px) clamp(14px,4vw,30px)}.words>div{display:flex;align-items:center;justify-content:space-between}.words span{display:block;color:var(--muted);font-size:.61rem;font-weight:850;letter-spacing:.1em}#grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;padding:clamp(8px,2vw,15px);background:#04354cb8;border:1px solid #83e2e244;border-radius:19px;touch-action:none}.cell{aspect-ratio:1;border:0;border-radius:7px;color:#f4feff;background:#0e5971;font-size:clamp(.7rem,3.3vw,1rem);font-weight:850;transition:.12s}.cell.path{background:#1b93a5;color:#fff}.cell.found{background:#92f5c7;color:#073f4a;box-shadow:0 0 0 2px #d4ffed}.words{margin-top:18px;padding:15px;background:#06334bb5;border:1px solid #72d7e144;border-radius:17px}.words small{color:#a4deed;font-size:.73rem}.words ul{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:12px 0 0;padding:0;list-style:none}.words li{padding:7px 9px;color:#def8fb;background:#10526aaa;border-radius:8px;font-size:.76rem;font-weight:800;letter-spacing:.04em}.words li.found{text-decoration:line-through;color:#6cf0c0;background:#145b5a}.actions{display:flex;justify-content:center;margin-top:14px}.actions button{padding:10px 18px;color:#e8feff;background:#073852bb;border:1px solid #73d5e644;border-radius:13px;font-size:.78rem;font-weight:800}.actions button:hover{background:#0c526c}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#001727aa;backdrop-filter:blur(6px)}.modal.hidden{display:none}.modal>div{width:min(100%,360px);padding:28px;text-align:center;background:linear-gradient(160deg,#0b5d75,#053047);border:1px solid #80e3e577;border-radius:24px;box-shadow:0 25px 60px #0008}.modal b{display:grid;width:52px;height:52px;margin:-53px auto 13px;place-items:center;color:#053a46;background:#9bf6cc;border-radius:50%;font-size:1.6rem}.modal h2{margin:0}.modal p{color:#d0f1f5;line-height:1.45}.modal button{width:100%;margin-top:4px;padding:11px;color:#053f4b;background:#a7f9d7;border:0;border-radius:11px;font-weight:850}@media(max-width:380px){#grid{gap:2px;padding:6px}.cell{border-radius:5px}.words li{font-size:.69rem}}