*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{--primary: #eab308;--primary-rgb: 234, 179, 8;--accent: #f97316;--accent-rgb: 249, 115, 22;--background: hsl(160 30% 6%);--background-rgb: 15, 23, 20;--foreground: #fafaf9;--card: hsl(160 25% 10%);--card-rgb: 20, 32, 28;--border: hsl(160 20% 20%);--border-rgb: 36, 51, 46;--muted: hsl(160 15% 18%);--muted-foreground: #a3a3a3;--destructive: #ef4444;--success: #22c55e;--success-rgb: 34, 197, 94;--warning: #eab308;--radius: .75rem;--font-display: "Inter", system-ui, sans-serif;font-family:var(--font-display);color:var(--foreground);background:var(--background)}.wordlock-container{min-height:100%;height:100%;background:radial-gradient(ellipse at center,hsl(160 30% 10%) 0%,var(--background) 100%);padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;overflow:auto}.wordlock-setup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background:#172621e6;border:1px solid var(--border);border-radius:var(--radius);max-width:450px;width:100%;margin:auto;box-sizing:border-box}.wordlock-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--primary);text-align:center;margin:0}.wordlock-subtitle{color:var(--muted-foreground);font-size:.9rem;text-align:center;margin-top:-.75rem}.wordlock-input-row{display:flex;gap:8px}.wordlock-input-tile{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.3rem;font-weight:700;text-transform:uppercase;text-align:center;border-radius:6px;border:2px solid rgba(var(--primary-rgb),.5);background:rgba(var(--card-rgb),.5);color:var(--foreground);outline:none;transition:all .2s ease;caret-color:transparent;box-shadow:inset 0 0 10px rgba(var(--primary-rgb),.1)}.wordlock-input-tile:focus{border-color:var(--primary);box-shadow:0 0 12px rgba(var(--primary-rgb),.4),inset 0 0 10px rgba(var(--primary-rgb),.1);background:rgba(var(--primary-rgb),.1)}.wordlock-input-tile.setup{width:52px;height:52px;font-size:1.5rem}.wordlock-input-tile.setup.filled{border-color:var(--success);background:rgba(var(--success-rgb),.15)}.wordlock-input-tile.active{border-color:var(--primary);background:rgba(var(--card-rgb),.8)}.wordlock-input-tile.invalid{border-color:var(--destructive);background:#ef44441a}.wordlock-error{color:var(--destructive);font-size:.85rem}.wordlock-btn{padding:.6rem 1.5rem;font-family:var(--font-display);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius);border:2px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;transition:all .2s ease}.wordlock-btn:hover:not(:disabled){border-color:rgba(var(--primary-rgb),.5);background:#334155}.wordlock-btn.primary{border:none;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--background)}.wordlock-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-rgb),.4)}.wordlock-btn.large{padding:.85rem 2.5rem;font-size:1rem}.wordlock-btn:disabled{opacity:.5;cursor:not-allowed}.wordlock-random-btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:2px solid rgba(var(--primary-rgb),.4);background:rgba(var(--card-rgb),.3);color:var(--primary);cursor:pointer;transition:all .2s ease;margin-left:8px}.wordlock-random-btn:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.15);transform:scale(1.05)}.wordlock-random-btn:active{transform:scale(.95)}.wordlock-dictionary-select{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:200px;margin:0 auto 1rem}.wordlock-select-label{font-size:.85rem;color:var(--muted-foreground);text-align:center}.wordlock-select{background:var(--card);border:1px solid rgba(var(--primary-rgb),.5);color:var(--foreground);font-family:var(--font-display);padding:.5rem 1rem;border-radius:.5rem;font-size:.9rem;cursor:pointer;text-align:center}.wordlock-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px rgba(var(--primary-rgb),.3)}.wordlock-select option{background:var(--card);color:var(--foreground)}.wordlock-arena{display:flex;gap:1rem;justify-content:center;align-items:stretch;width:100%;max-width:900px}.wordlock-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:rgba(var(--card-rgb),.3);border:2px solid rgba(var(--border-rgb),.5);border-radius:var(--radius);transition:all .3s ease}.wordlock-side.player{border-color:rgba(var(--primary-rgb),.3)}.wordlock-side.computer{border-color:rgba(var(--accent-rgb),.3)}.wordlock-side.winner{border-color:var(--success);background:rgba(var(--success-rgb),.1);box-shadow:0 0 30px rgba(var(--success-rgb),.3)}.wordlock-side.loser{opacity:.6}.wordlock-side.tie{border-color:var(--warning);background:linear-gradient(to bottom,rgba(234,179,8,.1),transparent)}.wordlock-side.tie .wordlock-label:after{content:" tie"}.wordlock-side.mismatch{border-color:var(--muted-foreground);background:#64748b26}.wordlock-word-link{color:inherit;text-decoration:underline;text-decoration-style:dotted;cursor:pointer;transition:color .15s ease}.wordlock-word-link:hover{text-decoration-style:solid;color:var(--primary)}.wordlock-side-header{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%}.wordlock-label{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.05em}.wordlock-crown{font-size:1.5rem;animation:wordlock-crown-bounce .6s ease-out;filter:drop-shadow(0 0 8px rgba(234,179,8,.6))}@keyframes wordlock-crown-bounce{0%{opacity:0;transform:translateY(-20px) scale(.5)}50%{transform:translateY(5px) scale(1.2)}to{opacity:1;transform:translateY(0) scale(1)}}.wordlock-side.player .wordlock-label{color:var(--primary)}.wordlock-side.computer .wordlock-label{color:var(--accent)}.wordlock-target-word{font-size:.8rem;color:var(--muted-foreground)}.wordlock-target-word strong{color:var(--foreground);letter-spacing:.15em}.wordlock-board{display:flex;flex-direction:column;gap:6px;min-height:260px}.wordlock-guess-row{display:flex;gap:6px}.wordlock-tile{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.3rem;font-weight:700;text-transform:uppercase;border-radius:6px;border:2px solid rgba(var(--border-rgb),.5);background:rgba(var(--card-rgb),.3);color:var(--foreground);transition:all .2s ease}.wordlock-tile.empty{border-color:rgba(var(--border-rgb),.3);background:transparent}.wordlock-tile.active{border-color:rgba(var(--primary-rgb),.5);background:rgba(var(--card-rgb),.5)}.wordlock-tile.correct{background:var(--success);border-color:var(--success);color:#fff;animation:wordlock-pop .3s ease}.wordlock-tile.present{background:#eab308;border-color:#eab308;color:var(--background);animation:wordlock-pop .3s ease}.wordlock-tile.absent{background:var(--muted);border-color:var(--muted);color:var(--muted-foreground);animation:wordlock-pop .3s ease}.wordlock-tile.pending{background:rgba(var(--primary-rgb),.15);border-color:rgba(var(--primary-rgb),.5);color:var(--foreground);animation:wordlock-pulse 1s ease-in-out infinite}@keyframes wordlock-pulse{0%,to{opacity:1;border-color:rgba(var(--primary-rgb),.5)}50%{opacity:.7;border-color:var(--primary)}}@keyframes wordlock-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.wordlock-guess-row.preview{opacity:.85}.wordlock-guess-row.preview .wordlock-tile{border-style:dashed}.wordlock-guess-row.preview .wordlock-tile.filled{background:rgba(var(--primary-rgb),.2);animation:wordlock-pulse 1s ease-in-out infinite}.wordlock-reveal{margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem;color:var(--muted-foreground);border-top:1px dashed rgba(var(--border-rgb),.5)}.wordlock-reveal strong{color:var(--primary);letter-spacing:.15em}.wordlock-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:0 .5rem}.wordlock-round-indicator{font-family:var(--font-display);font-size:.85rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.wordlock-vs{font-family:var(--font-display);font-size:2rem;font-weight:700;color:#94a3b880;text-shadow:0 0 20px rgba(var(--primary-rgb),.2)}.wordlock-status{font-size:.8rem;color:var(--primary);text-align:center;max-width:150px}.wordlock-thinking{font-size:.8rem;color:var(--accent);animation:wordlock-pulse 1s ease-in-out infinite}.wordlock-actions{margin-top:.75rem;width:100%;display:flex;justify-content:center}.wordlock-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.wordlock-modal{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 2rem;background:var(--card);border:1px solid var(--destructive);border-radius:var(--radius)}.wordlock-modal p{color:var(--destructive);font-weight:600;margin:0}@media (max-width: 640px){.wordlock-setup{padding:1.25rem;gap:1rem;max-width:100%}.wordlock-title{font-size:1.25rem}.wordlock-subtitle{font-size:.8rem}.wordlock-input-row{gap:5px}.wordlock-arena{flex-direction:column;gap:.75rem}.wordlock-side{padding:.75rem}.wordlock-divider{flex-direction:row;padding:.5rem 0}.wordlock-vs{font-size:1.5rem}.wordlock-tile,.wordlock-input-tile{width:36px;height:36px;font-size:1rem}.wordlock-input-tile.setup{width:42px;height:42px;font-size:1.2rem}.wordlock-random-btn{width:42px;height:42px;margin-left:6px}.wordlock-random-btn svg{width:16px;height:16px}}@media (max-width: 380px){.wordlock-setup{padding:1rem}.wordlock-input-tile.setup{width:36px;height:36px;font-size:1rem}.wordlock-random-btn{width:36px;height:36px;margin-left:4px}.wordlock-random-btn svg{width:14px;height:14px}.wordlock-input-row{gap:4px}}