/* UbayBian v0.5.12 — Quiz Mission: Adventure Arena */

body[data-profile="ubay"]{--quiz-avatar:url("assets/ubay-cosmic-spider-bot.svg");--quiz-accent:#27aaf2;--quiz-accent-2:#4ed4ee}
body[data-profile="bian"]{--quiz-avatar:url("assets/bian-cosmic-scout.svg");--quiz-accent:#f5b91f;--quiz-accent-2:#ff8f4b}

/* Arena surface */
.quiz-card.adventure-quiz{
 position:relative;
 min-height:clamp(560px,68vh,700px);
 padding:22px 26px 24px;
 border-radius:30px;
 overflow:hidden;
 border:1px solid rgba(255,255,255,.84);
 background:
   radial-gradient(circle at 92% 8%,rgba(255,215,83,.16),transparent 19%),
   radial-gradient(circle at 6% 96%,rgba(47,188,246,.17),transparent 24%),
   linear-gradient(145deg,rgba(247,253,255,.98),rgba(228,246,255,.94));
 box-shadow:0 22px 48px rgba(5,70,120,.18),inset 0 1px 0 rgba(255,255,255,.95);
}
.quiz-card.adventure-quiz:before{
 content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
 background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.95) 0 2px,transparent 2.5px),radial-gradient(circle at 76% 14%,rgba(67,183,237,.38) 0 1.5px,transparent 2px),radial-gradient(circle at 88% 70%,rgba(255,201,61,.4) 0 2px,transparent 2.5px);
 background-size:240px 180px,290px 230px,330px 250px;
}
.quiz-card.adventure-quiz:after{
 content:"";position:absolute;right:24px;bottom:18px;width:92px;height:92px;background:var(--quiz-avatar) center/contain no-repeat;opacity:.09;pointer-events:none;filter:drop-shadow(0 8px 16px rgba(9,66,111,.16));
}
.quiz-card.adventure-quiz>*{position:relative;z-index:1}

/* Mission header */
.adventure-quiz .quiz-header{align-items:center;margin:0 auto 12px;max-width:940px;padding:2px 0 4px}
.adventure-quiz .quiz-header-left{gap:5px}
.adventure-quiz .tag-row{gap:7px}
.adventure-quiz .tag-row span{padding:5px 10px;border-radius:999px;font-size:10px;letter-spacing:.03em;border:1px solid rgba(38,167,231,.15)}
.adventure-quiz .tag-row .category{background:#fff1ca;color:#c97600;border-color:#ffe09a}
.adventure-quiz .quiz-header h2{font-size:13px;letter-spacing:.01em;color:#53738b;font-weight:800}
.adventure-quiz .score-pill{padding:7px 12px;background:linear-gradient(135deg,#fff1bd,#ffe2a1);border:1px solid #ffd476;color:#9a6500;box-shadow:0 5px 12px rgba(225,165,28,.12)}

/* Mission trail */
.adventure-quiz .progress-wrapper{max-width:940px;margin:0 auto 24px}
.adventure-quiz .progress-label-row{font-size:10px;color:#69879d;font-weight:800;margin-bottom:8px}
.adventure-quiz .progress-bar{position:relative;height:12px;background:#dceef8;border:2px solid rgba(255,255,255,.94);box-shadow:inset 0 2px 4px rgba(17,96,145,.08),0 3px 9px rgba(14,92,145,.08);overflow:hidden}
.adventure-quiz .progress-bar:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 2px),rgba(255,255,255,.92) calc(20% - 2px) 20%);opacity:.72}
.adventure-quiz .progress-fill{background:linear-gradient(90deg,#20bdf3 0%,#31c875 54%,#ffd125 100%);box-shadow:0 0 14px rgba(45,197,169,.28)}

/* Question stage */
.adventure-quiz .question-text{max-width:900px;margin:0 auto 18px;padding:22px 24px 18px;text-align:center;font-size:clamp(22px,2vw,30px);line-height:1.25;color:#15384f;font-weight:950;letter-spacing:-.025em;text-wrap:balance}
.adventure-quiz .question-image-wrap{max-width:760px;margin:0 auto 18px}
.adventure-quiz .question-image-wrap img{max-height:230px;border:6px solid rgba(255,255,255,.9);box-shadow:0 14px 30px rgba(15,81,124,.16)}
.adventure-quiz .answer-area{max-width:900px;margin:0 auto}

/* Multiple choice becomes game cards */
.adventure-quiz .options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0}
.adventure-quiz .option-btn{
 min-height:88px;padding:15px 17px;border:2px solid rgba(133,191,224,.26);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 8px 20px rgba(16,91,139,.09),inset 0 1px 0 #fff;gap:12px;font-size:15px;font-weight:800;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease
}
.adventure-quiz .option-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--quiz-accent);box-shadow:0 12px 24px rgba(12,113,173,.14);background:#fff}
.adventure-quiz .option-label{width:38px;height:38px;background:linear-gradient(145deg,var(--quiz-accent),#1685db);box-shadow:0 5px 10px rgba(24,133,204,.2);font-size:13px}
.adventure-quiz .option-text{font-size:16px;color:#294b62}
.adventure-quiz .option-btn.correct{border-color:#3acb7b;background:linear-gradient(145deg,#effcf5,#e2f9ee);box-shadow:0 9px 20px rgba(36,176,102,.12)}
.adventure-quiz .option-btn.correct .option-label{background:linear-gradient(145deg,#40d281,#20ae61)}
.adventure-quiz .option-btn.wrong{border-color:#ff8088;background:linear-gradient(145deg,#fff4f5,#ffe9ec);box-shadow:0 9px 20px rgba(221,75,86,.09)}
.adventure-quiz .option-btn.wrong .option-label{background:linear-gradient(145deg,#ff7d86,#e24d59)}
.adventure-quiz .image-option{min-height:170px}

/* Text answer */
.adventure-quiz .answer-area:has(.text-answer){display:flex;justify-content:center;align-items:center;gap:11px;flex-wrap:wrap}
.adventure-quiz .text-answer{width:min(650px,75%);min-height:58px;padding:14px 18px;border-radius:18px;border:2px solid #b9ddf0;background:rgba(255,255,255,.94);font-size:16px;box-shadow:0 8px 18px rgba(16,91,139,.08)}
.adventure-quiz .text-answer:focus{border-color:var(--quiz-accent);box-shadow:0 0 0 5px rgba(37,174,239,.12),0 10px 22px rgba(16,91,139,.10)}
.adventure-quiz .check-btn{margin:0;min-height:56px;padding:0 22px;border-radius:18px;background:linear-gradient(135deg,#29c970,#17a958);box-shadow:0 8px 18px rgba(24,172,91,.18);font-size:13px}

/* Feedback dock */
.adventure-quiz .feedback-row{max-width:900px;margin:16px auto 0;align-items:stretch;gap:12px}
.adventure-quiz .feedback-stack{display:flex;flex-direction:column;justify-content:center;gap:6px}
.adventure-quiz .feedback{min-height:0;font-size:13px;line-height:1.45;border-radius:16px;transition:.18s ease}
.adventure-quiz .feedback:not(:empty){padding:12px 15px;border:1px solid #d5e8f2;background:rgba(255,255,255,.76);box-shadow:0 6px 15px rgba(13,86,133,.06)}
.adventure-quiz .feedback.correct:not(:empty){color:#127744;background:#eafbf3;border-color:#b9efd3}
.adventure-quiz .feedback.wrong:not(:empty){color:#bb3745;background:#fff0f2;border-color:#ffcbd1}
.adventure-quiz .answer-rewards{margin-top:0;gap:7px}
.adventure-quiz .reward-chip{padding:6px 10px;background:#e2f5ff;color:#0872b6;border:1px solid #bce8ff}
.adventure-quiz .reward-chip.coin{background:#fff3cf;color:#b06c00;border-color:#ffe0৮a}
.adventure-quiz .bottom-actions{align-items:flex-end;justify-content:flex-end;min-width:220px}
.adventure-quiz .bottom-actions .secondary{min-height:43px;padding:9px 14px;border-radius:14px}
.adventure-quiz .next-btn:not(:disabled){background:linear-gradient(135deg,#ff8b45,#ff6330);color:#fff;box-shadow:0 8px 17px rgba(229,98,42,.18)}
.adventure-quiz .next-btn:disabled{opacity:.35}
.adventure-quiz .skip-btn{background:rgba(255,255,255,.6);border:1px dashed #a9cee3;color:#6c8aa0}

/* Small coach companion */
.mission-coach{position:absolute!important;right:28px;top:92px;display:flex;align-items:center;gap:7px;z-index:3!important;pointer-events:none;opacity:.92}
.mission-coach img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(21,86,128,.16))}
.mission-coach span{padding:6px 9px;border-radius:12px;background:rgba(255,255,255,.88);border:1px solid rgba(188,224,243,.9);font-size:10px;font-weight:900;color:#53758c;box-shadow:0 5px 13px rgba(13,88,137,.08)}

/* Result screen — Mission Complete */
.result-panel.adventure-result{
 position:relative;min-height:clamp(560px,68vh,700px);padding:28px 26px;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;
 background:radial-gradient(circle at 50% 34%,rgba(255,229,128,.26),transparent 25%),radial-gradient(circle at 8% 90%,rgba(47,188,246,.18),transparent 23%),linear-gradient(145deg,rgba(247,253,255,.98),rgba(230,246,255,.96));border:1px solid rgba(255,255,255,.86);box-shadow:0 22px 48px rgba(5,70,120,.18)
}
.result-panel.adventure-result:before{content:"✦   ·   ✧      ✦        ·      ✧";position:absolute;top:22px;left:0;right:0;color:#ffc83d;opacity:.55;font-size:22px;letter-spacing:30px;white-space:nowrap;text-align:center;pointer-events:none}
.adventure-result .result-emoji{font-size:42px;margin-bottom:4px;filter:drop-shadow(0 8px 10px rgba(228,159,20,.18))}
.adventure-result .eyebrow{font-size:10px;font-weight:950;letter-spacing:.16em;color:#5e8198;margin:2px 0 12px}
.adventure-result .result-score{width:178px;height:178px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 0 16px;background:rgba(255,255,255,.94);border:13px solid #cdeefd;box-shadow:0 15px 34px rgba(17,105,160,.15),inset 0 0 0 5px rgba(255,209,74,.18);color:#14394f}
.adventure-result .result-score strong{font-size:65px;letter-spacing:-.05em}
.adventure-result .result-score span{font-size:18px;margin:9px 0 0 2px;color:#718ca0}
.adventure-result h2{font-size:27px;margin:0 0 5px;color:#173b52}
.adventure-result .result-message{font-size:12px;max-width:580px;margin:0 auto 17px;color:#668398}
.adventure-result .result-stats{gap:10px;margin:0 0 10px}
.adventure-result .result-stats span{min-width:125px;padding:11px 14px;border:1px solid #d7eaf4;border-radius:16px;background:rgba(255,255,255,.88);font-size:12px;font-weight:850;color:#36576c;box-shadow:0 7px 17px rgba(13,84,129,.06)}
.adventure-result .result-rewards{gap:8px;margin-bottom:4px}
.adventure-result .result-rewards span{padding:7px 12px;border-radius:999px;background:#fff2c9;border:1px solid #ffdda0;color:#a76600}
.adventure-result .result-actions{gap:10px;margin-top:18px}
.adventure-result .result-actions .primary,.adventure-result .result-actions .secondary{min-height:48px;padding:11px 22px;border-radius:16px}
.adventure-result .result-actions .primary{background:linear-gradient(135deg,#ff9147,#ff6330);box-shadow:0 10px 20px rgba(223,95,39,.18)}
.adventure-result .result-actions .secondary{background:#fff;border:1px solid #d5e8f3;color:#42677e}
.result-review-note{margin:8px 0 0;padding:7px 11px;border-radius:999px;background:#eef7ff;color:#597b92;font-size:10px;font-weight:800;border:1px solid #d9edf8}

@media (max-width:980px){
 .quiz-card.adventure-quiz,.result-panel.adventure-result{min-height:0;padding:18px}
 .adventure-quiz .options{grid-template-columns:1fr}
 .mission-coach{display:none}
 .adventure-quiz .question-text{font-size:clamp(20px,3vw,26px);padding:15px 8px}
 .adventure-quiz .text-answer{width:100%}
 .adventure-quiz .check-btn{width:100%}
 .adventure-quiz .feedback-row{flex-direction:column}
 .adventure-quiz .bottom-actions{min-width:0;width:100%}
 .adventure-quiz .bottom-actions .secondary{flex:1}
}

@media (max-width:640px){
 .quiz-card.adventure-quiz{border-radius:22px;padding:14px}
 .adventure-quiz .quiz-header{align-items:flex-start;gap:8px}
 .adventure-quiz .score-pill{font-size:9px;padding:6px 8px}
 .adventure-quiz .progress-wrapper{margin-bottom:14px}
 .adventure-quiz .option-btn{min-height:70px;padding:12px}
 .adventure-result .result-score{width:145px;height:145px}
 .adventure-result .result-score strong{font-size:53px}
 .adventure-result .result-stats span{min-width:0;flex:1 1 120px}
}