@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Kanit:wght@500;600&display=swap";:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;color:#f6f5ff;background-color:#121213;--grid-line: rgba(255, 255, 255, .03);--tile-border: #3a3a3c;--tile-bg: #1a1b1e;--tile-fg: #fff;--correct: #6aaa64;--present: #c9b458;--absent: #3a3a3c;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#121213}#app{min-height:100vh}.wordle-hero{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(2rem,4vw,3.5rem);min-height:100vh;padding:clamp(2rem,6vw,5rem);overflow:hidden;isolation:isolate}.wordle-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(90,126,255,.25),transparent 55%),radial-gradient(circle at 20% 80%,rgba(255,255,255,.1),transparent 60%);opacity:.8;z-index:-2}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:60px 60px;z-index:-1}.board-section{flex:1 1 420px;max-width:560px}.eyebrow{margin:0 0 1.5rem;letter-spacing:.4em;text-transform:uppercase;font-size:.8rem;color:#fff9}.board{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border-radius:24px;background:#121213d9;border:1px solid rgba(255,255,255,.06);box-shadow:0 25px 60px #0000008c}.board-row{display:grid;grid-template-columns:repeat(5,minmax(48px,1fr));gap:.65rem}.tile{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;border-radius:8px;border:2px solid var(--tile-border);background:var(--tile-bg);font-family:Kanit,Space Grotesk,sans-serif;font-size:clamp(1.3rem,4vw,1.75rem);font-weight:600;text-transform:uppercase;color:var(--tile-fg);letter-spacing:.05em;transition:transform .25s ease,border-color .25s ease,background .25s ease}.tile.correct{background:var(--correct);border-color:var(--correct)}.tile.present{background:var(--present);border-color:var(--present)}.tile.absent{background:var(--absent);border-color:var(--absent)}.tile.empty{background:transparent;color:transparent}.tile:not(.empty):hover{transform:translateY(-2px)}.tagline{margin-top:1.25rem;font-size:1rem;color:#ffffffb8}.image-card{position:relative;flex:0 1 420px;max-width:460px;border-radius:28px;border:4px solid #3a3a3c;background:#1a1b1e;padding:1.5rem;box-shadow:0 25px 60px #0009;overflow:hidden;text-align:center}.image-card img{width:92%;margin:0 auto;border-radius:18px;background:#0d0f16;display:block;aspect-ratio:4 / 5;object-fit:contain}.image-sheen{position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);transform:translate(-100%);animation:sheen 4s infinite;pointer-events:none}.image-card figcaption{margin-top:1rem;font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff8c}@keyframes sheen{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}@media(max-width:960px){.wordle-hero{flex-direction:column}.board-section,.image-card{width:100%;max-width:560px}}