.sg-wrap{--sg-ink:#3a2c52;--sg-muted:#766983;--sg-accent:#9864c9;--sg-accent-soft:#f2e9ff;--sg-paper:#fffdfd;--sg-line:#eee1ee;--sg-good:#246d56;--sg-good-bg:#eaf8f2;--sg-wrong:#9e4b3e;--sg-wrong-bg:#fff0ed;color:var(--sg-ink);font-family:var(--sg-font-family,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",sans-serif);font-size:var(--sg-font-base,16px);line-height:1.45;background:linear-gradient(145deg,#fff6fb,#f7f2ff 60%,#f0fbff);padding:clamp(14px,3vw,24px);border-radius:26px;max-width:920px;margin:24px auto;box-shadow:0 10px 30px #77518714}
.sg-wrap *{box-sizing:border-box}.sg-wrap button,.sg-wrap input,.sg-wrap select{font:inherit;font-size:var(--sg-font-control,16px)}.sg-wrap button{cursor:pointer;color:inherit}.sg-wrap button:focus-visible,.sg-wrap input:focus-visible,.sg-wrap select:focus-visible{outline:3px solid #e990b2;outline-offset:3px}.sg-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.sg-mascot{font-size:var(--sg-font-mascot,48px);line-height:1}.sg-header h2{font-size:var(--sg-font-title,32px);line-height:1.1;letter-spacing:-.035em;margin:0 0 6px}.sg-header p{color:var(--sg-muted);margin:0}.sg-kicker{text-transform:uppercase;letter-spacing:.12em;color:#89519a;font-size:var(--sg-font-label,11px);font-weight:900;margin-bottom:4px}.sg-parent{background:#fff;border:1px solid var(--sg-line);border-radius:17px;padding:12px 14px;margin:14px 0}.sg-parent summary{cursor:pointer;font-weight:850;list-style:none}.sg-parent summary::-webkit-details-marker{display:none}.sg-parent summary:after{content:"＋";float:right;color:var(--sg-accent)}.sg-parent[open] summary:after{content:"−"}.sg-auth{padding-top:12px}.sg-account-note{font-size:var(--sg-font-support,13px);color:var(--sg-muted);margin:4px 0 10px}.sg-auth-form,.sg-child-form{display:flex;gap:8px;flex-wrap:wrap}.sg-auth input,.sg-child-form input,.sg-auth select{min-width:0;flex:1;padding:10px 12px;border:1px solid var(--sg-line);border-radius:12px;background:white;color:var(--sg-ink)}.sg-auth select{flex-basis:100%}.sg-btn{font-size:var(--sg-font-control,16px);border:0;border-radius:12px;padding:10px 14px;background:var(--sg-accent);color:#fff!important;font-weight:850}.sg-btn.secondary{background:#f3edf8;color:var(--sg-ink)!important}.sg-account-status{min-height:23px;color:var(--sg-muted);font-size:var(--sg-font-support,13px);margin:8px 0 0}.sg-parent-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.sg-hidden{display:none!important}.sg-game-title{display:flex;justify-content:space-between;gap:12px;align-items:start;margin:18px 2px 12px}.sg-game-title h3{font-size:var(--sg-font-game-title,20px);margin:0}.sg-round{font-size:var(--sg-font-label,12px);color:var(--sg-muted);font-weight:850;white-space:nowrap;background:#fff;padding:6px 9px;border-radius:999px}.sg-card{background:var(--sg-paper);border:1px solid var(--sg-line);border-radius:21px;padding:clamp(14px,3vw,20px)}.sg-prompt{background:#fff;border:1px dashed #ddc9e8;border-radius:17px;padding:16px;margin-bottom:14px}.sg-label{font-size:var(--sg-font-label,11px);text-transform:uppercase;letter-spacing:.1em;color:var(--sg-muted);font-weight:900}.sg-sentence{font-size:var(--sg-font-sentence,24px);font-weight:850;line-height:1.3;margin:6px 0 0}.sg-target{font-size:var(--sg-font-target,39px);font-weight:950;color:var(--sg-accent);margin:5px 0}.sg-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sg-choice{font-size:var(--sg-font-choice,16px);min-height:76px;border:1px solid var(--sg-line);border-radius:16px;background:#fff;display:grid;place-items:center;gap:1px;padding:9px;font-weight:850}.sg-choice .sg-pic{font-size:var(--sg-font-icon,28px)}.sg-choice:active{transform:scale(.98)}.sg-choice.correct{border:2px solid #58a88c;background:var(--sg-good-bg)}.sg-choice.wrong{border:2px solid #e89585;background:var(--sg-wrong-bg)}.sg-choice:disabled{cursor:default}.sg-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.sg-feedback{margin:13px 0 0;padding:12px 14px;border-radius:14px;font-weight:750;min-height:46px;background:#f5f0f7;color:var(--sg-ink)}.sg-feedback.good{background:var(--sg-good-bg);color:var(--sg-good)}.sg-feedback.try{background:var(--sg-wrong-bg);color:var(--sg-wrong)}.sg-tip{margin:13px 2px 0;color:var(--sg-muted);font-size:var(--sg-font-support,13px)}.sg-child-turn{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.sg-child-turn input{flex:1;min-width:160px;padding:10px 12px;border:1px solid var(--sg-line);border-radius:12px}.sg-progress{padding:12px;border-radius:14px;background:#fbf7ff;margin-top:10px}.sg-progress h4{margin:0 0 7px}.sg-progress table{border-collapse:collapse;width:100%;font-size:var(--sg-font-support,13px)}.sg-progress td,.sg-progress th{padding:6px 4px;text-align:left;border-bottom:1px solid var(--sg-line)}.sg-progress th{color:var(--sg-muted)}.sg-saved{font-size:var(--sg-font-label,12px);color:var(--sg-muted);margin:7px 0 0}.sg-foot{color:var(--sg-muted);font-size:var(--sg-font-label,12px);margin-top:12px}.sg-stars{font-weight:900;color:#885f12}
@media(max-width:540px){.sg-wrap{padding:14px;border-radius:20px;margin:14px auto}.sg-header{gap:10px}.sg-choices{gap:7px}.sg-choice{min-height:70px;padding:7px 4px;font-size:var(--sg-font-support,13px)}.sg-choice .sg-pic{font-size:var(--sg-font-icon,24px)}.sg-auth-form .sg-btn,.sg-child-form .sg-btn{width:100%}}
@media(max-width:370px){.sg-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sg-wrap{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#fff6fb,#f7f2ff 60%,#f0fbff)}.sg-background{position:absolute;inset:0;z-index:0;overflow:hidden}.sg-background img{width:100%;height:100%;object-fit:cover;opacity:.7}.sg-wrap:after{content:"";position:absolute;inset:0;background:var(--sg-bg-tint,#fff6fb);opacity:var(--sg-bg-opacity,.7);z-index:0;pointer-events:none}.sg-content{position:relative;z-index:1}.sg-mascot-image{width:min(var(--sg-character-size,112px),28vw);height:min(var(--sg-character-size,112px),28vw);object-fit:contain;border-radius:22px;background:#ffffffb8;padding:5px;flex:none}.sg-level{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:14px 0;color:var(--sg-muted);font-size:var(--sg-font-support,13px);font-weight:800}.sg-level-button{font-size:var(--sg-font-control,16px);border:1px solid var(--sg-line);background:#fff;border-radius:999px;padding:7px 11px;font-size:var(--sg-font-support,13px);font-weight:850}.sg-level-button[aria-pressed="true"]{background:var(--sg-accent);border-color:var(--sg-accent);color:#fff}
