*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0d0221;--color-surface:#150932;--color-border:#ff2d78;--color-cyan:#00e5ff;--color-text:#fff;--color-text-muted:#c8f;--color-correct:#0f8;--color-present:#fe0;--color-absent:#2d1b4e;--neon-pink:0 0 6px #ff2d78, 0 0 20px #ff2d7866;--neon-cyan:0 0 6px #00e5ff, 0 0 20px #00e5ff66;--tile-size:54px;--tile-gap:4px;--tile-font:1.3rem}body{background:var(--color-bg);color:var(--color-text);flex-direction:column;min-height:100dvh;font-family:"Press Start 2P",monospace;display:flex}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 30% 40%,#ff2d7817 0%,#0000 55%),radial-gradient(at 70% 60%,#00e5ff12 0%,#0000 55%);height:55%;animation:10s ease-in-out infinite alternate aurora;position:fixed;top:0;left:-30%;right:-30%}@keyframes aurora{0%{opacity:.6;transform:translate(-8%)scaleY(1)}50%{opacity:1;transform:translate(0%)scaleY(1.15)}to{opacity:.6;transform:translate(8%)scaleY(1)}}.grid-floor{transform-origin:bottom;pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(#ff2d782e 1px,#0000 1px),linear-gradient(90deg,#ff2d782e 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:35%;animation:1.4s linear infinite grid-scroll;position:fixed;bottom:0;left:0;right:0;transform:perspective(300px)rotateX(60deg)}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 40px}}body:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#ff2d78,#00e5ff,#ff2d78,#0000);height:2px;animation:2.5s ease-in-out infinite horizon-pulse;position:fixed;bottom:35%;left:0;right:0;box-shadow:0 0 12px #ff2d78,0 0 30px #ff2d7880}@keyframes horizon-pulse{0%,to{opacity:.7;box-shadow:0 0 10px #ff2d78,0 0 25px #ff2d7866}50%{opacity:1;box-shadow:0 0 18px #ff2d78,0 0 55px #ff2d78b3,0 0 80px #00e5ff40}}.app{z-index:1;flex-direction:column;height:100dvh;display:flex;position:relative}.header{border-bottom:2px solid var(--color-border);box-shadow:var(--neon-pink), inset 0 -2px 0 #ff2d784d;background:#150932e6;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;height:4rem;padding:0 .75rem;display:grid}.header__title{letter-spacing:.1em;background:linear-gradient(90deg,#ff2d78,#c4f,#00e5ff);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #ff2d78b3);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:400}.header__star{color:#ff2d78;text-shadow:var(--neon-pink);align-self:center;font-size:.85rem;line-height:1;animation:1s step-end infinite blink;transform:translateY(-3px)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.main{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.game{z-index:1;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:.5rem;display:flex;position:relative}.game__status{color:#fe0;text-align:center;text-shadow:0 0 6px #fe0,0 0 20px #ffee0080;letter-spacing:.05em;font-size:.55rem;animation:.7s step-end infinite blink}.instructions{border:2px solid var(--color-cyan);width:100%;max-width:420px;box-shadow:var(--neon-cyan);background:#150932f2;flex-direction:column;gap:.5rem;padding:.65rem .75rem;display:flex}.instructions p{color:var(--color-text);font-size:.45rem;line-height:2.2}.instructions strong{color:var(--color-cyan);text-shadow:0 0 6px var(--color-cyan)}.instructions__legend{flex-wrap:wrap;gap:.4rem .9rem;display:flex}.legend-item{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.38rem;line-height:1.8;display:flex}.legend-tile{border:1px solid #ffffff4d;flex-shrink:0;width:12px;height:12px}.legend-tile--correct{background:var(--color-correct);box-shadow:0 0 6px var(--color-correct)}.legend-tile--present{background:var(--color-present);box-shadow:0 0 6px var(--color-present)}.legend-tile--absent{background:#556}.board{gap:var(--tile-gap);border:2px solid var(--color-border);box-shadow:var(--neon-pink), inset 0 0 30px #ff2d7814;background:#0d0221e6;flex-direction:column;padding:8px;display:flex}.board__row{gap:var(--tile-gap);display:flex}.tile{width:var(--tile-size);height:var(--tile-size);font-size:var(--tile-font);-webkit-user-select:none;user-select:none;color:#2d1b4e;background:#15093299;border:2px solid #2d1b4e;justify-content:center;align-items:center;font-weight:400;display:flex}.tile--filled{border-color:var(--color-cyan);color:#fff;animation:80ms step-end pop;box-shadow:0 0 8px #00e5ff80,inset 0 0 10px #00e5ff14}.tile--revealed{animation:.5s both flip}.tile--correct{--tile-bg:var(--color-correct)}.tile--present{--tile-bg:var(--color-present)}.tile--absent{--tile-bg:var(--color-absent)}@keyframes bounce{0%{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-14px)}75%{transform:translateY(-2px)}90%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes flip{0%{border-color:var(--color-cyan);color:#fff;background-color:#15093299;transform:perspective(300px)rotateX(0)}49%{border-color:var(--color-cyan);color:#fff;background-color:#15093299;transform:perspective(300px)rotateX(-90deg)}51%{background-color:var(--tile-bg);border-color:var(--tile-bg);color:#000;transform:perspective(300px)rotateX(-90deg)}to{background-color:var(--tile-bg);border-color:var(--tile-bg);color:#000;transform:perspective(300px)rotateX(0)}}.toast{background:var(--color-border);color:#fff;pointer-events:none;z-index:10;box-shadow:var(--neon-pink);white-space:nowrap;border:2px solid #fff;padding:.5rem .85rem;font-family:"Press Start 2P",monospace;font-size:.5rem;animation:2.5s forwards fade-in-out;position:fixed;top:4.5rem;left:50%;transform:translate(-50%)}@keyframes fade-in-out{0%{opacity:0;transform:translate(-50%)translateY(-4px)}10%{opacity:1;transform:translate(-50%)translateY(0)}75%{opacity:1}to{opacity:0}}.board__row--shake{animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.keyboard{z-index:1;flex-direction:column;gap:5px;width:100%;max-width:420px;display:flex;position:relative}.keyboard__row{justify-content:center;gap:4px;display:flex}.key{min-width:36px;height:48px;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase;box-shadow:none;background:#2d1b4ecc;border:2px solid #4a2d7a;border-radius:0;padding:0 3px;font-family:"Press Start 2P",monospace;font-size:.42rem;font-weight:400;transition:none}.key:active{border-color:var(--color-border);box-shadow:var(--neon-pink);color:#fff;background:#ff2d7833}.key--wide{min-width:54px;font-size:.38rem}.key--correct{border-color:var(--color-correct);color:var(--color-correct);background:#00ff8826;box-shadow:0 0 6px #0f86}.key--present{border-color:var(--color-present);color:var(--color-present);background:#ffee001f;box-shadow:0 0 6px #fe06}.key--absent{color:#3d2b5e;background:#15093280;border-color:#2d1b4e}.key--ready{border-color:var(--color-correct);box-shadow:0 0 8px var(--color-correct), 0 0 20px #0f86;color:var(--color-correct);background:#0f83;animation:.6s infinite alternate pulse-enter}@keyframes pulse-enter{0%{box-shadow:0 0 8px var(--color-correct), 0 0 20px #00ff884d}to{box-shadow:0 0 14px var(--color-correct), 0 0 40px #0f89}}.new-game-btn{color:var(--color-border);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--color-border);box-shadow:var(--neon-pink);text-shadow:0 0 6px var(--color-border);background:0 0;border-radius:0;margin-top:.25rem;padding:.7rem 1.25rem;font-family:"Press Start 2P",monospace;font-size:.55rem;transition:none}.new-game-btn:active{background:#ff2d7833}.header__left{justify-content:flex-start;align-items:center;padding-left:.5rem;display:flex}.header__center{align-items:center;gap:.75rem;display:flex}.header__right{justify-content:flex-end;align-items:center;gap:.4rem;padding-right:.5rem;display:flex}.header__title-link{text-decoration:none}.nav-icon-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:2px solid #4a2d7a;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-family:"Press Start 2P",monospace;font-size:.7rem;display:flex}.nav-icon-btn:hover{border-color:var(--color-border);color:#fff}.nav-username{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:.38rem;overflow:hidden}.loading-screen{color:var(--color-text-muted);flex:1;justify-content:center;align-items:center;font-size:.6rem;animation:.8s step-end infinite blink;display:flex}.auth-page{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.auth-card{border:2px solid var(--color-border);width:100%;max-width:360px;box-shadow:var(--neon-pink);background:#150932f2;flex-direction:column;gap:1.25rem;padding:1.5rem 1.25rem;display:flex}.auth-title{color:var(--color-border);text-shadow:var(--neon-pink);text-align:center;letter-spacing:.05em;font-size:.7rem}.auth-form{flex-direction:column;gap:.85rem;display:flex}.auth-field{flex-direction:column;gap:.35rem;display:flex}.auth-label{color:var(--color-text-muted);letter-spacing:.08em;font-size:.38rem}.auth-input{color:#fff;background:#000014cc;border:2px solid #4a2d7a;border-radius:0;outline:none;width:100%;padding:.6rem .5rem;font-family:"Press Start 2P",monospace;font-size:.55rem}.auth-input:focus{border-color:var(--color-cyan);box-shadow:var(--neon-cyan)}.auth-error{color:var(--color-border);text-shadow:var(--neon-pink);text-align:center;font-size:.4rem;line-height:1.8}.auth-submit{border:2px solid var(--color-border);color:var(--color-border);cursor:pointer;text-shadow:var(--neon-pink);box-shadow:var(--neon-pink);letter-spacing:.05em;background:0 0;border-radius:0;padding:.7rem;font-family:"Press Start 2P",monospace;font-size:.55rem}.auth-submit:disabled{opacity:.5;cursor:default;box-shadow:none}.auth-submit:not(:disabled):hover{background:#ff2d781a}.auth-toggle{color:var(--color-text-muted);cursor:pointer;text-align:center;letter-spacing:.03em;background:0 0;border:none;padding:0;font-family:"Press Start 2P",monospace;font-size:.38rem}.auth-toggle:hover{color:var(--color-cyan)}.stats-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.stats-modal{border:2px solid var(--color-cyan);box-shadow:var(--neon-cyan);background:#0d0221fa;flex-direction:column;gap:1rem;width:100%;max-width:360px;padding:1.5rem 1.25rem 1.25rem;display:flex;position:relative}.stats-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-family:"Press Start 2P",monospace;font-size:.5rem;position:absolute;top:.5rem;right:.5rem}.stats-result{text-align:center;letter-spacing:.05em;font-size:.7rem}.stats-result--won{color:var(--color-correct);text-shadow:0 0 8px var(--color-correct)}.stats-result--lost{color:var(--color-border);text-shadow:var(--neon-pink)}.stats-word{text-align:center;color:var(--color-text-muted);font-size:.45rem}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.stats-item{flex-direction:column;gap:.3rem;display:flex}.stats-num{color:#fff;font-size:1rem}.stats-label{color:var(--color-text-muted);font-size:.3rem;line-height:1.6}.stats-dist{flex-direction:column;gap:.35rem;display:flex}.stats-dist-title{color:var(--color-text-muted);margin-bottom:.15rem;font-size:.38rem}.dist-row{align-items:center;gap:.4rem;display:flex}.dist-label{text-align:right;flex-shrink:0;width:.6rem;font-size:.38rem}.dist-track{background:#ffffff0f;flex:1;height:16px}.dist-fill{background:var(--color-cyan);justify-content:flex-end;align-items:center;min-width:16px;height:100%;padding-right:4px;font-size:.35rem;transition:width .6s;display:flex}.stats-next{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stats-next-label{color:var(--color-text-muted);font-size:.35rem}.stats-countdown{color:var(--color-present);text-shadow:0 0 8px var(--color-present);font-size:.8rem}.stats-lb-btn{text-align:center;color:var(--color-border);letter-spacing:.05em;text-shadow:var(--neon-pink);border:2px solid var(--color-border);box-shadow:var(--neon-pink);padding:.6rem;font-size:.45rem;text-decoration:none;display:block}.stats-lb-btn:hover{background:#ff2d781a}.already-played{flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}.already-status{text-align:center;letter-spacing:.05em;font-size:.65rem}.already-status--won{color:var(--color-correct);text-shadow:0 0 8px var(--color-correct)}.already-status--lost{color:var(--color-border);text-shadow:var(--neon-pink)}.already-board{flex-direction:column;gap:4px;display:flex}.already-row{gap:4px;display:flex}.already-tile{color:#000;border:2px solid #ffffff1a;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:400;display:flex}.already-stats{color:var(--color-text-muted);gap:1rem;font-size:.38rem;display:flex}.already-countdown{flex-direction:column;align-items:center;gap:.25rem;display:flex}.already-countdown-label{color:var(--color-text-muted);font-size:.35rem}.already-countdown-time{color:var(--color-present);text-shadow:0 0 8px var(--color-present);font-size:.9rem}.already-lb-btn{color:var(--color-border);letter-spacing:.05em;text-shadow:var(--neon-pink);border:2px solid var(--color-border);box-shadow:var(--neon-pink);padding:.6rem 1rem;font-size:.45rem;text-decoration:none}.lb-page{justify-content:center;align-items:flex-start;width:100%;padding:1rem;display:flex}.lb-card{border:2px solid var(--color-border);width:100%;max-width:420px;box-shadow:var(--neon-pink);background:#150932f2;flex-direction:column;gap:1rem;padding:1.25rem 1rem;display:flex}.lb-back{color:var(--color-text-muted);letter-spacing:.05em;font-size:.4rem;text-decoration:none}.lb-back:hover{color:var(--color-cyan)}.lb-title{color:var(--color-border);text-shadow:var(--neon-pink);text-align:center;letter-spacing:.08em;font-size:.65rem}.lb-loading,.lb-empty{color:var(--color-text-muted);text-align:center;font-size:.4rem;animation:.8s step-end infinite blink}.lb-table{flex-direction:column;gap:.35rem;display:flex}.lb-header-row{color:var(--color-text-muted);border-bottom:1px solid #2d1b4e;grid-template-columns:28px 1fr 40px 44px;gap:.4rem;padding-bottom:.35rem;font-size:.32rem;display:grid}.lb-row{border:1px solid #0000;grid-template-columns:28px 1fr 40px 44px;align-items:center;gap:.4rem;padding:.4rem .25rem;display:grid}.lb-row--me{border-color:var(--color-cyan);background:#00e5ff0d;box-shadow:0 0 6px #00e5ff4d}.lb-rank{text-align:center;font-size:.5rem}.lb-name{text-overflow:ellipsis;white-space:nowrap;font-size:.4rem;overflow:hidden}.lb-wins{color:var(--color-correct);text-align:right;font-size:.5rem}.lb-pct{color:var(--color-text-muted);text-align:right;font-size:.4rem}