#tell-answer-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;max-height:none;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));border:0;background:transparent;box-sizing:border-box;overflow:auto;color:#30436b}
#tell-answer-dialog[open]{display:grid;place-items:center}#tell-answer-dialog::backdrop{background:#17213b99;backdrop-filter:blur(7px)}
#tell-answer-dialog .feedback{position:relative!important;inset:auto!important;transform:none!important;margin:auto!important;width:min(580px,100%)!important;max-height:calc(100dvh - 60px);overflow:auto;box-sizing:border-box;padding:24px!important;border:3px solid #b7c8e2;border-radius:24px;background:#fffdf8!important;box-shadow:0 12px 50px #11152d55;text-align:left;display:block!important}
#tell-answer-dialog .result-next{width:100%;min-height:48px;margin-top:18px}#tell-answer-dialog .result-row{display:flex;gap:16px;align-items:center}#tell-answer-dialog .result-copy{min-width:0}#tell-answer-dialog .result-copy p{line-height:1.5}#tell-answer-dialog .pip{flex-shrink:0;width:90px;height:110px}
.tell-trophy-unlock{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;translate:-50% 0;width:min(460px,calc(100% - 32px));box-sizing:border-box;display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff5cd;color:#293956;border:3px solid #e4bd60;border-radius:22px;box-shadow:0 6px 0 #c9a74d,0 12px 30px #17213b33;z-index:1000002;font:800 17px/1.4 Nunito,system-ui;pointer-events:none}
.tell-trophy-unlock img{width:76px;height:76px;object-fit:contain}.tell-trophy-unlock strong,.tell-trophy-unlock span{display:block}.tell-trophy-unlock strong{font-size:21px}.tell-trophy-unlock span{font-size:15px}
.tell-reward-flight{position:fixed;object-fit:contain;z-index:1000003;pointer-events:none}.tell-xp-gain{position:fixed;left:calc(50% - 65px);top:25%;width:130px;padding:14px 8px;text-align:center;background:#fff0ad;border:3px solid #d8ad49;border-radius:20px;color:#584013;font:900 24px/1.3 Nunito,system-ui;z-index:1000003;pointer-events:none}
@media(max-width:480px){#tell-answer-dialog .result-row{gap:10px}#tell-answer-dialog .pip{width:65px;height:85px}#tell-answer-dialog .feedback{padding:18px!important}.tell-trophy-unlock{gap:12px;padding:12px 16px}.tell-trophy-unlock img{width:64px;height:64px}}
@media(prefers-reduced-motion:reduce){#tell-answer-dialog::backdrop{backdrop-filter:none}}
#tell-answer-dialog .result-next{position:static!important;inset:auto!important;transform:none!important;box-sizing:border-box}
/* Separate, single-line rewards rise from the answer card. */
.tell-xp-gain{display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap;font-size:19px;line-height:1.2;padding:8px 6px;border-width:2px;border-radius:14px;box-sizing:border-box}
.tell-xp-gain .coin-icon{width:22px;height:22px}
/* A case file receives its stamp, with the score as the main result. */
#app .finish-case{width:min(620px,100%);margin:auto;padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
#app .finish-case .finish-file{position:relative;width:clamp(110px,23svh,210px);aspect-ratio:1;flex-shrink:0;border:3px solid #b8c9df;border-radius:22px;background:#fffdf8;box-shadow:0 5px 0 #aabbd5;transform:rotate(-3deg)}
#app .finish-file img{display:block;width:100%;height:100%;object-fit:cover;border-radius:19px}
#app .finish-stamp{position:absolute;left:50%;top:61%;width:150%;box-sizing:border-box;padding:6px 3px;border:4px double #168354;border-radius:6px;background:#fffdf8ed;color:#08643d;font-size:clamp(10px,1.8svh,17px);font-weight:1000;letter-spacing:1px;white-space:nowrap;transform:translateX(-50%) rotate(-12deg);animation:tell-case-stamp .6s cubic-bezier(.2,.8,.3,1) both}
#app .finish-stamp.review{color:#7259bb;border-color:#7259bb}#app .finish-case h1{font-size:clamp(25px,4svh,36px);line-height:1.15;margin:4px 0 0}#app .finish-case .sub{margin:0;font-size:15px;line-height:1.4}#app .finish-case .finish-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:0}#app .finish-stats>div{background:#fffdf8;border:2px solid #b8c9df;border-radius:18px;padding:12px 8px;min-width:0;box-shadow:0 3px 0 #b8c9df}#app .finish-case .finish-stats .num{font-size:clamp(30px,6svh,48px);font-weight:1000;line-height:1.1;color:#30436b}#app .finish-stats .num small{font-size:.48em;font-weight:800}#app .finish-stats .label{font-size:13px;font-weight:800;margin-top:4px}#app .finish-case>button{width:100%;min-height:48px;margin:0;box-sizing:border-box;font-size:18px}#app .finish-case .section-celebration{margin:0;padding:7px 12px}#app .finish-case .section-celebration p{margin:0;font-size:12px}
@keyframes tell-case-stamp{0%{opacity:0;transform:translateX(-50%) rotate(-18deg) scale(1.7)}65%{opacity:1;transform:translateX(-50%) rotate(-12deg) scale(.95)}100%{transform:translateX(-50%) rotate(-12deg) scale(1)}}
@media(max-height:650px){#app .finish-case{gap:6px;padding:0}#app .finish-case .finish-file{width:85px}#app .finish-case .finish-stats>div{padding:7px}#app .finish-case h1{font-size:24px}#app .finish-case .sub{font-size:12px}#app .finish-case>button{min-height:42px;font-size:16px}}
@media(prefers-reduced-motion:reduce){#app .finish-stamp{animation:none}}
html[data-tell-motion=reduce] #app .finish-stamp{animation:none}
html:is([data-tell-theme=contrast],[data-tell-theme=cream]) #app .finish-stats>div{background:var(--tell-surface)!important;color:var(--tell-ink)!important;border-color:var(--tell-edge)!important}
@media(max-height:590px){#app .finish-case{gap:5px}#app .finish-case .finish-file{width:64px;border-radius:14px}#app .finish-file img{border-radius:11px}#app .finish-case h1{font-size:21px}#app .finish-case .finish-stats .num{font-size:29px}#app .finish-case>button{min-height:38px;padding:7px 12px;font-size:15px}#app .finish-case .section-celebration{padding:4px 8px}#app .finish-stamp{font-size:11px;letter-spacing:1px;padding:3px;border-width:3px}}
