/* A focused explanation for children; parent settings remain a separate view. */
.info-dialog[data-view="stars"]{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:70px 28px 25px;border:3px solid #fff;border-radius:32px;background:radial-gradient(ellipse at 50% 15%,#fff4c6 0,transparent 52%),linear-gradient(155deg,#fffdf6 24%,#f4edff 100%);box-shadow:0 9px 0 #a688b3,0 25px 70px #24153c55;color:#352451;overflow-y:auto}
.info-dialog[data-view="stars"]::backdrop{background:#20143999;backdrop-filter:blur(7px)}
.stars-explainer{text-align:center;font-family:var(--font-body,"Varela Round",sans-serif);position:relative;isolation:isolate}
.stars-explainer .stars-crown{display:flex;justify-content:center;align-items:center;gap:7px;height:85px;margin-bottom:10px}
.stars-crown svg{width:57px;height:57px;filter:drop-shadow(0 4px 0 #e4bc7180)}
.stars-crown svg:first-child{transform:rotate(18deg) translateY(8px)}
.stars-crown svg:nth-child(2){width:83px;height:83px}
.stars-crown svg:last-child{transform:rotate(-18deg) translateY(8px)}
.stars-explainer .stars-eyebrow{display:block;color:#6a4220;font-size:16px;line-height:1.6}
.stars-explainer #infoTitle{font-family:var(--font-play,"Fredoka",sans-serif);font-size:clamp(34px,7vw,46px);font-weight:650;line-height:1.15;color:#57327f;margin:5px 0 20px;letter-spacing:0}
.stars-explainer .stars-balance{display:flex;align-items:center;justify-content:center;gap:17px;max-width:280px;margin:0 auto 21px;padding:14px 25px;border:2px solid #e5bd62;border-radius:25px;background:linear-gradient(140deg,#fff9df,#ffe6a4);box-shadow:0 5px 0 #d9b15c3d}
.stars-balance-icon svg{display:block;width:62px;height:62px}
.stars-balance>div{display:flex;flex-direction:column;align-items:center}
.stars-balance strong{font-family:var(--font-play,"Fredoka",sans-serif);font-size:45px;line-height:1.05;font-weight:650;color:#5a3517;overflow-wrap:anywhere}
.stars-balance>div>span{font-size:15px;color:#5a3517;margin-top:5px}
.stars-explainer .stars-rule{font-size:20px!important;line-height:1.65;color:#352451;margin:0 0 13px}
.stars-rule strong{font-family:var(--font-play,"Fredoka",sans-serif);font-size:27px;font-weight:600;color:#57327f}
.stars-explainer .stars-purpose{font-size:17px!important;line-height:1.7;color:#49375f;margin:0 0 18px}
.stars-explainer .stars-replay{display:flex;justify-content:center;align-items:center;gap:12px;padding:13px 14px;background:#eee5fa;border:1px solid #d6c5ed;border-radius:19px;text-align:right;margin-bottom:22px}
.stars-replay>span{font-size:33px;color:#694399;line-height:1}
.stars-explainer .stars-replay p{font-size:16px!important;line-height:1.7;color:#49375f;margin:0}
.stars-explainer .stars-continue{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:56px;padding:12px 18px;background:linear-gradient(#8154b0,#67408e);color:#fff;border:2px solid #5c347f;border-radius:22px;box-shadow:0 5px 0 #47255f;font-family:var(--font-play,"Fredoka",sans-serif);font-size:25px;font-weight:550;cursor:pointer;white-space:normal}
.stars-explainer .stars-details{display:block;margin:19px auto 0;min-height:44px;padding:8px 14px;background:transparent;border:0;color:#57327f;font:inherit;font-size:16px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.stars-explainer .stars-storage{font-size:13px!important;line-height:1.6;color:#5a496c;margin:8px 0 0}
.stars-explainer button:focus-visible{outline:3px solid #40205e;outline-offset:5px}
@media(max-width:380px){.info-dialog[data-view="stars"]{padding-inline:17px}.stars-explainer .stars-rule{font-size:18px!important}.stars-explainer .stars-purpose{font-size:16px!important}.stars-explainer .stars-replay{gap:8px}.stars-explainer .stars-replay p{font-size:14px!important}}
@media(max-height:760px){.stars-explainer .stars-crown{height:55px;margin-bottom:5px}.stars-crown svg{width:39px;height:39px}.stars-crown svg:nth-child(2){width:55px;height:55px}.stars-explainer #infoTitle{margin-bottom:13px}.stars-explainer .stars-balance{margin-bottom:14px;padding-block:10px}.stars-explainer .stars-replay{margin-bottom:16px}}
@media(forced-colors:active){.info-dialog[data-view="stars"],.stars-explainer .stars-balance,.stars-explainer .stars-replay,.stars-explainer .stars-continue{border:2px solid CanvasText}.stars-explainer button:focus-visible{outline-color:Highlight}}