/* مغامرة المأمون V36 — واجهة مغامرة البحرين */
:root{
  --v36-navy:#113f67;
  --v36-deep:#062e4c;
  --v36-teal:#069ca4;
  --v36-sea:#0b89a0;
  --v36-gold:#eab126;
  --v36-cream:#fffdf4;
}
.v36-start{min-height:100svh;background:
  radial-gradient(circle at 66% 8%,rgba(33,190,211,.32),transparent 26%),
  radial-gradient(circle at 16% 62%,rgba(24,112,148,.3),transparent 30%),
  linear-gradient(135deg,#184b70 0%,#007f95 56%,#00a7a1 100%);overflow-x:hidden;position:relative;padding-bottom:54px}
.v36-start::after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(180deg,transparent,rgba(1,42,69,.36));pointer-events:none}
.v36-sky{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.72}
.v36-star{position:absolute;color:rgba(255,255,255,.45);font-size:18px}.v36-star.s1{top:14%;left:43%}.v36-star.s2{top:28%;left:8%;font-size:11px}
.v36-cloud{position:absolute;color:rgba(255,255,255,.18);font-size:90px;filter:blur(.2px)}.v36-cloud.c1{left:4%;top:18%}.v36-cloud.c2{right:42%;top:6%;font-size:64px}
.v36-header{width:min(1480px,96vw);margin:0 auto;padding:14px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:5;direction:ltr}
.v36-header-tools{display:flex;align-items:center;gap:10px;direction:rtl}
.v36-icon-btn{width:58px;height:58px;border:1px solid rgba(255,255,255,.45);border-radius:18px;background:#fff;color:var(--v36-navy);font-size:24px;box-shadow:0 12px 28px rgba(3,38,61,.17);cursor:pointer}
.v36-mini-pill{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:800;backdrop-filter:blur(12px)}
.v36-school-brand{display:flex;align-items:center;gap:12px;direction:rtl;background:rgba(255,255,255,.95);padding:10px 16px 10px 22px;border-radius:24px;box-shadow:0 16px 40px rgba(0,39,62,.16);border:1px solid rgba(255,255,255,.72)}
.v36-school-brand img{width:64px;height:64px;object-fit:contain}.v36-school-copy{text-align:right}.v36-school-copy b{display:block;font-size:clamp(20px,1.7vw,30px);line-height:1.1;color:var(--v36-navy)}.v36-school-copy span{display:block;color:#0297a5;font-weight:900;font-size:14px;margin-top:4px}
.v36-home{width:min(1480px,96vw);margin:0 auto;display:grid;grid-template-columns:minmax(430px,.86fr) minmax(620px,1.42fr);gap:20px;align-items:stretch;direction:ltr;position:relative;z-index:3}
.v36-intro-card,.v36-map-card{direction:rtl;border-radius:36px;border:4px solid rgba(255,255,255,.72);box-shadow:0 28px 60px rgba(1,39,63,.25);overflow:hidden;position:relative}
.v36-intro-card{background:linear-gradient(145deg,#fffef7 0%,#fffaf0 70%,#fff5d9 100%);padding:24px 24px 18px;display:flex;flex-direction:column;min-height:690px}
.v36-intro-card::before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;left:-100px;top:-120px;border:1px solid rgba(211,161,38,.26);box-shadow:0 0 0 40px rgba(234,177,38,.04),0 0 0 80px rgba(234,177,38,.025)}
.v36-intro-top{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:16px;min-height:320px;position:relative;z-index:1;direction:ltr}.v36-intro-top>*{direction:rtl}
.v36-mascot-box{height:310px;align-self:end;position:relative;display:flex;align-items:flex-end;justify-content:center}.v36-mascot-box::before{content:"";position:absolute;inset:56px 6px 4px;border-radius:90px 90px 32px 32px;background:radial-gradient(circle at 50% 36%,#eaf8ff 0,#e9f5ef 50%,#f7eac9 100%)}
.v36-mascot-box img{position:relative;z-index:2;max-height:305px;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(26,62,80,.2))}.v36-compass{position:absolute;z-index:3;bottom:12px;left:2px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff5c9;border:3px solid #e4ae24;color:#a76b00;font-size:25px;box-shadow:0 8px 18px rgba(118,78,0,.18)}
.v36-copy{text-align:right}.v36-eyebrow{display:inline-block;color:#9d6504;font-size:16px;font-weight:900;margin-bottom:5px}.v36-copy h1{font-size:clamp(45px,4.4vw,70px);line-height:.94;margin:0;color:var(--v36-navy);letter-spacing:-1.5px}.v36-copy h1 span{color:#087e8e}.v36-ribbon{display:inline-block;margin:14px 0 12px;background:linear-gradient(180deg,#fff0bd,#f7d77b);border:1px solid #edc45a;color:#875207;font-size:clamp(20px,1.7vw,28px);font-weight:900;padding:8px 18px;border-radius:10px 18px 10px 18px;transform:rotate(-1deg);box-shadow:0 6px 0 rgba(201,145,20,.13)}
.v36-copy p{margin:0;color:#254a68;font-size:17px;line-height:1.75;font-weight:600}.v36-copy p b{font-weight:900}.v36-english{font-size:13px!important;color:#087f8c!important;font-weight:800!important;margin-top:5px!important;line-height:1.35!important}
.v36-section-title{display:flex;align-items:center;gap:12px;margin:12px 0 10px;color:var(--v36-navy);font-size:18px}.v36-section-title span{height:2px;flex:1;background:linear-gradient(90deg,transparent,#e1b238)}
.v36-steps{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;align-items:center;gap:5px;direction:rtl}.v36-step{position:relative;min-height:116px;border-radius:20px;background:#fff;border:1px solid #eadfc7;box-shadow:0 8px 18px rgba(25,66,90,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 5px;color:var(--v36-navy)}.v36-step i{position:absolute;top:-8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffd862;border:2px solid #d69e17;font-style:normal;font-weight:900;color:#503500}.v36-step-icon{font-size:30px;line-height:1}.v36-step b{font-size:15px;margin-top:5px}.v36-step small{font-size:12px;color:#8b6b32}.v36-step.treasure{background:linear-gradient(180deg,#fffdf1,#fff0b4);border-color:#e8c75f}.v36-arrow{color:#0b8f9b;font-size:24px;font-weight:900;text-align:center}
.v36-evidence{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.v36-evidence span{background:rgba(255,255,255,.82);border:1px solid #e1e5dc;border-radius:999px;padding:7px 6px;text-align:center;color:#4b6576;font-size:12px;font-weight:900;white-space:nowrap}
.v36-actions{margin-top:auto}.v36-start-btn{width:100%;font-size:25px!important;padding:17px 20px!important;border-radius:18px!important}.v36-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.v36-secondary-actions .big-btn{width:100%;font-size:18px;padding:13px 10px;border-radius:17px}.v36-intro-card .resume-box,.v36-intro-card .voice-banner{margin-top:10px}
.v36-map-card{min-height:690px;background:#cff4ff;padding:0}.v36-map-card img{width:100%;height:100%;min-height:690px;display:block;object-fit:cover;object-position:center;filter:saturate(1.04) contrast(1.01)}.v36-map-card::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);pointer-events:none;border-radius:32px}
.v36-map-label{position:absolute;top:22px;right:22px;z-index:3;background:rgba(10,61,93,.91);color:white;padding:11px 18px;border-radius:999px;font-weight:900;box-shadow:0 10px 26px rgba(0,35,57,.28);backdrop-filter:blur(8px)}
.v36-map-caption{position:absolute;left:20px;bottom:18px;z-index:3;background:rgba(255,250,229,.94);border:1px solid rgba(218,164,35,.55);padding:10px 16px;border-radius:18px;color:#704704;box-shadow:0 10px 25px rgba(81,50,0,.14);display:flex;flex-direction:column;max-width:330px}.v36-map-caption b{font-size:16px}.v36-map-caption span{font-size:12px;color:#7a6540}
.v36-credit{position:relative;z-index:4;width:min(1400px,94vw);margin:12px auto 0;color:rgba(255,255,255,.92);display:flex;justify-content:center;align-items:center;gap:16px;font-size:13px;font-weight:700;text-align:center}.v36-credit i{font-style:normal;color:#8bdde0}.v36-credit em{font-style:normal;background:rgba(255,255,255,.16);padding:3px 9px;border-radius:999px}
@media(max-width:1180px){.v36-home{grid-template-columns:1fr}.v36-map-card{min-height:560px;order:2}.v36-map-card img{min-height:560px}.v36-intro-card{min-height:auto}.v36-header{width:94vw}.v36-mini-pill{display:none}.v36-intro-top{grid-template-columns:190px 1fr}}
@media(max-width:720px){.v36-start{padding-bottom:30px}.v36-header{padding-top:8px;align-items:stretch}.v36-school-brand{padding:8px 11px}.v36-school-brand img{width:50px;height:50px}.v36-school-copy b{font-size:17px}.v36-school-copy span{font-size:10px}.v36-icon-btn{width:50px;height:50px}.v36-home{width:94vw;gap:12px}.v36-intro-card{padding:16px;border-radius:26px}.v36-intro-top{grid-template-columns:1fr;min-height:auto;text-align:center}.v36-copy{text-align:center}.v36-mascot-box{height:220px;order:2}.v36-mascot-box img{max-height:225px}.v36-copy h1{font-size:46px}.v36-copy p{font-size:15px}.v36-ribbon{font-size:20px}.v36-steps{grid-template-columns:repeat(4,1fr);gap:6px}.v36-arrow{display:none}.v36-step{min-height:104px}.v36-step b{font-size:12px}.v36-step small{font-size:10px}.v36-evidence{grid-template-columns:1fr 1fr}.v36-secondary-actions{grid-template-columns:1fr}.v36-map-card{min-height:390px;border-radius:26px}.v36-map-card img{min-height:390px}.v36-map-label{top:12px;right:12px;font-size:13px}.v36-map-caption{left:10px;right:10px;bottom:10px;max-width:none}.v36-credit{flex-wrap:wrap;gap:6px;font-size:11px}.v36-credit i{display:none}}
/* المدود في مختبر الحروف */
.lc-row.long-vowels{padding:8px;border-radius:18px;background:#fff9df;border:1px dashed #e7c359}.lc-chip.long{border-color:#e6c660;background:#fffdf2}.long-note b{font-family:var(--learn);font-size:22px;color:var(--v36-navy)}
\n\n/* V36.1 — خريطة البداية أوضح وأصغر */
@media(min-width:1181px){
  .v36-home{
    width:min(1320px,94vw);
    grid-template-columns:minmax(420px,520px) minmax(0,760px);
    justify-content:center;
    align-items:start;
    gap:18px;
  }
  .v36-intro-card{min-height:650px}
  .v36-map-card{
    min-height:0;
    max-width:760px;
    width:100%;
    align-self:start;
    justify-self:center;
    padding:8px;
    background:linear-gradient(180deg,#dff8ff,#bdeef7);
  }
  .v36-map-card img{
    width:100%;
    height:auto;
    min-height:0;
    object-fit:contain;
    object-position:center;
    filter:none;
    border-radius:28px;
    display:block;
  }
  .v36-map-card .v36-map-label,
  .v36-map-card .v36-map-caption{display:none}
}
@media(max-width:1180px){
  .v36-map-card{min-height:0;padding:8px}
  .v36-map-card img{width:100%;height:auto;min-height:0;object-fit:contain;filter:none;border-radius:22px}
  .v36-map-card .v36-map-label,
  .v36-map-card .v36-map-caption{display:none}
}
/* شعار مختبر الحروف */
.ab-icon{white-space:nowrap}