:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#26324d;--muted:#68728a;--panel:#ffffffe6;--panel-solid:#fffafc;--pink:#f38bb8;--pink-deep:#c23b7a;--mint:#88d8be;--blue:#73b8ee;--yellow:#ffd36f;--shadow:0 18px 50px #492e5738}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);background:#f7dbea;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.game-shell,.loading-screen{min-width:100vw;min-height:100dvh;position:fixed;inset:0;overflow:hidden}.loading-screen{background:radial-gradient(circle at 35% 35%,#ffffffdb,#0000 28%),linear-gradient(135deg,#f6b3d0,#9adfc8 52%,#91c8ef);place-items:center;display:grid}.loading-mark{color:#fff;text-shadow:0 3px 12px #78365c4d;font-size:28px;font-weight:800}.scene-stage{background:#e8f6ff;position:absolute;inset:0;overflow:hidden}.scene-background{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.scene-vignette{pointer-events:none;background:linear-gradient(#ffffff1a,#0000 35%),radial-gradient(circle,#0000 42%,#563e6229);position:absolute;inset:0}.scene-title{left:max(20px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border-radius:8px;max-width:min(420px,42vw);padding:14px 16px;position:absolute;box-shadow:0 10px 24px #3c2d4d29}.scene-title h1{margin:0 0 4px;font-size:22px;line-height:1.1}.scene-title p{color:var(--muted);margin:0;font-size:14px;line-height:1.35}.avatar-layer{z-index:3;filter:drop-shadow(0 18px 16px #56364a40);pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(120px,16vw,210px);height:auto;position:absolute}.hotspot-layer{z-index:4;position:absolute;inset:0}.scene-hotspot{color:#26324d;cursor:pointer;background:#ffffff3d;border:2px solid #ffffffc2;border-radius:8px;outline:none;justify-content:center;align-items:flex-start;gap:7px;min-width:88px;min-height:58px;padding:8px;transition:transform .14s,background .14s,box-shadow .14s;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #ffffff38}.scene-hotspot:hover,.scene-hotspot:focus-visible{background:#ffffff7a;transform:translateY(-2px);box-shadow:0 12px 24px #4838582e}.hotspot-icon{width:34px;height:34px;color:var(--pink-deep);background:#fffafc;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 8px 14px #56364a2e}.hotspot-label{background:#fffafceb;border-radius:8px;align-self:center;max-width:min(130px,13vw);padding:6px 8px;font-size:14px;font-weight:800;line-height:1.15;box-shadow:0 8px 14px #56364a29}.status-bar{top:max(14px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border-radius:8px;gap:8px;padding:8px;display:flex;position:absolute;box-shadow:0 12px 28px #3a285229}.status-bar span{background:#fffafc;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:66px;padding:7px 10px;font-weight:800;display:inline-flex}.modal-scrim{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2a244470;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-shell{background:var(--panel-solid);width:min(820px,100vw - 44px);max-height:calc(100dvh - 44px);box-shadow:var(--shadow);border-radius:8px;position:relative;overflow:auto}.modal-close{z-index:2;width:42px;height:42px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 8px 18px #4e31502e}.activity-panel{padding:26px}.activity-heading{justify-content:space-between;align-items:flex-start;gap:54px;margin-bottom:20px;display:flex}.activity-heading h2{margin:0 0 6px;font-size:24px}.activity-heading p{color:var(--muted);margin:0;line-height:1.45}.reward-pill{color:#725308;background:#fff0a8;border-radius:999px;flex:none;padding:9px 12px;font-weight:900}.spelling-list,.audio-questions{gap:12px;display:grid}.spelling-row,.audio-question{background:#fff;border:1px solid #f2dbe5;border-radius:8px;grid-template-columns:42px minmax(160px,1fr) minmax(180px,240px) 62px;align-items:center;gap:10px;padding:12px;display:grid}.word-number{background:var(--mint);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.word-hint{gap:2px;display:grid}.word-hint small{color:var(--muted)}.spelling-row input{width:100%;height:46px;color:var(--ink);background:#fffafc;border:2px solid #ecd5df;border-radius:8px;outline:none;padding:0 12px;font-size:20px;font-weight:800}.spelling-row input:focus{border-color:var(--pink)}.answer-state{font-weight:900}.answer-state.ok{color:#208f66}.answer-state.retry{color:#c45f28}.audio-question{grid-template-columns:58px 1fr}.listen-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 18px #366aa03d}.choice-group{flex-wrap:wrap;gap:10px;display:flex}.choice{min-width:132px;height:48px;color:var(--ink);cursor:pointer;background:#fffafc;border:2px solid #ecd5df;border-radius:8px;font-size:20px;font-weight:900}.choice.selected{border-color:var(--pink-deep);background:#ffe3ef}.activity-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;display:flex}.primary-action,.secondary-action,.notice button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:116px;height:46px;font-weight:900;display:inline-flex}.primary-action{background:var(--pink-deep);color:#fff;box-shadow:0 10px 22px #ae2f6e47}.primary-action:disabled{opacity:.45;cursor:not-allowed}.secondary-action{color:#166b54;background:#edf8f4}.score-text{color:var(--muted);font-weight:900}.notice{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:30;width:min(340px,100vw - 36px);box-shadow:var(--shadow);background:#fffafcf2;border-radius:8px;padding:16px;position:fixed}.notice strong{margin-bottom:4px;font-size:18px;display:block}.notice p{color:var(--muted);margin:0 0 12px;line-height:1.4}.notice button{background:var(--ink);color:#fff;min-width:92px;height:40px}@media (max-width:760px){.scene-title{max-width:calc(100vw - 32px)}.hotspot-label{max-width:100px;font-size:12px}.status-bar{left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));justify-content:flex-end}.activity-heading{gap:12px;display:grid}.spelling-row{grid-template-columns:38px 1fr}.spelling-row input,.answer-state{grid-column:2}}