:root{--bg-dark:#07080a;--bg-slate:#121418;--bg-glass:#ffffff05;--border-glass:#ffffff0f;--border-focus:#ff8c0080;--text-main:#ededed;--text-muted:#80848e;--neon-amber:#ff8c00;--neon-amber-glow:#ff8c0066;--neon-gold:#ffca28;--neon-gold-glow:#ffca2866;--font-ui:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-ui);background-image:radial-gradient(circle at 50% 0,#ff8c0014 0%,#0000 60%);justify-content:center;align-items:stretch;min-height:100dvh;display:flex}.hidden{display:none!important}#app{flex-direction:column;width:100%;max-width:500px;padding:1rem .5rem;display:flex}header{justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;padding:0 .5rem;display:flex}.header-left,.header-right{flex:1;align-items:center;display:flex}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end;gap:15px}.header-center{flex:none;justify-content:center;align-items:center;gap:15px;display:flex}.icon-btn{cursor:pointer;opacity:.8;-webkit-user-select:none;user-select:none;font-size:1.5rem;transition:opacity .2s}.icon-btn:hover{opacity:1}.logo{letter-spacing:.2em;background:linear-gradient(90deg, var(--neon-amber), var(--neon-gold), #ff5e00, var(--neon-amber));color:#0000;text-shadow:0 0 15px #ff8c0033;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;animation:3s linear infinite fuse-gradient}@keyframes fuse-gradient{to{background-position:200%}}.timer{font-family:var(--font-mono);color:var(--neon-amber);text-shadow:0 0 10px var(--neon-amber-glow);background:var(--bg-glass);border:1px solid var(--border-glass);text-align:center;border-radius:4px;width:max-content;margin:0;padding:.4rem .8rem;font-size:1rem}.game-board{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:0 .5rem;display:flex}.word-slot{background:var(--bg-slate);border:1px solid var(--border-glass);border-radius:8px;justify-content:center;align-items:center;width:100%;height:clamp(45px,8vh,60px);transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.word-slot:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#fff0 100%);position:absolute;inset:0}.word-slot.locked{background:#ffffff08;border-color:#ffffff1a}.word-slot.active{border-color:var(--border-focus);box-shadow:0 0 20px #ff8c001a,inset 0 0 10px #ff8c000d}.word-slot.fused{border-color:var(--neon-amber);box-shadow:0 0 15px var(--neon-amber-glow), inset 0 0 15px var(--neon-amber-glow)}.word-text{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-main);letter-spacing:.2em;justify-content:center;align-items:center;height:100%;font-size:1.5rem;font-weight:700;display:flex}.slot-display{width:100%;height:100%;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-main);pointer-events:none;z-index:1;justify-content:center;align-items:center;gap:.2em;font-size:1.5rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.word-slot input{opacity:0;z-index:2;cursor:default;width:100%;height:100%;position:absolute;top:0;left:0}.char-box{text-align:center;width:1.2em;transition:color .2s,text-shadow .2s}@keyframes pop-in{0%{opacity:0;transform:scale(.5)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}.char-box.pop-in{animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards pop-in}.char-box.empty{color:var(--text-muted);opacity:.3}.char-box.pulsing{color:var(--neon-amber);animation:1.5s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.4;text-shadow:none}50%{opacity:1;text-shadow:0 0 10px var(--neon-amber-glow)}}.word-slot.fused .char-box.filled,.word-slot.fused .word-text{color:var(--neon-amber);text-shadow:0 0 10px var(--neon-amber-glow)}.connection{background:var(--border-glass);width:2px;height:clamp(12px,3vh,20px);margin:2px 0;transition:background .4s;position:relative;overflow:hidden}.connection.active{background:var(--neon-amber);box-shadow:0 0 10px var(--neon-amber), 0 0 20px var(--neon-amber-glow)}.connection.active:after{content:"";background:linear-gradient(#0000,#fff,#0000);width:100%;height:100%;animation:.8s ease-in-out forwards energy-flow;position:absolute;top:-100%;left:0}@keyframes energy-flow{0%{opacity:1;top:-100%}to{opacity:0;top:100%}}.controls{justify-content:center;margin-top:.5rem;display:flex}button{font-family:var(--font-ui);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;border-radius:4px;outline:none;font-weight:600;transition:all .2s}.glass-btn{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem}.glass-btn:hover{color:var(--text-main);background:#ffffff0d;border-color:#fff3}.primary-btn{border:1px solid var(--neon-amber);color:var(--neon-amber);box-shadow:0 0 15px var(--neon-amber-glow) inset, 0 0 15px var(--neon-amber-glow);text-shadow:0 0 5px var(--neon-amber-glow);background:0 0;padding:.75rem 1.5rem}.primary-btn:hover{background:var(--neon-amber);color:var(--bg-dark);box-shadow:0 0 25px var(--neon-amber);text-shadow:none}.keyboard{flex-direction:column;gap:6px;width:100%;margin-top:auto;padding-bottom:.5rem;display:flex}.keyboard-row{justify-content:center;gap:6px;width:100%;display:flex}.key{background:var(--bg-glass);color:var(--text-main);touch-action:manipulation;border:1px solid #ffffff1a;border-radius:4px;flex:1;justify-content:center;align-items:center;min-width:0;height:clamp(45px,8vh,55px);font-size:1.2rem;display:flex;box-shadow:0 2px 4px #0003}.key:active{border-color:var(--neon-amber);background:#ffffff26;transform:translateY(2px);box-shadow:0 1px 2px #0003}.key.action-key{color:var(--neon-amber);background:#ff8c001a;border-color:#ff8c004d;flex:1.5;font-size:.85rem}.key.dead-key{color:#f006;pointer-events:none;box-shadow:none;background:#ff00000d;border-color:#ff00001a}.key.key-pulse-anim{animation:.3s ease-out key-pulse-anim}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal.hidden{display:none}.modal-content{text-align:center;color:#fff;background:#1e1e1ef2;border:1px solid #ff8c0033;border-radius:15px;width:90%;max-width:400px;padding:30px;box-shadow:0 0 30px #ff8c001a}.modal-content h2{color:var(--neon-amber);margin-top:0;margin-bottom:20px}.example{letter-spacing:2px;color:var(--neon-amber);flex-direction:column;align-items:center;gap:10px;margin:20px 0;font-weight:700;display:flex}.close-modal{border:1px solid var(--neon-amber);color:var(--neon-amber);cursor:pointer;background:#ff8c0033;border-radius:8px;width:100%;margin-top:20px;padding:10px 20px;font-family:inherit;font-weight:700}.submit-score{flex-direction:column;gap:10px;margin-top:20px;display:flex}.submit-score input{color:#fff;text-align:center;background:#00000080;border:1px solid #fff3;border-radius:5px;padding:10px}.submit-score button{background:var(--neon-amber);color:#000;cursor:pointer;border:none;border-radius:5px;padding:10px;font-weight:700}#leaderboard-list{text-align:left;max-height:200px;margin-top:20px;overflow-y:auto}.lb-entry{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:8px 0;display:flex}@keyframes key-pulse-anim{0%{background:var(--neon-amber);color:#fff;box-shadow:0 0 15px var(--neon-amber);transform:scale(.85)}to{transform:scale(1)}}.key.action-key.key-pulse-anim{animation:.3s ease-out action-key-pulse-anim}@keyframes action-key-pulse-anim{0%{background:var(--neon-amber);color:#fff;box-shadow:0 0 15px var(--neon-amber);transform:scale(.9)}to{transform:scale(1)}}.results-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--neon-gold);text-align:center;width:90%;box-shadow:0 20px 50px #000c, 0 0 40px var(--neon-gold-glow);z-index:10;opacity:1;visibility:visible;background:#121418f2;border-radius:12px;flex-direction:column;gap:1.5rem;padding:2rem;transition:opacity .5s,visibility .5s,transform .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.results-card.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-40%)}.results-card h2{color:var(--neon-gold);text-shadow:0 0 15px var(--neon-gold-glow);letter-spacing:.1em;margin-bottom:.5rem;font-size:1.8rem}.results-stats{justify-content:space-around;display:flex}.stat{flex-direction:column;gap:.2rem;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.stat-value{font-family:var(--font-mono);color:var(--text-main);font-size:1.5rem}.share-grid{letter-spacing:.2rem;font-size:1.5rem}