/* Ahlan Arabi Native V4 — قطار أسماء الموصول */
.rptGame{--ac:#60a5fa;--dk:#1d4ed8;--sf:#e0f2fe;--ink:#0b3a66;direction:rtl;font-family:inherit;position:relative;max-width:1180px;margin:0 auto;padding:12px;color:var(--ink);isolation:isolate}
.rptHeader{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}
.rptHeader span{font-size:13px;font-weight:800;color:var(--dk)}.rptHeader h1{margin:4px 0;font-size:clamp(24px,4vw,42px);line-height:1.15}.rptHeader p{margin:0;max-width:760px;font-size:15px;line-height:1.7}
.rptHeader button,.rptLevels button,.rptTools button,.rptControls button,.rptOptions button,.rptEnd button{font:inherit;border:0;cursor:pointer;touch-action:manipulation}
.rptHeader button{white-space:nowrap;padding:10px 13px;border-radius:15px;background:#fff;box-shadow:0 6px 16px #0001;font-weight:800}
.rptLevels{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px 0}.rptLevels button{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #00000012;font-weight:800;box-shadow:0 4px 12px #0001}.rptLevels button.is-active{background:var(--dk);color:#fff;transform:translateY(-1px)}
.rptStats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:9px 0}.rptStats>div{background:#ffffffdd;border:1px solid #ffffffaa;border-radius:15px;padding:8px;text-align:center;box-shadow:0 5px 14px #0001;font-size:14px}.rptStats b{font-size:17px}
.rptScene{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}
.rptCard{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}.rptCard small{display:inline-block;padding:4px 10px;border-radius:99px;background:var(--sf);font-weight:900;color:var(--dk)}.rptEmoji{font-size:clamp(46px,8vw,78px);line-height:1;margin:6px 0;filter:drop-shadow(0 6px 4px #0002)}.rptCard h2{font-size:clamp(21px,3.6vw,35px);margin:7px 0;line-height:1.55}.rptCard p{margin:3px 0 8px;font-weight:700;color:#475569}
.rptTools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.rptTools button{padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #0001;font-weight:800}.rptTools button:disabled{opacity:.45;cursor:not-allowed}
.rptTime{display:block;width:min(520px,90%);height:7px;background:#e2e8f0;border-radius:99px;margin:11px auto 0;overflow:hidden}.rptTime b{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--dk),var(--ac));transition:width .12s linear}
.rptOptions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;max-width:920px;margin:15px auto}.rptOptions 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}.rptOptions button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0002}.rptOptions button.correct{background:#dcfce7;border-color:#22c55e}.rptOptions button.wrong{background:#fee2e2;border-color:#ef4444}.rptOptions button.hint{outline:4px solid #facc15;outline-offset:2px}
.rptMessage,.rptBank{position:relative;z-index:2;text-align:center;max-width:920px;margin:8px auto;border-radius:15px;padding:9px 12px}.rptMessage{background:#ffffffdb;font-weight:800;min-height:24px}.rptBank{font-size:12px;color:#64748b}
.rptSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.rptSummary>div{text-align:center;background:#fff;border-radius:15px;padding:8px;box-shadow:0 5px 14px #0001}.rptSummary small{display:block;color:#64748b}.rptSummary b{font-size:19px}
.rptControls{display:flex;justify-content:center;gap:10px}.rptControls button{padding:11px 19px;border-radius:15px;background:var(--dk);color:#fff;font-weight:900;box-shadow:0 7px 16px #0002}.rptControls button+button{background:#fff;color:var(--ink)}.rptControls button:disabled{opacity:.45}
.rptEnd{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}.rptEnd.is-visible{display:flex}.rptEnd>div{width:min(520px,94%);background:#fff;border-radius:28px;text-align:center;padding:24px;box-shadow:0 25px 60px #0006}.rptCup{font-size:70px}.rptEnd h2{margin:8px 0}.rptEnd button{padding:10px 20px;border-radius:14px;background:var(--dk);color:#fff;font-weight:900}
.rptScene.win .rptCard{animation:rptpop .55s ease}@keyframes rptpop{50%{transform:scale(1.025);box-shadow:0 0 0 9px #ffffff88,0 18px 35px #0002}}@keyframes rptfloat{50%{transform:translateY(-8px)}}
.rptTrack{position:absolute;left:3%;right:3%;bottom:16px;height:70px;opacity:.22;pointer-events:none}.rptTrack span{position:absolute;font-size:54px;animation:rpttrain 7s linear infinite}.rptTrack b{position:absolute;left:0;right:0;height:5px;background:#334155;border-radius:10px;bottom:12px}.rptTrack b:nth-of-type(2){bottom:25px}.rptTrack b:nth-of-type(3){display:none}@keyframes rpttrain{from{left:0}to{left:calc(100% - 60px)}}
@media(max-width:720px){.rptGame{padding:7px}.rptHeader{align-items:flex-start;padding:13px;border-radius:19px}.rptHeader p{font-size:13px}.rptHeader button{font-size:12px;padding:8px}.rptStats{grid-template-columns:repeat(3,1fr)}.rptScene{min-height:430px;padding:11px;border-radius:22px}.rptCard{padding:12px}.rptOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rptOptions button{font-size:15px;min-height:52px;padding:8px}.rptSummary{grid-template-columns:repeat(2,1fr)}}
@media(max-height:780px) and (min-width:721px){.rptHeader{padding:10px 15px}.rptHeader h1{font-size:27px}.rptHeader p{font-size:13px}.rptLevels{margin:6px 0}.rptStats{margin:6px 0}.rptScene{min-height:315px;padding:12px}.rptEmoji{font-size:49px}.rptCard h2{font-size:24px;margin:3px 0}.rptOptions{margin:10px auto}.rptSummary{margin:6px 0}}