.game-app{position:relative;z-index:1}.game-topline{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1.4rem}.game-topline h2{color:#fff;margin:.25rem 0 0;font-size:clamp(1.55rem,3vw,2.5rem)}.game-kicker{color:#f0a51a;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:850}.game-icon-button{display:inline-flex;align-items:center;gap:.45rem;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:.58rem .7rem}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.5rem}.board-panel{background:#fffaf0;color:#0c1834;border-radius:20px;padding:clamp(.8rem,2vw,1.5rem)}.letter-board{width:min(100%,350px);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.letter-tile{aspect-ratio:1;display:grid;place-items:center;border:2px solid #c8c5bd;border-radius:8px;background:#fff;font-size:clamp(1.35rem,5vw,2rem);font-weight:900;text-transform:uppercase;transition:transform .2s ease,background .2s ease}.letter-tile.active{border-color:#0c1834;transform:scale(1.03)}.letter-tile.correct{background:#2463eb;border-color:#2463eb;color:#fff}.letter-tile.present{background:#f0a51a;border-color:#f0a51a;color:#0c1834}.letter-tile.absent{background:#758097;border-color:#758097;color:#fff}.game-message{min-height:1.8rem;margin:.45rem 0;text-align:center;color:#1544aa;font-size:.82rem;font-weight:850;opacity:0;transition:opacity .15s ease}.game-message.visible{opacity:1}.keyboard{width:min(100%,510px);margin:0 auto}.key-row{display:flex;justify-content:center;gap:4px;margin-bottom:5px}.key{min-width:31px;height:46px;padding:0 .25rem;border:0;border-radius:7px;background:#dcd8cf;color:#0c1834;font-size:.78rem;font-weight:850;transition:transform .08s ease}.key:active{transform:translateY(2px)}.key.wide{min-width:57px;font-size:.64rem}.key.correct{background:#2463eb;color:#fff}.key.present{background:#f0a51a}.key.absent{background:#758097;color:#fff}.game-sidebar{border:1px solid rgba(255,255,255,.16);background:#ffffff12;border-radius:18px;padding:1.2rem;align-self:start}.game-sidebar p{color:#ccd5e9;font-size:.84rem}.puzzle-stamp{display:grid;gap:.45rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.16)}.puzzle-stamp span{color:#f0a51a;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.puzzle-stamp strong{font-family:var(--display);font-size:1.1rem;line-height:1.35}.game-actions{display:grid;gap:.55rem;margin:1rem 0}.game-actions button,.modal-actions button{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:transparent;color:#fff;font-weight:780}.game-actions .primary,.modal-actions .primary{background:#2463eb;border-color:#2463eb}.mini-stats,.modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.mini-stats div,.modal-stats div{text-align:center;background:#ffffff14;border-radius:10px;padding:.6rem .3rem}.mini-stats strong,.modal-stats strong{display:block;font-family:var(--display);font-size:1.25rem}.mini-stats span,.modal-stats span{display:block;color:#ccd5e9;font-size:.6rem}.focus-mode{position:fixed;inset:0;z-index:1000;overflow:auto;padding:clamp(1rem,4vw,4rem);background:#0c1834}.focus-mode .game-layout{max-width:940px;margin:2rem auto 0}.modal-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:1rem;background:#030814cc}.stats-modal{width:min(440px,100%);position:relative;padding:2rem;background:#0c1834;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:22px;box-shadow:0 30px 100px #00000080}.stats-modal h2{margin:.5rem 0 1.4rem}.modal-close{position:absolute;right:1rem;top:1rem;border:0;background:transparent;color:#fff}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}@media (max-width: 760px){.game-topline{align-items:center}.game-icon-button span:last-child{display:none}.game-layout{grid-template-columns:1fr}.game-sidebar{padding:.9rem}.game-sidebar>p{display:none}.game-actions{grid-template-columns:repeat(2,1fr)}.key{min-width:0;flex:1 1 0;height:43px;padding:0}.key.wide{flex:1.5 1 0;min-width:0}}