:root{--ink:#102b30;--teal:#087d78;--mint:#72d8c1;--paper:#f8faf8;--line:#d8e3df;--danger:#c94350;--muted:#6f8587;--shadow:0 24px 70px rgba(10,36,41,.12);--soft-shadow:0 10px 30px rgba(10,36,41,.08);--radius:14px;--radius-sm:9px}
html{background:#e9efec}body{background:radial-gradient(circle at 85% -10%,rgba(93,190,170,.15),transparent 34%),linear-gradient(145deg,#e7eeeb,#f6f3ec 58%,#eef4f1);letter-spacing:.01em}.noise{opacity:.018}
button,input,select,textarea{font-family:inherit}button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}button:active{transform:translateY(1px)}
.title-screen{background:radial-gradient(circle at 74% 42%,rgba(38,145,133,.2),transparent 25%),radial-gradient(circle at 102% -10%,rgba(119,218,194,.14),transparent 34%),linear-gradient(135deg,#06171b 0%,#0a2529 52%,#071a1e 100%)!important}.title-grid{opacity:.075;background-size:56px 56px}.title-glow{opacity:.75;filter:blur(18px)}.title-top,.title-footer{color:#789295;border-color:rgba(143,190,181,.15);padding:22px 0;letter-spacing:.24em}.title-content{max-width:1240px;gap:48px}.title-kicker{color:#86ddca}.title-copy h1{letter-spacing:-.065em;text-shadow:0 14px 45px rgba(0,0,0,.32)}.title-copy h1 span{color:#78dcc6}.title-jp{font-weight:500;color:#dbe9e6;letter-spacing:.48em}.title-lead{max-width:520px;color:#a7bcbb;font-size:13px}.premium-setup{gap:10px}.mode-card{min-height:68px;border:1px solid rgba(139,182,177,.2);border-radius:var(--radius-sm);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:14px;backdrop-filter:blur(12px)}.mode-card:hover{transform:translateY(-2px);border-color:rgba(114,216,193,.6);box-shadow:0 12px 30px rgba(0,0,0,.18)}.mode-card.active{border-color:#72d8c1;background:linear-gradient(145deg,rgba(114,216,193,.16),rgba(114,216,193,.05));box-shadow:inset 0 0 0 1px rgba(114,216,193,.12),0 12px 28px rgba(0,0,0,.14)}.category-picker{border:1px solid rgba(139,182,177,.2);border-radius:var(--radius-sm);background:rgba(255,255,255,.025);padding:11px 14px}.category-picker select{border:1px solid rgba(137,181,176,.2);border-radius:7px;background:#0d2b2f;padding:8px 10px}.title-metrics{gap:12px}.title-metric{border-left-color:rgba(139,182,177,.22);padding:6px 14px}.title-metric b{font-size:16px;color:#d8efea}.title-actions{gap:12px;margin-top:30px}.start-btn{border-radius:10px;background:linear-gradient(135deg,#82e3cc,#5fc8b4);box-shadow:0 14px 35px rgba(76,202,178,.2);padding:17px 22px}.start-btn:hover{box-shadow:0 18px 45px rgba(76,202,178,.32)}.how-btn,.title-ranking-btn{border:1px solid rgba(145,188,182,.25);border-radius:10px;background:rgba(255,255,255,.03);color:#c2d5d2;padding:0 22px;backdrop-filter:blur(12px)}.title-ranking-btn{width:max-content;margin-top:12px;padding:11px 16px}.how-btn:hover,.title-ranking-btn:hover{background:rgba(114,216,193,.08)}.title-visual{filter:drop-shadow(0 30px 80px rgba(0,0,0,.24))}.title-diagnostic{border:1px solid rgba(114,216,193,.2);border-left:2px solid #72d8c1;border-radius:5px;background:rgba(5,26,30,.76);box-shadow:0 10px 30px rgba(0,0,0,.2)}.orbit{border-color:rgba(114,216,193,.13)}
.app-shell{width:min(1380px,calc(100% - 44px));margin:22px auto;border:1px solid rgba(255,255,255,.8);border-radius:18px;box-shadow:0 30px 100px rgba(15,47,52,.14);overflow:hidden;background:rgba(248,250,248,.9)}.topbar{height:78px;padding:0 30px;background:rgba(251,253,251,.86);border-color:#dce6e2}.brand-mark{border-radius:9px;clip-path:none;background:linear-gradient(145deg,#153c40,#09292d);box-shadow:0 8px 20px rgba(8,45,49,.18)}.account-chip{border-radius:22px;padding:6px 11px;border-color:#d7e3df;box-shadow:0 4px 14px rgba(12,51,55,.05)}.end-shift-btn{border-radius:8px;border-color:#e7c4c7;background:#fffafa}.status-strip{padding:22px 34px;background:linear-gradient(120deg,#0c292e,#123b3f);box-shadow:inset 0 1px rgba(255,255,255,.035)}.health-track,.progress-track{border-radius:99px}.health-track i,.progress-track i{border-radius:99px}.game-grid{grid-template-columns:250px minmax(470px,1fr) minmax(315px,390px);min-height:720px}.side-panel{padding:38px 28px;background:linear-gradient(180deg,#f0f5f2,#e9efec);border-color:#dce5e1}.case-meta div{padding:17px 0}.streak-card{border-radius:12px;background:linear-gradient(145deg,#12363b,#0b292d);box-shadow:0 12px 30px rgba(9,43,47,.14)}.question-panel{background:rgba(255,255,255,.9)}.question-head{padding:22px 40px;background:rgba(247,250,248,.82)}.source-badge,.mastery-tag{border-radius:99px;padding:7px 11px}.question-body{padding-top:38px}.question-body h1{font-weight:700;letter-spacing:.01em}.choices{gap:12px}.choice{border-radius:11px;border-color:#d8e2df;padding:16px 18px;box-shadow:0 3px 10px rgba(12,47,51,.025)}.choice:hover{transform:translateY(-1px);border-color:#77b9ae;box-shadow:0 9px 22px rgba(12,70,68,.08)}.choice-index{border-radius:7px}.primary-btn,.secondary-btn{border-radius:9px;padding:14px 19px}.primary-btn{background:linear-gradient(135deg,#153b40,#0b292e);box-shadow:0 8px 20px rgba(10,43,47,.14)}.primary-btn:hover{background:linear-gradient(135deg,#0e716d,#09615e)}.action-row{background:rgba(250,252,250,.88)}
.self-panel{background:linear-gradient(180deg,#e7efec,#eef3f0);border-left:1px solid #d7e1dd;padding:26px 22px}.self-heading{margin-bottom:15px}.avatar-stage{border:1px solid rgba(81,142,138,.32);border-radius:14px;background:radial-gradient(ellipse at 50% 38%,rgba(59,130,126,.2),transparent 48%),linear-gradient(180deg,#061d21,#0b3033 70%,#07191c);box-shadow:inset 0 0 60px rgba(0,0,0,.4),0 16px 35px rgba(13,48,51,.13);overflow:hidden}.anatomy-caption{border-radius:5px}.anatomy-status span{border-radius:5px;background:rgba(5,23,27,.88)}.clinical-card{border-radius:12px;border-color:#d4dfdb;background:rgba(255,255,255,.78)}.symptom-chips span{border-radius:99px}.record-log{border-radius:10px}.record-entry{border-radius:8px}
.feedback{border:1px solid #ead6d7;border-left:4px solid var(--danger);border-radius:12px;background:#fff9f8;box-shadow:0 16px 40px rgba(30,62,65,.08)}.feedback.correct-feedback{border-color:#c9e5da;border-left-color:var(--teal);background:#f3faf7}.feedback-icon{box-shadow:0 6px 16px rgba(201,67,80,.18)}.choice-rationale{padding:17px;border-color:#dce4e1}.choice-rationale:first-child{border-radius:10px 10px 0 0}.choice-rationale:last-child{border-radius:0 0 10px 10px}.choice-rationale.is-correct{background:linear-gradient(135deg,#f0faf3,#f8fdf9)}
.result-modal,.mypage{background:rgba(3,19,22,.75);backdrop-filter:blur(16px)}.result-card{border-radius:18px;box-shadow:0 40px 120px rgba(0,0,0,.35)}.score-ring{box-shadow:inset 0 0 0 1px rgba(12,129,125,.08)}.mypage-shell{border-radius:18px;box-shadow:0 40px 120px rgba(0,0,0,.38)}.mypage-side{background:linear-gradient(180deg,#0b2c31,#071f23)}.mypage-avatar{box-shadow:0 12px 28px rgba(70,210,184,.2)}.mypage-nav button{border-radius:7px}.mypage-main{background:#f7faf8}.profile-metric,.history-entry,.ranking-row,.admin-question,.admin-answer{border-radius:10px;box-shadow:0 4px 14px rgba(17,53,56,.035)}.ranking-tabs button,.admin-tabs button{border-radius:8px}.auth-card{border-radius:18px;background:rgba(8,34,39,.94);box-shadow:0 40px 120px rgba(0,0,0,.45)}.auth-card input,.auth-submit{border-radius:9px}
@media(max-width:1120px){.game-grid{grid-template-columns:220px 1fr}.self-panel{grid-column:1/-1;border-left:0;border-top:1px solid #d7e1dd;display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:24px}.self-heading{grid-column:1/-1}.avatar-stage{grid-row:2/7}.title-content{gap:20px}}
@media(max-width:760px){body{background:#eef3f0}.title-screen{padding:0 18px}.title-content{padding:28px 0 42px}.title-copy h1{font-size:66px}.title-visual{height:275px}.premium-setup:has(.challenge-card){gap:7px}.mode-card{min-height:58px}.title-actions{gap:8px}.app-shell{width:100%;margin:0;border:0;border-radius:0;min-height:100vh}.topbar{height:66px;padding:0 14px}.shift{display:none}.end-shift-btn{margin-right:7px}.status-strip{padding:17px 16px;gap:15px}.status-strip{grid-template-columns:1fr}.vitals{justify-content:space-between}.game-grid{display:block}.side-panel{padding:20px}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.case-meta div{padding:10px;border-bottom:0}.question-head{padding:16px}.question-body{padding:28px 17px 18px}.question-body h1{font-size:20px}.choice{padding:15px 13px}.feedback{margin:7px 12px 20px;padding:16px}.self-panel{display:block;padding:22px 14px}.avatar-stage{border-radius:12px}.mypage-shell{border-radius:0}.result-card{border-radius:16px;padding:28px 20px}.title-ranking-btn{width:100%}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Long official subject names need the full mobile row. */
@media(max-width:760px){.side-panel .case-meta{grid-column:1 / -1;grid-template-columns:2fr 1fr 1fr;width:100%;min-width:0}.side-panel .case-meta div{min-width:0;padding:8px 2px}.source-badge a{color:inherit;text-underline-offset:2px}.question-body h1,.choice>span:last-child{white-space:pre-line}}

#feedbackText{white-space:pre-line}.explanation-sources{margin-top:16px;border-top:1px solid #cbdad5;padding-top:10px;font-size:12px}.explanation-sources a{display:block;color:#17675b;margin:8px 0;overflow-wrap:anywhere}
.how-panel{position:fixed;z-index:100;width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;border-radius:12px;padding:28px}.how-panel h2{font-size:22px;padding-right:20px}.how-panel h3{font-size:15px;margin:24px 0 8px}.usage-notice p{font-size:13px;line-height:1.9;margin:0 0 14px;color:#304b50}.how-btn{line-height:1.6}.how-panel>button{cursor:pointer}

.title-account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.title-account-actions .title-ranking-btn{margin-top:0}