/* Piramit Solitaire */
.psKap{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 0%,#a8682a,#3a2208 72%);overflow:hidden}
.psKonfeti{position:fixed;inset:0;pointer-events:none;z-index:50}

/* menü */
.psMenu{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 16px;text-align:center;overflow:auto}
.psLogo{display:flex;align-items:flex-end}
.psLogo span{width:54px;height:76px;margin:0 -6px;border-radius:8px;background:#fff;box-shadow:0 6px 14px #0007;display:flex;align-items:center;justify-content:center;font:800 22px 'Baloo 2',Nunito,sans-serif;color:#1b1b1b}
.psLogo span.r{color:#d3202f;margin-bottom:22px;z-index:1}
.psMenu h2{font-size:34px;margin:0;text-shadow:0 3px 0 #0005}
.psAlt{margin:-8px 0 0;color:#ffeccc;opacity:.9;max-width:360px}
.psStatlar{display:flex;gap:10px;width:100%;max-width:380px}
.psStat{flex:1;background:#0004;border:1px solid #ffffff22;border-radius:14px;padding:8px 4px}
.psStat b{display:block;font:800 22px 'Baloo 2',Nunito,sans-serif}
.psStat small{color:#ffeccc;opacity:.8}
.psOyna{width:100%;max-width:380px;font-size:21px;padding:16px;border-radius:16px}
.btnBuyuk{font-size:20px;padding:14px 22px}
.psBolumler{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:380px}
.psBolumBtn{width:42px;padding:5px 0;border-radius:10px;border:1px solid #ffffff33;background:#0004;color:#fff;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center}
.psBolumBtn b{font-size:16px}
.psBolumBtn small{font-size:9px;color:#ffd23f;letter-spacing:-1px}
.psBolumBtn.simdi{border-color:#ffb648;background:#ffb64833}

/* oyun */
.psOyun{flex:1;display:flex;flex-direction:column;min-height:0}
.psHud{display:flex;align-items:center;gap:6px;padding:8px 10px}
.psHudBtn{width:36px;height:36px;flex:none;border-radius:10px;border:1px solid #ffffff33;background:#0004;color:#fff;font-size:16px;cursor:pointer}
.psHudAd{flex:1;font:800 18px 'Baloo 2',Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.psHudKutu{background:#0004;border-radius:10px;padding:5px 9px;font-size:14px;white-space:nowrap}
.psHudKutu b{color:#ffd23f}
.psMasa{flex:1;min-height:0;position:relative;width:100%;max-width:760px;margin:0 auto;transition:filter .2s}
.psDurdu .psMasa{filter:blur(10px) brightness(.6)}
.psKart{position:absolute;width:var(--kw);height:var(--kh);border-radius:calc(var(--kw)*.1);background:linear-gradient(180deg,#ffffff,#f1efe8);box-shadow:0 1px 0 #ccc,0 3px 6px #0006;color:#1b1b1b;cursor:pointer;user-select:none;-webkit-user-select:none;transition:left .25s ease,top .25s ease,transform .25s,opacity .25s,filter .2s}
.psKart.kirmizi{color:#d3202f}
.psKart b{position:absolute;left:7%;top:3%;font:800 calc(var(--kw)*.3)/1 'Baloo 2',Nunito,sans-serif;display:flex;align-items:center;gap:1px;letter-spacing:-1px}
.psKart b i{font-style:normal;font-size:calc(var(--kw)*.26)}
.psKart em{position:absolute;right:8%;bottom:4%;font-style:normal;font-size:calc(var(--kw)*.55);line-height:1}
.psKart.kapali{filter:brightness(.72)}
.psKart.secili{transform:translateY(-8%);box-shadow:0 0 0 3px #4fd1ff,0 8px 16px #0008}
.psKart.ipucu{box-shadow:0 0 0 3px #ffd23f,0 0 16px #ffd23f}
.psKart.kalkti{opacity:0;transform:scale(.4) rotate(20deg);pointer-events:none}
.psKart.gizliK{opacity:0;pointer-events:none}
.psKart.arka{background:repeating-linear-gradient(45deg,#b8442f 0 6px,#a23a27 6px 12px);color:transparent;box-shadow:inset 0 0 0 3px #fff,0 3px 6px #0006}
.psKart.arka *{visibility:hidden}
.psKart.salla{animation:psSalla .3s}
@keyframes psSalla{25%{translate:-4px 0}75%{translate:4px 0}}
.psDeste{position:absolute;width:var(--kw);height:var(--kh);border-radius:calc(var(--kw)*.1);border:2px dashed #ffffff55;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;z-index:100}
.psDeste span{position:absolute;bottom:-2px;right:-6px;background:#ff8a3d;border-radius:10px;padding:0 6px;font:800 13px/20px Nunito,sans-serif;z-index:60}
.psDeste.bos{display:flex;align-items:center}
.psDeste.bos span{position:static;background:none;font-size:calc(var(--kw)*.45);color:#ffffffaa}
.psDeste.ipucu{box-shadow:0 0 0 3px #ffd23f,0 0 16px #ffd23f}
.psAtikYuva{position:absolute;width:var(--kw);height:var(--kh);border-radius:calc(var(--kw)*.1);border:2px dashed #ffffff30}
.psTurBilgi{position:absolute;text-align:center;font-weight:700;font-size:13px;opacity:.85}
.psAraclar{display:flex;justify-content:center;gap:10px;padding:4px 10px calc(10px + env(safe-area-inset-bottom))}
.psArac{position:relative;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;border:1px solid #ffffff33;background:#0004;color:#fff;font:inherit;cursor:pointer}
.psArac:disabled{opacity:.45;cursor:default}
.psArac span{font-size:18px}
.psArac small{font-weight:700}
.psArac i{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;border-radius:10px;background:#ff8a3d;font:800 12px/20px Nunito,sans-serif;font-style:normal;text-align:center;padding:0 4px}

/* pencereler */
.psSonuc{text-align:center}
.psBuyuk{font-size:56px;line-height:1.1}
.psYildizlar{font-size:44px;letter-spacing:6px}
.psYildizlar span{color:#ffffff33;display:inline-block}
.psYildizlar span.dolu{color:#ffd23f;animation:psYildiz .5s both}
@keyframes psYildiz{from{transform:scale(0) rotate(-90deg)}}