.talkPage{color:#17345c;background-color:#0000;background-image:linear-gradient(#08143adb,#0000009e),url(/bsc/practice-base.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:14px 14px 90px}.talkTopBar{background:#fffffff0;border-radius:22px;grid-template-columns:42px 1fr 58px;align-items:center;height:62px;margin-bottom:14px;padding:8px 10px;display:grid;box-shadow:0 8px 22px #00000038}.talkTopBar a{color:#fff;background:#17345c;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;font-weight:900;text-decoration:none;display:grid}.talkTopBar div{text-align:center}.talkTopBar span{color:#ff4f93;font-size:11px;font-weight:900;display:block}.talkTopBar h1{color:#17345c;margin:2px 0 0;font-size:18px;font-weight:900}.talkTopBar b{text-align:center;color:#ff4f93;font-size:22px}.talkGameBox,.talkResult{background:#fffffff2;border:3px solid #ffd768;border-radius:28px;max-width:560px;margin:0 auto;padding:18px;box-shadow:0 16px 38px #00000061}.talkGameHeader{align-items:center;gap:14px;margin-bottom:16px;display:flex}.talkGameHeader img{object-fit:cover;background:#fff;border:3px solid #ffd768;border-radius:24px;width:74px;height:74px}.talkGameHeader span{color:#fff;background:linear-gradient(135deg,#ff4f93,#f6a800);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:900;display:inline-block}.talkGameHeader h2{margin:7px 0 3px;font-size:20px;line-height:1.3}.talkGameHeader p{color:#80603a;margin:0;font-size:12px;font-weight:900}.talkBubble{background:#fff7df;border:2px solid #ffd768;border-radius:22px 22px 22px 6px;margin-bottom:16px;padding:16px}.talkBubble strong{color:#ff4f93;margin-bottom:6px;font-weight:900;display:block}.talkBubble p{margin:0;font-weight:900;line-height:1.7}.talkQuestion{color:#fff;background:linear-gradient(135deg,#17345c,#071f4f);border-radius:22px;margin-bottom:14px;padding:16px}.talkQuestion span{color:#ffd768;font-size:12px;font-weight:900}.talkQuestion h3{margin:8px 0 0;font-size:20px;line-height:1.5}.talkChoices{gap:10px;display:grid}.talkChoices button{color:#17345c;text-align:left;background:#eef5ff;border:0;border-radius:18px;padding:15px;font-size:16px;font-weight:900;box-shadow:0 5px #cbd7e8}.talkChoices button.correct{color:#fff;background:#06c755;box-shadow:0 5px #03933f}.talkChoices button.wrong{color:#fff;background:#ff4f93;box-shadow:0 5px #b91f5d}.talkAnswerBox{background:#fff;border:2px solid #ffb6d3;border-radius:22px;margin-top:16px;padding:16px}.talkAnswerBox h3{color:#ff2f86;margin:0 0 8px}.talkAnswerBox p{margin:0;font-weight:900;line-height:1.7}.talkRewardMini{color:#17345c;background:#ffd768;border-radius:999px;margin-top:12px;padding:7px 14px;font-weight:900;display:inline-block}.talkAnswerBox button{color:#fff;background:linear-gradient(135deg,#ff4f93,#f6a800);border:0;border-radius:16px;width:100%;margin-top:14px;padding:14px;font-size:16px;font-weight:900}.talkResult{text-align:center}.talkResult>span{color:#fff;background:#17345c;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:900;display:inline-block}.talkResult h2{color:#ff2f86;margin:12px 0;font-size:40px}.talkResultScore strong{color:#17345c;font-size:42px;display:block}.talkResultScore p{margin:0;font-weight:900}.talkResultReward{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.talkResultReward div{background:#fff7df;border:2px solid #ffd768;border-radius:18px;padding:14px 8px}.talkResultReward b{color:#ff2f86;font-size:18px;display:block}.talkResultReward p{margin:4px 0 0;font-size:11px;font-weight:900}.talkResultMessage{background:#eef5ff;border-radius:16px;padding:12px;font-weight:900;line-height:1.7}.talkResultButtons{gap:10px;margin-top:16px;display:grid}.talkResultButtons a,.talkResultButtons button,.talkGameBox>a{color:#17345c;background:#fff;border:0;border-radius:16px;padding:14px;font-size:15px;font-weight:900;text-decoration:none;display:block}.talkResultButtons button{color:#fff;background:linear-gradient(135deg,#ff4f93,#f6a800)}.talkCharacterFace{flex:none;width:82px;height:82px;animation:2.2s ease-in-out infinite characterFloat;position:relative}.talkBlink{opacity:0;pointer-events:none;background:#17345cbf;border-radius:999px;height:4px;animation:4s infinite blink;position:absolute;top:39%;left:18%;right:18%}.talkChoices button{transition:transform .15s,filter .15s}.talkAnswerBox h3{animation:.45s ease-out resultBounce}@keyframes characterFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes characterHappy{0%,to{transform:translateY(0)scale(1)}35%{transform:translateY(-12px)scale(1.1)}70%{transform:translateY(0)scale(1.02)}}@keyframes characterSad{0%,to{transform:translate(0)}25%{transform:translate(-7px)rotate(-4deg)}50%{transform:translate(7px)rotate(4deg)}75%{transform:translate(-3px)rotate(-2deg)}}@keyframes blink{0%,92%,to{opacity:0}94%,96%{opacity:1}}@keyframes sparklePop{0%,70%,to{opacity:0;transform:scale(.6)rotate(0)}78%,88%{opacity:1;transform:scale(1.15)rotate(12deg)}}@keyframes sparkleHappy{0%{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1.5)rotate(18deg)}to{opacity:0;transform:scale(.8)rotate(0)}}@keyframes answerPop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes resultBounce{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes rewardShine{0%,to{box-shadow:0 0 #ffd76800}50%{box-shadow:0 0 18px #ffd768e6}}.talkGameBox.v2{overflow:hidden}.talkCharacterStage{background:radial-gradient(circle,#ffffffe6,#0000 45%),linear-gradient(135deg,#fff7df,#ffe3f0);border:3px solid #ffd768;border-radius:26px;place-items:center;height:170px;margin:0 auto 16px;display:grid;position:relative;overflow:hidden}.talkCharacterAura{background:radial-gradient(circle,#ff4f9359,#0000 70%);border-radius:50%;width:150px;height:150px;animation:2s infinite auraPulse;position:absolute}.talkCharacterFace{z-index:2;width:104px;height:104px;animation:2.2s ease-in-out infinite characterFloat;position:relative}.talkCharacterFace img{object-fit:cover;background:#fff;border:4px solid #ffd768;border-radius:28px;width:104px;height:104px;box-shadow:0 10px 24px #00000040}.talkCharacterFace.happy{animation:.6s ease-in-out 2 characterHappy}.talkCharacterFace.sad{animation:.45s ease-in-out 2 characterSad}.talkBlink{opacity:0;background:#17345cbf;border-radius:999px;height:4px;animation:4s infinite blink;position:absolute;top:42%;left:18%;right:18%}.talkSparkle{opacity:0;font-size:24px;animation:2.4s ease-in-out infinite sparklePop;position:absolute;top:-12px;right:-12px}.talkCharacterFace.happy .talkSparkle{opacity:1;animation:.7s ease-in-out 2 sparkleHappy}.talkCharacterFace.sad .talkSparkle{display:none}.talkCharacterName{color:#fff;z-index:3;background:#17345ceb;border-radius:999px;padding:7px 16px;font-weight:900;position:absolute;bottom:12px}.talkProgress{color:#fff;background:#17345c;border-radius:16px;justify-content:space-between;gap:10px;margin-bottom:12px;padding:10px 12px;font-weight:900;display:flex}.talkProgress span{color:#ffd768;font-size:12px}.talkProgress b{font-size:12px}.talkBubble.v2{animation:.35s ease-out bubbleIn}.talkQuestion.v2{animation:.4s ease-out questionIn}.talkChoices button{align-items:center;gap:10px;transition:transform .15s,filter .15s;display:flex}.talkChoices button span{color:#fff;background:#17345c;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.talkChoices button:active{transform:scale(.97)}.talkAnswerBox{animation:.35s ease-out answerPop}.talkAnswerBox.correct{background:#f0fff4;border-color:#06c755}.talkAnswerBox.wrong{background:#fff0f6;border-color:#ff4f93}.talkRewardMini{animation:1s ease-in-out infinite rewardShine}.resultConfetti{font-size:24px;animation:1.3s ease-in-out infinite confettiFloat}@keyframes auraPulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:.85;transform:scale(1.15)}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes questionIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes confettiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}