:root{color:#f8f5ff;background:#0e1032;font-family:Nunito,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:290px;margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,#3b2873 0,transparent 35%),linear-gradient(150deg,#0e1032,#21184c 55%,#102c47)}button{font:inherit;-webkit-tap-highlight-color:transparent}.page{width:min(100%,640px);min-height:100vh;margin:auto;padding:18px 18px 26px;display:flex;flex-direction:column;justify-content:center}.masthead{padding:0 4px 12px;display:flex;align-items:end;justify-content:space-between}.masthead h1{margin:0;font-size:clamp(2rem,7vw,3rem);line-height:.9;letter-spacing:-.06em;text-shadow:0 2px 18px #a982ff80}.eyebrow,.hud-label,.answer-label{display:block;color:#c4c4e8;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.masthead-actions{display:flex;align-items:center;gap:10px}.lang-switch{display:flex;overflow:hidden;border:1px solid #afa5eb77;border-radius:999px;background:#ffffff12}.lang-switch button{min-width:40px;height:34px;padding:0 10px;border:0;color:#d6d0f5;background:transparent;cursor:pointer;font-size:.78rem;font-weight:900;letter-spacing:.05em}.lang-switch button[aria-pressed=true]{color:#231146;background:linear-gradient(135deg,#ffed9c,#ffbd7b)}.icon-button{width:43px;height:43px;border:1px solid #afa5eb77;border-radius:50%;color:#fff;background:#ffffff12;cursor:pointer;font-size:1.25rem}.game-card{overflow:hidden;border:1px solid #b8a9fa66;border-radius:28px;background:#171347;box-shadow:0 20px 50px #02021c99,inset 0 1px #ffffff3d}.hud{position:relative;z-index:2;height:57px;padding:9px 22px;display:grid;grid-template-columns:1fr 1fr 1.35fr;align-items:center;background:linear-gradient(90deg,#181340e8,#392360e8);box-shadow:0 3px 10px #07031c99}.hud strong{font-size:1.1rem}#hearts{color:#ff9bc4;letter-spacing:.08em;white-space:nowrap}.game-canvas{width:100%;aspect-ratio:480 / 620;overflow:hidden;background:#17134a}.game-canvas canvas{display:block}.answer-panel{display:grid;grid-template-columns:115px 1fr;gap:2px 10px;min-height:68px;padding:10px 20px;align-items:center;background:linear-gradient(110deg,#2a205d,#3d276d)}.answer-label{grid-row:span 2}.answer{min-height:30px;color:#fff6c9;font-size:1.75rem;font-weight:900;line-height:1;letter-spacing:.06em}.answer.is-unmatched{color:#f1c8ff;animation:nudge .25s ease-in-out 2}.hint{color:#ded8ff;font-size:.8rem}@keyframes nudge{50%{transform:translate(4px)}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:11px 18px 16px;background:#13103b}.keypad button{height:44px;border:1px solid #a799e066;border-radius:11px;color:#f8f4ff;background:linear-gradient(#56418a,#34245f);box-shadow:inset 0 1px #ffffff4d,0 2px 3px #03021899;cursor:pointer;font-weight:900;font-size:1.1rem}.keypad button:active{transform:translateY(1px);background:#6d52a9}.keyboard-note{margin:12px 0 0;text-align:center;color:#c7bee9;font-size:.78rem}.game-dialog{width:min(360px,calc(100vw - 36px));border:1px solid #c0b3ff;border-radius:24px;padding:30px;color:#f9f6ff;text-align:center;background:linear-gradient(145deg,#322064,#191443);box-shadow:0 20px 70px #030218cc}.game-dialog::backdrop{background:#07051ba8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.game-dialog h2{margin:4px 0 10px}.game-dialog p{color:#ddd6ff;line-height:1.45}.dialog-star{color:#ffdf8a;font-size:2rem;text-shadow:0 0 18px #ffe990}.best-line{font-size:.88rem}.primary-button{width:100%;border:0;border-radius:13px;padding:12px;color:#231146;background:linear-gradient(135deg,#ffed9c,#ffbd7b);cursor:pointer;font-weight:900;font-size:1rem;box-shadow:0 3px 10px #05021b99}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-height:820px)and (min-width:650px){.page{padding-top:10px;padding-bottom:10px}.game-canvas{max-height:500px}.keypad button{height:35px}}