@font-face{font-family:OONTeneffusRounded;src:url('teneffus/nunito.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
/* Decorative typography and character assets scoped to Teneffüs. Cover unchanged. */
@font-face{font-family:OONTeneffusHand;src:url('tasarim/caveat-latin-ext-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:OONTeneffusHand;src:url('tasarim/caveat-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:OONTeneffusDisplay;src:url('tasarim/inter-latin-ext-wght-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:OONTeneffusDisplay;src:url('tasarim/inter-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@media screen{
.oon-gd .oon-tn-storyhead{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;align-items:center;margin:0 0 26px;position:relative}
.oon-gd .oon-tn-storytitle{min-width:0;position:relative;z-index:1}
.oon-gd .oon-gd-kart:not(.oon-gd-kart--kapak) .oon-gd-baslik{font-family:OONTeneffusRounded,OONTeneffusDisplay,'Arial Rounded MT Bold',system-ui,sans-serif;font-weight:900;font-size:clamp(30px,3.4vw,44px);line-height:1.15;letter-spacing:-.025em;text-shadow:0 3px 0 #265366,0 6px 12px #0002;margin:20px 0 17px!important;text-wrap:pretty}
.oon-gd .oon-tn-storytitle:after{content:"";display:block;width:150px;max-width:65%;height:8px;border-radius:85% 12% 70% 20%;background:#25e5d0;transform:rotate(-3deg);box-shadow:0 5px 0 -3px #8bf8e4;margin:15px 0 14px}
.oon-gd .oon-tn-character{position:relative;align-self:end;min-width:0;filter:drop-shadow(0 12px 13px #001a2670);pointer-events:none}
.oon-gd .oon-tn-character img{display:block;width:100%;height:255px;object-fit:contain;object-position:center bottom;max-width:100%;mask-image:linear-gradient(#000 90%,transparent);-webkit-mask-image:linear-gradient(#000 90%,transparent)}
.oon-gd .oon-tn-character:before{content:"";position:absolute;width:19px;height:50px;background:#20e7d0;border-radius:80%;right:7px;top:17px;transform:rotate(35deg);box-shadow:27px 13px 0 -3px #20e7d0;z-index:-1}
.oon-gd .oon-tn-character:after{content:"";position:absolute;left:0;top:45%;width:36px;height:38px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25 42C18 33 3 23 7 13C11 3 23 7 25 15C30 3 43 7 44 15C45 25 32 34 25 42Z' fill='none' stroke='%2328e8cf' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(-12deg)}
.oon-gd .oon-tn-mini b{font-family:OONTeneffusHand,'Trebuchet MS',cursive;font-size:43px;letter-spacing:-.055em;font-weight:500;line-height:1}
.oon-gd .oon-tn-mini span{font-family:OONTeneffusHand,cursive;font-size:18px;letter-spacing:.01em;text-transform:none;line-height:1.05}
.oon-gd .oon-gd-kart:not(.oon-gd-kart--kapak) .oon-gd-ust{font-family:OONTeneffusHand,cursive;font-weight:500;font-size:25px;line-height:1.1;letter-spacing:.025em;background:#25e3cf;color:#063246;border-radius:0;padding:10px 20px 12px;clip-path:polygon(2% 12%,11% 8%,10% 3%,90% 4%,98% 11%,94% 18%,100% 25%,96% 40%,99% 54%,95% 68%,98% 80%,90% 86%,90% 94%,7% 96%,2% 86%,6% 79%,0 70%,4% 58%,1% 46%,5% 35%,1% 22%)}
.oon-gd .oon-gd-rakamlar b{font-family:OONTeneffusRounded,OONTeneffusDisplay,system-ui,sans-serif;font-weight:900;font-size:43px;letter-spacing:-.06em;text-shadow:0 2px 0 #fff8}
.oon-gd .oon-gd-rakamlar span{font-family:OONTeneffusHand,cursive;font-size:24px;font-weight:500;line-height:1.05}
.oon-gd .oon-gd-rakamlar>div{padding-top:24px;min-height:162px}
.oon-gd .oon-gd-sira li:before,.oon-gd .oon-gd-hesap b{font-family:OONTeneffusRounded,OONTeneffusDisplay,sans-serif;font-weight:900}
.oon-gd .oon-gd-soru small,.oon-gd .oon-gd-cevap small{font-family:OONTeneffusHand,cursive;font-size:23px;text-transform:none;letter-spacing:.02em;font-weight:500}
.oon-gd .oon-gd-soru{position:relative}
.oon-gd .oon-gd-soru:after{content:"";position:absolute;left:0;bottom:-10px;width:18px;height:18px;background:#163e51;border-left:1px solid #496d79;clip-path:polygon(0 0,100% 0,0 100%)}
.oon-gd .oon-gd-ipucu{transform:rotate(-.5deg);position:relative;box-shadow:3px 7px 0 #0001}
.oon-gd .oon-gd-ipucu:before{content:"";width:46px;height:16px;position:absolute;top:-8px;left:calc(50% - 23px);background:#fff9;transform:rotate(4deg)}
.oon-gd .oon-gd-kutular strong{font-family:OONTeneffusRounded,OONTeneffusDisplay,system-ui,sans-serif;font-weight:800}
@media(max-width:760px){
.oon-gd .oon-tn-storyhead{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:23px}
.oon-gd .oon-tn-character{grid-row:1;justify-self:end;width:142px;margin:0 0 -12px;height:152px}
.oon-gd .oon-tn-character img{height:152px}
.oon-gd .oon-tn-character:before{width:11px;height:30px;right:5px;top:14px;box-shadow:17px 8px 0 -2px #20e7d0}
.oon-gd .oon-tn-character:after{width:26px;height:27px;left:-14px}
.oon-gd .oon-gd-kart:not(.oon-gd-kart--kapak) .oon-gd-baslik{font-size:31px;line-height:1.16;margin-top:16px!important}
.oon-gd .oon-tn-mini b{font-size:38px}
.oon-gd .oon-tn-mini span{font-size:16px;line-height:1.1;max-width:110px}
.oon-gd .oon-gd-kart:not(.oon-gd-kart--kapak) .oon-gd-ust{font-size:23px}
.oon-gd .oon-gd-rakamlar b{font-size:31px}
.oon-gd .oon-gd-rakamlar span{font-size:22px}
.oon-gd .oon-gd-rakamlar>div{min-height:154px}
}
}
@media print{.oon-gd .oon-tn-character{display:none}.oon-gd .oon-tn-storyhead{display:block}}