/* Ahlan Arabi Native V4 — مدينة الجموع */
.ptcGame{--ac:#ffcf48;--dk:#4d7c0f;--sf:#fff7d1;--ink:#5b3a00;direction:rtl;font-family:inherit;position:relative;max-width:1180px;margin:0 auto;padding:12px;color:var(--ink);isolation:isolate}
.ptcHeader{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}
.ptcHeader span{font-size:13px;font-weight:800;color:var(--dk)}.ptcHeader h1{margin:4px 0;font-size:clamp(24px,4vw,42px);line-height:1.15}.ptcHeader p{margin:0;max-width:760px;font-size:15px;line-height:1.7}
.ptcHeader button,.ptcLevels button,.ptcTools button,.ptcControls button,.ptcOptions button,.ptcEnd button{font:inherit;border:0;cursor:pointer;touch-action:manipulation}
.ptcHeader button{white-space:nowrap;padding:10px 13px;border-radius:15px;background:#fff;box-shadow:0 6px 16px #0001;font-weight:800}
.ptcLevels{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px 0}.ptcLevels button{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #00000012;font-weight:800;box-shadow:0 4px 12px #0001}.ptcLevels button.is-active{background:var(--dk);color:#fff;transform:translateY(-1px)}
.ptcStats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:9px 0}.ptcStats>div{background:#ffffffdd;border:1px solid #ffffffaa;border-radius:15px;padding:8px;text-align:center;box-shadow:0 5px 14px #0001;font-size:14px}.ptcStats b{font-size:17px}
.ptcScene{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}
.ptcCard{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}.ptcCard small{display:inline-block;padding:4px 10px;border-radius:99px;background:var(--sf);font-weight:900;color:var(--dk)}.ptcEmoji{font-size:clamp(46px,8vw,78px);line-height:1;margin:6px 0;filter:drop-shadow(0 6px 4px #0002)}.ptcCard h2{font-size:clamp(21px,3.6vw,35px);margin:7px 0;line-height:1.55}.ptcCard p{margin:3px 0 8px;font-weight:700;color:#475569}
.ptcTools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.ptcTools button{padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #0001;font-weight:800}.ptcTools button:disabled{opacity:.45;cursor:not-allowed}
.ptcTime{display:block;width:min(520px,90%);height:7px;background:#e2e8f0;border-radius:99px;margin:11px auto 0;overflow:hidden}.ptcTime b{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--dk),var(--ac));transition:width .12s linear}
.ptcOptions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;max-width:920px;margin:15px auto}.ptcOptions 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}.ptcOptions button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0002}.ptcOptions button.correct{background:#dcfce7;border-color:#22c55e}.ptcOptions button.wrong{background:#fee2e2;border-color:#ef4444}.ptcOptions button.hint{outline:4px solid #facc15;outline-offset:2px}
.ptcMessage,.ptcBank{position:relative;z-index:2;text-align:center;max-width:920px;margin:8px auto;border-radius:15px;padding:9px 12px}.ptcMessage{background:#ffffffdb;font-weight:800;min-height:24px}.ptcBank{font-size:12px;color:#64748b}
.ptcSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.ptcSummary>div{text-align:center;background:#fff;border-radius:15px;padding:8px;box-shadow:0 5px 14px #0001}.ptcSummary small{display:block;color:#64748b}.ptcSummary b{font-size:19px}
.ptcControls{display:flex;justify-content:center;gap:10px}.ptcControls button{padding:11px 19px;border-radius:15px;background:var(--dk);color:#fff;font-weight:900;box-shadow:0 7px 16px #0002}.ptcControls button+button{background:#fff;color:var(--ink)}.ptcControls button:disabled{opacity:.45}
.ptcEnd{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}.ptcEnd.is-visible{display:flex}.ptcEnd>div{width:min(520px,94%);background:#fff;border-radius:28px;text-align:center;padding:24px;box-shadow:0 25px 60px #0006}.ptcCup{font-size:70px}.ptcEnd h2{margin:8px 0}.ptcEnd button{padding:10px 20px;border-radius:14px;background:var(--dk);color:#fff;font-weight:900}
.ptcScene.win .ptcCard{animation:ptcpop .55s ease}@keyframes ptcpop{50%{transform:scale(1.025);box-shadow:0 0 0 9px #ffffff88,0 18px 35px #0002}}@keyframes ptcfloat{50%{transform:translateY(-8px)}}
.ptcSkyline{position:absolute;inset:auto 3% 1% 3%;height:105px;display:flex;align-items:flex-end;justify-content:space-around;opacity:.20;pointer-events:none}.ptcSkyline i{font-style:normal;font-size:72px;filter:drop-shadow(0 10px 5px #0002);animation:ptcfloat 3s ease-in-out infinite}.ptcSkyline i:nth-child(2){font-size:95px;animation-delay:.4s}.ptcSkyline i:nth-child(3){font-size:82px;animation-delay:.8s}
@media(max-width:720px){.ptcGame{padding:7px}.ptcHeader{align-items:flex-start;padding:13px;border-radius:19px}.ptcHeader p{font-size:13px}.ptcHeader button{font-size:12px;padding:8px}.ptcStats{grid-template-columns:repeat(3,1fr)}.ptcScene{min-height:430px;padding:11px;border-radius:22px}.ptcCard{padding:12px}.ptcOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ptcOptions button{font-size:15px;min-height:52px;padding:8px}.ptcSummary{grid-template-columns:repeat(2,1fr)}}
@media(max-height:780px) and (min-width:721px){.ptcHeader{padding:10px 15px}.ptcHeader h1{font-size:27px}.ptcHeader p{font-size:13px}.ptcLevels{margin:6px 0}.ptcStats{margin:6px 0}.ptcScene{min-height:315px;padding:12px}.ptcEmoji{font-size:49px}.ptcCard h2{font-size:24px;margin:3px 0}.ptcOptions{margin:10px auto}.ptcSummary{margin:6px 0}}