:root{--mark-absent-bg:#1d2740;--mark-absent-bd:#2c3a4f;--mark-present:#fbbf24;--mark-present-ink:#231703;--mark-correct:#7df9aa;--mark-correct-ink:#04120a}.site-nav a.is-current{color:var(--accent)}.hero-compact{padding-top:40px;padding-bottom:0}.hero-title-sm{font-size:clamp(2.2rem,7vw,4.2rem)}.hero-compact .hero-sub{max-width:52ch}.eyebrow .num{color:var(--accent);font-weight:600}.board-wrap{margin-top:34px}.board{justify-content:center;gap:8px;display:grid}.board-row{grid-template-columns:repeat(5,58px);gap:8px;display:grid}.board-tile{width:58px;height:58px;font-family:var(--mono);text-transform:uppercase;border:1px solid var(--border);color:var(--ink);transition:background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), transform .12s var(--ease), box-shadow .2s var(--ease);background:#12182680;border-radius:11px;place-items:center;font-size:25px;font-weight:600;display:grid;position:relative}.board-tile:empty{border-style:dashed;border-color:var(--border)}.board-tile.is-filled{background:var(--mark-absent-bg);border-color:var(--mark-absent-bd);color:var(--ink-2);cursor:pointer}.board-tile.is-filled:hover{transform:translateY(-2px)}.board-tile.m-y{background:var(--mark-present);border-color:var(--mark-present);color:var(--mark-present-ink);box-shadow:0 0 24px -10px #fbbf2499}.board-tile.m-g{background:var(--mark-correct);border-color:var(--mark-correct);color:var(--mark-correct-ink);box-shadow:0 0 24px -10px var(--glow-accent)}.board-row.is-active .board-tile:empty{border-color:var(--border-2);background:#121826cc}.board-row.is-active .board-tile.is-cursor{border-color:#7df9aa99;box-shadow:0 0 0 3px #7df9aa1a}.board-row.is-locked{opacity:.32;pointer-events:none}.board-row.is-invalid{animation:shake .34s var(--ease)}.board-msg{text-align:center;min-height:22px;color:var(--ink-3);margin-top:14px;font-size:13.5px}.board-msg.is-warn{color:var(--amber)}.board-actions{justify-content:center;gap:10px;margin-top:8px;display:flex}.btn-ghost{color:var(--ink-2);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 18px;font-size:13.5px;transition:color .16s,border-color .16s,background .16s}.btn-ghost:hover{color:var(--accent);background:var(--surface-2);border-color:#7df9aa73}.hint-board{margin-top:18px}.swatch{vertical-align:-2px;border-radius:4px;width:13px;height:13px;display:inline-block}.swatch-x{background:var(--mark-absent-bg);border:1px solid var(--mark-absent-bd)}.swatch-y{background:var(--mark-present)}.swatch-g{background:var(--mark-correct)}.suggest{margin-bottom:30px}.sub-head{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.sub-note{letter-spacing:0;text-transform:none;color:var(--ink-3);opacity:.8;font-size:12.5px;font-weight:400}.suggest-list{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:9px;margin:0;padding:0;list-style:none;display:grid}.suggest-item{text-align:left;background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border-2);border-radius:var(--r-md);width:100%;transition:border-color .16s var(--ease), transform .16s var(--ease), box-shadow .2s var(--ease);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"rank head""rank meta";align-items:center;gap:1px 11px;padding:12px 14px;display:grid}.suggest-item:hover{box-shadow:0 10px 28px -14px #000000e6, 0 0 28px -14px var(--glow-accent);border-color:#7df9aa80;transform:translateY(-2px)}.suggest-rank{width:22px;height:22px;font-family:var(--mono);color:var(--ink-3);background:#ffffff0a;border-radius:6px;grid-area:rank;place-items:center;font-size:11px;display:grid}.suggest-item:first-child .suggest-rank{color:var(--accent-ink);background:var(--accent);font-weight:700}.suggest-head{grid-area:head;align-items:center;gap:8px;min-width:0;display:flex}.suggest-word{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:16px;font-weight:600}.suggest-meta{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;grid-area:meta;font-size:11.5px;overflow:hidden}.suggest-bits{font-family:var(--mono);color:var(--accent)}.tag{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;margin-left:auto;padding:2px 8px;font-size:9.5px;font-weight:700}.tag-probe{color:var(--violet);background:#a78bfa21;border:1px solid #a78bfa52}.tag-answer{color:var(--accent);background:#7df9aa1a;border:1px solid #7df9aa47}.legend-bits{color:var(--accent)}.suggest-pending{color:var(--ink-3);background:var(--surface);border:1px dashed var(--border-2);border-radius:var(--r-md);grid-column:1/-1;padding:15px 16px;font-size:13.5px}.state-solved .state-title{color:var(--accent)}.solved-word{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 42px var(--glow-accent);margin-top:14px;font-size:clamp(2.4rem,9vw,4rem);font-weight:700}.idle-art-wordle span{width:46px;height:52px;font-family:var(--mono);border-radius:10px}.idle-art-wordle .m-x{background:var(--mark-absent-bg);border-color:var(--mark-absent-bd);color:var(--ink-2)}.idle-art-wordle .m-y{background:var(--mark-present);border-color:var(--mark-present);color:var(--mark-present-ink)}.idle-art-wordle .m-g{background:var(--mark-correct);border-color:var(--mark-correct);color:var(--mark-correct-ink)}@media (width<=720px){.hero-compact{padding-top:26px}.board-row{grid-template-columns:repeat(5,52px);gap:7px}.board-tile{width:52px;height:52px;font-size:22px}.suggest-list{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}}@media (width<=380px){.board-row{grid-template-columns:repeat(5,46px);gap:6px}.board-tile{border-radius:9px;width:46px;height:46px;font-size:19px}.board-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.board-row.is-invalid{animation:none}}