/* خمّن اللاعب (أكتوبر 2026) — كل الأسماء تبدأ بـ gp- حتى ما تتداخل مع باقي الموقع
   الألوان: أخضر الملعب + أبيض الطباشير. أخضر = صح، أصفر = قريب، رمادي = لا. (ومعها علامة ✓ ≈ ✕ عشان ما نعتمد على اللون بس) */
.gp{--ink:#13261B;--sub:#55665B;--chalk:#F3F7F1;--line:#DCE6D8;--pitch:#0F6B3E;--pitch2:#0A4F2D;--ok:#1E8E4E;--near:#F2C14E;--neart:#4A3510;--no:#E7EAE5;--not:#5D6B62;
    --gold:#F4B740;--goldsh:#B7801A;
    position:relative;max-width:560px;margin:0 auto;direction:rtl;padding-bottom:112px;color:var(--ink);-webkit-tap-highlight-color:transparent}
.gp [hidden]{display:none!important}
.gp button{font-family:inherit;-webkit-user-select:none;user-select:none}

/* الأزرار */
.gp-btn{display:block;width:100%;max-width:340px;margin:0 auto 10px;border:0;border-radius:16px;padding:13px 10px;font-weight:900;font-size:16px;cursor:pointer;color:var(--ink);background:#fff;box-shadow:0 3px 0 var(--line);line-height:1.35}
.gp-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}
.gp-btn:disabled{opacity:.45;cursor:default;transform:none}
.gp-main{color:#3A2405;background:linear-gradient(180deg,#FFD27A,var(--gold));box-shadow:0 5px 0 var(--goldsh),0 10px 18px rgba(183,128,26,.22);font-size:18px;padding:15px 10px}
.gp-main:active{box-shadow:0 2px 0 var(--goldsh)}
.gp-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:340px;margin:0 auto 10px}
.gp-row .gp-btn{margin:0;font-size:14.5px}
.gp-link{display:block;margin:6px auto 0;border:0;background:none;color:var(--pitch);font-weight:900;font-size:14.5px;cursor:pointer;padding:8px;text-decoration:underline;text-underline-offset:4px}
.gp-small{font-size:12.5px;font-weight:700;color:var(--sub);margin:8px 0 0;line-height:1.7}

/* القميص (بدون شعارات أو صور) */
.gp-shirt{position:relative;width:130px;height:132px;margin:0 auto;color:#fff;
    background:repeating-linear-gradient(90deg,var(--pitch) 0 14px,#127848 14px 28px);
    clip-path:polygon(31% 0,69% 0,100% 16%,90% 40%,78% 34%,78% 100%,22% 100%,22% 34%,10% 40%,0 16%);
    filter:drop-shadow(0 8px 12px rgba(10,79,45,.25))}
.gp-shirt::before{content:"";position:absolute;top:-14px;left:50%;width:44px;height:28px;margin-left:-22px;border-radius:50%;background:var(--pitch2)}
.gp-shirt-name{position:absolute;top:30%;left:22%;right:22%;text-align:center;font-weight:900;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}
.gp-shirt-name.long{font-size:10px;top:32%}
.gp-shirt-n{position:absolute;top:44%;left:22%;right:22%;text-align:center;font-weight:900;font-size:46px;line-height:1;color:var(--gold);text-shadow:0 2px 0 var(--pitch2);font-variant-numeric:tabular-nums}
.gp-shirt-big{width:150px;height:152px;flex:0 0 150px}
.gp-shirt-big .gp-shirt-n{font-size:52px}

/* شاشة البداية */
.gp-panel{position:relative;border-radius:24px;padding:24px 16px 20px;text-align:center;overflow:hidden;background:var(--chalk);box-shadow:0 14px 34px rgba(19,38,27,.14);border-top:8px solid var(--pitch)}
.gp-hero{margin:4px auto 10px;animation:gp-bob 3.2s ease-in-out infinite}
.gp-title{font-size:36px;font-weight:900;margin:0;color:var(--pitch)}
.gp-tag{margin:4px 0 16px;color:var(--sub);font-weight:800;font-size:15.5px;line-height:1.8}
.gp-line{min-height:22px;margin:0 0 10px;font-weight:800;font-size:14px;color:#9B3D3D}
.gp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:340px;margin:10px auto 0}
.gp-stats:empty{display:none}
.gp-stat{background:#fff;border-radius:12px;padding:8px 2px;box-shadow:0 2px 0 var(--line)}
.gp-stat b{display:block;font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}
.gp-stat small{display:block;font-size:11px;font-weight:800;color:var(--sub)}
.gp-src{font-size:11.5px;font-weight:700;color:var(--sub);line-height:1.7;margin:14px auto 0;max-width:400px}
.gp-src:empty{display:none}

/* ساحة اللعب */
.gp-stage{position:relative;display:flex;flex-direction:column;min-height:560px;border-radius:24px;padding:10px;background:var(--chalk);box-shadow:0 14px 34px rgba(19,38,27,.14);overflow:hidden}
.gp-top{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.gp-ico{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:14px;background:#fff;font-size:19px;cursor:pointer;box-shadow:0 2px 0 var(--line);color:var(--ink)}
.gp-top-mid{flex:1;min-width:0;text-align:center;line-height:1.3}
.gp-top-mid b{display:block;font-size:16px;font-weight:900;color:var(--pitch)}
.gp-top-mid small{display:block;font-size:12.5px;font-weight:800;color:var(--sub)}
.gp-fresh{margin:8px 0 0;background:#DCFCE7;color:#14532D;border-radius:12px;padding:8px 10px;font-weight:900;font-size:14px;text-align:center}
.gp-fresh button{border:0;background:#15803D;color:#fff;border-radius:999px;padding:4px 12px;font-weight:900;margin-inline-start:6px;cursor:pointer}
.gp-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px;padding:10px 2px 4px}

/* بطاقة اللاعب السري */
.gp-card{background:var(--pitch);border-radius:18px;padding:8px 8px 9px;color:#fff;box-shadow:0 6px 16px rgba(10,79,45,.22)}
.gp-card-h{font-size:13px;font-weight:900;text-align:center;margin-bottom:6px;opacity:.95}
.gp-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.gp-slot{border-radius:12px;padding:6px 3px 7px;text-align:center;line-height:1.3;min-height:58px;display:flex;flex-direction:column;justify-content:center}
.gp-slot small{display:block;font-size:10.5px;font-weight:800;opacity:.85}
.gp-slot b{display:block;font-size:14px;font-weight:900;word-break:break-word}
.gp-slot i{display:block;font-style:normal;font-size:10px;font-weight:800;opacity:.85;line-height:1.35}
.gp-slot.gp-unk{background:rgba(255,255,255,.1);border:2px dashed rgba(255,255,255,.35)}
.gp-slot.gp-unk b{font-size:20px;opacity:.85}
.gp-slot.gp-near{background:var(--near);color:var(--neart)}
.gp-slot.gp-ok{background:#fff;color:var(--pitch);animation:gp-pop .35s cubic-bezier(.2,1.3,.4,1) both}
.gp-card-done .gp-slot.gp-ok{animation:none}
.gp-hint-line{background:#FFF7DB;border:2px dashed var(--gold);border-radius:14px;padding:8px 12px;font-weight:900;font-size:14.5px;text-align:center}

/* خانة الكتابة والقائمة */
.gp-ask{background:#fff;border-radius:18px;padding:10px;box-shadow:0 3px 0 var(--line)}
.gp-left{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:900;font-size:14px;color:var(--sub);margin:0 2px 8px}
.gp-left.last{color:#B42318}
.gp-balls{display:flex;gap:2px;direction:ltr}
.gp-balls i{font-style:normal;font-size:15px;width:19px;text-align:center;line-height:1}
.gp-balls i.used{color:#C5CEC6;font-size:20px}
.gp-inp{position:relative}
.gp-inp input{display:block;width:100%;box-sizing:border-box;font-family:inherit;font-size:16px;font-weight:800;color:var(--ink);background:var(--chalk);border:2px solid var(--line);border-radius:14px;padding:13px 14px 13px 44px;outline:none;direction:rtl;-webkit-appearance:none;appearance:none}
.gp-inp input:focus{border-color:var(--pitch);background:#fff;box-shadow:0 0 0 3px rgba(15,107,62,.14)}
.gp-inp input::placeholder{color:#8A968E;font-weight:700}
.gp-inp-x{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:var(--no);color:var(--sub);font-weight:900;cursor:pointer}
.gp-sugs{margin-top:6px;max-height:264px;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:14px;border:2px solid var(--line);background:#fff;overscroll-behavior:contain}
.gp-sug{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:11px 12px;text-align:right;color:var(--ink);cursor:pointer;line-height:1.35}
.gp-sug:last-child{border-bottom:0}
.gp-sug b{font-size:15.5px;font-weight:900}
.gp-sug small{flex:0 0 auto;font-size:12px;font-weight:800;color:var(--sub);white-space:nowrap}
.gp-sug:hover,.gp-sug.hl{background:#EAF5EE}
.gp-sug.used{opacity:.5;cursor:default}
.gp-clubs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}
.gp-clubs span{flex:0 0 100%;font-size:12.5px;font-weight:800;color:var(--sub);text-align:center}
.gp-club{border:0;border-radius:999px;background:var(--chalk);color:var(--pitch);font-size:13.5px;font-weight:900;padding:8px 12px;cursor:pointer;box-shadow:0 2px 0 var(--line)}
.gp-club:active{transform:translateY(1px);box-shadow:none}
.gp-sug-none{padding:12px;font-size:13.5px;font-weight:800;color:var(--sub);text-align:center;line-height:1.7}

/* المحاولات */
.gp-guesses{display:flex;flex-direction:column;gap:8px}
.gp-guesses:empty{display:none}
.gp-gh{font-size:13px;font-weight:900;color:var(--sub);margin:2px 4px -2px}
.gp-g{background:#fff;border-radius:16px;padding:8px;box-shadow:0 2px 0 var(--line)}
.gp-g.fresh{animation:gp-pop .35s cubic-bezier(.2,1.3,.4,1) both}
.gp-g.win{outline:3px solid var(--ok)}
.gp-g-h{display:flex;align-items:center;gap:8px;margin:0 2px 6px;font-size:15px}
.gp-g-h b{font-weight:900}
.gp-g-n{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--pitch);color:#fff;font-size:12.5px;font-weight:900;display:flex;align-items:center;justify-content:center}
.gp-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.gp-c{border-radius:10px;padding:5px 2px 6px;text-align:center;line-height:1.3;min-height:60px;display:flex;flex-direction:column;justify-content:center}
.gp-c small{display:block;font-size:10.5px;font-weight:800;opacity:.8}
.gp-c b{display:block;font-size:13.5px;font-weight:900;word-break:break-word}
.gp-c .gp-mark{display:block;font-style:normal;font-size:11px;font-weight:900;line-height:1.3}
.gp-c.gp-ok{background:var(--ok);color:#fff}
.gp-c.gp-near{background:var(--near);color:var(--neart)}
.gp-c.gp-no{background:var(--no);color:var(--not)}

/* النهاية */
.gp-end{text-align:center}
.gp-end-h{font-size:21px;font-weight:900;color:var(--pitch);margin:2px 0 10px;line-height:1.5}
.gp-reveal{display:flex;align-items:center;justify-content:center;gap:14px;background:#fff;border-radius:18px;padding:12px;box-shadow:0 3px 0 var(--line);margin-bottom:10px;animation:gp-pop .45s cubic-bezier(.2,1.3,.4,1) both}
.gp-r-info{text-align:right;min-width:0}
.gp-r-info b{display:block;font-size:21px;font-weight:900;line-height:1.35}
.gp-r-info span{display:block;font-size:13.5px;font-weight:800;color:var(--sub);line-height:1.7;margin-top:2px}
.gp-end-t{font-size:15px;font-weight:800;color:var(--sub);line-height:1.8;margin:2px auto 8px;max-width:360px}
.gp-grid{display:inline-block;font-size:18px;line-height:1.35;letter-spacing:2px;margin:0 auto 12px;background:#fff;border-radius:14px;padding:8px 14px;box-shadow:0 2px 0 var(--line)}
.gp-grid:empty{display:none}
.gp-end .la3-story-btn{max-width:340px;margin:0 auto 10px}
.gp-next{font-size:13.5px;font-weight:800;color:var(--sub);margin:4px 0 0;font-variant-numeric:tabular-nums}
.gp-report{display:inline-block;margin:10px auto 2px;font-size:12.5px;font-weight:800;color:var(--sub);text-decoration:underline;text-underline-offset:3px}
.gp-empty{text-align:center;margin:auto 0}
.gp-end-e{font-size:46px;line-height:1.1}
.gp-toast{position:absolute;left:50%;top:6px;transform:translateX(-50%);z-index:5;background:rgba(19,38,27,.94);color:#fff;border-radius:999px;padding:9px 16px;font-weight:900;font-size:14.5px;
    white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;box-shadow:0 8px 20px rgba(0,0,0,.2);pointer-events:none}
.gp-toast.on{animation:gp-toast .3s ease both}

/* النوافذ */
.gp-modal{position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(19,38,27,.55)}   /* وسط الشاشة دايماً، فوق شريط الموقع */
.gp-mcard{position:relative;width:100%;max-width:400px;max-height:100%;overflow:auto;background:var(--chalk);color:var(--ink);border-radius:22px;padding:20px 16px 14px;text-align:center;
    box-shadow:0 22px 44px rgba(0,0,0,.35);animation:gp-pop .35s cubic-bezier(.2,1.4,.4,1) both}
.gp-mcard-h{font-size:21px;font-weight:900;margin:2px 0 12px;color:var(--pitch)}
.gp-how{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:8px;text-align:right}
.gp-how li{display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:14px;padding:10px 12px;font-size:14.5px;font-weight:800;line-height:1.75;box-shadow:0 2px 0 var(--line)}
.gp-how li > span{flex:0 0 28px;font-size:22px;line-height:1.25;text-align:center}
.gp-how .gp-k{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:16px;font-weight:900}
.gp-k.gp-ok{background:var(--ok);color:#fff}
.gp-k.gp-near{background:var(--near);color:var(--neart)}
.gp-mcard .gp-small{margin:4px 0 12px}
.gp-alist{display:grid;gap:8px}
.gp-arow{display:flex;align-items:center;gap:10px;border:0;border-radius:14px;background:#fff;padding:12px;cursor:pointer;box-shadow:0 2px 0 var(--line);color:var(--ink);text-align:right}
.gp-arow-n{font-weight:900;color:var(--pitch);min-width:34px}
.gp-arow-d{flex:1;font-weight:800}
.gp-arow-s{font-weight:900;font-size:13.5px}

@keyframes gp-pop{0%{opacity:0;transform:translateY(8px) scale(.94)}100%{opacity:1;transform:none}}
@keyframes gp-toast{0%{opacity:0;transform:translate(-50%,-6px)}100%{opacity:1;transform:translate(-50%,0)}}   /* لازم يبقى translateX(-50%) عشان يتوسّط */
@keyframes gp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* ملء الشاشة على الجوال */
.game-focus-shell.is-focus #gp-game{max-width:none;height:100%;padding:0;display:flex;flex-direction:column}
.game-focus-shell.is-focus .gp-panel{flex:1;border-radius:0;overflow-y:auto;padding-top:calc(60px + env(safe-area-inset-top,0px))}
.game-focus-shell.is-focus .gp-stage{flex:1;min-height:0;border-radius:0;padding:calc(8px + env(safe-area-inset-top,0px)) 10px calc(12px + env(safe-area-inset-bottom,0px))}
.game-focus-shell.is-focus .gp-top{padding-left:46px}   /* زر «إنهاء ملء الشاشة» أعلى اليسار */
/* شريط «العب التالي» يطلع أسفل الشاشة بعد النهاية: نخلي له مكان عشان ما يغطي أزرارنا */
html.la3-next-open .game-focus-shell.is-focus .gp-stage{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))}
.game-focus-shell.is-focus .gp-toast{top:calc(6px + env(safe-area-inset-top,0px))}

@media(max-width:380px){
    .gp-title{font-size:31px}
    .gp-c b,.gp-slot b{font-size:12.5px}
    .gp-c small,.gp-slot small{font-size:10px}
    .gp-sug small{font-size:11px}
    .gp-shirt-big{width:124px;height:126px;flex-basis:124px}
    .gp-shirt-big .gp-shirt-n{font-size:42px}
    .gp-r-info b{font-size:18px}
}
@media(min-width:768px){.gp-stage{min-height:600px;padding:14px}}
@media(prefers-reduced-motion:reduce){.gp-hero,.gp-slot.gp-ok,.gp-g.fresh,.gp-reveal,.gp-mcard,.gp-toast.on{animation-duration:.01s;animation-iteration-count:1}}