:root{--text:#eaf2ff;--navy-1:#2e55a0;--navy-2:#1d3a7d;--navy-3:#132b63;--navy-4:#0d1f4d;--navy-5:#091737;--gold-1:#fff2bf;--gold-2:#f0c94e;--gold-3:#d4af37;--gold-4:#a8842a;--gold-5:#7a5c14;--green-1:#7df0a6;--green-2:#3ecf7a;--green-3:#1fa553;--green-4:#117a3b;--yellow-1:#ffe08a;--yellow-2:#f5b932;--yellow-3:#cf8f12;--yellow-4:#96620a;--grey-1:#aebad1;--grey-2:#7e8aa6;--grey-3:#56607c;--grey-4:#3a4258;--red-1:#ff9b9b;--red-2:#e5484d;--red-3:#b02430;--red-4:#7f1420;--grain:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,rgba(0,0,0,.05) 2px 4px);--sheen:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.16) 46%,transparent 56%);--edge-hi:inset 0 2px 0 rgba(255,255,255,.28);--edge-lo:inset 0 -3px 7px rgba(0,0,0,.4);--gold-frame:linear-gradient(180deg,var(--gold-1),var(--gold-3) 25%,var(--gold-5) 48%,var(--gold-3) 62%,var(--gold-4) 78%,var(--gold-5));--blue-face:linear-gradient(180deg,var(--navy-1),var(--navy-2) 30%,var(--navy-4) 62%,var(--navy-5))}body{font-family:system-ui,Segoe UI,Roboto,Arial;margin:0;color:var(--text);background:radial-gradient(1000px 480px at 72% -12%,rgba(90,140,255,.16),transparent 60%),radial-gradient(800px 520px at -8% 108%,rgba(212,175,55,.07),transparent 55%),linear-gradient(168deg,#0a1128 0%,#070d1f 40%,#0a142f 70%,#050a18 100%)}.app{max-width:760px;margin:24px auto;padding:16px;border-radius:14px;background:linear-gradient(180deg,#12244d 0%,#0c1a3a 40%,#091433 100%),var(--grain);border:1px solid rgba(212,175,55,.35);box-shadow:var(--edge-hi),0 10px 40px #0000008c}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.controls select,.controls button{margin-left:8px}h1{margin:0;font-size:26px;letter-spacing:1px;font-weight:800;background:linear-gradient(180deg,var(--gold-1),var(--gold-3) 45%,var(--gold-5) 70%,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.header-brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.letterleap-logo{width:220px;height:auto;display:block}.game-logo{width:280px;height:auto;display:block}.gameinfo{color:#a8bce4;font-size:13px;margin:8px 0}.possible{color:#f0c94e;font-size:13px;margin:6px 0;font-weight:600}.possible-one{color:#7df0a6}.clue-label{width:26px;margin:4px 2px 4px 0;display:flex;align-items:center;justify-content:flex-end;color:#8fa3c8;font-size:11px;font-weight:700}.grid{margin-top:12px}.row{display:flex}.tile{width:48px;height:48px;margin:4px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-weight:800;font-size:22px;text-transform:uppercase;border:3px solid transparent;border-image:var(--gold-frame) 1;background:var(--blue-face),var(--grain),var(--sheen);box-shadow:var(--edge-hi),var(--edge-lo),0 2px 10px #00000073}.gold-letter{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 1px rgba(0,0,0,.9)}.tile.correct{background:linear-gradient(180deg,var(--green-1),var(--green-3) 35%,var(--green-4) 70%),var(--grain),var(--sheen)}.tile.present{background:linear-gradient(180deg,var(--yellow-1),var(--yellow-3) 35%,var(--yellow-4) 70%),var(--grain),var(--sheen)}.tile.absent{background:linear-gradient(180deg,var(--grey-1),var(--grey-3) 40%,var(--grey-4) 75%),var(--grain),var(--sheen);opacity:.92}.input-row{cursor:text;-webkit-user-select:none;user-select:none;margin-top:12px}.input-tile{border-image:linear-gradient(180deg,#eaf2ff,#c9d6f2 30%,#8fa3c8 50%,#c9d6f2 70%,#7e8aa6) 1;background:linear-gradient(180deg,#3a63ac 0%,#25488f 40%,#1a3570 75%,#122a5a),var(--grain),var(--sheen)}.input-tile.filled{background:linear-gradient(180deg,#4a75c0 0%,#2f56a0 40%,#21407f 75%,#173064),var(--grain),var(--sheen)}.hidden-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.play-area{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.board{flex:1 1 auto;min-width:0}.alphabet{display:flex;flex-wrap:wrap;width:280px;margin:0;justify-content:flex-start;align-content:flex-start;flex:0 0 auto}.key{width:48px;height:48px;margin:4px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-weight:800;font-size:22px;text-transform:uppercase;border:3px solid transparent;border-image:var(--gold-frame) 1;background:var(--blue-face),var(--grain),var(--sheen);box-shadow:var(--edge-hi),var(--edge-lo),0 2px 10px #00000073}.key.absent{background:linear-gradient(180deg,var(--grey-1),var(--grey-3) 40%,var(--grey-4) 75%),var(--grain),var(--sheen);opacity:.6}.key.present{background:linear-gradient(180deg,var(--yellow-1),var(--yellow-3) 35%,var(--yellow-4) 70%),var(--grain),var(--sheen)}.key.correct{background:linear-gradient(180deg,var(--green-1),var(--green-3) 35%,var(--green-4) 70%),var(--grain),var(--sheen)}.guess{margin-top:8px}.add-guess-btn{margin-right:8px;background:linear-gradient(180deg,var(--gold-1),var(--gold-3) 50%,var(--gold-4)),var(--grain),var(--sheen);color:#241a04}button{padding:9px 16px;font-size:15px;font-weight:700;border-radius:9px;cursor:pointer;color:#fff3cf;letter-spacing:.5px;border:2px solid transparent;border-image:var(--gold-frame) 1;background:linear-gradient(180deg,var(--navy-1),var(--navy-3) 45%,var(--navy-4)),var(--grain),var(--sheen);box-shadow:var(--edge-hi),0 2px 8px #0006}button:hover{filter:brightness(1.18)}button:disabled{opacity:.4;cursor:default}.error{color:#ffc9c9;background:linear-gradient(180deg,var(--red-1),var(--red-3) 40%,var(--red-4)),var(--grain);border:1px solid rgba(255,155,155,.55);padding:8px 12px;border-radius:9px}.result{margin:10px 0;padding:12px 14px;border-radius:9px;font-size:17px;font-weight:800;text-align:center;border:2px solid transparent;border-image:var(--gold-frame) 1}.result-win{background:linear-gradient(180deg,var(--green-1),var(--green-3) 40%,var(--green-4)),var(--grain);color:#062b13}.result-loss{background:linear-gradient(180deg,var(--red-1),var(--red-3) 40%,var(--red-4)),var(--grain);color:#ffe9e9}.round-win{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:10px 0;padding:10px 14px;border-radius:9px;font-size:15px;font-weight:700;border:2px solid transparent;border-image:var(--gold-frame) 1;background:linear-gradient(180deg,rgba(125,240,166,.16),rgba(31,165,83,.26) 55%,rgba(17,122,59,.34)),var(--grain),var(--sheen);color:#d7ffe6;animation:roundwin-pop .28s ease}.round-win-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--green-2);color:#062b13;font-size:14px;font-weight:800}.round-win strong{color:#fff;letter-spacing:1px}.round-win-next{color:#a8f0c0;font-size:13px;font-weight:600}@keyframes roundwin-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}footer{margin-top:18px;color:#8fa3c8;text-align:center}.byline{font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:6px;color:#8fa3c8}.footer-logo{height:44px;width:auto;display:block;margin:0 auto 8px}