:root{--ink:#f6f1e8;--muted:#a9b1bd;--paper:#111217;--panel:#191c24db;--panel-strong:#202431;--line:#ffffff1f;--green:#35a86b;--yellow:#d7ad3f;--grey:#5d6572;--blue:#6bb8ff;--rose:#ff7b92;--shadow:0 24px 70px #00000052;--tile-delay:0s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 14% 8%,#6bb8ff33,#0000 30%),radial-gradient(circle at 82% 12%,#ff7b9229,#0000 28%),linear-gradient(135deg,#111217 0%,#181b24 48%,#10151b 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.game-page{width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:44px 0}.hero-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#111217ad;grid-template-columns:minmax(0,1fr) 340px;align-items:end;gap:28px;padding:34px;display:grid}.eyebrow,.mode-card span,.status-line,.rules-strip{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}h1{letter-spacing:0;max-width:760px;margin:12px 0 16px;font-size:clamp(50px,9vw,112px);font-weight:800;line-height:.9}.hero-panel p:not(.eyebrow){max-width:650px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.mode-card,.game-shell{border:1px solid var(--line);background:var(--panel)}.mode-card{gap:16px;padding:20px;display:grid}.mode-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-switch button,.hard-toggle,.portfolio-link,.reset-button,.keyboard button{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#242936;transition:border-color .16s,background .16s,transform .16s}.mode-switch button:hover,.hard-toggle:hover,.portfolio-link:hover,.reset-button:hover,.keyboard button:hover{border-color:#ffffff47;transform:translateY(-1px)}.mode-switch button[aria-pressed=true]{color:#07110d;background:#9de8c1}.hard-toggle{text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.hard-toggle span{font-weight:800}.hard-toggle strong{min-width:44px;color:var(--muted);border:1px solid var(--line);text-align:center;background:#ffffff0d;padding:4px 8px}.hard-toggle[aria-pressed=true]{background:#35a86b2e;border-color:#35a86bb3}.hard-toggle[aria-pressed=true] strong{color:#04100b;background:#9de8c1}.reset-button{color:#101217;background:var(--blue);font-weight:800}.portfolio-link{color:var(--ink);place-items:center;font-weight:800;text-decoration:none;display:grid}.portfolio-link:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.game-shell{gap:26px;margin-top:22px;padding:28px;display:grid}.status-line{justify-content:space-between;gap:18px;display:flex}.status-line b{color:var(--ink)}.board{justify-content:center;gap:9px;display:grid}.board.shake{animation:.42s shake}.board-row{grid-template-columns:repeat(var(--word-length), minmax(54px, 74px));gap:9px;display:grid}.tile{aspect-ratio:1;border:1px solid var(--line);color:var(--ink);text-transform:uppercase;background:#ffffff0a;place-items:center;font-size:clamp(24px,4vw,38px);font-weight:900;transition:border-color .16s,background .16s,transform .16s;display:grid}.tile.typed{background:#373e4a;border-color:#ffffff3d;transform:scale(1.04)}.tile.locked{color:#04100b;background:#35a86bd1;border-color:#9de8c1c7;transform:none;box-shadow:inset 0 0 0 2px #04100b47}.tile.correct,.keyboard .correct,.rules-strip .correct{background:var(--green);color:#04100b}.tile.correct,.tile.present,.tile.absent{animation:reveal .46s ease var(--tile-delay) both}.tile.present,.keyboard .present,.rules-strip .present{background:var(--yellow);color:#171002}.tile.absent,.keyboard .absent,.rules-strip .absent{background:var(--grey);color:#f2f5f7}.keyboard{gap:8px;width:min(720px,100%);margin:0 auto;display:grid}.keyboard-row{justify-content:center;gap:7px;display:flex}.keyboard button{text-transform:uppercase;border-radius:4px;place-items:center;min-width:42px;padding:0 10px;font-size:14px;font-weight:900;display:grid}.keyboard .wide-key{color:#101217;background:var(--ink);min-width:76px}.keyboard .correct,.keyboard .present,.keyboard .absent{transform:translateY(-1px)}.rules-strip{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:18px;padding:18px 4px;display:flex}.rules-strip span{align-items:center;gap:8px;display:inline-flex}.rules-strip i{width:16px;height:16px;display:inline-block}.result-overlay{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05070bb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.result-dialog{border:1px solid var(--line);width:min(560px,100%);box-shadow:var(--shadow);background:linear-gradient(145deg,#ffffff14,#0000 52%),#151923;padding:28px;animation:.22s both pop-in;position:relative;overflow:hidden}.result-dialog:before{content:"";background:var(--yellow);height:4px;position:absolute;inset:0 0 auto}.result-dialog.won:before{background:var(--green)}.settings-dialog:before{background:var(--blue)}.result-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.result-dialog h2{margin:18px 0 10px;font-size:clamp(28px,5vw,46px);line-height:1}.result-word{color:#101217;background:var(--ink);letter-spacing:.08em;text-transform:uppercase;place-items:center;min-height:62px;margin:8px 0 14px;padding:10px 16px;font-size:clamp(36px,10vw,68px);font-weight:900;display:inline-grid}.result-dialog p{color:var(--muted);margin:0 0 16px;line-height:1.6}.meaning-box{border:1px solid var(--line);min-height:76px;color:var(--ink);background:#ffffff0d;padding:16px;line-height:1.55}.result-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.result-actions .reset-button,.quiet-button{border:1px solid var(--line);cursor:pointer;min-height:46px;padding:0 18px}.quiet-button{color:var(--ink);background:0 0}@keyframes reveal{0%{transform:rotateX(0)}48%{transform:rotateX(88deg)}to{transform:rotateX(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:820px){.game-page{width:min(100% - 20px,680px);padding:16px 0}.hero-panel{grid-template-columns:1fr;padding:22px}.game-shell{padding:18px 10px 20px}.board-row{grid-template-columns:repeat(var(--word-length), minmax(42px, 60px))}.keyboard-row{gap:4px}.keyboard button{min-width:29px;min-height:43px;padding:0 6px;font-size:12px}.keyboard .wide-key{min-width:54px}.result-dialog{padding:22px}.result-actions{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}