/*! © 2026 matematik.biz — Tüm hakları saklıdır. İzinsiz kopyalanamaz, çoğaltılamaz ve kullanılamaz. */
:root{color-scheme:light;--color-primary:#173b6c;--color-primary-vivid:#2478cf;--color-primary-soft:#eaf3fe;--color-secondary:#176b87;--color-accent:#b45309;--color-success:#166534;--color-success-soft:#ecfdf5;--color-warning:#854d0e;--color-warning-soft:#fffbeb;--color-error:#b91c1c;--color-error-soft:#fef2f2;--color-info:#1d4ed8;--color-info-soft:#eff6ff;--color-neutral:#475569;--color-background:#f5f8fc;--color-surface:#ffffff;--color-surface-2:#f0f4fa;--color-text:#172b4d;--color-text-muted:#475569;--color-border:#64748b;--color-border-soft:#dbe3ee;--color-on-solid:#ffffff;--color-focus:#1d4ed8;--color-gold:#f5a300;--deco-1:#2F7BE0;--deco-2:#12A88F;--deco-3:#F5A300;--deco-4:#E9437A;--deco-5:#9446C9;--deco-6:#F0711B;--radius:1rem;--shadow:0 .8rem 2.2rem rgba(23,43,77,.09);--hedef:2.75rem}body[data-sinif="5"]{--color-primary:#0B6E5F;--color-primary-vivid:#12A88F;--color-primary-soft:#E2F6F2}body[data-sinif="6"]{--color-primary:#6A2A95;--color-primary-vivid:#9446C9;--color-primary-soft:#F3E9FA}body[data-sinif="7"]{--color-primary:#A94A0C;--color-primary-vivid:#F0711B;--color-primary-soft:#FEEEE2}body[data-sinif="8"]{--color-primary:#1B4FA0;--color-primary-vivid:#2F7BE0;--color-primary-soft:#E6EFFC}html{font-size:clamp(16px,calc(.5vmin + .45vw + 6px),40px);-webkit-text-size-adjust:100%}@media(min-width:1920px){html{font-size:clamp(24px,calc(.55vmin + .5vw + 6px),44px)}}html.mb-tahta{font-size:clamp(24px,calc(.6vmin + .55vw + 8px),48px);--hedef: 4rem}html.mb-tahta body{--hedef: 3rem}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:hidden;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));font-family:Nunito,Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;color:var(--color-text);background:radial-gradient(circle at 6% 4%,var(--color-primary-soft) 0,transparent 28rem),radial-gradient(circle at 96% 96%,#e3f4f9 0,transparent 30rem),var(--color-background)}button,input,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.mb-app{width:min(76rem,100%);margin:0 auto;display:flex;flex-direction:column;gap:1rem;min-width:0}@media(min-width:1920px){.mb-app{width:min(84rem,100%)}}.mb-hero{display:flex;align-items:center;justify-content:space-between;gap:.8rem 1rem;flex-wrap:wrap}.mb-hero>div:first-child{min-width:0}.mb-marka{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .3rem;padding:.15rem .75rem;border-radius:99rem;background:var(--color-primary-soft);color:var(--color-primary);font-size:.875rem;font-weight:800;letter-spacing:.02em}.mb-marka b{font-weight:900}.mb-hero h1{margin:0;font-size:clamp(1.75rem,1.2rem + 1.6vw,2.75rem);font-weight:900;letter-spacing:-.02em;line-height:1.12;color:var(--color-primary)}.mb-hero .mb-alt{margin:.3rem 0 0;color:var(--color-text-muted);font-weight:700}.mb-eylemler{display:flex;gap:.5rem;flex-wrap:wrap}.mb-hayalet{min-height:var(--hedef);border:1.5px solid var(--color-border-soft);border-radius:.8rem;padding:.45rem .85rem;background:var(--color-surface);color:var(--color-primary);cursor:pointer;font-weight:800;white-space:nowrap;transition:border-color .15s,transform .15s}.mb-hayalet:hover{border-color:var(--color-primary-vivid);transform:translateY(-1px)}.mb-hayalet[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary-vivid)}.card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.panel{padding:1.1rem}.panel h2{font-size:1.1rem;margin:0 0 .5rem;color:var(--color-primary)}.panel h3{font-size:.875rem;color:var(--color-text-muted);margin:1rem 0 .45rem;text-transform:uppercase;letter-spacing:.06em}.mb-iki{display:grid;grid-template-columns:minmax(15rem,19rem) minmax(0,1fr);gap:1rem;align-items:start}.mb-iki>*{min-width:0}.mb-ust-bar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--color-border-soft);flex-wrap:wrap}.mb-ust-bar>strong{color:var(--color-primary);font-size:1.1rem}.mb-alan{padding:1rem 1.1rem 1.1rem;min-width:0}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.5rem}.choice{min-height:var(--hedef);border:1.5px solid var(--color-border);border-radius:.7rem;padding:.4rem;background:var(--color-surface);cursor:pointer;font-size:1rem;font-weight:800;line-height:1.15;transition:background .15s,border-color .15s}.choice small{display:block;font-size:.875rem;font-weight:700}.choice:hover{border-color:var(--color-primary-vivid)}.choice.active,.choice[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-solid)}.stats{display:flex;gap:.5rem;flex-wrap:wrap}.stat{min-width:4.6rem;padding:.3rem .6rem;border-radius:.7rem;text-align:center;background:var(--color-primary-soft);--sr: var(--color-primary)}.stat:nth-child(2){background:var(--color-warning-soft);--sr: var(--color-warning)}.stat:nth-child(3){background:var(--color-error-soft);--sr: var(--color-error)}.stat:nth-child(4){background:var(--color-info-soft);--sr: var(--color-info)}.stat b{display:block;font-size:1.3rem;font-weight:900;color:var(--sr);line-height:1.15;font-variant-numeric:tabular-nums}.stat span{display:block;font-size:.875rem;font-weight:800;color:var(--color-text-muted);letter-spacing:.04em}.status{min-height:var(--hedef);display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:.8rem;background:var(--color-surface-2);border-left:.3rem solid var(--color-border-soft);font-size:1.05rem;font-weight:800}.status.success{background:var(--color-success-soft);color:var(--color-success);border-left-color:var(--color-success)}.status.warning{background:var(--color-warning-soft);color:var(--color-warning);border-left-color:var(--color-warning)}.status.error{background:var(--color-error-soft);color:var(--color-error);border-left-color:var(--color-error)}.status.info{background:var(--color-info-soft);color:var(--color-info);border-left-color:var(--color-info)}.actions{display:flex;justify-content:space-between;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:.9rem}.action-group{display:flex;gap:.5rem;flex-wrap:wrap}.primary-btn,.ok-btn,.assist-btn,.second-btn{min-height:var(--hedef);border:0;border-radius:.8rem;padding:.5rem 1.1rem;cursor:pointer;font-weight:900;font-size:1rem;color:var(--color-on-solid);transition:transform .12s,box-shadow .12s,filter .15s}.primary-btn{background:var(--color-primary);box-shadow:0 .22rem color-mix(in srgb,var(--color-primary) 65%,#000)}.second-btn{background:var(--color-secondary);box-shadow:0 .22rem #0e4a5e}.ok-btn{background:var(--color-success);box-shadow:0 .22rem #0d4223}.assist-btn{background:var(--color-warning-soft);color:var(--color-warning);border:1.5px solid #e9c46a;box-shadow:0 .22rem #e9c46a}.primary-btn:hover,.ok-btn:hover,.second-btn:hover,.assist-btn:hover{filter:brightness(1.08)}.primary-btn:active,.ok-btn:active,.second-btn:active,.assist-btn:active{transform:translateY(.18rem);box-shadow:none}.primary-btn:disabled,.ok-btn:disabled,.second-btn:disabled,.assist-btn:disabled{background:#e7ebf1;color:#5b6576;border-color:transparent;cursor:not-allowed;box-shadow:none;transform:none;filter:none}.cell{position:relative;min-width:var(--hedef);min-height:var(--hedef);display:grid;place-items:center;padding:.3rem;border:2px solid var(--color-border-soft);border-radius:.8rem;background:var(--color-surface);color:var(--color-primary);cursor:pointer;font-size:1.4rem;font-weight:900;box-shadow:0 .18rem 0 var(--color-border-soft);transition:transform .12s,background .12s,border-color .12s}.cell:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-primary-vivid);background:var(--color-primary-soft)}.cell.secili,.cell[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-solid);box-shadow:0 .18rem color-mix(in srgb,var(--color-primary) 65%,#000)}.cell.dogru{background:var(--color-success);border-color:var(--color-success);color:var(--color-on-solid);box-shadow:none}.cell.yanlis{background:var(--color-error);border-color:var(--color-error);color:var(--color-on-solid);box-shadow:none}.cell.kacan{background:var(--color-warning-soft);border:2px dashed var(--color-warning);color:var(--color-warning);box-shadow:none}.cell.kullanildi{background:var(--color-surface-2);color:#6b7688;border-color:var(--color-border-soft);text-decoration:line-through;box-shadow:none}.cell.son{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-solid);outline:3px solid color-mix(in srgb,var(--color-accent) 35%,transparent)}.cell.uygun{background:var(--color-success-soft);border:2px dashed var(--color-success);color:var(--color-success)}.cell.dogru:after,.cell.yanlis:after,.cell.kacan:after,.cell.son:after,.cell.uygun:after{position:absolute;top:.1rem;right:.3rem;font-size:.875rem;font-weight:900;line-height:1}.cell.dogru:after{content:"✓"}.cell.yanlis:after{content:"✗"}.cell.kacan:after{content:"!"}.cell.son:after{content:"●"}.cell.uygun:after{content:"+"}.cell.dogru{animation:mbPop .3s}.cell.yanlis{animation:mbSalla .4s}.cell:disabled{cursor:default}.renkli>.cell:not(.secili):not(.dogru):not(.yanlis):not(.kacan):not(.kullanildi):not(.son):not(.uygun){border-color:color-mix(in srgb,var(--rk) 60%,white);background:color-mix(in srgb,var(--rk) 8%,white);box-shadow:0 .18rem color-mix(in srgb,var(--rk) 45%,white)}.renkli>:nth-child(6n+1){--rk: var(--deco-1)}.renkli>:nth-child(6n+2){--rk: var(--deco-2)}.renkli>:nth-child(6n+3){--rk: var(--deco-3)}.renkli>:nth-child(6n+4){--rk: var(--deco-4)}.renkli>:nth-child(6n+5){--rk: var(--deco-5)}.renkli>:nth-child(6n+6){--rk: var(--deco-6)}@keyframes mbPop{0%{transform:scale(.88)}70%{transform:scale(1.07)}}@keyframes mbSalla{25%{transform:translate(-.35rem)}75%{transform:translate(.35rem)}}.mb-salla{animation:mbSalla .4s}.mb-pop{animation:mbPop .35s}.tip{padding:.7rem .9rem;border-left:.3rem solid var(--color-success);background:var(--color-success-soft);border-radius:0 .6rem .6rem 0;color:var(--color-success);font-weight:700}dialog{width:min(38rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);border:0;padding:0;border-radius:var(--radius);color:var(--color-text);box-shadow:0 1.5rem 4rem #0b254147;border-top:.4rem solid var(--color-primary-vivid)}dialog::backdrop{background:#0c19328c}.modal{padding:1.4rem;position:relative;overflow:auto}.modal h2{margin:0 3rem .8rem 0;color:var(--color-primary)}.modal p,.modal li{line-height:1.55;max-width:70ch}.modal-close{position:absolute;top:.8rem;right:.8rem;width:var(--hedef);height:var(--hedef);border:0;border-radius:50%;background:var(--color-surface-2);color:var(--color-primary);cursor:pointer;font-size:1.4rem}.mb-sonuc{text-align:center}.mb-sonuc h2{margin:0 0 .2rem}.mb-yildiz{font-size:3rem;letter-spacing:.15em;margin:.2rem 0}.mb-yildiz span{color:var(--color-border-soft)}.mb-yildiz span.on{color:var(--color-gold);animation:mbPop .4s backwards}.mb-yildiz span.on:nth-child(2){animation-delay:.15s}.mb-yildiz span.on:nth-child(3){animation-delay:.3s}.mb-ozet{display:flex;gap:.5rem;justify-content:center;margin:.7rem 0 1.1rem;flex-wrap:wrap}.mb-ozet .stat{min-width:5.5rem;padding:.5rem .7rem}.mb-ozet .stat b{font-size:1.6rem}canvas.mb-konfeti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2147483600}.fr{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;margin:0 .12em;line-height:1.05;font-size:.9em}.fr .nu{border-bottom:.09em solid currentColor;padding:0 .15em}.fr .de{padding:0 .15em}.ovl{text-decoration:overline}body.mb-sozde-tam{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;z-index:2147483000;background-color:var(--color-background)}.mb-cik{display:none}body.mb-sozde-tam .mb-cik{display:inline-flex;align-items:center;position:fixed;z-index:2147483001;top:max(.6rem,env(safe-area-inset-top));right:max(.6rem,env(safe-area-inset-right));min-height:var(--hedef);padding:.4rem .9rem;border:0;border-radius:.8rem;background:var(--color-primary);color:var(--color-on-solid);font-weight:900;cursor:pointer;box-shadow:0 .4rem 1rem #0003}html.mb-tam .mb-hero .mb-alt{display:none}@media(max-width:1023px){.mb-iki{grid-template-columns:minmax(0,1fr)}.mb-iki>aside{order:2}}@media(min-width:600px)and (max-width:1023px)and (orientation:landscape){.mb-iki{grid-template-columns:minmax(12rem,15rem) minmax(0,1fr)}.mb-iki>aside{order:0}}@media(max-width:599px){body{padding-left:max(.6rem,env(safe-area-inset-left));padding-right:max(.6rem,env(safe-area-inset-right))}.mb-hero{flex-direction:column;align-items:stretch}.mb-eylemler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mb-hayalet{padding:.4rem .5rem;white-space:normal;line-height:1.2}.panel,.mb-alan{padding:.8rem}.mb-ust-bar{padding:.7rem .8rem}.action-group{width:100%}.actions>*,.action-group>*{flex:1 1 auto}}@media(max-height:559px){body{padding-top:.5rem;padding-bottom:.5rem}.mb-app{gap:.6rem}.mb-hero .mb-alt,.mb-marka{display:none}.mb-hero h1{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}canvas.mb-konfeti{display:none}}@supports not (color: color-mix(in srgb,red 50%,white)){.primary-btn,.cell.secili{box-shadow:0 .22rem #0b1f3a}.renkli>.cell:not(.secili):not(.dogru):not(.yanlis):not(.kacan):not(.kullanildi):not(.son):not(.uygun){border-color:var(--rk);background:var(--color-surface)}}