@charset "UTF-8";
.about-concept{margin:0}.about-concept img{width:100%;border-radius:12px;aspect-ratio:4/5;object-fit:cover}.about-concept figcaption{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.7}
:root{color-scheme:light;--navy:#10243a;--text:#1c3043;--muted:#5c6e7c;--teal:#087f83;--bright:#18b7b4;--paper:#fff;--soft:#f3f7f9;--line:#dce6eb;--radius:18px;--serif:Georgia,'Times New Roman',serif;--font:'Segoe UI',Arial,sans-serif}html[data-theme=dark]{color-scheme:dark;--text:#e4edf1;--muted:#b1c2ce;--paper:#102133;--soft:#142c40;--line:#30465a;--teal:#68d4ce}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.65 var(--font)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}a,button,input,select{touch-action:manipulation}button{border:0;background:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--bright);outline-offset:4px}::selection{background:#a4e5e0;color:#10243a}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{min-height:100px;display:flex;gap:22px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand>img{width:42px;height:42px;flex:none}.brand>span{font-size:22px;font-weight:650;letter-spacing:-.7px;line-height:1.25}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:1.8px;margin-top:7px;color:var(--muted)}nav{display:flex;gap:21px;align-items:center}nav>a{font-size:16px;font-weight:600;white-space:nowrap}nav>a[aria-current]{color:var(--teal)}.contact-nav{border-bottom:1px solid var(--teal);padding-block:7px}.theme-toggle{font-size:23px;padding:5px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;padding-block:70px 60px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;margin:0 0 23px;text-transform:uppercase;color:var(--teal)}.status-dot{display:inline-block;background:var(--bright);width:6px;height:6px;border-radius:50%;margin:0 8px 2px 0}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.16}h1{font-size:clamp(44px,4.5vw,66px);letter-spacing:-2.8px;font-weight:550;margin-bottom:24px}h1 em,h2 em{font:italic 1.04em var(--serif);color:var(--teal);letter-spacing:-1.5px}.lead{color:var(--muted);font-size:18px;line-height:1.85;max-width:540px;margin-bottom:28px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--navy);color:white;min-height:48px;padding:12px 21px;font-size:15px;font-weight:600;border-radius:7px;border:1px solid transparent}.button:hover{background:#164054;color:white}.button.light{background:#eefcfb;color:#10243a}.quiet-link{font-size:15px;display:inline-flex;gap:20px;align-items:center}.hero-footnote{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:35px;color:var(--muted);font-size:8px;letter-spacing:1.3px}.hero-visual{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;background:#e8f1f5;align-self:stretch;min-height:420px}.hero-visual>picture{height:100%;display:block}.hero-visual>picture>img{width:100%;height:100%;object-fit:cover}.hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;background:#10243aeb;color:white;font-size:8px;letter-spacing:1.6px;padding:16px 22px}.hero-person{position:relative;min-height:500px;overflow:hidden;background:#e8eff5;border-radius:var(--radius);margin:0}.hero-person>picture,.hero-person>picture>img{width:100%;height:100%;display:block}.hero-person img{object-fit:cover;object-position:center 20%}.hero-person .person-caption{position:absolute;bottom:22px;left:22px;right:22px;background:#fffef9ef;color:#10243a;padding:15px 20px;backdrop-filter:blur(8px);border-left:3px solid var(--bright)}.person-caption strong{font-size:20px;display:block}.person-caption span{font-size:13px;letter-spacing:.7px}.hero-art-orbit{position:absolute;width:160px;height:160px;right:-10px;top:20px;opacity:.5;pointer-events:none}.discipline-strip{border-block:1px solid var(--line);background:var(--soft)}.discipline-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:19px;font-size:12px;font-weight:650;letter-spacing:1.7px}.discipline-strip b{color:var(--teal);font-size:19px;font-weight:400}.section{padding-block:75px}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:34px}.section-head .eyebrow{margin-bottom:14px}h2{font-size:42px;font-weight:550;letter-spacing:-1.5px;margin-bottom:20px}.section-head h2{margin-bottom:0}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:15px;padding-bottom:6px;border-bottom:1px solid var(--line);font-weight:600}.section-head>.text-link{margin-bottom:6px;white-space:nowrap}.featured-article{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.featured-article>a{border-radius:14px;overflow:hidden;display:block}.featured-article img{aspect-ratio:16/10;object-fit:cover;width:100%}.featured-article h3{font-size:32px;font-weight:550;letter-spacing:-.9px;margin-bottom:18px}.featured-article .eyebrow{font-size:12px;margin-bottom:15px}.featured-article p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.85}.game-feature{background:#10243a;color:#f5fafc;padding-block:65px}.game-feature .eyebrow{color:#69dbd2}.game-feature h2 em{color:#69dbd2}.game-feature .text-link{border-color:#52677b}.game-spotlight{display:grid;grid-template-columns:1.15fr 1fr;gap:42px;align-items:center}.game-cover{display:block;overflow:hidden;border:1px solid #334d62;border-radius:12px;background:#1c3446;min-height:220px}.game-cover img{aspect-ratio:16/9;width:100%;object-fit:cover}.game-spotlight h3{font-size:32px;font-weight:500;margin-bottom:18px}.game-spotlight p:not(.eyebrow){color:#b8cbd8;font-size:16px;line-height:1.8}.mini-games{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px;border-top:1px solid #364c60;padding-top:25px}.mini-games>a{display:flex;align-items:center;gap:16px}.mini-games img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:7px}.mini-games strong{display:block;font-weight:550;font-size:17px}.mini-games small{display:block;color:#a6becd;font-size:13px;margin-top:7px}.mini-games>a>span:last-child{margin-left:auto}.projects-preview{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;align-items:center}.projects-preview figure{margin:0}.projects-preview img{aspect-ratio:4/3;object-fit:cover;border-radius:12px}.projects-preview figcaption{font-size:12px;color:var(--muted);padding-top:12px;line-height:1.6}.project-row{display:flex;gap:19px;align-items:start;padding-block:24px;border-top:1px solid var(--line)}.project-row:first-child{padding-top:0;border-top:0}.project-row>span{font-size:11px;color:var(--teal);padding-top:4px}.project-row h3{font-size:23px;letter-spacing:-.5px;line-height:1.35;font-weight:550;margin-bottom:9px}.project-row p{color:var(--muted);font-size:16px;margin:0}.project-row>span:last-child{margin-left:auto;font-size:20px}.about-band{padding-block:60px;background:var(--soft);border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center}.portrait-slot{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;min-height:300px;background:#e4eff2;border:1px solid #d4e3e8;border-radius:14px;color:#486675;overflow:hidden}.portrait-slot span{font-size:9px;letter-spacing:1.8px}.portrait-slot>img:not([src$=".svg"]){width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}.about-grid .portrait-slot{max-width:330px}.about-grid p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.9}.link-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.link-panels>a{padding:28px;background:var(--soft);border-radius:12px;border:1px solid var(--line);display:flex;flex-direction:column}.link-panels>a>span{font-size:12px;letter-spacing:1px;color:var(--teal)}.link-panels h3{font-size:23px;font-weight:550;margin:25px 0 15px;letter-spacing:-.6px}.link-panels p{font-size:16px;color:var(--muted)}.link-panels b{margin-top:auto;font-weight:400;font-size:24px;color:var(--teal)}.page-intro{padding-block:62px 28px;max-width:1200px}.page-intro h1{font-size:51px;max-width:900px;line-height:1.12}.page-intro .lead{max-width:760px}.page-intro .eyebrow{margin-bottom:17px}.category-chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px}.pill{display:inline-block;padding:5px 10px;border:1px solid var(--line);font-size:12px;line-height:1.5;border-radius:4px;color:var(--muted)}.pill.published{color:var(--teal);border-color:#8ac9c6;background:#eaf8f6}html[data-theme=dark] .pill.published{background:#143c3b;color:#9aebe4}.collection{padding-top:35px}.filter-bar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:20px;border:1px solid var(--line);background:var(--soft);border-radius:10px}.filter-bar label{display:flex;flex-direction:column;font-size:14px;gap:7px;flex:1;min-width:100px}.filter-bar .search-label{flex:2;min-width:190px}input,select,textarea{border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--text);padding:9px 11px;max-width:100%;min-width:0;font-size:16px}.filter-reset{padding:9px 2px;font-size:14px;color:var(--teal)}.filter-count{font-size:14px;color:var(--muted);margin:15px 0 25px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.content-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);display:flex;flex-direction:column;min-width:0}.card-image{display:block;overflow:hidden;background:var(--soft)}.card-image img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}.card-image:hover img{transform:scale(1.025)}.card-copy{padding:25px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.card-copy h3{font-size:26px;font-weight:550;letter-spacing:-.6px;margin-bottom:13px}.card-copy>p{font-size:16px;color:var(--muted);line-height:1.9;margin-bottom:22px}.card-copy>.text-link{align-self:start;margin-top:auto}.no-results{padding:30px;color:var(--muted);background:var(--soft)}.empty-state{padding:40px;border:1px dashed var(--line);text-align:center;border-radius:12px;background:var(--soft)}.empty-state>span{font-size:45px;color:var(--teal);display:block}.empty-state h2{font-size:26px;margin-bottom:14px}.empty-state p{font-size:16px;color:var(--muted)}.lab-band{padding-block:65px;background:var(--soft)}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.lab-grid p{color:var(--muted);font-size:16px}.experiment{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:20px 25px}.experiment svg{width:100%;height:auto;display:block}.experiment label{display:flex;justify-content:space-between;font-size:14px}.experiment input{width:100%;accent-color:var(--teal);padding:0;margin-top:12px}.experiment p{text-align:center;font-size:14px;margin:10px 0 0}.small{font-size:13px!important;color:var(--muted);line-height:1.8}.about-page{display:grid;grid-template-columns:300px 1fr;gap:65px;padding-block:25px 75px}.profile-aside .portrait-slot{margin-bottom:25px}.profile-aside h2{font-size:25px}.profile-aside>p{font-size:15px;color:var(--muted)}.prose{max-width:760px;overflow-wrap:anywhere}.prose>p,.prose>ul,.prose>ol{line-height:1.85;font-size:16px;margin-bottom:23px}.prose h2{font-size:29px;line-height:1.3;margin:35px 0 18px;letter-spacing:-.7px}.prose h3{font-size:23px;margin-top:28px}.prose>p:first-child{margin-top:0}.prose a{color:var(--teal);text-decoration:underline;text-underline-offset:4px}.prose .text-link{text-decoration:none;font-size:15px}.prose ul{padding-left:23px}.prose li{margin-block:9px}.prose blockquote{margin-inline:0;padding:20px 25px;border-left:3px solid var(--teal);background:var(--soft);font-family:var(--serif);font-size:22px}.notice{background:var(--soft);border-left:3px solid var(--teal);padding:17px 20px;font-size:15px!important;color:var(--muted);line-height:1.8!important}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.breadcrumb{display:flex;gap:10px;color:var(--muted);font-size:14px;padding-top:35px}.breadcrumb+.page-intro{padding-top:30px}.detail-cover{margin-block:18px 0}.detail-cover>img{width:100%;max-height:530px;object-fit:cover;aspect-ratio:16/9;border-radius:15px}.detail-cover figcaption{font-size:13px;color:var(--muted);padding-top:10px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:70px;padding-top:40px}.detail-meta{border:1px solid var(--line);padding:25px;background:var(--soft);border-radius:12px;position:sticky;top:30px}.detail-meta h3{font-size:14px;font-weight:600;color:var(--muted);margin:22px 0 5px}.detail-meta p{font-size:15px;line-height:1.8}.detail-meta>.button{width:100%;font-size:14px;margin-top:20px;padding-inline:10px;gap:12px}.subtitle{font-family:var(--serif);font-size:23px!important;color:var(--teal)}.byline{font-size:14px!important;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:20px}.references{border-top:1px solid var(--line);margin-top:35px;padding-top:10px}.references li{font-size:16px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery-item{padding:0;text-align:left}.gallery-item img{width:100%;border-radius:10px;aspect-ratio:16/9;object-fit:cover}.gallery-item>span{display:block;font-size:14px;margin-top:10px;color:var(--muted)}.back-link{padding-bottom:60px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:25px}.contact-card{background:var(--soft);padding:35px;border:1px solid var(--line);border-radius:12px}.contact-card h2{font-size:30px}.contact-card p{font-size:16px;color:var(--muted)}.contact-card .button{word-break:break-word;font-size:16px}.math-block{overflow-x:auto;background:var(--soft);padding:20px;margin-block:20px;text-align:center}.footer{border-top:1px solid var(--line);padding-block:45px 22px;background:var(--soft)}.footer-main{display:flex;justify-content:space-between;gap:40px}.footer-main>div{display:flex;gap:20px;flex-wrap:wrap;max-width:630px;align-items:start;font-size:14px}.disclaimer{font-size:13px;color:var(--muted);max-width:800px;line-height:1.8;margin:30px 0 22px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted);gap:20px}.skip{position:absolute;top:-60px;z-index:99;background:#10243a;color:white;padding:10px}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{max-width:95vw;max-height:93dvh;background:var(--paper);border:1px solid var(--line);padding:15px;border-radius:12px;color:var(--text)}dialog::backdrop{background:#10243ad9}dialog>button{display:block;margin:0 0 12px auto;font-size:16px}dialog>img{max-height:80dvh;width:auto;max-width:90vw;object-fit:contain}body.modal-open{overflow:hidden}.event-story{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.event-story img{width:100%;max-height:450px;object-fit:contain;background:#f3f7f9;border-radius:12px}.event-story h3{font-size:26px;font-weight:550}.event-story p{color:var(--muted);font-size:16px}.brand-art-banner{margin-top:30px;border-radius:12px;overflow:hidden}.brand-art-banner img{max-height:280px;width:100%;object-fit:cover}
@media(min-width:1500px){.hero{padding-block:85px 75px}.hero-person{min-height:560px}}@media(max-width:1150px){.wrap{width:calc(100% - 48px)}.header-inner{gap:15px}nav{gap:13px}nav>a{font-size:16px}.brand>span{font-size:20px}.brand small{font-size:9px;letter-spacing:1.1px}.hero{gap:30px}.hero h1{font-size:56px}.hero-person{min-height:440px}.hero .lead{font-size:17px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main>div{max-width:430px}}@media(max-width:850px){.header-inner{min-height:85px}.brand>span{font-size:21px}.menu-toggle{display:flex;gap:13px;align-items:center;font-size:16px;margin-left:auto}.theme-toggle{font-size:22px}nav{display:none;position:absolute;top:84px;left:0;right:0;flex-direction:column;align-items:stretch;padding:23px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 15px #10243a0a;gap:6px}nav.open{display:flex}nav>a{font-size:18px;padding:10px 0}.contact-nav{align-self:start}.hero h1{font-size:46px}.hero-person{min-height:430px}.hero{gap:25px;padding-top:45px}.hero .eyebrow{font-size:11px;letter-spacing:1.4px}.hero-footnote{font-size:7px;letter-spacing:.8px}.hero-footnote>span:last-child{display:none}h2{font-size:36px}.hero-visual{min-height:380px}.featured-article{gap:30px}.featured-article h3{font-size:27px}.game-spotlight{gap:25px}.game-spotlight h3{font-size:27px}.game-spotlight .actions{gap:15px}.projects-preview{gap:30px}.about-grid{gap:40px;grid-template-columns:.7fr 1.3fr}.about-grid h2{font-size:32px}.link-panels{gap:15px}.link-panels>a{padding:20px}.link-panels h3{font-size:21px}.page-intro h1{font-size:44px}.about-page{grid-template-columns:240px 1fr;gap:35px}.detail-grid{grid-template-columns:minmax(0,1fr) 220px;gap:35px}.detail-meta{padding:20px}.contact-layout{gap:30px}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header-inner{gap:13px}.brand>img{width:36px;height:36px}.brand>span{font-size:20px}.brand small{font-size:8px;letter-spacing:1px;margin-top:5px}.hero{grid-template-columns:1fr;gap:32px;padding-block:38px}.hero h1{font-size:48px;letter-spacing:-2px}.hero .lead{font-size:17px}.hero-person{min-height:0;height:460px}.hero-person img{object-fit:cover;object-position:center 22%}.hero-visual{min-height:0;aspect-ratio:4/3}.hero-footnote{margin-top:28px}.discipline-strip>.wrap{flex-wrap:wrap;justify-content:center;font-size:10px;gap:12px;letter-spacing:1px;padding-block:14px}.discipline-strip b{font-size:13px}.discipline-strip b:last-of-type{display:none}.section{padding-block:45px}.section-head{display:block;margin-bottom:25px}.section-head>.text-link{margin-top:20px;font-size:15px}h2{font-size:34px}.featured-article{grid-template-columns:1fr;gap:25px}.featured-article img{aspect-ratio:16/9}.featured-article h3{font-size:30px}.featured-article p:not(.eyebrow){font-size:16px}.game-feature{padding-block:42px}.game-spotlight{grid-template-columns:1fr;gap:25px}.game-cover{min-height:0}.game-spotlight h3{font-size:29px}.mini-games{grid-template-columns:1fr;gap:22px}.mini-games img{width:104px}.mini-games strong{font-size:17px}.projects-preview{grid-template-columns:1fr;gap:30px}.projects-preview img{aspect-ratio:16/10}.project-row h3{font-size:23px}.about-band{padding-block:40px}.about-grid{grid-template-columns:1fr;gap:30px}.about-grid .portrait-slot{width:220px;min-height:0}.about-grid p:not(.eyebrow){font-size:16px}.link-panels{grid-template-columns:1fr}.link-panels>a{padding:26px}.link-panels h3{margin-top:20px;font-size:25px}.link-panels p{max-width:380px}.page-intro{padding-block:40px 15px}.page-intro h1{font-size:40px;letter-spacing:-1.8px}.lead{font-size:17px}.cards{grid-template-columns:1fr}.card-copy{padding:25px}.card-copy h3{font-size:26px}.collection{padding-top:20px}.filter-bar{gap:13px;padding:16px}.filter-bar .search-label{flex-basis:100%}.filter-bar label{min-width:110px}.category-chips{gap:6px}.pill{font-size:12px}.lab-grid{grid-template-columns:1fr;gap:25px}.lab-band{padding-block:45px}.about-page{grid-template-columns:1fr;gap:35px;padding-top:15px}.profile-aside .portrait-slot{width:240px;max-width:100%;min-height:0}.profile-aside{border-bottom:1px solid var(--line);padding-bottom:20px}.about-page .prose{font-size:14px}.prose>p,.prose>ul,.prose>ol{font-size:16px}.prose h2{font-size:26px}.detail-grid{grid-template-columns:1fr;gap:30px;padding-top:30px}.detail-side{order:-1}.detail-meta{position:static;display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.detail-meta>.eyebrow{grid-column:1/-1;margin-bottom:5px}.detail-meta h3{margin-top:10px}.detail-meta p{margin-bottom:6px}.detail-meta>.button,.detail-meta>.small{grid-column:1/-1}.detail-cover>img{max-height:none;border-radius:9px}.gallery{grid-template-columns:1fr;gap:25px}.breadcrumb{padding-top:25px}.breadcrumb+.page-intro{padding-top:25px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-card{padding:26px}.footer{padding-top:30px}.footer-main{display:block}.footer-main>div{gap:15px 22px;margin-top:25px}.footer-bottom{flex-wrap:wrap;font-size:13px;gap:15px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{margin-left:auto}.event-story{grid-template-columns:1fr;gap:25px}.event-story img{max-height:430px}.hero-art-orbit{width:120px;height:120px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-image img{transition:none}}
/* MARİFET identity and media */
.logo-cover{background:#f3f8fa;padding:45px;display:grid;place-items:center;border-radius:18px}.logo-cover img{width:min(100%,480px);height:360px;object-fit:contain}.logo-cover figcaption{text-align:center}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.video-card{border:1px solid var(--line,#dbe5e9);border-radius:14px;overflow:hidden;min-width:0}.video-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f3f8fa}.video-card.portrait-video video{aspect-ratio:9/16;max-height:460px}.video-copy{padding:22px}.video-copy h3{font-size:22px;margin:8px 0 18px}.video-copy button{font:inherit;cursor:pointer;background:none;border:0;padding:0;text-align:left}.video-copy .small{display:inline-block;margin:12px}.downloads li{margin-bottom:16px}.downloads .small{display:block;margin-top:5px}@media(max-width:640px){.video-grid{grid-template-columns:1fr;gap:20px}.logo-cover{padding:28px}.logo-cover img{height:260px}.video-copy{padding:18px}}
.video-formats{display:flex;gap:8px;margin:0 0 20px}.video-formats button{padding:6px 16px;border:1px solid #b9cdd6;border-radius:20px;font-size:13px}.video-formats button[aria-pressed=true]{background:#087f83;color:white;border-color:#087f83}.video-downloads{display:flex;flex-wrap:wrap;gap:15px;margin-top:12px}.video-downloads .small{margin:0}.detail-cover.logo-cover img{width:min(100%,480px);height:360px;object-fit:contain}@media(max-width:640px){.detail-cover.logo-cover img{height:260px}}

/* Readable navigation and text hierarchy */
nav>a{display:inline-flex;align-items:center;min-height:48px;padding-block:10px}nav{gap:22px}.header-inner{gap:18px}.theme-toggle,.menu-toggle{min-width:44px;min-height:44px}.menu-toggle{font-weight:600}.brand>img{width:46px;height:46px}.brand small{letter-spacing:1.1px}h2,h3{font-weight:600;line-height:1.25}.page-intro h1{line-height:1.2}.card-copy h3{line-height:1.3}.text-link,.quiet-link{min-height:44px;line-height:1.5}.footer-main a{display:inline-flex;align-items:center;min-height:44px}.filter-reset{min-height:44px}.eyebrow{line-height:1.6}.hero-footnote{font-size:11px;letter-spacing:.7px}.video-formats button{font-size:15px;min-height:44px;padding:8px 20px}.video-copy h3{font-size:25px;line-height:1.3}.video-copy .text-link{font-size:15px}.detail-meta p{overflow-wrap:anywhere}
@media(max-width:1200px){.header-inner{min-height:90px}.menu-toggle{display:flex;gap:12px;align-items:center;margin-left:auto;font-size:16px}nav{display:none;position:absolute;top:89px;left:0;right:0;flex-direction:column;align-items:stretch;padding:18px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 15px #10243a0a;gap:2px}nav.open{display:flex}nav>a{font-size:18px;min-height:48px;padding:10px 12px;border-radius:6px}nav>a:hover,nav>a[aria-current]{background:var(--soft)}.contact-nav{align-self:stretch;border-bottom:0}.brand small{font-size:9px}}
@media(max-width:640px){.header-inner{gap:10px;min-height:84px}.brand>img{width:38px;height:38px}.brand small{font-size:8px;letter-spacing:.6px}nav{top:83px}.page-intro h1{font-size:38px;letter-spacing:-1.3px}.prose h2{font-size:28px}.prose h3{font-size:23px}.button{font-size:15px}.mini-games img{width:90px}.about-grid h2{font-size:34px}.hero-footnote{font-size:10px}.hero h1{font-size:46px}.video-copy h3{font-size:24px}.footer-main>div{gap:4px 20px}}
@media(min-width:1201px){.header-inner{width:min(1400px,calc(100% - 48px));gap:16px}nav{gap:16px}}

/* Preserve the full frame in personal and documentary photo galleries. */
.gallery-natural{align-items:start}.gallery-natural .gallery-item img{aspect-ratio:auto;height:auto;max-height:640px;object-fit:contain;background:var(--soft)}

/* Lightweight mathematical and technology illustrations */
.motion-illustration{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--soft);color:var(--teal)}.motion-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 18px 0}.motion-heading figcaption{font-size:13px;font-weight:600;line-height:1.5;color:var(--text)}.motion-toggle{font-size:12px;min-height:44px;padding:6px 10px;white-space:nowrap;color:var(--muted);border-radius:6px}.motion-toggle:hover{background:var(--paper);color:var(--teal)}.motion-illustration svg{display:block;width:100%;height:140px}.motion-compact{margin-top:25px}.motion-compact svg{height:100px}.motion-compact+.hero-footnote{margin-top:20px;padding-top:15px}.collection-motion{margin-top:10px}.motion-wide svg{height:150px}.motion-wide .motion-heading{padding-inline:24px}.motion-wave{stroke-dasharray:25 8;animation:math-signal 14s linear infinite}.motion-turn{animation:math-orbit 28s linear infinite;transform-box:view-box}.motion-lift{animation:math-float 7s ease-in-out infinite}.motion-signal{animation:math-pulse 5s ease-in-out infinite}.motion-illustration[data-paused=true] svg *,.motion-illustration[data-offscreen=true] svg *{animation-play-state:paused!important}@keyframes math-signal{to{stroke-dashoffset:-132}}@keyframes math-orbit{to{transform:rotate(360deg)}}@keyframes math-float{50%{transform:translateY(-7px)}}@keyframes math-pulse{50%{opacity:.3}}@media(max-width:640px){.motion-heading{padding-inline:12px;gap:8px}.motion-heading figcaption{font-size:12px}.motion-toggle{font-size:12px;padding-inline:4px}.motion-compact svg{height:90px}.motion-wide svg{height:120px}.motion-wide .motion-heading{padding-inline:14px}}@media(prefers-reduced-motion:reduce){.motion-illustration svg *{animation:none!important}.motion-toggle{display:none}}
/* Pointer-driven scenes with a still SVG fallback. */
.interactive-stage{background:#0b2031;color:#a4efe1;border-color:#294758;box-shadow:0 14px 40px #10243a0a}
.interactive-stage .motion-heading{padding:15px 20px 12px;min-height:54px;gap:12px;border-bottom:1px solid #284656}
.interactive-stage .motion-heading figcaption{color:#edf9fb;font-size:15px;font-weight:600}
.scene-badge{font-size:10px;letter-spacing:1.3px;white-space:nowrap;color:#7ee3cf}
.scene-viewport{height:270px;position:relative;overflow:hidden;background:#0b2031}
.interactive-stage canvas{display:none;width:100%;height:100%;cursor:grab;touch-action:pan-y}
.interactive-stage.is-ready canvas{display:block}
.interactive-stage.is-ready .scene-fallback{display:none}
.interactive-stage .scene-fallback{height:100%;max-height:none;animation:none}
.interactive-stage .scene-fallback *{animation:none!important}
.interactive-stage .is-dragging,.infinity-lab .is-dragging{cursor:grabbing}
.scene-crosshair{position:absolute;right:17px;top:9px;color:#82c9c2;font-size:22px;opacity:.5;pointer-events:none}
.scene-toolbar{padding:12px 18px 16px;border-top:1px solid #284656;background:#0c2434}
.scene-toolbar>p{font-size:13px;line-height:1.65;color:#c0d4dc;margin:0 0 10px}
.scene-toolbar>p>span{display:block;color:#9ebac4;font-size:12px}
.scene-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.scene-buttons button,.interactive-stage .motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #395765;border-radius:7px;color:#daf7f2;font-size:13px;line-height:1.4;background:#123544}
.scene-buttons button:hover{background:#1c4d58;color:white;border-color:#58a9a5}
.scene-buttons button[aria-pressed=true]{background:#19333f;border-color:#81c5bb}
.motion-compact .scene-viewport{height:190px}
.motion-compact .motion-heading{padding:11px 14px;min-height:47px}
.motion-compact .motion-heading figcaption{font-size:14px}
.motion-compact .scene-toolbar{padding:10px 12px 12px}
.motion-compact .scene-toolbar>p>span{display:none}
.motion-compact .scene-buttons button{font-size:12px;padding-inline:10px}
.motion-compact .scene-badge{font-size:9px;letter-spacing:.9px}
.infinity-lab{margin:0 0 38px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--soft)}
.infinity-intro{padding:25px 25px 20px}
.infinity-intro .eyebrow{font-size:11px;margin-bottom:12px}
.prose .infinity-intro h2{font-size:29px;line-height:1.25;letter-spacing:-.8px;margin:0 0 14px}
.infinity-intro>p:last-child{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.line-viewport{height:300px;background:#0b2031;position:relative}
.line-viewport canvas{display:none;width:100%;height:100%;touch-action:pan-y;cursor:grab}
.infinity-lab.is-ready canvas{display:block}
.line-fallback{display:flex;gap:5px;align-items:center;justify-content:center;color:#92eedc;height:100%;padding:30px;font-size:32px}
.line-fallback i{display:block;height:2px;background:#92eedc;flex:1}
.infinity-lab.is-ready .line-fallback{display:none}
.line-controls{padding:20px 22px 15px}
.line-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px}
.line-buttons button{border:1px solid var(--line);background:var(--paper);font-size:14px;min-height:44px;padding:8px 13px;border-radius:7px;line-height:1.45}
.line-buttons button:hover{border-color:var(--teal);color:var(--teal)}
.line-buttons button[data-line-travel]{background:var(--navy);color:#fff;border-color:var(--navy)}
.line-buttons button[data-line-travel][aria-pressed=true]{background:#087f83;border-color:#087f83}
.line-buttons.secondary button{font-size:13px;background:transparent}
.line-readout{text-align:center;font-size:13px;line-height:1.8;color:var(--muted);margin:16px 0 6px;overflow-wrap:anywhere}
.line-readout output{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}
.line-readout span{margin-inline:8px}
.line-help{text-align:center;font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.infinity-note{font-size:14px!important;line-height:1.85!important;border-top:1px solid var(--line);padding:18px 24px;margin:0!important;color:var(--muted)}
.infinity-note strong{color:var(--text)}
@media(max-width:640px){.interactive-stage .motion-heading{padding-inline:14px}.scene-viewport{height:230px}.motion-compact .scene-viewport{height:190px}.scene-toolbar{padding-inline:12px}.scene-badge{font-size:9px;letter-spacing:.6px}.scene-toolbar>p>span{font-size:12px}.scene-buttons button{font-size:12px}.infinity-intro{padding:22px 18px 18px}.prose .infinity-intro h2{font-size:25px}.infinity-intro>p:last-child{font-size:15px}.line-controls{padding:16px 12px}.line-viewport{height:270px}.line-buttons{gap:6px}.line-buttons button{font-size:12px;padding:8px 10px}.line-buttons.secondary button{font-size:12px}.line-readout span{display:block;height:0;overflow:hidden}.line-readout output{display:inline}.line-help{font-size:12px}.infinity-note{padding:17px 18px}.scene-viewport canvas:focus-visible,.line-viewport canvas:focus-visible{outline-offset:-4px}}
@media(prefers-reduced-motion:reduce){.interactive-stage .motion-toggle{display:inline-flex}.scene-fallback *{animation:none!important}}


.hero-copy,.interactive-stage,.scene-viewport,.infinity-lab,.line-viewport{min-width:0;max-width:100%}

/* Stronger home scene interaction */
.motion-compact .scene-viewport{height:230px}.scene-shapes{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.scene-shapes button{min-height:40px;border:1px solid #375967;border-radius:22px;padding:7px 15px;font-size:13px;background:#112f40;color:#c4e5e7}.scene-shapes button[aria-pressed=true]{background:#b2eee1;color:#102a35;border-color:#b2eee1;font-weight:650}.scene-shapes button:hover{border-color:#a1eddd;transform:translateY(-1px)}.scene-shapes button:active,.scene-buttons button:active{transform:translateY(1px)}.interactive-stage .scene-viewport:has(canvas.is-dragging){box-shadow:inset 0 0 40px #3ed7be18}@media(max-width:640px){.motion-compact .scene-viewport{height:230px}.scene-shapes button{min-height:44px;font-size:13px;padding-inline:14px}}@media(prefers-reduced-motion:reduce){.scene-shapes button:hover,.scene-shapes button:active,.scene-buttons button:active{transform:none}}

/* Polished infinite line controls */
.infinity-lab .line-viewport canvas:focus-visible{outline:3px solid #70eedb;outline-offset:-4px}
.infinity-lab .line-probe{text-align:center;color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 18px}
.infinity-lab .line-probe output{display:block;color:var(--text);font-weight:650;font-variant-numeric:tabular-nums;font-size:16px;min-height:26px}
.infinity-lab .line-speed{display:flex;align-items:center;gap:15px;max-width:420px;margin:21px auto 24px;color:var(--muted);font-size:13px}
.infinity-lab .line-speed input{flex:1;min-width:60px;width:100%;padding:0;accent-color:var(--teal);cursor:pointer;min-height:32px}
.infinity-lab .line-speed>span{white-space:nowrap}.infinity-lab .line-speed output{font-variant-numeric:tabular-nums;min-width:36px;color:var(--text);font-weight:600}
.infinity-lab .line-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.infinity-lab .line-points>div{padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--paper);min-width:0}
.infinity-lab .line-points p{display:flex;align-items:center;gap:9px;margin:0 0 7px;min-width:0;font-size:14px}
.infinity-lab .line-points output{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--text)}
.infinity-lab .line-point-badge{display:inline-grid;place-items:center;border-radius:50%;background:#d4f3e9;color:#0e5149;width:28px;height:28px;flex:none;font-size:13px;font-weight:700}
.infinity-lab .line-points>div:nth-child(2) .line-point-badge{background:#fae8c7;color:#674816}
.infinity-lab .line-points button{min-height:44px;padding:6px 3px;text-align:left;color:var(--teal);font-size:14px;font-weight:600}
.infinity-lab button:disabled{opacity:.45;cursor:default}.infinity-lab button:disabled:hover{color:inherit;border-color:var(--line)}
.infinity-lab .line-distance{text-align:center;font-size:15px;line-height:1.8;margin:16px 0 12px;color:var(--muted)}
.infinity-lab .line-distance output,.infinity-lab .line-distance strong{color:var(--text);font-variant-numeric:tabular-nums}
.infinity-lab .line-help{font-size:13px;line-height:1.8;margin-top:10px}
@media(max-width:420px){.infinity-lab .line-speed{gap:9px}.infinity-lab .line-points>div{padding:12px 10px}.infinity-lab .line-points p{font-size:12px;gap:6px}.infinity-lab .line-point-badge{width:23px;height:23px}}

/* Interactive pi demonstration */
.pi-experience{margin:30px 0 36px;max-width:100%;min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--soft)}
.pi-intro{padding:22px 24px 16px}.prose .pi-intro h2{margin:8px 0 12px;font-size:28px;line-height:1.3}.pi-intro p:not(.eyebrow){font-size:16px;line-height:1.8;margin:0;color:var(--muted)}.pi-intro .eyebrow{margin:0;font-size:12px}
.pi-viewport{height:280px;width:100%;position:relative;background:#0b2231}.pi-viewport canvas{display:none;width:100%;height:280px;touch-action:pan-y;cursor:ew-resize}.pi-experience.is-ready .pi-viewport canvas{display:block}.pi-viewport canvas.is-dragging{cursor:grabbing}.pi-viewport canvas:focus-visible{outline:3px solid #8cebdd;outline-offset:-4px}
.pi-fallback{height:280px;display:flex;align-items:center;justify-content:center;gap:25px;color:#8cebdd}.pi-fallback>span{font-size:100px;line-height:1}.pi-fallback>b{font-size:21px;font-weight:500}.pi-experience.is-ready .pi-fallback{display:none}
.pi-controls{padding:22px 24px}.pi-controls>label{display:block;font-size:15px;line-height:1.7;color:var(--text);margin-bottom:18px}.pi-controls input[type=range]{display:block;width:100%;margin:7px 0 0;padding:0;min-height:32px;accent-color:var(--teal);cursor:pointer}.pi-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 20px}.pi-buttons button{min-height:44px;border:1px solid var(--line);border-radius:7px;padding:9px 15px;background:var(--paper);font-size:14px;color:var(--text)}.pi-buttons button:first-child{color:var(--teal);font-weight:600}.pi-buttons button:hover{border-color:var(--teal)}
.pi-equations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.pi-equations>div{min-width:0}.pi-equations span{display:block;font-size:12px;line-height:1.7;color:var(--muted)}.pi-equations strong{display:block;font-size:16px;font-weight:600;line-height:1.8;color:var(--text);overflow-wrap:anywhere}.pi-help{font-size:14px!important;line-height:1.8!important;color:var(--muted);margin:17px 0 10px!important}.pi-note{font-size:13px!important;line-height:1.8!important;color:var(--muted);margin:0!important}
@media(max-width:640px){.pi-intro{padding:20px 17px 15px}.prose .pi-intro h2{font-size:25px}.pi-controls{padding:20px 17px}.pi-equations{gap:8px}.pi-equations span{font-size:11px}.pi-equations strong{font-size:14px}.pi-buttons{gap:8px}.pi-buttons button{padding-inline:12px}.pi-fallback{gap:16px}.pi-fallback>b{font-size:17px}}

/* AI biography illustration */
.ai-lab{margin:2.5rem 0;border:1px solid var(--line,#cddfe5);border-radius:22px;overflow:hidden;background:var(--paper,#fff);min-width:0}
.ai-lab .ai-intro{padding:1.5rem 1.5rem .5rem}.ai-lab .ai-intro h2{font-size:clamp(1.45rem,3vw,2rem);margin:.4rem 0 .75rem}.ai-lab .ai-intro p{margin:.5rem 0}
.ai-lab .ai-viewport{position:relative;min-width:0;background:#0b2332}.ai-lab canvas{display:block;width:100%;height:300px;touch-action:pan-y;cursor:crosshair}.ai-lab canvas:focus-visible{outline:3px solid #52d3cb;outline-offset:-4px}
.ai-lab .ai-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;color:#d2f8f2;text-align:center;pointer-events:none}.ai-lab.is-ready .ai-fallback{display:none}
.ai-lab .ai-controls{padding:1.25rem 1.5rem .75rem}.ai-lab .ai-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ai-lab .ai-sliders label{font-size:.9rem;font-weight:650;min-width:0}.ai-lab .ai-sliders label>span{display:flex;justify-content:space-between;gap:.4rem}.ai-lab input[type=range]{display:block;width:100%;min-width:0;accent-color:#087f83;margin:.65rem 0}.ai-lab output{font-variant-numeric:tabular-nums}
.ai-lab .ai-outputs{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin:.65rem 0 1rem;font-size:.95rem}.ai-lab .ai-outputs output{font-weight:750;margin-left:.5rem;color:var(--teal,#087f83)}
.ai-lab .ai-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.ai-lab .ai-buttons button{border:1px solid var(--line,#b4d1da);border-radius:8px;background:var(--paper,#fff);color:var(--text,#102b42);font:inherit;font-size:.88rem;font-weight:650;padding:.55rem .75rem;min-height:44px;cursor:pointer}.ai-lab .ai-buttons button:hover{border-color:#087f83;background:#e5f6f3}.ai-lab .ai-buttons button:focus-visible{outline:3px solid #1aa6a2;outline-offset:2px}
.ai-lab .ai-help{font-size:.85rem;line-height:1.55;color:var(--muted,#536a79);margin:.85rem 0 0}.ai-lab .ai-note{font-size:.82rem;line-height:1.6;padding:1rem 1.5rem;margin:0;border-top:1px solid var(--line,#cddfe5);color:var(--muted,#536a79)}
[data-theme=dark] .ai-lab .ai-buttons button:hover{background:#17434b}
@media(max-width:480px){.ai-lab .ai-intro{padding:1.15rem 1rem .5rem}.ai-lab .ai-controls{padding:1rem}.ai-lab .ai-note{padding:1rem}.ai-lab .ai-sliders{gap:.7rem}.ai-lab .ai-sliders label{font-size:.82rem}.ai-lab .ai-sliders label>span{display:block}.ai-lab .ai-sliders output{display:block}.ai-lab .ai-buttons button{flex:1 1 auto}}

/* v3 scenes: precise cursor for the curve explorer */
.interactive-stage[data-interactive-scene=math] canvas{cursor:crosshair}
.interactive-stage[data-interactive-scene=math] canvas.is-dragging{cursor:ew-resize}
.interactive-stage.is-ready .scene-crosshair{display:none}
/* 19 Eki: son yazılar, diğer yazılar, RSS notu ve altın açı deneyi */
.home-recent{margin-top:48px}
.related-reading{border-top:1px solid var(--line)}
.feed-note{margin-top:-8px;margin-bottom:6px;font-size:14px}
#phyllo{color:var(--teal)}
#phyllo .hot{fill:#d1871d}
.phyllo-presets{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}
.phyllo-presets button{min-height:40px;padding:6px 14px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--text);font-size:13px}
.phyllo-presets button:hover{border-color:var(--teal);color:var(--teal)}
.phyllo-presets button[aria-pressed=true]{border-color:var(--teal);color:var(--teal);font-weight:650}
.experiment .phyllo-toggle{justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--muted)}
.experiment .phyllo-toggle input{width:auto;margin:0;accent-color:var(--teal)}
@media(min-width:641px) and (max-width:1150px){.home-recent>:nth-child(3),.related-reading .cards>:nth-child(3){display:none}}
.detail-grid>*{min-width:0}
/* 19 Eki inceleme: kategori düğmeleri ve son yazılar başlığı */
.category-chips button.pill{min-height:34px;cursor:pointer;background:transparent}
.category-chips button.pill:hover{border-color:var(--teal);color:var(--teal)}
.category-chips button.pill[aria-pressed=true]{border-color:var(--teal);color:var(--teal);background:var(--soft);font-weight:600}
.recent-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:48px 0 18px}
.recent-head .eyebrow{margin:0}
.home-recent{margin-top:0}
/* 19 Eki: Sınıf Oyunları (/oyun/) ve Çarpım Düellosu. Menüye yeni bağlantı eklendi; 1201–1279 px'te ve menü sığmadığında (app.js) açılır menü kullanılır. */
@media(min-width:1201px) and (max-width:1279px){.header-inner{min-height:90px}.menu-toggle{display:flex;gap:12px;align-items:center;margin-left:auto;font-size:16px}nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:18px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 15px #10243a0a;gap:2px}nav.open{display:flex}nav>a{font-size:18px;min-height:48px;padding:10px 12px;border-radius:6px}nav>a:hover,nav>a[aria-current]{background:var(--soft)}.contact-nav{align-self:stretch;border-bottom:0}}
@media(min-width:1280px){.site-header.nav-compact .menu-toggle{display:flex;gap:12px;align-items:center;margin-left:auto;font-size:16px}.site-header.nav-compact nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:18px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 15px #10243a0a;gap:2px}.site-header.nav-compact nav.open{display:flex}.site-header.nav-compact nav>a{font-size:18px;min-height:48px;padding:10px 12px;border-radius:6px}.site-header.nav-compact nav>a:hover,.site-header.nav-compact nav>a[aria-current]{background:var(--soft)}.site-header.nav-compact .contact-nav{align-self:stretch;border-bottom:0}}
.games-teaser{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:34px;align-items:center;padding:28px 32px;margin-bottom:75px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.games-teaser-art,.class-game-art{display:grid;justify-items:center;align-content:center;background:#0b2031;color:#fff;font-variant-numeric:tabular-nums}
.games-teaser-art{gap:12px;padding:20px 24px;border-radius:14px;min-width:210px}
.games-teaser-art b{font-size:44px;line-height:1;font-weight:700;letter-spacing:-1px}
.games-teaser-art span,.class-game-art span{display:flex;gap:8px}
.games-teaser-art i,.class-game-art i{font-style:normal;font-weight:800;text-align:center;border-radius:8px;background:#fff;color:#0b2031}
.games-teaser-art i{font-size:18px;min-width:48px;padding:7px 8px}
.games-teaser-art i:nth-child(2),.class-game-art i:nth-child(2){background:#15803d;color:#fff}
.games-teaser-copy .eyebrow{margin-bottom:10px}
.games-teaser h2{font-size:30px;margin:0 0 10px;letter-spacing:-.8px}
.games-teaser-copy p:not(.eyebrow){margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.games-teaser-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
@media(max-width:1000px){.games-teaser{grid-template-columns:auto minmax(0,1fr)}.games-teaser-links{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:22px}}
@media(max-width:640px){.games-teaser{grid-template-columns:1fr;gap:22px;padding:22px;margin-bottom:45px}.games-teaser-art{justify-self:start}.games-teaser h2{font-size:27px}}
.class-games{padding-top:30px}
.class-game{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.class-game-art{gap:18px;min-height:300px;padding:30px;border-radius:14px}
.class-game-art:hover{color:#fff}
.class-game-art b{font-size:clamp(56px,7vw,96px);line-height:1;font-weight:700;letter-spacing:-2px}
.class-game-art span{gap:12px}
.class-game-art i{font-size:clamp(22px,2.4vw,32px);min-width:76px;padding:12px 14px;border-radius:12px}
.class-game-art small{font-size:12px;letter-spacing:2px;color:#9fd8e0;font-weight:650}
.class-game-copy h2{font-size:38px;margin:14px 0}
.class-game-copy h2 a:hover{color:var(--teal)}
.class-game-copy>p{color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:24px}
.class-game-traits{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.class-game-traits li{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.class-game-traits b{display:block;font-size:17px;margin-bottom:6px;color:var(--text)}
.class-game-traits span{font-size:14px;color:var(--muted);line-height:1.7}
.class-games-note{margin-top:22px}
@media(max-width:1000px){.class-game{grid-template-columns:1fr;gap:26px}.class-game-traits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.class-game{padding:18px}.class-game-art{min-height:220px}.class-game-copy h2{font-size:31px}.class-game-traits{grid-template-columns:1fr}}
/* Oyun alanı: tahtanın arkasından okunacak büyük rakamlar, en az 64 px dokunma alanları, yüksek karşıtlık. */
.duel-wrap{width:min(1600px,calc(100% - 48px));margin:10px auto 0}
.duel{position:relative;display:flex;flex-direction:column;min-height:min(72vh,660px);background:#0b2031;color:#f4fbfd;border:1px solid #284656;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px #10243a14;-webkit-tap-highlight-color:transparent}
.duel:focus{outline:none}.duel:focus-visible{outline:3px solid #18b7b4;outline-offset:3px}
.duel-screen{display:flex;flex-direction:column;flex:1;min-height:0}
.duel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid #284656}
.duel-brand{margin:0;font-size:13px;font-weight:700;letter-spacing:2px;color:#8fe3d6}
.duel-brand span{color:#b9d0da;letter-spacing:.5px;font-weight:600}
.duel-tool{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;min-width:64px;padding:10px 20px;border:2px solid #3d6276;border-radius:14px;background:#11304a;color:#eef8fb;font-size:18px;font-weight:650;line-height:1.2}
.duel-tool svg{flex:none}
.duel-tool[aria-pressed=true]{background:#1d4a5c;border-color:#7fd9cd}
.duel-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 44px;padding:26px clamp(18px,3vw,40px) 6px}
.duel-field{margin:0;padding:0;border:0;min-width:0}.duel-field-wide{grid-column:1/-1}
.duel-field legend{padding:0;margin-bottom:12px;font-size:14px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#8fe3d6}
.duel-choices{display:flex;flex-wrap:wrap;gap:10px}
.duel-choices button{min-height:64px;min-width:64px;padding:10px 22px;border:2px solid #3d6276;border-radius:14px;background:#11304a;color:#eef8fb;font-size:20px;font-weight:650;line-height:1.2}
.duel-choices button small{display:block;font-size:13px;font-weight:600;letter-spacing:.4px;color:#a9c4cf;margin-top:2px}
.duel-choices button[aria-pressed=true]{background:#b2eee1;border-color:#b2eee1;color:#0b2031}
.duel-choices button[aria-pressed=true] small{color:#22505a}
.duel-tables button{min-width:72px;padding-inline:12px;font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}
.duel-tables .duel-all{font-size:20px;font-weight:650;padding-inline:20px}
.duel-note{margin:10px 0 0;font-size:15px;line-height:1.6;color:#b9d0da}
.duel-noscript{padding:0 clamp(18px,3vw,40px) 24px}
.duel-start-row{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:auto;padding:22px clamp(18px,3vw,40px) 30px}
.duel-start{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:80px;min-width:200px;padding:14px 44px;border-radius:16px;background:#18b7b4;color:#06202b;font-size:30px;font-weight:800;line-height:1.1;box-shadow:0 5px 0 #0d7b79}
.duel-start:active{transform:translateY(3px);box-shadow:0 2px 0 #0d7b79}
.duel-summary{margin:0;max-width:640px;font-size:17px;line-height:1.7;color:#cfe2e9}
.duel-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:80px;padding:14px 30px;border:2px solid #4f7487;border-radius:16px;background:transparent;color:#eef8fb;font-size:22px;font-weight:650}
@media(hover:hover){.duel-tool:hover,.duel-choices button:hover,.duel-secondary:hover{border-color:#7fd9cd}.duel-start:hover{background:#3cd0c6}.duel-option:hover{background:#e6f4f8}}
.duel.is-playing{height:clamp(480px,calc(100vh - 24px),1100px);height:clamp(480px,calc(100dvh - 24px),1100px)}
.duel-play{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.duel-bar{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:10px 16px 18px}
.duel-bar [data-duel-pause]{justify-self:start}.duel-bar [data-duel-fullscreen]{justify-self:end}
.duel-clock{margin:0;display:flex;align-items:baseline;gap:10px;font-weight:800;line-height:1}
.duel-clock output{min-width:2ch;text-align:right;font-size:clamp(44px,7vmin,84px);font-variant-numeric:tabular-nums}
.duel-clock small{font-size:clamp(15px,2vmin,22px);font-weight:650;color:#b9d0da}
.duel-progress{position:absolute;left:16px;right:16px;bottom:6px;height:8px;border-radius:5px;background:#1b3a4f;overflow:hidden}
.duel-progress i{display:block;height:100%;background:#18b7b4;transform-origin:left center}
.duel.is-ending .duel-clock output{color:#ffb35c}.duel.is-ending .duel-progress i{background:#ffb35c}
.duel-arena{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:4px 12px 12px}
.duel[data-mode=duel] .duel-arena{grid-template-columns:repeat(2,minmax(0,1fr))}
.duel-player{--accent:#5cc8ff;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,1.4vmin,18px);min-width:0;min-height:0;padding:clamp(12px,1.8vmin,24px);border:2px solid #2b4d62;border-top:6px solid var(--accent);border-radius:18px;background:#10293d;container-type:size}
.duel-player[data-duel-player="1"]{--accent:#ffa94d}
.duel-player-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}
.duel-name{font-size:clamp(18px,2.6vmin,32px);font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}
.duel-streak{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border:2px solid #3d6276;border-radius:999px;font-size:clamp(16px,2.2vmin,26px);font-weight:700;color:#d8eaf0;font-variant-numeric:tabular-nums}
.duel-streak.is-hot{border-color:#ffd166;color:#ffe7a3}
.duel-pips{display:inline-flex;gap:5px}.duel-pips i{width:.55em;height:.55em;border-radius:50%;background:#2e5166}
.duel-streak[data-fill="1"] i:nth-child(1),.duel-streak[data-fill="2"] i:nth-child(-n+2),.duel-streak[data-fill="3"] i{background:#ffd166}
.no-bonus .duel-pips{display:none}
.duel-score{margin-left:auto;display:inline-flex;align-items:baseline;gap:8px;font-weight:800;line-height:1}
.duel-score output{font-size:clamp(40px,7vmin,88px);font-variant-numeric:tabular-nums}
.duel-score small{font-size:clamp(14px,2vmin,22px);font-weight:650;color:#b9d0da}
.duel-question{display:grid;place-items:center;min-height:0;margin:0;font-size:clamp(56px,14vmin,220px);font-size:clamp(48px,min(32cqh,24cqw),300px);font-weight:800;line-height:1;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff}
.duel-flash{font-size:clamp(20px,4.4vmin,52px);font-weight:800;line-height:1;white-space:nowrap;color:#ffd166;pointer-events:none;opacity:0}
.duel-flash.is-on{animation:duel-pop .9s ease-out both}
@keyframes duel-pop{0%{opacity:0;transform:scale(.7)}15%{opacity:1;transform:scale(1.12)}75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-.3em)}}
.duel-options{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.6vmin,20px);width:100%;max-width:1280px;justify-self:center}
.duel-option{position:relative;min-height:72px;height:clamp(72px,16vmin,190px);height:clamp(72px,min(24cqh,30cqw),200px);padding:0 8px;border-radius:18px;background:#fff;color:#0b2031;font-size:clamp(34px,7vmin,110px);font-size:clamp(32px,min(13cqh,12cqw),120px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 6px 0 #9db6c3;touch-action:none}
.duel-option:active{transform:translateY(3px);box-shadow:0 3px 0 #9db6c3}
.duel-option[aria-disabled=true]{cursor:default}
.duel-option.is-right{background:#15803d;color:#fff;box-shadow:0 6px 0 #0b4f25}
.duel-option.is-wrong{background:#b42318;color:#fff;box-shadow:0 6px 0 #6f150e}
.duel-option.is-answer{background:#dcfce7;color:#0b4f25;box-shadow:0 0 0 6px #22c55e inset,0 6px 0 #0b4f25}
.duel-option.is-right::after,.duel-option.is-wrong::after,.duel-option.is-answer::after{position:absolute;top:.25em;right:.35em;font-size:.42em;line-height:1}
.duel-option.is-right::after,.duel-option.is-answer::after{content:'✓'}.duel-option.is-wrong::after{content:'✗'}
.duel-key{display:none;position:absolute;left:.55em;top:.45em;font-size:max(13px,.2em);font-weight:700;letter-spacing:1px;color:#6b8796}
.uses-keys .duel-key{display:block}.is-right .duel-key,.is-wrong .duel-key{color:#e6f6ec}
.duel-lock{position:absolute;inset:-6px;z-index:2;display:flex;align-items:center;justify-content:center;gap:.4em;border:3px solid #ffb35c;border-radius:20px;background:#0b2031eb;color:#ffd8a8;font-size:clamp(20px,3vmin,36px);font-weight:700}
.duel-lock b{font-size:2.4em;line-height:1;color:#ffb35c;font-variant-numeric:tabular-nums}
.duel-player.is-locked{border-color:#7a5a2b}
.duel-overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;background:#0b2031e0;text-align:center}
.duel-countdown b{font-size:clamp(110px,30vmin,340px);line-height:1;font-weight:800;font-variant-numeric:tabular-nums;color:#fff}
.duel-countdown span{font-size:clamp(20px,3vmin,34px);font-weight:650;color:#b9d0da}
.duel-countdown.is-go{background:transparent;pointer-events:none}
.duel-countdown.is-go b{font-size:clamp(70px,16vmin,190px);color:#8fe3d6;text-shadow:0 4px 24px #0b2031;animation:duel-go .7s ease-out both}
.duel-countdown.is-go span{display:none}
@keyframes duel-go{from{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.15)}}
.duel-paused p{margin:0;font-size:clamp(30px,5vmin,56px);font-weight:800}
.duel-results{align-items:center;text-align:center}
.duel-results .duel-top{align-self:stretch;text-align:left}
.duel-result-title{margin:26px 20px 18px;font-size:clamp(38px,6vmin,72px);font-weight:800;letter-spacing:-1px;outline:none}
.duel[data-winner="0"] .duel-result-title{color:#5cc8ff}.duel[data-winner="1"] .duel-result-title{color:#ffa94d}
.duel-result-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;width:min(100% - 40px,980px)}
.duel-result{--accent:#5cc8ff;padding:22px 26px;border:2px solid #2b4d62;border-top:6px solid var(--accent);border-radius:18px;background:#10293d;text-align:left}
.duel-result[data-player="1"]{--accent:#ffa94d}
.duel-result.is-winner{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.duel-result h3{margin:0;font-size:20px;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}
.duel-result-score{margin:10px 0 16px;font-size:clamp(56px,9vmin,104px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.duel-result-score small{font-size:.3em;font-weight:650;color:#b9d0da}
.duel-result dl{display:grid;grid-template-columns:1fr auto;gap:8px 18px;margin:0;font-size:19px}
.duel-result dt{color:#b9d0da}.duel-result dd{margin:0;font-weight:750;text-align:right;font-variant-numeric:tabular-nums}
.duel-misses{width:min(100% - 40px,980px);margin-top:18px;padding:18px 22px;border:1px solid #2b4d62;border-radius:16px;background:#0f2638;text-align:left}
.duel-misses h3{margin:0 0 12px;font-size:15px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#8fe3d6}
.duel-misses ol{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.duel-misses li{padding:9px 14px;border-radius:10px;background:#16364b;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.duel-misses li small{font-size:15px;font-weight:600;color:#b9d0da}
.duel-misses .duel-note{margin:0}
.duel-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.duel-results>.duel-result-actions{margin:24px 20px 30px}
.duel.is-fullscreen{width:100%;height:100%;max-width:none;border:0;border-radius:0;overflow:auto}
.duel.is-pseudo-fullscreen{position:fixed;inset:0;z-index:100;height:auto;min-height:0}
html.duel-no-scroll,html.duel-no-scroll body{overflow:hidden}
.duel.is-fullscreen .duel-setup-grid,.duel.is-fullscreen .duel-start-row{width:min(100%,1320px);margin-inline:auto}
.duel.is-fullscreen .duel-choices button{min-height:72px;font-size:22px}.duel.is-fullscreen .duel-tables button{font-size:30px}
.teacher-note{padding-top:60px}
.teacher-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:22px}
.teacher-grid>article{padding:24px 26px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.teacher-grid h3{font-size:21px;margin-bottom:12px}
.teacher-grid p,.teacher-grid li{font-size:16px;line-height:1.8;color:var(--muted)}
.teacher-grid p{margin:0}.teacher-grid ol{margin:0;padding-left:22px}.teacher-grid li{margin-bottom:8px}
.teacher-grid strong{color:var(--text)}
.teacher-small{margin:22px 0 0;max-width:980px;font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:1000px){.duel-setup-grid{gap:22px 28px}.teacher-grid{grid-template-columns:1fr 1fr}.teacher-grid>article:first-child{grid-column:1/-1}}
@media(max-width:760px){.duel-wrap{width:calc(100% - 24px)}.duel{border-radius:16px}.duel-top{padding:10px 12px}.duel-brand span{display:none}.duel-setup-grid{grid-template-columns:1fr;gap:22px;padding:20px 16px 4px}.duel-choices button{font-size:18px;padding-inline:16px}.duel-tables button{min-width:64px;font-size:24px}.duel-start-row{flex-direction:column;align-items:stretch;gap:14px;padding:20px 16px 24px}.duel-start{width:100%}.duel-bar{gap:8px;padding:8px 10px 16px}.duel-bar .duel-tool{padding-inline:12px;font-size:16px}.duel [data-duel-fs-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.duel-brand{white-space:nowrap}.duel-player-head{gap:6px 10px}.duel-name{letter-spacing:1px}.duel-streak{gap:6px;padding:4px 10px}.duel-flash{position:absolute;left:0;right:0;top:clamp(48px,17cqh,90px);text-align:center}.duel-arena{gap:8px;padding:4px 8px 8px}.duel[data-mode=duel] .duel-arena{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}.duel-player{border-radius:14px}.duel-result{padding:18px}.duel-result dl{font-size:17px}.duel-secondary{font-size:19px}}
@media(max-width:640px){.teacher-grid{grid-template-columns:1fr}.teacher-note{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.duel *,.duel *::before,.duel *::after{animation:none!important;transition:none!important}.duel-option:active,.duel-start:active{transform:none}.duel-flash.is-on{opacity:1}}
/* 20 Eki: ortak oyun alanı ve yeni sınıf oyunları (Hangisi Büyük?, Nokta Atışı, Sayı Avı) */
.duel-loading{margin:auto;padding:48px 20px;font-size:18px;font-weight:600;color:#b9d0da;text-align:center}
.duel-body{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(8px,1.4vmin,18px);min-width:0;min-height:0}
.q-frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1.04}
.q-frac>span:first-child{padding:0 .14em .05em;border-bottom:.075em solid currentColor}
.q-frac>span:last-child{padding-top:.05em}
.q-pow sup{font-size:.55em;line-height:0;vertical-align:.8em;margin-left:.03em}
@media(hover:hover){.cmp-card:hover,.cmp-eq:hover,.hunt-tile:hover{background:#e6f4f8}}
.cmp-body{grid-template-rows:auto minmax(0,1fr)}
.cmp-hint{margin:0;text-align:center;font-size:clamp(15px,2.2vmin,24px);font-weight:650;color:#b9d0da}
.cmp-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(72px,.42fr) minmax(0,1fr);gap:clamp(8px,1.6vmin,20px);min-height:0}
.cmp-card,.cmp-eq{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:110px;padding:8px;border-radius:20px;background:#fff;color:#0b2031;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 6px 0 #9db6c3;touch-action:none;overflow:hidden}
.cmp-card{font-size:clamp(40px,9vmin,140px);font-size:clamp(34px,min(18cqh,11cqw),170px)}
.cmp-card .q-frac{font-size:1.15em}
.cmp-eq{font-size:clamp(40px,8vmin,110px);font-size:clamp(34px,min(16cqh,9cqw),130px);background:#d9ecf3}
.cmp-eq.is-sign{background:#fff4d6}
.cmp-card:active,.cmp-eq:active{transform:translateY(3px);box-shadow:0 3px 0 #9db6c3}
.cmp-card.is-right,.cmp-eq.is-right{background:#15803d;color:#fff;box-shadow:0 6px 0 #0b4f25}
.cmp-card.is-wrong,.cmp-eq.is-wrong{background:#b42318;color:#fff;box-shadow:0 6px 0 #6f150e}
.cmp-card.is-answer,.cmp-eq.is-answer{background:#dcfce7;color:#0b4f25;box-shadow:0 0 0 6px #22c55e inset,0 6px 0 #0b4f25}
.cmp-card.is-right::after,.cmp-eq.is-right::after,.cmp-card.is-answer::after,.cmp-eq.is-answer::after,.cmp-card.is-wrong::after,.cmp-eq.is-wrong::after{position:absolute;top:.35em;right:.45em;font-size:clamp(18px,3vmin,36px);line-height:1}
.cmp-card.is-right::after,.cmp-eq.is-right::after,.cmp-card.is-answer::after,.cmp-eq.is-answer::after{content:'✓'}.cmp-card.is-wrong::after,.cmp-eq.is-wrong::after{content:'✗'}
.cmp-row .duel-key,.cmp-eq .duel-key{font-size:clamp(13px,1.8vmin,20px)}
.nl-body{grid-template-rows:auto minmax(0,1fr) auto auto}
.nl-target{margin:0;text-align:center;font-size:clamp(48px,11vmin,180px);font-size:clamp(42px,min(22cqh,16cqw),210px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:#fff}
.nl-target .q-frac{font-size:.6em}
.nl-zone{position:relative;min-height:130px;border:2px dashed #2f5468;border-radius:18px;background:#0e2638;cursor:crosshair;touch-action:none}
.nl-track{position:absolute;left:clamp(30px,7%,80px);right:clamp(30px,7%,80px);top:46%;height:0}
.nl-line{position:absolute;left:0;right:0;top:-4px;height:8px;border-radius:4px;background:#e8f5f8}
.nl-line::before,.nl-line::after{content:'';position:absolute;top:-14px;width:5px;height:36px;border-radius:3px;background:#e8f5f8}
.nl-line::before{left:-3px}.nl-line::after{right:-3px}
.nl-tick{position:absolute;top:-12px;width:3px;height:24px;margin-left:-1.5px;border-radius:2px;background:#8fb3c2}
.nl-zero{top:-16px;height:32px;background:#e8f5f8}
.nl-label{position:absolute;top:30px;transform:translateX(-50%);font-size:clamp(18px,3.2vmin,40px);font-size:clamp(16px,min(7cqh,5cqw),44px);font-weight:800;color:#e8f5f8;white-space:nowrap;pointer-events:none}
.nl-mark{position:absolute;top:-40px;width:0;height:80px;pointer-events:none}
.nl-mark::before{content:'';position:absolute;left:-3px;top:0;bottom:0;width:6px;border-radius:3px;background:currentColor}
.nl-mark>b{position:absolute;left:0;transform:translateX(-50%);padding:3px 10px;border-radius:8px;color:#0b2031;font-size:clamp(16px,2.8vmin,34px);line-height:1.25;white-space:nowrap}
.nl-guess{color:#ffb35c}.nl-guess>b{bottom:100%;background:#ffb35c}
.nl-truth{color:#4ade80}.nl-truth>b{top:100%;background:#4ade80}
.nl-gap{position:absolute;top:-10px;height:20px;border-radius:10px;background:#ffb35c40;pointer-events:none}
.nl-cursor{position:absolute;top:-40px;width:0;height:80px;margin-left:-2px;border-left:4px dashed #8fe3d6;pointer-events:none}
.nl-result{margin:0;min-height:1.3em;text-align:center;font-size:clamp(16px,2.6vmin,30px);font-weight:700;color:#d8eaf0}
.nl-result.is-3{color:#4ade80}.nl-result.is-2{color:#a7f3d0}.nl-result.is-1{color:#ffe7a3}.nl-result.is-0{color:#ffb4a9}
.nl-keys{display:none;margin:0;text-align:center;font-size:14px;color:#8fb3c2}.uses-keys .nl-keys{display:block}
.hunt-body{grid-template-rows:auto minmax(0,1fr)}
.hunt-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px}
.hunt-rule{margin:0;font-size:clamp(22px,4.4vmin,56px);font-size:clamp(20px,min(8.5cqh,6.5cqw),64px);font-weight:800;line-height:1.1;color:#ffe7a3}
.hunt-left{font-size:clamp(15px,2.2vmin,26px);font-weight:700;color:#b9d0da;white-space:nowrap}
.hunt-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:clamp(6px,1.2vmin,16px);min-height:0}
@container (orientation:portrait){.hunt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hunt-tile{position:relative;min-width:0;min-height:64px;border-radius:16px;background:#fff;color:#0b2031;font-size:clamp(26px,5.5vmin,84px);font-size:clamp(24px,min(10cqh,7.5cqw),96px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 5px 0 #9db6c3;touch-action:none}
.hunt-tile:active{transform:translateY(3px);box-shadow:0 2px 0 #9db6c3}
.hunt-tile.is-found{background:#15803d;color:#fff;box-shadow:0 5px 0 #0b4f25}
.hunt-tile.is-found::after{content:'✓';position:absolute;top:.25em;right:.35em;font-size:.4em}
.hunt-tile.is-miss{background:#2c1a20;color:#ffb4a9;box-shadow:inset 0 0 0 3px #b42318}
.hunt-tile.is-wrong{background:#b42318;color:#fff;box-shadow:0 5px 0 #6f150e;animation:hunt-shake .35s}
.hunt-grid.is-cleared .hunt-tile.is-found{background:#16a34a;animation:hunt-pop .5s}
@keyframes hunt-shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@keyframes hunt-pop{50%{transform:scale(1.05)}}
.class-game-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.class-game-list .class-game{grid-template-columns:1fr;align-items:start;gap:22px;padding:22px}
.class-game-list .class-game-art{height:290px;min-height:0}
.class-game-list .class-game-copy h2{font-size:30px;margin:12px 0}
.class-game-art .art-cmp{display:flex;align-items:center;gap:22px;font-size:clamp(44px,5vw,70px);font-weight:800;line-height:1}
.class-game-art .art-cmp .q-frac{display:inline-flex;flex-direction:column;gap:0}
.class-game-art .art-cmp .q-frac>span{display:block}
.class-game-art .art-cmp b{font-size:.9em;color:#ffd166}
.class-game-art .art-line{display:flex;flex-direction:column;align-items:center;gap:20px;width:min(100%,380px)}
.class-game-art .art-axis{display:flex;align-items:center;gap:12px;width:100%;font-size:20px;font-weight:800}
.class-game-art .art-axis em{font-style:normal}
.class-game-art .art-bar{position:relative;display:block;flex:1;height:6px;border-radius:3px;background:#e8f5f8}
.class-game-art .art-dot{position:absolute;display:block;left:37%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#ffb35c}
.class-game-art .art-hunt{display:flex;flex-direction:column;align-items:center;gap:14px}
.class-game-art .art-hunt em{font-style:normal;font-size:22px;font-weight:800;color:#ffe7a3}
.class-game-art .art-grid{display:grid;grid-template-columns:repeat(3,64px);gap:8px}
.class-game-art .art-grid span{display:grid;place-items:center;height:48px;border-radius:10px;background:#fff;color:#0b2031;font-size:21px;font-weight:800}
.class-game-art .art-grid .is-hit{background:#15803d;color:#fff}
@media(max-width:900px){.class-game-list{grid-template-columns:1fr}}
@media(max-width:760px){.cmp-card,.cmp-eq{min-height:72px;border-radius:14px}.cmp-row{grid-template-columns:minmax(0,1fr) minmax(64px,.42fr) minmax(0,1fr)}.nl-zone{min-height:96px}.nl-track{left:24px;right:24px}.hunt-tile{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.cmp-card:active,.cmp-eq:active,.hunt-tile:active{transform:none}}