:root{--tap:52px}
.wide-btn{width:100%;margin-top:12px}.onboarding{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.onboarding div{border:1px solid var(--line);padding:14px 10px;display:grid;gap:7px;text-align:center;background:#0e171c}.onboarding b{color:var(--gold);font:800 1.15rem monospace}.onboarding span{font-size:.86rem;color:var(--cream)}
.stage-strip{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding:15px 18px;border:1px solid var(--line);background:#0e171c}.stage-strip strong{white-space:nowrap;color:var(--gold)}.stage-line{height:5px;flex:1;background:#263138}.stage-line i{display:block;height:100%;background:var(--teal2);transition:.25s}.stage-strip span{color:var(--muted);font-size:.84rem}
.case-summary{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);background:linear-gradient(145deg,#15242a,#0e161a);overflow:hidden}.case-summary-copy{padding:clamp(26px,5vw,52px)}.case-summary h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.08;margin:8px 0 16px}.case-summary p{font-size:1.05rem;line-height:1.85;color:var(--cream)}.case-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.case-meta span{border:1px solid var(--line);padding:8px 11px;color:var(--cream);font-size:.84rem}.case-summary-visual{background:linear-gradient(90deg,rgba(14,22,26,.15),rgba(14,22,26,.5)),url('../game/assets/hero.png') center/cover;min-height:300px}
.section-block{margin-top:28px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-title h2{margin:0;font-size:1.45rem}.section-title p{margin:0;color:var(--muted);font-size:.88rem}.suspect-compact{min-height:0!important;padding:18px!important;display:flex;align-items:center;gap:14px}.suspect-dot{width:54px;height:54px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:1.35rem;flex:none}.suspect-compact h3{margin:0 0 5px}.suspect-compact p{margin:0;color:var(--muted);font-size:.86rem}.click-cue{display:block;color:var(--gold);font-size:.76rem;margin-top:7px}
.mission-card{margin:26px 0;border:1px solid var(--gold);background:linear-gradient(145deg,#172127,#10171b);padding:clamp(20px,4vw,30px)}.mission-card h2{margin:6px 0 10px}.mission-card>p{color:var(--cream);line-height:1.7}.mission-options{display:grid;gap:10px;margin-top:18px}.mission-option,.choice-card{min-height:var(--tap);border:1px solid var(--line);background:#0c1418;color:var(--paper);padding:14px 16px;text-align:right}.mission-option:hover,.mission-option:focus-visible,.choice-card:hover,.choice-card.selected{border-color:var(--gold);background:#192329}.mission-feedback{margin-top:16px;padding:16px;border-right:4px solid var(--teal2);background:#0d171b;line-height:1.7}.mission-feedback.wrong{border-color:var(--red)}.mission-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.hint-inline{margin-top:14px;padding:15px;border:1px dashed var(--gold);background:#0b1216;color:var(--cream);line-height:1.75}.hint-btn{min-height:var(--tap);border:1px solid var(--gold);background:transparent;color:var(--gold);padding:12px 17px;font-weight:700}
.evidence-guide{padding:16px 18px;border-right:4px solid var(--teal);background:#101a1f;margin-bottom:18px;color:var(--cream);line-height:1.7}.evidence-card{min-height:190px}.evidence-card:after{content:'اضغط لفتح الدليل';position:absolute;right:18px;bottom:13px;color:var(--gold);font-size:.72rem}.evidence-card.locked:after{content:'اضغط لإدخال الرمز'}.evidence-body{padding-bottom:38px}.candidate-grid,.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0 24px}.choice-card{display:flex;align-items:center;gap:12px}.choice-card b{font-size:1rem}.choice-card span{color:var(--muted);font-size:.82rem}.choice-mark{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;flex:none}.choice-card.selected .choice-mark{background:var(--gold);color:#111}.final-submit{width:100%;min-height:58px}.locked-stage{text-align:center;padding:44px 22px;border:1px dashed var(--line);background:#0e171c}.locked-stage h2{margin-top:0}.case-closed{text-align:center;border:1px solid var(--gold);padding:clamp(30px,7vw,64px);background:radial-gradient(circle at 50% 0,rgba(182,144,84,.16),transparent 42%),#10181d}.case-closed .stamp{display:inline-block;border:3px solid var(--gold);padding:10px 18px;color:var(--gold);font:900 1.2rem monospace;transform:rotate(-2deg);margin-bottom:16px}.case-closed h1{font-size:clamp(2.5rem,8vw,5rem);margin:0 0 8px}.solution-brief{max-width:720px;margin:28px auto 0;text-align:right;display:grid;gap:10px}.solution-brief div{padding:14px 16px;border-right:3px solid var(--teal);background:#0b1317}.solution-brief b{color:var(--gold)}
.bottom-nav{grid-template-columns:repeat(3,1fr)!important}.sidebar nav button{min-height:var(--tap)}.primary-btn,.ghost-btn,.icon-btn{min-height:var(--tap)}
@media(max-width:850px){.content{padding-top:88px}.case-summary{grid-template-columns:1fr}.case-summary-visual{min-height:190px;order:-1}.stage-strip{position:sticky;top:66px;z-index:12;margin:0 -16px 18px;padding:11px 16px;background:rgba(10,16,20,.97)}.stage-strip span{display:none}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.suspect-compact{display:block;text-align:right}.suspect-dot{margin-bottom:12px}.evidence-card{min-height:185px}.mission-option,.choice-card{min-height:58px}.brief-card{padding:24px}.onboarding{grid-template-columns:1fr}.onboarding div{display:flex;align-items:center;text-align:right}.onboarding b{width:32px}.candidate-grid,.proof-grid{grid-template-columns:1fr}.top-actions .icon-btn:first-child{display:none}}
@media(max-width:430px){.grid-3{grid-template-columns:1fr}.section-title{align-items:start;display:block}.section-title p{margin-top:5px}.case-summary-copy{padding:22px}.case-summary h1{font-size:2.45rem}.mission-card{padding:18px}.bottom-nav button{font-size:.76rem}.stage-strip{margin-inline:-12px;padding-inline:12px}.stage-strip strong{font-size:.87rem}.evidence-card{min-height:170px}}