@import "https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Space+Grotesk:wght@400;500;600&family=IBM+Plex+Mono:wght@300;400;500&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2f2620;--muted:#6d5c50;--paper:#f7efe4;--sand:#eadbc6;--moss:#6b8b76;--rose:#c96a5b;--shadow:#2f262024;--radius:18px}*{box-sizing:border-box}body{color:var(--ink);background:#f0e4d5;min-height:100vh;margin:0;font-family:Space Grotesk,Segoe UI,sans-serif}button,select{font-family:inherit}.background{z-index:-2;background-color:#0000;background-image:linear-gradient(#f5e2cde6,#f5e2cde6),url(/assets/seek.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.texture{opacity:.12;mix-blend-mode:multiply;background-image:url(/assets/otherbg.jpg);background-size:cover;position:absolute;inset:0}.top-actions{justify-content:center;gap:10px;padding:16px clamp(16px,4vw,48px) 6px;display:flex}.home-hero{text-align:center;justify-content:center;padding:16px 0 60px;display:flex}.home-hero h1{letter-spacing:.06em;color:#3f2f24;margin:10px 0 12px;font-family:Libre Baskerville,serif;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:600}.home-hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0000;background-image:linear-gradient(#ffffffbf,#ffffffbf),url(/assets/grid.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:28px;width:min(90vw,720px);max-width:720px;padding:40px 36px;position:relative;box-shadow:0 25px 60px #2f262026}.home-hero-card:before{content:none}.home-logo-top{width:520px;height:auto}.home-kicker{letter-spacing:.5em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:.72rem;display:inline-block}.home-subtitle{color:var(--muted);max-width:520px;margin:0 auto 24px;font-size:1.05rem;font-weight:500}.home-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.home-meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:22px;font-size:.85rem;font-weight:600}.home-links{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;font-size:.85rem;display:flex}.home-links a{color:inherit;text-decoration:none}.home-links a:hover{text-decoration:underline}.play-hero{text-align:center;padding:20px 0 12px;position:relative}.play-actions{justify-content:center;gap:12px;margin-top:14px;display:flex}.target-word{letter-spacing:.1em;color:#5b3f2a;margin:6px 0 12px;font-family:Libre Baskerville,serif;font-size:clamp(2.4rem,7vw,3.8rem);font-weight:400}.target-word.difficulty-easy{color:#2e8b57}.target-word.difficulty-normal{color:#1f6fb2}.target-word.difficulty-hard{color:#c26a1a}.target-word.difficulty-brutal{color:#b3422a}.target-word.difficulty-nightmare{color:#6a2b6f}.play-hero-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center;gap:12px;max-width:720px;margin:0 auto;display:grid}.brand{align-items:center;gap:20px;max-width:720px;display:flex}.brand-logo{filter:drop-shadow(0 12px 24px #0000002e);width:120px;height:auto}.brand-copy h1{letter-spacing:.05em;margin:6px 0 10px;font-family:Libre Baskerville,serif;font-size:clamp(2rem,3vw,3.1rem)}.brand-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin:0;font-size:.7rem}.brand-subtitle{color:var(--muted);max-width:420px;margin:0}.hero-actions{gap:12px;display:flex}.primary-btn,.ghost-btn,.icon-btn{cursor:pointer;border:none;border-radius:999px;padding:12px 22px;font-size:1rem;transition:transform .2s,box-shadow .2s}.primary-btn{color:#fff;background:#4f7f5f;box-shadow:0 16px 34px #4f7f5f59}.primary-btn:hover,.ghost-btn:hover,.icon-btn:hover{transform:translateY(-1px)}.primary-btn:disabled,.ghost-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ghost-btn{color:var(--ink);background:#fef9f2;box-shadow:0 8px 16px #2f26201f}.icon-btn{background:var(--sand);place-items:center;width:44px;height:44px;font-size:1.2rem;display:grid}main{padding:0 clamp(20px,5vw,60px) 40px}.view{animation:.4s fadeIn;display:none}.view-active{display:block}.panel{border-radius:var(--radius);box-shadow:0 18px 40px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;padding:clamp(16px,3vw,26px)}.panel-header h2{margin:0 0 6px;font-family:Libre Baskerville,serif}.panel-header p{color:var(--muted);margin:0 0 20px}.level-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.level-card{background:var(--paper);cursor:pointer;text-align:center;border-radius:16px;padding:18px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:inset 0 0 0 1px #2f262014}.level-card.completed{box-shadow:inset 0 0 0 2px #4f7f5fbf}.grid-close{color:var(--muted);cursor:pointer;z-index:10;background:0 0;border:none;font-size:1.4rem;line-height:1;position:fixed;top:24px;right:24px}.level-card:hover:not(.locked){transform:translateY(-2px);box-shadow:0 12px 24px #2f262029}.level-word{letter-spacing:.08em;color:var(--ink);margin:0 0 10px;font-family:Libre Baskerville,serif;font-size:1.6rem;font-weight:700}.level-card.difficulty-easy .level-word{color:#2e8b57}.level-card.difficulty-normal .level-word{color:#1f6fb2}.level-card.difficulty-hard .level-word{color:#c26a1a}.level-card.difficulty-brutal .level-word{color:#b3422a}.level-card.difficulty-nightmare .level-word{color:#6a2b6f}.level-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin:4px 0;font-size:.85rem}.level-check{color:#4f7f5f;background:#4f7f5f26;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:10px;font-size:.8rem;font-weight:700;display:inline-flex}.level-meta-letters{font-size:1rem}.level-card.locked{cursor:not-allowed;opacity:.6}.level-card.locked:after{content:"Locked";background:var(--rose);color:#fff;border-radius:999px;padding:4px 10px;font-size:.7rem;position:absolute;inset:10px 10px auto auto}.play-label{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin:0;font-size:.7rem}.play-controls{height:0}.page-status{align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;display:flex}.page-status-footer{justify-content:center;margin-top:14px}select{background:#fffdf9;border:1px solid #2f262033;border-radius:10px;padding:6px 10px}.grid-wrap{grid-template-columns:auto minmax(0,760px) auto;justify-content:center;align-items:center;gap:14px;display:grid;position:relative}.grid-shell{box-shadow:0 20px 50px var(--shadow);background:#ffffffbf;border-radius:24px;padding:16px}.side-btn{cursor:pointer;background:#fef9f2;border:none;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:1.4rem;line-height:1;transition:transform .2s;display:grid;box-shadow:0 8px 16px #2f26201f}.side-btn:hover:not(:disabled){transform:translateY(-1px)}.side-btn:disabled{opacity:.5;cursor:not-allowed}.grid{-webkit-user-select:none;user-select:none;touch-action:none;text-align:center;gap:3px;font-family:IBM Plex Mono,monospace;font-size:clamp(.7rem,1.2vw,.98rem);display:grid}.grid-status{text-align:center;color:var(--muted);padding:24px}.cell{aspect-ratio:1;background:#eee6dcd9;border-radius:6px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #2f262014}.cell.selected{background:#ffb94080;box-shadow:inset 0 0 0 2px #c96a5b99}.stat{text-align:center;background:#ffffffb3;border-radius:14px;min-width:120px;padding:10px 12px}.stat-label{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:6px;font-size:.7rem;display:block}.dialog-backdrop{z-index:5;background:#2f262066;place-items:center;display:grid;position:fixed;inset:0}.dialog-fade{animation:.25s dialogFade}.dialog-fade .dialog{animation:.25s dialogPop}.dialog{border-radius:20px;width:min(90vw,520px);max-width:520px;overflow:hidden;box-shadow:0 30px 60px #0000004d}.dialog-wide{width:min(94vw,960px);max-width:960px}.dialog-content{background-color:#0000;background-image:linear-gradient(#f7e8d6c7,#f7e8d6c7),url(/assets/seek.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:24px}.dialog-wide .dialog-content{max-height:80vh;overflow-y:auto}.dialog-header{justify-items:center;gap:8px;margin-bottom:16px;display:grid;position:relative}.dialog-header-text{text-align:center}.dialog-close{width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;padding:0;font-size:1.4rem;line-height:1;position:absolute;top:0;right:0}.dialog-actions{justify-content:center;gap:12px;margin-top:18px;display:flex}.result-header{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;display:flex}.result-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin:0 0 6px;font-size:.7rem}.result-word{color:#5b3f2a;font-family:Libre Baskerville,serif;font-size:1.4rem}.result-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.result-stat{text-align:center;background:#fffc;border-radius:14px;padding:12px}.toast{color:#fff;opacity:0;pointer-events:none;z-index:6;background:#2c2f33;border-radius:999px;padding:10px 18px;transition:opacity .3s,transform .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.show{opacity:1;transform:translate(-50%)translateY(-4px)}.content-page{justify-content:center;padding:60px clamp(16px,5vw,80px);display:flex}.content-card{background:#ffffffd9;border-radius:28px;width:min(100%,860px);max-width:860px;padding:36px 40px;box-shadow:0 25px 60px #2f262026}.content-card h1{color:#3f2f24;margin-top:0;font-family:Libre Baskerville,serif;font-size:2rem}.content-card h2{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:28px;font-size:1.1rem}.content-card p,.content-card li{color:#4a3d33;line-height:1.7}.content-card ul,.content-card ol{padding-left:20px}.content-actions{justify-content:flex-start;margin-top:28px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes lift{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogFade{0%{opacity:0}to{opacity:1}}@keyframes dialogPop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:720px){.top-actions{flex-wrap:wrap;justify-content:center}.home-logo{width:120px}.play-actions{flex-wrap:wrap}.grid{gap:4px}.side-btn{justify-self:center}.grid-wrap{grid-template-columns:1fr;gap:10px}.cell{padding:6px 0}}