/* Salam Trivia discovery/recovery extension. Preserve the bright arena and shared shell. */
html:has(body.trivia-arena){overflow-x:clip;overflow-y:visible}
body.trivia-arena{overflow-y:visible;overflow-x:clip}
body.trivia-arena .trivia-app{height:auto;min-height:var(--sg-view);display:block;padding:12px;max-width:1140px;margin:0 auto}
body.trivia-arena .game-stage{height:auto;max-height:none;overflow:visible;border-radius:30px}
body.trivia-arena .game-state{height:auto;min-height:360px;overflow:visible;overscroll-behavior:auto}
body.trivia-arena .play-screen{display:block;border-radius:25px}
body.trivia-arena .play-scroll{overflow:visible;max-height:none;min-height:0;scroll-behavior:auto}
body.trivia-arena .hud-row{width:100%;grid-template-columns:44px repeat(3,minmax(0,1fr)) minmax(72px,auto)}
body.trivia-arena .game-hud{border-radius:24px 24px 0 0;position:sticky;top:var(--sg-header);z-index:5;display:block}
body.trivia-arena .question-card{height:auto;min-height:280px}
body.trivia-arena .answer-button:active,body.trivia-arena .primary-button:active,body.trivia-arena .secondary-button:active,body.trivia-arena .setup-choice:active,body.trivia-arena .start-button:active{transform:none}
body.trivia-arena .hero-zone{border-radius:26px;padding:18px 10px;background:linear-gradient(#ffffffb8,#ffffffdf),url('/assets/scenes/salam-garden-640.webp') center/cover}
.discovery-intro{font-size:.9rem;line-height:1.6;color:#526179;margin:10px 0}
.discovery-notice{padding:10px 12px;border:2px solid #fcd34d;border-radius:14px;background:#fffbeb;color:#785518;font-size:.9rem;line-height:1.5}
.discovery-source{font-size:.8rem;line-height:1.6;overflow-wrap:anywhere;color:#526179;margin:8px 0 0}
body.trivia-arena .result-card{width:min(100%,900px);text-align:center}
.discovery-passport,.memory-shelf{text-align:left;margin-top:22px;padding:18px;border-radius:22px;border:2px solid #c7d2fe;background:#f8faff}
.discovery-passport h3,.memory-shelf h3{margin:0 0 8px;color:#4338ca;font-size:1.25rem}
.discovery-passport>p{font-size:.9rem;line-height:1.6;color:#526179}
#trivia-passport{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.discovery-card{border:2px solid #b6dcd3;border-radius:17px;background:#fff;overflow:hidden;min-width:0}
.discovery-card summary{padding:14px;min-height:54px;cursor:pointer;font-weight:900;color:#226854;line-height:1.5;overflow-wrap:anywhere}
.discovery-card p{margin:0;padding:0 14px 12px;line-height:1.6;font-size:.9rem;color:#526179}
.discovery-card p.discovery-answer{font-size:1rem;font-weight:1000;color:#334e66;padding-top:6px}
.discovery-card[open] summary{background:#edf9f4;border-bottom:1px solid #c8e6da;margin-bottom:10px}
.memory-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.memory-top button{width:auto;min-height:44px;font-size:.9rem;padding:8px 14px}
#memory-question{font-weight:900;font-size:1.1rem;line-height:1.6;color:#334e66}
#memory-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#memory-feedback{line-height:1.6;min-height:30px;color:#334e66}
.pause-actions{display:grid;gap:12px;margin-top:20px}
body.trivia-arena .pause-card{max-width:620px}
body.trivia-arena .pause-card .result-medal{font-size:3rem;animation:none}
body.trivia-arena .pause-card h2{font-size:1.8rem;line-height:1.3}
body.trivia-arena .confetti-layer{display:none}
.discovery-bloom{animation:discovery-bloom .5s ease-out both}
@keyframes discovery-bloom{from{transform:scale(.84)}to{transform:scale(1)}}
@media(max-width:760px){
 body.trivia-arena .trivia-app{padding:8px}
 body.trivia-arena .question-card{min-height:0}
 body.trivia-arena .hud-row{grid-template-columns:44px repeat(3,minmax(0,1fr)) 68px;gap:4px}
 body.trivia-arena .hud-stat strong{font-size:.95rem}
 body.trivia-arena #pause-button{font-size:.85rem;padding:6px}
 body.trivia-arena .game-stage{border-radius:23px}
 body.trivia-arena .game-hud{border-radius:18px 18px 0 0}
 #trivia-passport,#memory-options{grid-template-columns:1fr}
 .discovery-passport,.memory-shelf{padding:14px}
 body.trivia-arena .hero-zone{padding:8px}
 body.trivia-arena .result-card{padding:18px}
}
@media(max-width:350px){body.trivia-arena .hud-stat>span{font-size:.54rem}body.trivia-arena .hud-stat strong{font-size:.83rem}body.trivia-arena .hud-row{grid-template-columns:44px repeat(3,minmax(0,1fr)) 62px}}
@media(orientation:landscape) and (max-height:520px){
 body.trivia-arena .result-card{display:block;text-align:center}
 body.trivia-arena .pause-card{padding:14px}
 body.trivia-arena .pause-card .result-medal{display:none}
 body.trivia-arena .pause-card h2{font-size:1.25rem;margin:0 0 8px}
 body.trivia-arena .pause-card p{font-size:.88rem;margin:0}
 .pause-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;gap:8px}
 .pause-actions button{min-height:44px;padding:8px;font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){.discovery-bloom{animation:none!important}}
html[data-sg-calm='true'] .discovery-bloom{animation:none!important}