*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 20% 30%,#0b2b3b,#03101a);justify-content:center;align-items:center;min-height:100vh;padding:clamp(.5rem,4vw,2rem) clamp(.5rem,3vw,1rem);font-family:Segoe UI,Helvetica Neue,Poppins,system-ui,sans-serif;display:flex}.game{background:#0a1923b3;width:100%;max-width:1300px;padding:clamp(1rem,4vw,2rem) clamp(1rem,3vw,1.5rem) clamp(1.5rem,4vw,2.5rem)}.board{background:linear-gradient(145deg,#0a2b3c,#021016);border:1px solid #d2b46e66;border-radius:clamp(1rem,4vw,3rem);margin-bottom:clamp(1rem,4vw,2rem);padding:clamp(.5rem,2vw,1.2rem) clamp(.5rem,2vw,1rem);overflow-x:hidden}.row,.tile{justify-content:center;align-items:center;display:flex}.row{flex-wrap:nowrap;gap:clamp(.2rem,1.2vw,.6rem);margin:clamp(.2rem,1vh,.5rem) 0}.tile,.category,.solve-button{text-transform:uppercase;font-weight:800}.tile{aspect-ratio:.7;color:#1f2c3c;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#fff6e8,#ffe6c7);width:calc(7.14286% - clamp(.2rem,1.2vw,.6rem)/1.07692);font-size:clamp(.8rem,4vw,2.6rem);position:relative}.tile.hidden{outline-offset:-1px;background:radial-gradient(circle at 30% 35%,#2c7a4d,#145c32);outline:1px solid #98d9a4}.tile[contenteditable=true]{cursor:text;caret-color:#0000;background:linear-gradient(135deg,#fffae6,#fff0d0);outline:none}.tile[contenteditable=true]:focus{background:#fff5e0;outline:none}.tile[contenteditable=true]:empty:before{content:"";pointer-events:none;background:#04f;animation:1s step-end infinite tileBlink;position:absolute;inset:0}@keyframes tileBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}.category-wrapper{margin:0 -1.5rem clamp(1rem,4vw,1.5rem)}.category-label,.category{text-align:center;text-transform:uppercase}.category-label{letter-spacing:2px;color:#fff;background:#00141e99;padding:.25rem 0;font-size:clamp(.6rem,2vw,.85rem);font-weight:600}.category{letter-spacing:clamp(2px,1vw,5px);color:#f0f9ff;text-shadow:0 2px 4px #0006;background:linear-gradient(90deg,#2c7cb6,#0a3b55,#2c7cb6);border-top:2px solid #64b4f080;border-bottom:2px solid #64b4f080;padding:clamp(.5rem,3vw,1rem);font-size:clamp(1rem,5vw,1.9rem);display:block}.solve-button{letter-spacing:clamp(2px,1vw,4px);color:#20251c;cursor:pointer;background:radial-gradient(circle at 30% 20%,#fedc5a,#e6a017);border:none;margin:clamp(1rem,4vw,2rem) auto 0;padding:clamp(.6rem,3vw,1rem) clamp(1.2rem,5vw,2.6rem);font-size:clamp(1rem,5vw,1.7rem);transition:all 70ms linear;display:block}