: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}}.mode-switch{align-self:center;margin:0 0 10px;display:flex;overflow:hidden;border:1px solid #afa5eb77;border-radius:999px;background:#ffffff12}.mode-switch button{min-width:96px;height:36px;padding:0 16px;border:0;color:#d6d0f5;background:transparent;cursor:pointer;font-weight:900}.mode-switch button[aria-pressed=true]{color:#231146;background:linear-gradient(135deg,#ffed9c,#ffbd7b)}.learn-tools{padding:8px 12px;display:grid;gap:8px;background:linear-gradient(90deg,#181340e8,#392360e8);box-shadow:0 3px 10px #07031c99}.learn-tools[hidden],.hud[hidden],.learn-explain[hidden]{display:none}.table-picker{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.table-picker button,.learn-actions button{height:34px;padding:0 4px;border:1px solid #a799e066;border-radius:10px;color:#f8f4ff;background:#34245f;cursor:pointer;font-weight:900;font-size:.85rem}.table-picker button[aria-pressed=true],.learn-actions button[aria-pressed=true]{color:#231146;background:linear-gradient(135deg,#ffed9c,#ffbd7b)}.learn-actions{display:flex;gap:8px}.learn-actions button{flex:1}.learn-explain{margin:0;padding:8px 16px;text-align:center;color:#fff6c9;font-weight:900;background:#2a205d}@media(max-width:380px){.table-picker button{font-size:.72rem}.mode-switch button{min-width:80px}}.mode-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 10px;flex-wrap:wrap}.mode-row .mode-switch{margin:0}.treasure-button{height:38px;padding:0 14px;border:1px solid #ffdf8a99;border-radius:999px;color:#fff6c9;background:#ffffff12;cursor:pointer;font-weight:900;font-size:.85rem;white-space:nowrap}.treasure-button:hover{background:#fff2}.treasure-badge{margin-left:4px;padding:2px 7px;border-radius:999px;color:#231146;background:linear-gradient(135deg,#ffed9c,#ffbd7b);font-size:.75rem}.treasure-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:22px 18px}.treasure-count{margin:0 0 8px;font-weight:900}.treasure-next{margin:6px 0 12px;font-size:.88rem}.treasure-progress{height:10px;overflow:hidden;border-radius:999px;background:#ffffff1f}.treasure-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7fe0c0,#ffed9c);transition:width .4s}.treasure-grid{margin:0 0 12px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.treasure-card{padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid #c0b3ff55;border-radius:16px;background:#ffffff14;font-size:.8rem;line-height:1.2}.treasure-card span{color:#c4c4e8;font-size:.72rem}.treasure-art{width:64px;height:64px;flex:none}.treasure-art svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 8px #ffe99055)}.treasure-card.is-locked{background:#ffffff08;border-style:dashed}.treasure-card.is-locked .treasure-art svg{filter:brightness(0) invert(1);opacity:.16}.treasure-note{margin:0 0 14px;color:#c7bee9;font-size:.75rem}.treasure-toast{position:fixed;z-index:20;top:10px;left:50%;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:6px 16px 6px 8px;border:1px solid #ffdf8acc;border-radius:999px;background:#2a205df2;box-shadow:0 6px 24px #02021ccc,0 0 18px #ffe99066;pointer-events:none;opacity:0;transform:translate(-50%,-16px);transition:opacity .35s,transform .35s}.treasure-toast.is-shown{opacity:1;transform:translate(-50%)}.treasure-toast .treasure-art{width:44px;height:44px}.treasure-toast span{display:block;color:#ffdf8a;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.treasure-toast strong{font-size:.95rem}@media(max-width:480px){.treasure-grid{grid-template-columns:repeat(2,1fr)}.treasure-art{width:56px;height:56px}}