:root{--bgA: #ff4fd8;--bgB: #23c9ff;--bgC: #7cff6b;--ink: #16233b;--muted: rgba(22, 35, 59, .72);--card: rgba(255, 255, 255, .92);font-family:Comic Sans MS,Comic Neue,Chalkboard SE,Marker Felt,system-ui,sans-serif;line-height:1.2;font-weight:700;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:radial-gradient(900px 600px at 15% 10%,rgba(255,255,255,.7),transparent 55%),radial-gradient(700px 500px at 95% 20%,rgba(255,255,255,.55),transparent 55%),radial-gradient(800px 600px at 65% 95%,rgba(255,255,255,.6),transparent 55%),linear-gradient(135deg,var(--bgA),var(--bgB),var(--bgC))}button,input{font-family:inherit}input{color:var(--ink)}#root{height:100svh;width:100%;display:flex}.screen{height:100svh;width:100%;padding:clamp(12px,3vw,28px);display:flex;align-items:center;justify-content:center;overflow-y:auto}.card{width:min(540px,100%);max-height:100%;background:var(--card);border-radius:28px;padding:clamp(16px,4vw,28px);box-shadow:0 22px 60px #00000040,0 6px 18px #0000001f;border:3px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:clamp(14px,2.2vh,18px)}.header{display:flex;gap:14px;align-items:center}.badge{width:clamp(54px,9vw,72px);height:clamp(54px,9vw,72px);border-radius:18px;background:linear-gradient(180deg,#fff,#f3f6ff);border:2px solid rgba(22,35,59,.1);box-shadow:0 10px 22px #0000002e;display:grid;place-items:center}.badgeLogoBadge{background:transparent;border:0;box-shadow:none;overflow:hidden}.badgeStar{font-size:clamp(28px,6vw,40px);color:#16233bf2;text-shadow:0 3px 0 rgba(0,0,0,.08)}.badgeLogo{width:100%;height:100%;object-fit:cover;border-radius:inherit}.title{margin:0;font-size:clamp(30px,6vw,48px);letter-spacing:.2px;line-height:.95}.subtitle{margin:6px 0 0;font-size:clamp(14px,2.8vw,18px);color:var(--muted);font-weight:800}.form{display:flex;flex-direction:column;gap:clamp(12px,2vh,16px)}.field{display:flex;flex-direction:column;gap:8px}.label{font-size:13px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:#16233bbf}.input{width:100%;border-radius:16px;border:3px solid rgba(22,35,59,.12);background:#fffffff2;padding:14px;font-size:clamp(16px,3vw,20px);font-weight:900;outline:none}.input:focus{border-color:#23c9ffd9;box-shadow:0 0 0 6px #23c9ff40}.pinBoxes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pinBox{height:clamp(44px,8vh,58px);border-radius:16px;border:3px dashed rgba(22,35,59,.22);background:#ffffffb3;display:grid;place-items:center;font-size:clamp(26px,6vw,36px)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.key{height:clamp(46px,9vh,70px);border-radius:18px;border:0;cursor:pointer;background:linear-gradient(180deg,#fff,#f3f6ff);box-shadow:0 10px 20px #0000001f,0 2px #00000014;font-size:clamp(18px,4.6vw,30px);font-weight:1000;color:var(--ink)}.keyAlt{background:linear-gradient(180deg,#fff7d6,#ffe589)}.key:active{transform:translateY(1px)}.key:disabled{opacity:.7;cursor:not-allowed}.helper,.error{min-height:26px;font-size:14px;font-weight:900}.helper{color:#16233b99}.error{color:#b00020;background:#ff00401a;border:2px solid rgba(176,0,32,.25);border-radius:14px;padding:10px 12px}.cta{height:clamp(52px,9.5vh,74px);border-radius:20px;border:0;cursor:pointer;background:linear-gradient(135deg,#6a5cff,#23c9ff);color:#fff;font-size:clamp(18px,4vw,24px);font-weight:1000;box-shadow:0 16px 32px #0000002e,0 2px #0000001f}.cta:disabled{opacity:.65;cursor:not-allowed}@media(max-height:820px){.screen{padding-block:10px}.card{gap:12px;padding:16px}.header{gap:10px}.badge{width:52px;height:52px;border-radius:16px}.title{font-size:clamp(26px,5vw,38px)}.subtitle{margin-top:4px;font-size:14px}.form{gap:10px}.field{gap:6px}.input{padding:12px 14px;font-size:18px}.pinBox{height:42px;font-size:24px}.keypad{gap:8px}.key{height:48px;font-size:22px;border-radius:16px}.helper,.error{min-height:22px;font-size:13px}.error{padding:8px 10px}.cta{height:50px;font-size:20px;border-radius:18px}}@media(max-height:700px){.screen{align-items:flex-start}.card{gap:10px;padding:14px}.badge{width:46px;height:46px}.title{font-size:24px}.subtitle{font-size:13px}.pinBoxes,.keypad{gap:6px}.pinBox{height:38px;border-radius:14px;font-size:22px}.key{height:42px;border-radius:14px;font-size:20px}.cta{height:46px;font-size:18px}}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;align-items:center}.buttonRow{display:flex;gap:10px}.buttonRow>button{flex:1}.row>.input{flex:1}.ghost{height:48px;border-radius:18px;border:3px solid rgba(22,35,59,.14);background:#ffffffbf;cursor:pointer;font-size:16px;font-weight:1000}.ghostSmall{height:40px;border-radius:16px;font-size:14px;padding:0 12px}.fixedTopLeftButton{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 10px);z-index:10}.fixedBottomRightButton{position:fixed;right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:10;width:44px;padding:0}.list{display:flex;flex-direction:column;gap:10px;overflow:auto;padding-right:4px;min-height:150px}.listRow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}.listItemMain{width:100%}.listItem{width:100%;text-align:left;padding:14px;border-radius:18px;border:3px solid rgba(22,35,59,.14);background:#fffc;box-shadow:0 10px 18px #00000014;display:flex;align-items:center;justify-content:space-between;gap:10px}.iconDanger,.iconDangerSmall{border:0;cursor:pointer;background:linear-gradient(180deg,#ffe6ea,#ffd1d8);color:#7a1121;box-shadow:0 10px 18px #0000001a,0 2px #00000014}.iconDanger{width:56px;border-radius:18px;font-size:22px}.iconDangerSmall{width:42px;height:42px;border-radius:14px;font-size:18px;padding:0}.iconDanger:disabled,.iconDangerSmall:disabled{opacity:.6;cursor:not-allowed}.listItemActive{border-color:#23c9ffd9;box-shadow:0 12px 24px #0000001f,0 0 0 6px #23c9ff2e}.listItemName{font-size:18px;font-weight:1000}.pill,.pillInline{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000;letter-spacing:.3px;text-transform:uppercase;border:2px solid rgba(22,35,59,.14);background:#ffffffd9;color:#16233bcc;white-space:nowrap}.pillInline{padding:6px 10px;margin-left:8px}.divider{height:2px;width:100%;background:#16233b1a;border-radius:999px;margin:4px 0}.posPicker{display:flex;gap:10px;flex-wrap:wrap}.posChip{height:42px;padding:0 14px;border-radius:999px;border:3px solid rgba(22,35,59,.14);background:#ffffffc7;font-size:14px;font-weight:1000}.posChipActive{border-color:#ff4fd8b3;box-shadow:0 0 0 6px #ff4fd82e}.entries{display:flex;flex-direction:column;gap:10px;max-height:22svh;overflow:auto;padding-right:4px}.wordsCard{overflow-y:auto}.wordsCard .list{flex-shrink:0}@media(max-height:820px){.wordsCard .list{min-height:130px}}@media(max-height:700px){.wordsCard .list{min-height:110px}.wordsCard .entries{max-height:18svh}}.gameBody{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;display:flex;flex-direction:column;gap:12px}.fillBlankChoices{grid-template-columns:repeat(2,1fr)}.fillBlankChoices .choice{height:clamp(52px,9vh,86px);box-shadow:0 6px 14px #0000001a;border:2px solid rgba(22,35,59,.08)}.fillBlankChoices .choice:active{transform:translateY(1px)}.fillBlankChoicesWrap{position:relative;padding:6px}.fillBlankResultOverlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.fillBlankResultOverlay .result{max-width:min(420px,92%);box-shadow:0 18px 40px #0000002e,0 4px 12px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profileList{max-height:28svh}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pronRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.audioBtn{height:38px;width:48px;border-radius:14px;border:2px solid rgba(22,35,59,.14);background:linear-gradient(180deg,#e9fbff,#c9f2ff);font-size:18px;font-weight:1000;padding:0}.audioSvg{width:22px;height:22px;fill:none;stroke:#16233bf2;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.audioLoading{font-size:22px;line-height:1}.choice{height:clamp(62px,11vh,96px);border-radius:22px;border:0;background:linear-gradient(180deg,#fff,#f3f6ff);box-shadow:0 14px 26px #0000001f,0 2px #00000014;font-size:clamp(18px,4.8vw,30px);font-weight:1000}.choiceCorrect{background:linear-gradient(135deg,#7cff6b,#23c9ff);color:#0f2340}.choiceWrong{background:linear-gradient(135deg,#ff4f6d,#ffd84f);color:#0f2340}.result{border-radius:18px;padding:12px 14px;font-size:16px;font-weight:1000}.result.good{background:#7cff6b38;border:2px solid rgba(124,255,107,.55)}.result.bad{background:#ff4f6d2e;border:2px solid rgba(255,79,109,.45)}.sentence{border-radius:18px;padding:14px 16px;font-size:clamp(18px,4vw,24px);font-weight:1000;line-height:1.25;background:#ffffffc7;border:2px solid rgba(22,35,59,.12)}.sentenceTextHidden{visibility:hidden}.spellSlots{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:10px}.spellSlot{height:50px;border-radius:16px;border:3px dashed rgba(22,35,59,.22);background:#ffffffb3;display:grid;place-items:center;font-size:24px;font-weight:1000}.letterGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.letterKey{height:46px;border-radius:16px;font-size:18px}.letterKey.keyAlt{font-size:16px}.spellKeypadWrap{position:relative}.spellResultOverlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.spellResultOverlay .result{max-width:min(420px,92%);box-shadow:0 18px 40px #0000002e,0 4px 12px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wordSearchGridWrap{width:100%;display:flex;justify-content:center}.wordSearchGrid{width:min(100%,360px);aspect-ratio:1 / 1;display:grid;grid-template-columns:repeat(10,1fr);gap:6px;touch-action:none}.wordCell{aspect-ratio:1 / 1;border-radius:14px;border:2px solid rgba(22,35,59,.08);background:#ffffffe6;box-shadow:0 4px 10px #00000014;font-size:18px;font-weight:1000;padding:0;-webkit-user-select:none;user-select:none;touch-action:none}.wordCellSel{border-color:#23c9ffd9;box-shadow:0 6px 14px #0000001f,0 0 0 6px #23c9ff2e}.wordCellFound{background:linear-gradient(180deg,#fff0d9,#ffd7a8);border-color:#ff8c0059;box-shadow:0 6px 14px #ff8c002e}.wordSearchWords{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.wordFound{text-decoration:line-through;opacity:.65}.entryRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:18px;border:2px solid rgba(22,35,59,.12);background:#ffffffb8}.entryWord{font-size:18px;font-weight:1000}.entryMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ghost:active{transform:translateY(1px)}@media(max-height:680px){.card{padding:14px;gap:12px}.key{height:clamp(40px,8vh,56px)}.cta{height:clamp(48px,9vh,64px)}}.storyText{border-radius:18px;padding:14px 16px;font-size:clamp(16px,3.5vw,20px);font-weight:800;line-height:1.5;background:#ffffffc7;border:2px solid rgba(22,35,59,.12);white-space:pre-wrap}.storyHighlight{background:linear-gradient(135deg,#6a5cff2e,#23c9ff2e);border-radius:6px;padding:1px 4px;color:inherit;font-weight:1000}.storyWordList{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:380px){.choices{grid-template-columns:1fr}}