/* Üçlü Eşleştir */
:root{--ueArka1:#2b1650;--ueArka2:#5b2a86;--ueW:56px;--ueH:62px}
.ueKap{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 0%,var(--ueArka2),var(--ueArka1) 70%);transition:background .6s;overflow:hidden}
.ueKonfeti{position:fixed;inset:0;pointer-events:none;z-index:50}

/* menü */
.ueMenu{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 16px;text-align:center;overflow:auto}
.ueLogo{font-size:64px;line-height:1;filter:drop-shadow(0 6px 10px #0007);animation:ueSalin 3s ease-in-out infinite}
@keyframes ueSalin{50%{transform:translateY(-6px) rotate(-4deg)}}
.ueMenu h2{font-size:34px;margin:0;text-shadow:0 3px 0 #0005}
.ueAlt{margin:-8px 0 0;color:#e7dcff;opacity:.85}
.ueStatlar{display:flex;gap:10px;width:100%;max-width:380px}
.ueStat{flex:1;background:#0004;border:1px solid #ffffff22;border-radius:14px;padding:8px 4px}
.ueStat b{display:block;font:800 22px 'Baloo 2',Nunito,sans-serif}
.ueStat small{color:#d9ccff;opacity:.8}
.ueOyna{width:100%;max-width:380px;font-size:22px;padding:16px;border-radius:16px}
.btnBuyuk{font-size:20px;padding:14px 22px}
.ueGunluk{display:flex;align-items:center;gap:12px;width:100%;max-width:380px;padding:12px 14px;border-radius:16px;border:2px solid #ffd23f88;background:linear-gradient(90deg,#ffd23f22,#ff8a3d22);color:#fff;font:inherit;text-align:left;cursor:pointer}
.ueGunluk.bitti{opacity:.6;border-color:#4fd17a88}
.ueGunIkon{font-size:30px}
.ueGunMetin{flex:1;display:flex;flex-direction:column}
.ueGunMetin small{color:#e7dcff;opacity:.85}
.ueSandik{display:flex;align-items:center;gap:10px;width:100%;max-width:380px;flex-wrap:wrap;justify-content:center}
.ueSandikIkon{font-size:28px}
.ueSandikBar{flex:1;min-width:180px;height:12px;border-radius:8px;background:#0005;overflow:hidden}
.ueSandikBar div{height:100%;background:linear-gradient(90deg,#ffd23f,#ff8a3d);border-radius:8px;transition:width .5s}
.ueSandik small{width:100%;color:#e7dcff;opacity:.85}
.ueGucler{display:flex;gap:14px;color:#fff;opacity:.9}

/* oyun */
.ueOyun{flex:1;display:flex;flex-direction:column;min-height:0}
.ueHud{display:flex;align-items:center;gap:6px;padding:8px 10px}
.ueHudBtn{width:36px;height:36px;border-radius:10px;border:1px solid #ffffff33;background:#0004;color:#fff;font-size:16px;cursor:pointer}
.ueHudBolum{flex:1;font:800 18px 'Baloo 2',Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ueHudKutu{background:#0004;border-radius:10px;padding:5px 9px;font-size:14px;white-space:nowrap}
.ueHudPuan b{color:#ffd23f}
.ueTahtaAlan{flex:1;position:relative;min-height:0}
.ueTahta{position:absolute;inset:0;isolation:isolate;z-index:0}
.ueTas{position:absolute;width:var(--ueW);height:var(--ueH);border-radius:calc(var(--ueW)*.16);background:linear-gradient(180deg,#fffaf0,#f3e6c8);box-shadow:0 calc(var(--ueW)*.07) 0 #b69a63,0 calc(var(--ueW)*.1) calc(var(--ueW)*.14) #0007;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .2s,transform .12s,opacity .2s}
.ueTas span{font-size:calc(var(--ueW)*.62);line-height:1;pointer-events:none}
.ueTas:not(.kapali):active{transform:scale(.93)}
.ueTas.kapali{filter:brightness(.5) saturate(.6);cursor:default}
.ueTas.gitti{opacity:0;pointer-events:none;transform:scale(.6)}
.ueTas.salla{animation:ueSalla .3s}
.ueTas.donus{animation:ueDonus .45s}
@keyframes ueSalla{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@keyframes ueDonus{50%{transform:rotateY(90deg) scale(.9)}}
.ueKombo{position:absolute;left:50%;top:10%;transform:translate(-50%,0) scale(.5);font:800 34px 'Baloo 2',Nunito,sans-serif;color:#ffd23f;text-shadow:0 3px 0 #a3430e,0 0 18px #ff8a3d;opacity:0;pointer-events:none;z-index:1;white-space:nowrap}
.ueKombo.goster{animation:ueKombo 1s ease-out}
@keyframes ueKombo{0%{opacity:0;transform:translate(-50%,10px) scale(.5)}20%{opacity:1;transform:translate(-50%,0) scale(1.15)}70%{opacity:1;transform:translate(-50%,-10px) scale(1)}100%{opacity:0;transform:translate(-50%,-30px) scale(1)}}

/* raf */
.ueRaf,.ueTampon{display:flex;gap:4px;justify-content:center;margin:0 auto;padding:7px;width:min(100% - 16px,470px)}
.ueRaf{background:linear-gradient(180deg,#8a5a2b,#5e3a17);border-radius:16px;box-shadow:inset 0 3px 0 #ffffff33,0 5px 0 #3a230c,0 8px 16px #0008;transition:box-shadow .3s}
.ueRaf.tehlike{box-shadow:inset 0 3px 0 #ffffff33,0 5px 0 #3a230c,0 0 0 3px #ef5b5b,0 0 22px #ef5b5b}
.ueTampon{padding:4px 7px 6px;justify-content:center}
.ueTampon .ueSlot{flex:0 0 calc((min(100vw - 16px,470px) - 38px)/7);cursor:pointer;background:linear-gradient(180deg,#fffaf0,#f3e6c8);box-shadow:0 3px 0 #b69a63}
.ueSlot{flex:1;min-width:0;aspect-ratio:1/1.12;border-radius:10px;background:#0000002e;display:flex;align-items:center;justify-content:center}
.ueSlot.dolu{background:linear-gradient(180deg,#fffaf0,#f3e6c8);box-shadow:0 3px 0 #b69a63}
.ueSlot span{font-size:min(7.2vw,36px);line-height:1}
.ueSlot.gelen{visibility:hidden}
.ueUcan,.uePatla{position:fixed;z-index:3000;border-radius:10px;background:linear-gradient(180deg,#fffaf0,#f3e6c8);box-shadow:0 4px 0 #b69a63,0 8px 14px #0006;display:flex;align-items:center;justify-content:center;pointer-events:none;transform-origin:0 0}
.ueUcan{transition:transform .17s cubic-bezier(.3,.7,.4,1)}
.ueUcan span,.uePatla span{line-height:1}
.uePatla{animation:uePatla .45s ease-in forwards;transform-origin:50% 50%}
@keyframes uePatla{40%{transform:scale(1.25);filter:brightness(1.4)}100%{transform:scale(0);opacity:0}}

/* araçlar */
.ueAraclar{display:flex;gap:8px;justify-content:center;padding:10px 8px 12px}
.ueArac{position:relative;flex:0 1 84px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 4px;border-radius:14px;border:1px solid #ffffff33;background:#0005;color:#fff;font:inherit;cursor:pointer}
.ueArac span{font-size:24px;line-height:1.1}
.ueArac small{font-size:12px;opacity:.9}
.ueArac i{position:absolute;top:-7px;right:-5px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:#ff8a3d;font:800 13px/22px Nunito,sans-serif;font-style:normal;box-shadow:0 2px 0 #0006}
.ueArac.reklamli i{background:#7b5cff}
.ueArac:active{transform:scale(.94)}

/* sonuç pencereleri */
.ueSonuc{text-align:center}
.ueYildizlar{font-size:52px;letter-spacing:6px;margin:4px 0 6px}
.ueYildizlar span{color:#ffffff30;display:inline-block}
.ueYildizlar span.dolu{color:#ffd23f;text-shadow:0 3px 0 #b97c00;animation:ueYildiz .5s backwards}
@keyframes ueYildiz{0%{transform:scale(0) rotate(-90deg)}70%{transform:scale(1.3)}}
.ueHediye{color:#ffd23f;font-weight:800}
.ueSandikBuyuk{font-size:72px;animation:ueSalin 1.2s ease-in-out infinite}
.ueSandikOdul{display:flex;gap:14px;justify-content:center;font-size:24px;font-weight:800}

@media (min-width:900px){.ueAraclar .ueArac{flex-basis:96px}}
@media (max-height:620px){.ueAraclar{padding:6px 8px 8px}.ueArac span{font-size:20px}.ueHud{padding:5px 8px}}