/* 📌 Pimi Çek (Riven 3 Eki). pin-motor.js (sahne), pin.js (yetişkin), pin-cocuk.js (Çocuk Dünyası), pin-arena.js (yarış). */
body.pn-acik #screen { padding:0; gap:0; }
body.pn-acik { margin:0; font-size:inherit; }   /* denetim 3 Eki (W17-5): style.css'teki panel açıklama kuralı .pn-acik gövdeye de uyuyordu (üstte 4 px kayma, 13,5 px yazı) */

/* ── Lobi ── */
.pnl { display:flex; flex-direction:column; gap:12px; }
.pnl-kahraman { position:relative; overflow:hidden; border-radius:24px; padding:18px 18px 16px; color:#fff; isolation:isolate;
  background:radial-gradient(circle at 88% 8%, rgba(255,146,43,.55), transparent 42%), radial-gradient(circle at 10% 110%, rgba(116,192,252,.35), transparent 50%), linear-gradient(150deg, #13254a, #0a1328); box-shadow:0 5px 0 #070d1d; }
.pnl-gorsel { position:absolute; top:0; right:0; bottom:0; width:64%; height:100%; object-fit:cover; object-position:56% 28%; z-index:-2; }   /* Koçi'nin yüzü sağda görünsün; yazı solda koyu zeminde */
.pnl-kahraman::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, #0a1328 0%, rgba(10,19,40,.96) 36%, rgba(10,19,40,.5) 56%, rgba(10,19,40,0) 76%); }
.pnl-kahraman h1 { margin:0 0 4px; font-size:26px; color:#fff; letter-spacing:-.01em; }
.pnl-kahraman p { margin:0 0 10px; font-size:14px; line-height:1.45; color:#dbe4ff; max-width:62%; text-shadow:0 1px 2px rgba(0,0,0,.5); } .pnl-kahraman p b { color:#fff; }
.pnl-pimler { position:absolute; right:-6px; top:18px; width:120px; height:120px; z-index:-1; }
.pnl-pimler i { position:absolute; right:0; height:12px; border-radius:6px; background:linear-gradient(180deg, #f8f9fa, #adb5bd 55%, #6c757d); box-shadow:0 2px 0 rgba(0,0,0,.35); }
.pnl-pimler i::after { content:""; position:absolute; left:-24px; top:50%; width:20px; height:20px; margin-top:-10px; border-radius:50%; border:6px solid var(--r); box-sizing:border-box; }
.pnl-pimler .p1 { top:6px; width:96px; --r:#fcc419; transform:rotate(-8deg); animation:pnlPim 2.6s ease-in-out infinite; }
.pnl-pimler .p2 { top:46px; width:80px; --r:#fa5252; transform:rotate(4deg); animation:pnlPim 2.6s .5s ease-in-out infinite; }
.pnl-pimler .p3 { top:86px; width:88px; --r:#339af0; transform:rotate(-3deg); animation:pnlPim 2.6s 1s ease-in-out infinite; }
@keyframes pnlPim { 50% { translate:-10px 0; } }
.pnl-ozet { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; } .pnl-ozet span { background:rgba(255,255,255,.14); border-radius:99px; padding:5px 11px; font-size:13px; font-weight:800; }
.pnl-oyna { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:16px; padding:12px 20px; font:inherit; font-size:17px; font-weight:900; color:#1f2a44; background:#ffd43b; box-shadow:0 4px 0 #b88a00; cursor:pointer; }
.pnl-oyna:active { transform:translateY(3px); box-shadow:0 1px 0 #b88a00; } .pnl-oyna .kp-svg { width:18px; height:18px; }
.pnl-modlar { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.pnl-mod { display:flex; flex-direction:column; align-items:flex-start; gap:3px; text-align:left; border:0; border-radius:18px; padding:12px; background:var(--card); color:var(--ink); font:inherit; cursor:pointer; box-shadow:0 0 0 1px var(--line), 0 3px 0 var(--line); }
.pnl-mod b { font-size:14.5px; } .pnl-mod small { color:var(--muted); font-size:12px; line-height:1.3; } .pnl-mod .ic { margin-bottom:4px; }
.pnl-kural { margin:0; padding-left:20px; line-height:1.5; font-size:14px; } .pnl-kural li { margin-bottom:4px; } .pnl-kural .kp-svg { width:15px; height:15px; vertical-align:-2px; }
.pnl-grup { border-radius:20px; padding:12px; background:linear-gradient(160deg, #e7f0ff, #fff4e6); box-shadow:0 0 0 1px rgba(0,0,0,.06); }
.pnl-grup > b { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; margin:0 0 10px; color:#1f2a44; font-size:14px; }
.pnl-grup > b small { font-weight:700; font-size:11.5px; color:#5c6b8a; background:rgba(255,255,255,.8); border-radius:99px; padding:2px 8px; }
.pnl-izgara { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:8px; }
.pnl-b { position:relative; aspect-ratio:1; border:0; border-radius:16px; padding:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; cursor:pointer; font:inherit;
  background:linear-gradient(180deg, #ffffff, #f1f3f5); color:#1f2a44; box-shadow:0 3px 0 #ced4da, 0 6px 0 #13254a; }
.pnl-b span { font-size:18px; font-weight:900; } .pnl-b i { font-style:normal; font-size:10.5px; letter-spacing:-.5px; color:#f59f00; }
.pnl-b.sirada { box-shadow:0 0 0 3px #ff922b, 0 3px 0 #ced4da, 0 6px 0 #13254a; animation:pnNabiz .8s ease-in-out infinite alternate; }
.pnl-b.kilitli { filter:grayscale(.9) brightness(.85); opacity:.5; cursor:default; }
:root[data-theme="dark"] .pnl-grup { background:linear-gradient(160deg, #1b2540, #2a2033); } :root[data-theme="dark"] .pnl-grup > b { color:#fff; } :root[data-theme="dark"] .pnl-grup > b small { background:rgba(0,0,0,.35); color:#ced4da; }
@keyframes pnNabiz { to { transform:translateY(-2px) scale(1.04); } }

/* ── Choose the next level ── */
.pn-secim { display:flex; flex-direction:column; align-items:center; gap:10px; padding:6px 0 16px; text-align:center; }
.pn-secim h1 { margin:6px 0 0; font-size:27px; font-weight:900; letter-spacing:-.01em; background:linear-gradient(180deg, #ffd43b, #f76707); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 2px 0 rgba(0,0,0,.18)); }
.pn-secim-alt { margin:0; color:var(--muted); font-size:14px; line-height:1.45; } .pn-secim-alt b { color:var(--ink); } .pn-secim-alt small { font-size:12px; font-weight:700; }
.pn-kartlar { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; width:100%; }
.pn-kart { display:flex; flex-direction:column; align-items:stretch; gap:3px; padding:6px 6px 9px; border:0; border-radius:18px; font:inherit; text-align:center; cursor:pointer; color:#fff; overflow:hidden;
  background:linear-gradient(180deg, #1d3461, #0f1d3a); box-shadow:0 4px 0 #091428, 0 10px 18px rgba(0,0,0,.18); animation:pnKartGel .45s calc(var(--i) * .1s) both cubic-bezier(.2,1.3,.4,1); }
.pn-kart.d-operasyon { background:linear-gradient(180deg, #2c2140, #120c1f); box-shadow:0 4px 0 #0a0612, 0 10px 18px rgba(0,0,0,.2); }
.pn-kart.d-mutfak { background:linear-gradient(180deg, #ff8fab, #e64980); box-shadow:0 4px 0 #a61e4d, 0 10px 18px rgba(230,73,128,.25); }
.pn-kart.d-bahce { background:linear-gradient(180deg, #69db7c, #2f9e44); box-shadow:0 4px 0 #1e7130, 0 10px 18px rgba(47,158,68,.25); }
.pn-kart:active { transform:translateY(3px); }
.pn-kart-resim { position:relative; display:block; border-radius:12px; overflow:hidden; aspect-ratio:360/540; background:#000; pointer-events:none; }
.pn-kart-resim svg { display:block; width:100%; height:100%; }
.pn-kart-et { margin-top:3px; font-size:10.5px; font-weight:800; letter-spacing:.02em; opacity:.85; }
.pn-kart b { font-size:13.5px; line-height:1.15; } .pn-kart small { font-size:11px; opacity:.8; } .pn-kart em { font-style:normal; font-size:10px; opacity:.6; line-height:1.2; }
.pn-secim-geri { border:0; background:none; color:var(--muted); font:inherit; font-weight:800; padding:8px 14px; cursor:pointer; }
@keyframes pnKartGel { from { transform:translateY(24px) scale(.9); opacity:0; } }

/* ── Oyun ekranı ── */
.pn-kok { position:relative; display:flex; flex-direction:column; min-height:100%; padding:8px 10px 6px; gap:8px; overflow:hidden; color:#e9ecef; isolation:isolate;
  background:linear-gradient(180deg, #0b1730, #0a2540); }
.pn-kok.d-operasyon { background:radial-gradient(circle at 50% 0%, #1b2a4a, #05070f 70%); }
.pn-kok.d-mutfak { background:linear-gradient(180deg, #ffe3ea, #ffc9d6); color:#3a1d6e; }
.pn-kok.d-bahce { background:linear-gradient(180deg, #a5d8ff, #fff3bf); color:#2b2140; }
.pn-ust { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.pn-cip { border-radius:10px; padding:5px 10px; font-weight:800; font-size:12.5px; letter-spacing:.02em; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); }
.pn-kok.cocuk .pn-cip { background:rgba(255,255,255,.85); border-color:transparent; box-shadow:0 2px 0 rgba(0,0,0,.1); border-radius:99px; color:#2b2140; }
.pn-mesaj { position:relative; border-radius:16px; padding:10px 12px 8px; background:rgba(13,20,38,.82); border:1px solid rgba(116,192,252,.35); box-shadow:0 10px 26px rgba(0,0,0,.35); }
.pn-kok.d-operasyon .pn-mesaj { border-color:rgba(255,212,59,.38); background:linear-gradient(180deg, rgba(31,24,10,.9), rgba(13,12,20,.9)); }
.pn-kok.cocuk .pn-mesaj { background:linear-gradient(180deg, #fffaf0, #ffefd1); border:0; box-shadow:0 4px 0 #e8b26a, 0 10px 18px rgba(0,0,0,.15); color:#3a1d6e; }
.pn-kok.d-bahce .pn-mesaj { background:linear-gradient(180deg, #fff, #f3f0ff); box-shadow:0 4px 0 #b197fc, 0 10px 18px rgba(0,0,0,.12); }
.pn-kim { display:flex; align-items:center; gap:8px; font-size:12px; color:#91a7ff; font-weight:800; margin-bottom:5px; }
.pn-kok.d-operasyon .pn-kim { color:#ffd43b; }
.pn-kim i { width:22px; height:22px; border-radius:6px; display:grid; place-items:center; font-style:normal; font-size:10px; background:#364fc7; color:#fff; }
.pn-kok.d-operasyon .pn-kim i { background:#e67700; font-size:12px; }
.pn-kim em { margin-left:auto; color:#868e96; font-weight:600; font-style:normal; }
.pn-en { margin:0; font-size:15.5px; line-height:1.42; font-weight:650; color:#f1f3f5; }
.pn-kok.cocuk .pn-en { font-size:19px; font-weight:900; color:#3a1d6e; line-height:1.3; }
.pn-tr { margin:5px 0 0; color:#adb5bd; font-size:12.5px; line-height:1.4; } .pn-kok.cocuk .pn-tr { color:#8a5a2b; font-weight:700; font-size:13px; }
.pn-v-gram { background:none; color:#ffd43b; font-weight:900; } .pn-kok.cocuk .pn-v-gram { color:#d9480f; background:#fff3bf; border-radius:6px; padding:0 3px; }
.pn-v-madde { color:#99e9f2; } .pn-kok.d-operasyon .pn-v-madde { color:#ffe066; } .pn-kok.cocuk .pn-v-madde { color:#1971c2; }
.pn-v-yer { color:#b197fc; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px; } .pn-kok.cocuk .pn-v-yer { color:#7048e8; }
.pn-v-renk { color:var(--rk); text-shadow:0 0 1px rgba(0,0,0,.4); } .pn-kok.cocuk .pn-v-renk { color:#fff; background:var(--rk); border-radius:7px; padding:0 5px; text-shadow:0 1px 0 rgba(0,0,0,.25); }
.pn-v-etiket { font:800 12.5px/1 ui-monospace, SFMono-Regular, Menlo, monospace; background:#fab005; color:#0b1020; padding:2px 5px; border-radius:5px; }
.pn-mesaj-alt { display:flex; gap:6px; margin-top:8px; flex-wrap:wrap; }
.pn-dug { display:inline-flex; align-items:center; gap:5px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.08); color:inherit; border-radius:10px; padding:6px 10px; font:inherit; font-size:12.5px; font-weight:800; cursor:pointer; }
.pn-dug .kp-svg { width:16px; height:16px; } .pn-dug[aria-pressed="true"] { background:rgba(255,212,59,.18); border-color:rgba(255,212,59,.5); }
.pn-kok.cocuk .pn-dug { background:#7048e8; border:0; color:#fff; box-shadow:0 3px 0 #4c2fb0; border-radius:99px; padding:7px 12px; }
.pn-sahne-kap { position:relative; flex:1; display:flex; justify-content:center; align-items:flex-start; min-height:300px; }
#pnSahne { display:flex; justify-content:center; width:100%; }
.pn-sahne { position:relative; width:100%; aspect-ratio:360/540; border-radius:18px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.35); touch-action:manipulation; user-select:none; -webkit-user-select:none; }
.pn-kok.cocuk .pn-sahne { border-radius:22px; box-shadow:0 0 0 4px #fff, 0 10px 24px rgba(0,0,0,.18); }
.pn-svg { position:absolute; inset:0; width:100%; height:100%; display:block; }
.pn-tuval { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.pn-koci { position:absolute; left:2px; bottom:4px; width:min(24%, 104px); pointer-events:none; filter:drop-shadow(0 6px 10px rgba(0,0,0,.4)); transition:transform .3s; z-index:3; }
.pn-balon { position:absolute; left:min(19%, 84px); bottom:min(26%, 122px); z-index:4; max-width:58%; background:#fff; color:#c92a2a; font-weight:900; font-size:14px; border-radius:14px; padding:6px 10px; box-shadow:0 3px 0 rgba(0,0,0,.15); pointer-events:none; }
.pn-balon::after { content:""; position:absolute; bottom:-8px; left:14px; border:8px solid transparent; border-top-color:#fff; border-bottom:0; }
.pn-balon.cik { animation:pnBalon .35s cubic-bezier(.2,1.5,.4,1); }
@keyframes pnBalon { from { transform:scale(.4) translateY(10px); opacity:0; } }
.pn-el { position:absolute; z-index:6; font-size:34px; pointer-events:none; filter:drop-shadow(0 3px 3px rgba(0,0,0,.4)); animation:pnEl .9s ease-in-out infinite; }
@keyframes pnEl { 50% { transform:translate(6px, 8px); } }
.pn-kelimeler { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; padding:2px 0 4px; }
.pn-kelimeler::-webkit-scrollbar { display:none; }
.pn-kel { flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-start; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.07); color:inherit; border-radius:10px; padding:5px 9px; font:inherit; cursor:pointer; }
.pn-kel b { font-size:12.5px; } .pn-kel small { font-size:10.5px; color:#91a7ff; }
.pn-kel.calindi { border-color:rgba(255,212,59,.6); }
.pn-kok.cocuk .pn-kel { background:rgba(255,255,255,.92); border:0; box-shadow:0 2px 0 rgba(0,0,0,.12); border-radius:99px; color:#2b2140; padding:5px 11px; }
.pn-kok.cocuk .pn-kel small { color:#7048e8; }
.pn-yildizlar { display:inline-flex; gap:1px; } .pn-yildizlar i { font-style:normal; color:rgba(255,255,255,.25); } .pn-yildizlar i.dolu { color:#ffd43b; }
.pn-kok.cocuk .pn-yildizlar i { color:#dee2e6; } .pn-kok.cocuk .pn-yildizlar i.dolu { color:#f59f00; }

/* ── Sahne içi (SVG) ── */
.pn-mono { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-weight:800; letter-spacing:.04em; }
.pn-pim-etiket { fill:#ffd43b; paint-order:stroke; stroke:#0b1020; stroke-width:3px; }
.s-kmutfak .pn-pim-etiket, .s-kbahce .pn-pim-etiket { fill:#fff; }
.pn-hazne-ad { fill:rgba(255,255,255,.55); }
.pn-pim { cursor:pointer; transition:transform .3s cubic-bezier(.5,0,.75,0), opacity .3s .12s; outline:none; }
.pn-pim.cekildi { opacity:0; pointer-events:none; }
.pn-pim:focus-visible .pn-halka { stroke:#fff; }
.pn-pim.ipucu .pn-halka { animation:pnIpucu .5s ease-in-out infinite alternate; }
@keyframes pnIpucu { from { filter:drop-shadow(0 0 0 #ffd43b); } to { filter:drop-shadow(0 0 7px #ffd43b) drop-shadow(0 0 3px #fff); } }
.pn-sahne:not(.pn-bitti) .pn-pim:hover .pn-halka { filter:brightness(1.15); }
.pn-led { animation:pnLed 1.4s var(--d, 0s) steps(2) infinite; } @keyframes pnLed { 50% { opacity:.25; } }
.pn-simsek { animation:pnSimsek .18s var(--d, 0s) steps(2) infinite; } @keyframes pnSimsek { 50% { opacity:.2; } }
.pn-titrek { transform-box:fill-box; transform-origin:50% 100%; animation:pnTitrek .25s var(--d, 0s) ease-in-out infinite alternate; } @keyframes pnTitrek { to { transform:scaleY(1.25); } }
.pn-ates { transform-box:fill-box; transform-origin:50% 100%; animation:pnAtes .6s ease-in-out infinite alternate; }
@keyframes pnAtes { to { transform:scaleY(1.08) scaleX(.96); } }
.pn-ates.buyu { animation:pnAtesBuyu .5s forwards, pnAtes .5s .5s ease-in-out infinite alternate; }
@keyframes pnAtesBuyu { to { transform:scale(1.6); } }
.pn-ari { transform-box:fill-box; animation:pnAri .5s var(--d, 0s) ease-in-out infinite alternate; } @keyframes pnAri { to { transform:translate(5px, -4px) rotate(8deg); } }
.pn-tutsu { transform-box:fill-box; animation:pnTutsu 2.4s var(--d, 0s) ease-out infinite; } @keyframes pnTutsu { from { transform:translateY(0) scale(.6); opacity:.6; } to { transform:translateY(-40px) scale(1.6); opacity:0; } }
.pn-kabarcik { animation:pnKabarcik 6s var(--d, 0s) linear infinite; } @keyframes pnKabarcik { to { transform:translateY(-560px); } }
.pn-kabarcik2 { animation:pnKabarcik2 1.2s var(--d, 0s) linear infinite; } @keyframes pnKabarcik2 { to { transform:translate(-14px, -40px); opacity:0; } }
.pn-isiklar { animation:pnIsik 3s linear infinite; } @keyframes pnIsik { from { transform:translateX(90px); } to { transform:translateX(-90px); } }
.pn-cirpici { transform-box:fill-box; transform-origin:50% 0; animation:pnCirp .15s linear infinite alternate; } @keyframes pnCirp { to { transform:scaleX(-1); } }
.pn-motor { animation:pnSars .12s linear infinite alternate; } @keyframes pnSars { to { transform:translate(1px, -1px); } }
.pn-pervane { animation:none; } .fan-acik .pn-pervane { animation:pnDon .4s linear infinite; } @keyframes pnDon { to { transform:rotate(360deg); } }
.pn-isitici rect { animation:pnLed 1s steps(2) infinite; }
.pn-pompa { opacity:1; }
.pn-sonra { opacity:0; transition:opacity .6s; } .pn-once { transition:opacity .6s; }
.pn-basarili .pn-sonra { opacity:1; } .pn-basarili .pn-once { opacity:0; }
/* tehlike kapalı (anahtar çekildi ya da ışık yeşil): kıvılcım, lazer, alev, ısıtıcı, çırpıcı, motor titremesi, pompa durur */
.tehlike-yok .pn-tehlike-aktif, .tehlike-yok .pn-tehlike-gaz, .tehlike-yok .pn-pompa { opacity:0; transition:opacity .4s; }
.tehlike-yok .pn-isitici rect { fill:#adb5bd; animation:none; }
.tehlike-yok .pn-cirpici, .tehlike-yok .pn-motor { animation:none; }
.fan-acik .pn-duman-yesil, .pn-basarili .pn-duman-yesil { opacity:0; transition:opacity .6s; }
.pn-flas::after, .pn-alarm::after, .pn-boya::after, .pn-uyku::after, .pn-carpi::after { content:""; position:absolute; inset:0; pointer-events:none; z-index:2; }
.pn-flas::after { background:#fff; animation:pnFlas .5s ease-out forwards; } @keyframes pnFlas { from { opacity:.85; } to { opacity:0; } }
.pn-alarm::after { background:rgba(250,82,82,.42); animation:pnAlarm .4s steps(2) infinite; } @keyframes pnAlarm { 50% { opacity:0; } }
.pn-boya::after { background:radial-gradient(circle at 50% 85%, rgba(174,62,201,.75), rgba(174,62,201,.15) 60%, transparent 75%); animation:pnFlas 2.4s ease-out forwards; }
.pn-uyku::after { background:rgba(70,40,120,.55); animation:pnFlas 2.6s ease-out forwards; }
.pn-carpi::after { background:center 62% / 34% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20 20L80 80M80 20L20 80' stroke='%23fa5252' stroke-width='16' stroke-linecap='round'/%3E%3C/svg%3E"); animation:pnFlas 1.4s ease-in forwards; }
.pn-basarili { box-shadow:0 0 0 3px #51cf66, 0 10px 30px rgba(81,207,102,.35); }

/* ── Sonuç katmanı ── */
.pn-son { position:absolute; inset:0; z-index:40; display:grid; place-items:center; padding:16px; background:rgba(5,9,20,.55); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); animation:pnSonGel .25s; }
@keyframes pnSonGel { from { opacity:0; } }
.pn-son-kart { width:min(100%, 390px); max-height:92%; overflow:auto; padding:20px 18px 16px; border-radius:24px; background:#fffdf6; color:#1f2a44; text-align:center; box-shadow:0 12px 0 rgba(0,0,0,.08), 0 24px 50px rgba(0,0,0,.35); animation:pnKartZipla .4s cubic-bezier(.2,1.4,.4,1); }
@keyframes pnKartZipla { from { transform:scale(.7); opacity:0; } }
.pn-son-bas { display:block; font-size:24px; font-weight:900; line-height:1.15; }
.pn-son.iyi .pn-son-bas { background:linear-gradient(180deg, #51cf66, #2b8a3e); -webkit-background-clip:text; background-clip:text; color:transparent; }
.pn-son.kotu .pn-son-bas { color:#e03131; font-size:30px; }
.pn-son-trk { display:block; color:#868e96; font-weight:700; margin-top:2px; }
.pn-son-en { margin:8px 0 2px; font-size:17px; font-weight:800; color:#1f2a44; } .pn-son-tr { margin:0 0 8px; color:#868e96; font-weight:600; }
.pn-son-not { margin:6px 0 12px; font-size:13px; color:#5c6b8a; background:#f1f3f5; border-radius:12px; padding:8px 10px; }
.pn-yildizlar.buyuk { margin:10px 0 2px; gap:6px; } .pn-yildizlar.buyuk i { font-size:42px; color:#dee2e6; } .pn-yildizlar.buyuk i.dolu { color:#fcc419; animation:pnYildiz .5s var(--d) both cubic-bezier(.2,1.6,.4,1); filter:drop-shadow(0 3px 0 #e67700); }
@keyframes pnYildiz { from { transform:scale(0) rotate(-90deg); } }
.pn-son-ozet { margin:6px 0 10px; font-weight:700; color:#495057; } .pn-son-ozet b { color:#2f9e44; }
.pn-son-alt { margin:4px 0 6px; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#868e96; }
.pn-son-kel { list-style:none; margin:0 0 12px; padding:0; display:grid; gap:5px; text-align:left; }
.pn-son-kel li { display:flex; align-items:center; gap:8px; background:#f8f9fa; border-radius:12px; padding:5px 8px; font-size:14px; }
.pn-son-kel button { border:0; background:#e7f5ff; color:#1971c2; border-radius:50%; width:30px; height:30px; display:grid; place-items:center; cursor:pointer; flex:none; } .pn-son-kel .kp-svg { width:16px; height:16px; }
.pn-son-dug { display:grid; gap:8px; } .pn-son-dug .btn { margin:0; }
.pn-son.cocuk .pn-son-kart { border-radius:30px; box-shadow:0 8px 0 #b197fc, 0 24px 50px rgba(0,0,0,.3); }

/* ── Aynı telefonda 2 kişi ── */
.pn-iki { display:flex; flex-direction:column; align-items:center; gap:10px; padding:10px 4px 18px; text-align:center; }
.pn-iki h1 { margin:4px 0 0; font-size:24px; }
.pn-iki-ad { display:flex; align-items:center; gap:10px; width:100%; max-width:340px; background:var(--card); border-radius:16px; padding:8px 10px; box-shadow:0 0 0 1px var(--line); }
.pn-iki-ad span, .pn-iki-skor span { display:grid; place-items:center; }
.pn-iki-ad span { width:30px; height:30px; border-radius:50%; color:#fff; font-weight:900; flex:none; }
.pn-iki-ad input { flex:1; min-width:0; border:0; background:none; font:inherit; font-size:16px; font-weight:800; color:var(--ink); outline:none; }
.p1 { --pc:#339af0; } .p2 { --pc:#f06595; }
.pn-iki-ad span.p1, .pn-iki-ad span.p2 { background:var(--pc); }
.pn-iki-tur { display:flex; gap:8px; } .pn-iki-tur button { border:0; border-radius:99px; padding:8px 16px; font:inherit; font-weight:800; background:var(--card); color:var(--ink); box-shadow:0 0 0 1px var(--line); cursor:pointer; }
.pn-iki-tur button[aria-pressed="true"] { background:#ff922b; color:#fff; box-shadow:0 3px 0 #d9480f; }
.pn-iki-skor { display:flex; gap:10px; justify-content:center; width:100%; }
.pn-iki-skor span { flex:1; max-width:160px; gap:2px; padding:8px; border-radius:16px; background:var(--card); color:var(--ink); box-shadow:0 0 0 2px color-mix(in srgb, var(--pc) 35%, transparent); }
.pn-iki-skor span.aktif { box-shadow:0 0 0 3px var(--pc), 0 6px 16px color-mix(in srgb, var(--pc) 30%, transparent); }
.pn-iki-skor b { font-size:14px; } .pn-iki-skor i { font-style:normal; font-weight:900; color:#f59f00; font-size:18px; }
.pn-iki-skor.buyuk i { font-size:26px; }
.pn-son .pn-iki-skor span { background:#f8f9fa; color:#1f2a44; }
.pn-iki-telefon { font-size:64px; filter:drop-shadow(0 6px 0 color-mix(in srgb, var(--pc) 45%, transparent)); animation:pnNabiz .7s ease-in-out infinite alternate; }
.pn-iki-tur-yaz { margin:0; font-weight:800; color:var(--muted); }
.pn-kupa { font-size:70px; animation:pnKartZipla .6s cubic-bezier(.2,1.5,.4,1); }
.pn-iki-liste { list-style:none; margin:0; padding:0; width:100%; max-width:340px; display:grid; gap:4px; }
.pn-iki-liste li { display:flex; gap:8px; align-items:center; justify-content:space-between; background:var(--card); border-radius:12px; padding:6px 10px; font-size:13.5px; box-shadow:0 0 0 1px var(--line); }
.pn-iki-liste li span { color:var(--pc); font-weight:900; } .pn-iki-liste li b { color:#f59f00; }

/* ── Arkadaşınla yarış (pin-arena.js) ── */
.pn-ark { display:flex; flex-direction:column; gap:8px; padding:12px; border-radius:18px; background:var(--card); box-shadow:0 0 0 1px var(--line); }
.pn-ark h3 { margin:0; font-size:15px; } .pn-ark p { margin:0; }
.pn-ark-dug { display:flex; gap:8px; flex-wrap:wrap; } .pn-ark-dug .btn { margin:0; flex:1 1 140px; }
.pn-ark-kod { display:flex; gap:8px; } .pn-ark-kod input { flex:1; min-width:0; font-size:16px; padding:10px 12px; border-radius:12px; border:1px solid var(--line); background:var(--bg); color:var(--ink); }
.pn-ark-zor { display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; }
.pn-ark-zor button { border:0; border-radius:14px; padding:9px 4px; font:inherit; background:var(--bg); color:var(--ink); box-shadow:0 0 0 1px var(--line); cursor:pointer; display:flex; flex-direction:column; gap:1px; }
.pn-ark-zor b { font-size:14px; } .pn-ark-zor small { font-size:10.5px; color:var(--muted); }
.pn-yaris-skor { display:flex; gap:8px; align-items:stretch; }
.pn-yaris-kisi { flex:1; display:flex; flex-direction:column; gap:4px; padding:6px 9px; border-radius:12px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); min-width:0; }
.pn-yaris-kisi b { font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pn-yaris-kisi.p1 { border-color:rgba(51,154,240,.6); } .pn-yaris-kisi.p2 { border-color:rgba(240,101,149,.6); }
.pn-yaris-nokta { display:flex; gap:4px; } .pn-yaris-nokta i { flex:1; height:7px; border-radius:4px; background:rgba(255,255,255,.14); }
.pn-yaris-nokta i.tamam { background:var(--pc); } .pn-yaris-nokta i.simdi { background:color-mix(in srgb, var(--pc) 45%, transparent); animation:pnLed 1s steps(2) infinite; }
.pn-yaris-sure { display:grid; place-items:center; padding:0 8px; font-weight:900; font-variant-numeric:tabular-nums; }
.pn-ceza div { display:flex; flex-direction:column; gap:4px; align-items:center; max-width:82%; padding:14px 18px; border-radius:18px; background:rgba(20,10,10,.72); text-align:center; }
.pn-ceza small { font-size:13px; font-weight:700; opacity:.85; } .pn-ceza i { font-style:normal; font-size:15px; color:#ffd43b; }
.pn-ceza { position:absolute; inset:0; z-index:30; display:grid; place-items:center; background:rgba(201,42,42,.35); color:#fff; font-size:22px; font-weight:900; text-shadow:0 2px 6px rgba(0,0,0,.5); pointer-events:none; }

/* ── Çocuk menüsü (pin-cocuk.js) ── */
.pnc-menu { display:flex; flex-direction:column; align-items:center; gap:10px; padding:6px 0 18px; text-align:center; }
.pnc-baslik { margin:4px 0 0; font-size:38px; font-weight:900; letter-spacing:.01em; }
.pnc-baslik span { display:inline-block; color:var(--c); -webkit-text-stroke:1.5px rgba(0,0,0,.12); text-shadow:0 3px 0 rgba(0,0,0,.15); animation:pncHarf 2.4s calc(var(--i) * .12s) ease-in-out infinite; }
@keyframes pncHarf { 50% { transform:translateY(-6px) rotate(-4deg); } }
.pnc-sahne-on { position:relative; width:min(62%, 230px); border-radius:22px; overflow:hidden; aspect-ratio:360/540; box-shadow:0 0 0 4px #fff, 0 10px 22px rgba(0,0,0,.18); }
.pnc-sahne-on svg { width:100%; height:100%; display:block; }
.pnc-kapak { display:block; width:min(100%, 420px); aspect-ratio:4/3; object-fit:cover; border-radius:24px; box-shadow:0 0 0 4px #fff, 0 10px 22px rgba(0,0,0,.18); }
.pnc-oyna { border:0; border-radius:99px; padding:14px 30px; font:inherit; font-size:22px; font-weight:900; color:#fff; background:linear-gradient(180deg, #ff8787, #f03e3e); box-shadow:0 6px 0 #c92a2a, 0 12px 20px rgba(240,62,62,.3); cursor:pointer; }
.pnc-oyna:active { transform:translateY(4px); box-shadow:0 2px 0 #c92a2a; }
.pnc-iki { border:0; border-radius:99px; padding:10px 22px; font:inherit; font-size:16px; font-weight:900; color:#5f3dc4; background:#fff; box-shadow:0 4px 0 #b197fc; cursor:pointer; }
.pnc-izgara { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:8px; width:100%; }
.pnc-b { aspect-ratio:1; border:0; border-radius:18px; font:inherit; font-weight:900; font-size:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0; cursor:pointer; background:#fff; color:#5f3dc4; box-shadow:0 4px 0 #d0bfff; }
.pnc-b i { font-style:normal; font-size:10px; color:#f59f00; letter-spacing:-.5px; }
.pnc-b.sirada { background:linear-gradient(180deg, #fff9db, #ffe066); box-shadow:0 4px 0 #f59f00, 0 0 0 3px #fff; animation:pnNabiz .8s ease-in-out infinite alternate; }
.pnc-b.kilitli { opacity:.45; filter:grayscale(.6); cursor:default; }
.pn-secim.cocuk h1 { font-size:30px; background:linear-gradient(180deg, #ff6b6b, #7048e8); -webkit-background-clip:text; background-clip:text; }
.pn-iki.cocuk h1 { color:#5f3dc4; }