*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f8f4d8;--muted:#b9c7bb;--screen:#091519;--screen-deep:#05090d;--cabinet:#21152f;--cabinet-edge:#ff3f81;--cyan:#31e7f5;--yellow:#ffd95d;--green:#62f06e;--red:#ff4e5b;--violet:#8e58ff;--shadow:#00000073}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 12%,#ff3f8152,#0000 28rem),radial-gradient(circle at 82% 18%,#31e7f538,#0000 30rem),linear-gradient(135deg,#12091f 0%,#27103c 42%,#081b24 100%);font-family:Hanken Grotesk,Trebuchet MS,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 82%);mask-image:radial-gradient(circle,#000 35%,#0000 82%)}button{font:inherit}#root{min-height:100vh}.game-shell{place-items:center;width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:clamp(1rem,2.8vw,2.5rem);display:grid}.arcade-cabinet{background:linear-gradient(90deg, transparent 0 8%, #ffffff14 8% 9%, transparent 9% 91%, #ffffff14 91% 92%, transparent 92%), linear-gradient(145deg, #37204e, var(--cabinet) 48%, #0f2333);width:min(100%,920px);box-shadow:0 28px 70px var(--shadow), 0 0 0 8px #ffd95d24, inset 0 0 28px #ffffff14;border:4px solid #0b0710;border-radius:22px 22px 34px 34px;padding:clamp(.8rem,2vw,1.4rem);position:relative}.arcade-cabinet:before,.arcade-cabinet:after{content:"";background:var(--yellow);width:clamp(.8rem,2vw,1.2rem);height:clamp(.8rem,2vw,1.2rem);box-shadow:0 0 18px var(--yellow);border-radius:50%;position:absolute;top:1.05rem}.arcade-cabinet:before{left:1.1rem}.arcade-cabinet:after{background:var(--cyan);box-shadow:0 0 18px var(--cyan);right:1.1rem}.screen-bezel{background:linear-gradient(#ffffff09 50%, #0000002e 50%), radial-gradient(circle at 50% 8%, #31e7f529, transparent 38%), linear-gradient(180deg, var(--screen), var(--screen-deep));background-size:100% 4px,auto,auto;border:3px solid #09080d;border-radius:14px;padding:clamp(1.1rem,3.4vw,2.2rem);position:relative;overflow:hidden;box-shadow:inset 0 0 48px #31e7f524,inset 0 0 110px #000000b3,0 12px #120b1a}.screen-bezel:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,#0000 18%,#ffffff14 34%,#0000 46%);position:absolute;inset:0}header{z-index:1;text-align:center;max-width:680px;color:var(--ink);margin:0 auto;position:relative}.kicker{color:var(--cyan);letter-spacing:0;text-transform:uppercase;text-shadow:0 0 12px #31e7f5e6;font-size:clamp(.72rem,1.8vw,.85rem);font-weight:900}header h1{color:#fff3a6;text-transform:uppercase;text-shadow:3px 3px #ff3f81,6px 6px #18223a,0 0 24px #ffd95d80;margin-top:.25rem;font-size:clamp(2rem,8vw,4.6rem);font-weight:900;line-height:.95}header p:last-child{max-width:44rem;color:var(--muted);margin:.85rem auto 0;font-size:clamp(.9rem,2.2vw,1rem)}.timer{width:min(100%,24rem);color:var(--green);text-align:center;text-shadow:0 0 10px #62f06ee6;background:#02070a;border:2px solid #31e7f5cc;border-radius:8px;margin:clamp(1rem,3vw,1.7rem) auto 0;padding:.7rem 1rem;font-family:Courier New,monospace;font-size:clamp(2.2rem,8vw,4.25rem);font-weight:900;box-shadow:inset 0 0 18px #62f06e21,0 0 20px #31e7f52e}.status{z-index:1;max-width:34rem;min-height:5.2rem;color:var(--ink);text-align:center;border:2px solid #ffffff29;border-radius:8px;align-content:center;margin:clamp(1rem,3vw,1.5rem) auto 0;padding:.85rem 1rem;animation:.42s both screen-pop;display:grid;position:relative;box-shadow:inset 0 0 24px #ffffff12}.status h2{text-transform:uppercase;font-size:clamp(1rem,3vw,1.4rem)}.status p{color:#f8f4d8db;margin-top:.2rem}.status.won{border-color:var(--green);background:linear-gradient(135deg,#2ca446f2,#116036f2)}.status.lost{border-color:var(--red);background:linear-gradient(135deg,#a11f2ef5,#530d26f5)}.status.play{opacity:0}.status.farewell{background:linear-gradient(135deg,#8e58ffe0,#ff3f81b3);border:2px dashed #ffd95de6}.attempts{z-index:1;color:#fff3a6;text-align:center;text-shadow:0 0 10px #ffd95d59;margin-top:1rem;font-size:clamp(.92rem,2.4vw,1.08rem);font-weight:900;position:relative}.languages{z-index:1;flex-wrap:wrap;justify-content:center;gap:.55rem;max-width:680px;margin:1.25rem auto 0;display:flex;position:relative}.language{text-align:center;border:2px solid #00000059;border-radius:6px;min-width:4.8rem;padding:.48rem .64rem;font-size:clamp(.74rem,2vw,.9rem);font-weight:900;transition:transform .18s,filter .18s;position:relative;box-shadow:inset 0 -3px #00000047,0 5px #00000038}.language.lost{filter:grayscale(.65)brightness(.7);transform:translateY(2px)}.language.lost:before{content:"KO";color:var(--red);text-shadow:0 0 8px #ff4e5bd9;background:#000000b8;border-radius:4px;justify-content:center;align-items:center;font-family:Courier New,monospace;font-size:1.25rem;font-weight:900;display:flex;position:absolute;inset:0}.word{z-index:1;flex-wrap:wrap;justify-content:center;gap:clamp(.32rem,1vw,.55rem);margin-top:clamp(1.3rem,4vw,2rem);display:flex;position:relative}.letter{aspect-ratio:1;color:#fff3a6;text-transform:uppercase;background:linear-gradient(#ffffff14,#0000),#04151b;border:2px solid #31e7f5a6;border-radius:7px;place-items:center;width:clamp(2.25rem,8vw,3.55rem);font-family:Courier New,monospace;font-size:clamp(1.35rem,5vw,2.2rem);font-weight:900;animation:2.9s ease-in-out infinite tile-idle;display:grid;box-shadow:inset 0 -5px #0000006b,0 0 18px #31e7f52e}.letter.wrong{color:var(--red);border-color:var(--red);text-shadow:0 0 10px #ff4e5bcc}.control-deck{background:linear-gradient(#ffffff17,#0000),linear-gradient(135deg,#3c214e,#182d42);border:3px solid #09080d;border-radius:12px 12px 22px 22px;margin-top:1rem;padding:clamp(1rem,2.8vw,1.5rem)}.keyboard{grid-template-columns:repeat(13,minmax(0,1fr));gap:clamp(.28rem,1vw,.55rem);max-width:760px;margin:0 auto;display:grid}.keyboard button{aspect-ratio:1;color:#180e17;cursor:pointer;background:linear-gradient(#ffe682,#f6b637);border:2px solid #1a1024;border-radius:7px;place-items:center;min-width:0;font-family:Courier New,monospace;font-size:clamp(.86rem,2.8vw,1.35rem);font-weight:900;transition:transform .15s,filter .15s,box-shadow .15s;display:grid;box-shadow:inset 0 -5px #00000038,0 5px #100a16,0 0 12px #ffd95d26}.keyboard button:hover:not(:disabled){filter:saturate(1.25)brightness(1.08);transform:translateY(-3px)}.keyboard button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -2px #00000038,0 2px #100a16}.keyboard button:disabled{cursor:not-allowed;opacity:.5}.keyboard .correct-letter{color:#06110a;background:linear-gradient(#83ff8c,#24b95b);box-shadow:inset 0 -5px #00000038,0 5px #100a16,0 0 16px #62f06e80}.keyboard .wrong-letter{color:#fff8e8;background:linear-gradient(#ff8390,#e32845);box-shadow:inset 0 -5px #00000038,0 5px #100a16,0 0 16px #ff4e5b73}.newGame{justify-content:center;align-items:center;margin-top:1.25rem;display:flex}.newGame-button{color:#06121c;text-transform:uppercase;cursor:pointer;background:linear-gradient(#50efff,#2589ff);border:2px solid #08070b;border-radius:8px;padding:.85rem 1.5rem;font-size:clamp(1rem,3vw,1.25rem);font-weight:900;transition:transform .15s,filter .15s;box-shadow:inset 0 -5px #0000003b,0 6px #100a16,0 0 20px #31e7f559}.newGame-button:hover{filter:brightness(1.1);transform:translateY(-3px)}.newGame-button:active{transform:translateY(2px)}.sr-only{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes screen-pop{0%{filter:brightness(1.4);transform:scale(.97)}}@keyframes tile-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (width<=760px){.game-shell{align-items:start;padding:.8rem}.arcade-cabinet{border-radius:16px 16px 26px 26px}.keyboard{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=430px){.screen-bezel{padding:1rem .75rem}.languages{gap:.4rem}.language{min-width:auto;padding-inline:.5rem}.keyboard{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}