:root{font-family:"Trebuchet MS",Arial,sans-serif;--ink:#39275c}body{background:radial-gradient(circle at 12% 30%,#fff1be,transparent 35%),radial-gradient(circle at 85% 12%,#e5d5ff,transparent 42%),linear-gradient(140deg,#fff9ec,#e9f7ff);color:var(--ink)}.brand{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px clamp(16px,5vw,60px);background:#ffffffdf;box-shadow:0 2px 18px #442a7515}.brand strong{font-size:clamp(18px,2.5vw,27px)}.brand span{color:#e95287}.brand small{font-size:11px;letter-spacing:1px;color:#6548a0;font-weight:800;background:#f0e9ff;border-radius:30px;padding:10px}.screen{min-height:calc(100svh - 145px)}.card{border:2px solid white;border-radius:36px;background:linear-gradient(145deg,#fffffff5,#fff9eff0);box-shadow:0 22px 65px #63439c24;padding:clamp(22px,4vw,48px)}.word{color:#58329a;text-shadow:4px 4px 0 #e7d9ff}.btn{background:linear-gradient(#ffe182,#ffcc53);border:2px solid #eabb43;box-shadow:0 4px 0 #d9aa38;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,.letter:focus-visible{outline:4px solid #41a5d6;outline-offset:3px}.btn.secondary{background:#efe8ff;border-color:#d4c3f1;box-shadow:0 4px 0 #c5b3e6}.tile,.status,.growth-banner{background:linear-gradient(135deg,#f3eaff,#e8f7ff);border:1px solid #e6d9f9}.letter{border-color:#c7b3ed;color:#57349b}.sentence-stage{background:linear-gradient(140deg,#fff1cc,#f3e9ff)}footer{text-align:center;color:#756391;font-size:12px;padding:24px;line-height:1.8}@media(max-width:600px){.brand{padding:12px}.brand small{font-size:9px;padding:7px}.screen{padding:14px}.card{border-radius:25px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}