/* Ahlan Arabi Native V4 — جبل الألف اللينة */
.samGame{--ac:#93c5fd;--dk:#475569;--sf:#e0f2fe;--ink:#1e3a5f;direction:rtl;font-family:inherit;position:relative;max-width:1180px;margin:0 auto;padding:12px;color:var(--ink);isolation:isolate}
.samHeader{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px;border-radius:24px;background:linear-gradient(135deg,var(--sf),#fff);border:1px solid #ffffffcc;box-shadow:0 15px 34px #00000012}
.samHeader span{font-size:13px;font-weight:800;color:var(--dk)}.samHeader h1{margin:4px 0;font-size:clamp(24px,4vw,42px);line-height:1.15}.samHeader p{margin:0;max-width:760px;font-size:15px;line-height:1.7}
.samHeader button,.samLevels button,.samTools button,.samControls button,.samOptions button,.samEnd button{font:inherit;border:0;cursor:pointer;touch-action:manipulation}
.samHeader button{white-space:nowrap;padding:10px 13px;border-radius:15px;background:#fff;box-shadow:0 6px 16px #0001;font-weight:800}
.samLevels{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px 0}.samLevels button{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #00000012;font-weight:800;box-shadow:0 4px 12px #0001}.samLevels button.is-active{background:var(--dk);color:#fff;transform:translateY(-1px)}
.samStats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:9px 0}.samStats>div{background:#ffffffdd;border:1px solid #ffffffaa;border-radius:15px;padding:8px;text-align:center;box-shadow:0 5px 14px #0001;font-size:14px}.samStats b{font-size:17px}
.samScene{position:relative;overflow:hidden;min-height:390px;border-radius:28px;padding:18px;background:radial-gradient(circle at 20% 0%,#ffffffbb,transparent 35%),linear-gradient(145deg,var(--sf),#fff 68%);border:1px solid #fff;box-shadow:0 18px 42px #00000018}
.samCard{position:relative;z-index:2;max-width:780px;margin:0 auto;text-align:center;background:#ffffffde;backdrop-filter:blur(8px);border:1px solid #fff;border-radius:25px;padding:15px 17px;box-shadow:0 12px 30px #0001}.samCard small{display:inline-block;padding:4px 10px;border-radius:99px;background:var(--sf);font-weight:900;color:var(--dk)}.samEmoji{font-size:clamp(46px,8vw,78px);line-height:1;margin:6px 0;filter:drop-shadow(0 6px 4px #0002)}.samCard h2{font-size:clamp(21px,3.6vw,35px);margin:7px 0;line-height:1.55}.samCard p{margin:3px 0 8px;font-weight:700;color:#475569}
.samTools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.samTools button{padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #0001;font-weight:800}.samTools button:disabled{opacity:.45;cursor:not-allowed}
.samTime{display:block;width:min(520px,90%);height:7px;background:#e2e8f0;border-radius:99px;margin:11px auto 0;overflow:hidden}.samTime b{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--dk),var(--ac));transition:width .12s linear}
.samOptions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;max-width:920px;margin:15px auto}.samOptions button{min-height:55px;border-radius:17px;padding:10px 12px;background:#fff;border:2px solid #ffffff;box-shadow:0 8px 18px #00000014;font-weight:900;font-size:17px;transition:.18s transform,.18s box-shadow,.18s background}.samOptions button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0002}.samOptions button.correct{background:#dcfce7;border-color:#22c55e}.samOptions button.wrong{background:#fee2e2;border-color:#ef4444}.samOptions button.hint{outline:4px solid #facc15;outline-offset:2px}
.samMessage,.samBank{position:relative;z-index:2;text-align:center;max-width:920px;margin:8px auto;border-radius:15px;padding:9px 12px}.samMessage{background:#ffffffdb;font-weight:800;min-height:24px}.samBank{font-size:12px;color:#64748b}
.samSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.samSummary>div{text-align:center;background:#fff;border-radius:15px;padding:8px;box-shadow:0 5px 14px #0001}.samSummary small{display:block;color:#64748b}.samSummary b{font-size:19px}
.samControls{display:flex;justify-content:center;gap:10px}.samControls button{padding:11px 19px;border-radius:15px;background:var(--dk);color:#fff;font-weight:900;box-shadow:0 7px 16px #0002}.samControls button+button{background:#fff;color:var(--ink)}.samControls button:disabled{opacity:.45}
.samEnd{display:none;position:absolute;z-index:30;inset:0;background:#0f172acc;backdrop-filter:blur(6px);border-radius:28px;align-items:center;justify-content:center;padding:20px}.samEnd.is-visible{display:flex}.samEnd>div{width:min(520px,94%);background:#fff;border-radius:28px;text-align:center;padding:24px;box-shadow:0 25px 60px #0006}.samCup{font-size:70px}.samEnd h2{margin:8px 0}.samEnd button{padding:10px 20px;border-radius:14px;background:var(--dk);color:#fff;font-weight:900}
.samScene.win .samCard{animation:sampop .55s ease}@keyframes sampop{50%{transform:scale(1.025);box-shadow:0 0 0 9px #ffffff88,0 18px 35px #0002}}@keyframes samfloat{50%{transform:translateY(-8px)}}
.samMountain{position:absolute;right:2%;bottom:0;font-size:120px;opacity:.18;pointer-events:none}.samMountain i{position:absolute;right:35%;top:-5px;font-style:normal;font-size:42px;animation:samflag 1.8s ease-in-out infinite}@keyframes samflag{50%{transform:translateY(-8px) rotate(4deg)}}
@media(max-width:720px){.samGame{padding:7px}.samHeader{align-items:flex-start;padding:13px;border-radius:19px}.samHeader p{font-size:13px}.samHeader button{font-size:12px;padding:8px}.samStats{grid-template-columns:repeat(3,1fr)}.samScene{min-height:430px;padding:11px;border-radius:22px}.samCard{padding:12px}.samOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.samOptions button{font-size:15px;min-height:52px;padding:8px}.samSummary{grid-template-columns:repeat(2,1fr)}}
@media(max-height:780px) and (min-width:721px){.samHeader{padding:10px 15px}.samHeader h1{font-size:27px}.samHeader p{font-size:13px}.samLevels{margin:6px 0}.samStats{margin:6px 0}.samScene{min-height:315px;padding:12px}.samEmoji{font-size:49px}.samCard h2{font-size:24px;margin:3px 0}.samOptions{margin:10px auto}.samSummary{margin:6px 0}}
