body{margin:0;padding:0;background:#fffaf8}.page{max-width:1160px;margin:auto;padding:30px 20px 40px}.hero{text-align:center}.hero h1{font-family:Nunito,sans-serif;font-weight:900}.hero em{font-style:normal;color:var(--stop)}.eyebrow{color:var(--brick);font-weight:800}.hero-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.hero-pills span{background:#efeafa;padding:7px 14px;border-radius:30px}.toolbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#fff9}.toolbar .btn{font-size:17px;padding:9px 16px}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:24px;color:var(--ink-2)}footer a{color:inherit}.feedback-return{display:none}.title h2{font-size:35px}.series-board-open{overflow:hidden}.express-fullscreen{position:fixed;inset:0;z-index:1000;max-width:none;margin:0;border-radius:0;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--aura)}.express-fullscreen .toolbar{flex:none;min-height:64px;padding:6px 16px}.express-fullscreen .toolbar .btn{min-height:52px;font-size:22px}.express-fullscreen .layer{flex:1;min-height:0;padding:8px 16px;gap:8px;overflow:hidden}.express-fullscreen .hud{flex:none}.express-fullscreen .hud .chip{font-size:16px;padding:4px 10px}.express-fullscreen .panel{flex:1;min-height:0;max-width:1200px;display:flex;flex-direction:column}.express-fullscreen .phead{padding:8px 16px;gap:10px;flex:none}.express-fullscreen .portrait{width:44px;height:44px}.express-fullscreen .say b{font-size:14px}.express-fullscreen .say p{font-size:32px;line-height:1.15}.express-fullscreen .pbody{flex:1;min-height:0;align-content:center;padding:8px 16px;gap:8px}.express-fullscreen .fig{font-size:48px!important;gap:8px}.express-fullscreen .key{font-size:28px;min-height:52px}.express-fullscreen .btn{font-size:22px;min-height:52px;padding:8px 18px}.express-fullscreen .pk{font-size:28px;min-height:52px;padding:2px 0}.express-fullscreen .pad{max-width:450px;gap:6px}.express-fullscreen .hint2,.express-fullscreen .calc,.express-fullscreen .step,.express-fullscreen .route small,.express-fullscreen .sinfo p,.express-fullscreen .rule{font-size:22px;line-height:1.2}.express-fullscreen .route b{font-size:28px}.express-fullscreen .pfoot{flex:none;padding:6px 16px 10px}.express-fullscreen .link{font-size:22px;min-height:52px}.express-fullscreen .tapewrap{overflow:hidden;width:100%}.express-fullscreen .tape{min-width:0;justify-content:center;gap:5px}.express-fullscreen .wag{min-width:52px;min-height:70px}.express-fullscreen .wag .d{font-size:32px}.express-fullscreen .wag svg{width:48px}.express-fullscreen .board{overflow:hidden}.express-fullscreen .board svg{min-width:0;max-height:32dvh}.express-fullscreen .routes{max-width:800px;grid-template-columns:1fr 1fr}.express-fullscreen .route svg{max-width:160px}.express-fullscreen .feedback-view #stage,.express-fullscreen .feedback-view .phead{display:none}.express-fullscreen .feedback-view #fb{flex:1;min-height:0;display:grid;align-content:center}.express-fullscreen .feedback-view .fb{font-size:22px;line-height:1.25;margin:8px 16px}.express-fullscreen .feedback-view .fb h4{font-size:32px}.express-fullscreen .feedback-view .fb .big{font-size:36px}.express-fullscreen .feedback-view .feedback-return{display:block;align-self:center}.express-fullscreen #stage:has(#step2:not([hidden])) #lhs,.express-fullscreen #stage:has(#step2:not([hidden])) #opts{display:none}.express-fullscreen #stage:has(#step2:not([hidden])) .hint2{display:none}.express-fullscreen .phead:has(+ #stage #step2:not([hidden])){display:none}.express-fullscreen .inp{font-size:32px;min-height:52px}.express-fullscreen .coal{min-height:40px}.express-fullscreen .cw{font-size:24px}.express-fullscreen .title{padding:0}.express-fullscreen .introcard{flex:0 1 auto}.express-fullscreen .introcard .say p{font-size:24px}.express-fullscreen .sinfo h3{font-size:28px}@media(max-width:620px){.page{padding-inline:10px}.express-fullscreen .layer{padding:6px}.express-fullscreen .say p{font-size:32px}.express-fullscreen .portrait{display:none}.express-fullscreen .phead{grid-template-columns:1fr}.express-fullscreen .hudr .chip:first-child{display:none}}
.start-wrap{display:flex;justify-content:center;padding:18px;border-radius:24px}.express-fullscreen .start-wrap{min-height:0;display:flex;align-items:center;padding:10px}.express-fullscreen .hud{display:none}.express-fullscreen #stage:has(#pad .pad){gap:6px}.express-fullscreen #stage:has(#pad .pad) .hint2{font-size:22px}.express-fullscreen .pbody>p:not(.rule){font-size:22px}.express-fullscreen .fig .op{font-size:32px}.express-fullscreen .fin{gap:2px}.express-fullscreen .row{gap:8px}.express-fullscreen .rems{font-size:24px}.express-fullscreen .bigstars svg{width:48px;height:48px}.express-fullscreen .bigstars svg:nth-child(2){transform:none}

/* Ortak Asal Sayı Uçuşu başlangıç kartı. */
.layer:has(> #intro){padding:0}
#intro.start-wrap{position:absolute;inset:0;z-index:4;display:flex;justify-content:center;align-items:center;padding:18px;border-radius:0}
#intro>.modal{text-align:center;flex:none}
#intro .modal-icon{font-size:2.8rem;line-height:1.2}
#intro .modal-kicker{color:#7c72b7;display:block;font:900 .72rem/1.3 Nunito,sans-serif;letter-spacing:.12em;margin:7px 0;text-transform:uppercase}
#intro h2{font-family:Nunito,sans-serif;font-weight:900;margin:0 0 10px}
#intro.modal p,#intro>.modal>p{color:#666b78;font-family:Nunito,sans-serif;font-weight:600;margin:0 auto 17px;max-width:500px}
#intro .modal-steps{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:19px 0}
#intro .modal-steps span{background:#f7f4f6;border-radius:13px;font:800 .79rem/1.3 Nunito,sans-serif;padding:11px 7px}
#intro .modal-steps b{display:block;font-size:1.35rem;margin-bottom:4px}
#intro .start-btn{background:linear-gradient(135deg,#363944,#555969);border:0;border-radius:13px;box-shadow:0 10px 24px rgba(48,50,58,.18);color:#fff;cursor:pointer;font:900 .95rem Nunito,sans-serif;padding:13px 22px;min-height:52px}
#intro .start-btn:hover{box-shadow:0 12px 26px rgba(48,50,58,.25)}
.express-fullscreen #intro>.modal>p{font-size:22px;line-height:1.3}
.express-fullscreen #intro .modal-steps span{font-size:22px}
.express-fullscreen #intro .start-btn{font-size:22px}
@media(max-width:620px){#intro .modal-steps{grid-template-columns:1fr}#intro .modal-steps span{display:flex;align-items:center;gap:9px;text-align:left}#intro .modal-steps b{margin:0}}

/* Mathlooq görev kartı: portre yerine sade konu işareti. */
.phead{background:linear-gradient(110deg,#f2eff9 0%,#faf9fd 65%,#f1f8f6 100%);border-bottom:1px solid #e6e2ee;padding:18px 22px;gap:16px;align-items:start}
.express-task-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid #e1daee;border-radius:16px;background:#fff;flex:none}
.express-task-mark svg{width:38px;height:38px}
.say{gap:7px;padding-top:2px}
.say>b{color:#7c72b7;font:900 12px/1.3 Nunito,sans-serif;letter-spacing:.12em}
.say p{color:#2b3550;font-family:Nunito,sans-serif;font-weight:800;font-size:19px;line-height:1.45}
.say p b{font-weight:900}
.panel{border:1px solid #e7e1ec;box-shadow:0 12px 32px rgba(48,50,58,.1)}
.express-fullscreen .phead{grid-template-columns:auto 1fr;gap:12px;padding:10px 18px}
.express-fullscreen .express-task-mark{width:44px;height:44px;border-radius:13px}
.express-fullscreen .express-task-mark svg{width:32px;height:32px}
.express-fullscreen .say p{font-size:32px;line-height:1.15}
@media(max-width:620px){.phead{padding:16px;gap:12px}.express-task-mark{width:44px;height:44px;border-radius:13px}.express-task-mark svg{width:32px;height:32px}.say p{font-size:17px}.express-fullscreen .phead{grid-template-columns:1fr}.express-fullscreen .express-task-mark{display:none}}

/* Altı istasyon: okunabilir, doğal düğmelerden oluşan rota. */
.express-stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;text-align:left}
.station-card{--station-tone:#efebf8;appearance:none;border:1px solid #e2ddeb;border-radius:18px;padding:15px;background:linear-gradient(155deg,var(--station-tone),#fff 75%);color:#2b3550;display:flex;flex-direction:column;gap:9px;text-align:left;cursor:pointer;min-width:0;font-family:Nunito,sans-serif;transition:border-color .15s,box-shadow .15s}
.station-card:nth-child(2){--station-tone:#e6f4ef}.station-card:nth-child(3){--station-tone:#fff2de}.station-card:nth-child(4){--station-tone:#e4f3f7}.station-card:nth-child(5){--station-tone:#fce9ee}.station-card:nth-child(6){--station-tone:#eeeafa}
.station-card:hover{border-color:#a59acb;box-shadow:0 5px 16px #3a315510}.station-card.selected{border:2px solid #8174b6;padding:14px;box-shadow:0 0 0 3px #d1cceb55}.station-card.locked{background:#f7f7fa;color:#657084}
.station-top,.station-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.station-number{display:grid;place-items:center;background:#fff;border:1px solid #e4deed;border-radius:11px;width:34px;height:34px;font-size:20px;font-weight:900}.selected .station-number{background:#8174b6;color:#fff;border-color:#8174b6}.station-status{font-size:11px;font-weight:800;color:#6f6882}.station-card strong{font-size:19px;line-height:1.15}.station-description{font-family:'Source Sans 3',sans-serif;font-size:16px;line-height:1.3;flex:1}.station-bottom{font-size:12px;font-weight:800;color:#6f6882;margin-top:3px}.express-fullscreen .express-stations{gap:10px;flex:1;min-height:0}.express-fullscreen .station-card{padding:12px;gap:6px;justify-content:center}.express-fullscreen .station-card.selected{padding:11px}.express-fullscreen .station-card strong{font-size:28px}.express-fullscreen .station-description{font-size:22px;flex:none}.express-fullscreen .station-number{font-size:28px;width:42px;height:42px}.express-fullscreen .station-bottom{font-size:22px}.express-fullscreen .station-status{font-size:16px}
@media(max-width:620px){.express-stations{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.station-card{padding:12px}.station-card.selected{padding:11px}.station-card strong{font-size:17px}.station-description{font-size:15px}}
@media(orientation:landscape){.express-fullscreen .express-stations{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Başlık, açıklama ve eylemlerde ortak Mathlooq tipografi sistemi. */
.sinfo{background:#faf9fc;border:1px solid #e7e1ec;box-shadow:none;border-radius:16px;padding:16px}
.sinfo h3{font:900 23px/1.2 Nunito,sans-serif;color:#30394d}
.sinfo p{font:600 17px/1.4 'Source Sans 3',sans-serif;color:#666b78;margin-top:4px}
.sinfo .badge{border-radius:12px;background:#eeeafa;color:#7568a9;font:900 26px Nunito,sans-serif}
.btn{background:linear-gradient(135deg,#363944,#555969);color:#fff;border-radius:13px;box-shadow:0 7px 18px rgba(48,50,58,.14);font-family:Nunito,sans-serif;font-weight:900}
.btn:hover{box-shadow:0 9px 22px rgba(48,50,58,.2);transform:translateY(-1px)}
.btn:active{transform:translateY(1px);box-shadow:0 3px 9px rgba(48,50,58,.12)}
.btn.sec{background:#fff;color:#35445a;border:1px solid #e3dce8;box-shadow:none}
.station-card strong{font-weight:900;letter-spacing:-.02em}.station-description{font-weight:600}.station-status{letter-spacing:0;font-weight:800}
.express-fullscreen .sinfo h3{font-size:28px}.express-fullscreen .sinfo p{font-size:22px}

/* Tek hat üzerinde altı durak; düğümler gerçek, erişilebilir düğmeler. */
.express-route{position:relative;display:flex;flex-direction:column;gap:0;max-width:660px;margin:auto;padding:6px 0}
.express-route:before{content:'';position:absolute;top:30px;bottom:30px;left:26px;width:4px;border-radius:4px;background:linear-gradient(#c9c1e3,#c5dfdc,#e8ccd8);pointer-events:none}
.express-route .route-stop{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;background:transparent;border:0;border-radius:14px;box-shadow:none;padding:12px 10px 12px 0;min-height:76px}
.express-route .station-number{position:relative;z-index:1;width:54px;height:54px;border-radius:50%;background:var(--station-tone);border:3px solid #fff;outline:1px solid #ddd6e9;color:#35445a;font-size:24px}
.express-route .completed .station-number{background:#dcefe4;color:#357452}
.express-route .locked .station-number{background:#eeedf2;color:#8b8c9b}
.express-route .stop-copy{display:flex;flex-direction:column;gap:4px}
.express-route .stop-action{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font:800 12px/1.3 Nunito,sans-serif;color:#7c72b7}
.express-route .stop-action>span:first-child{font-family:'Source Sans 3',sans-serif;color:#707486;font-size:14px}
.express-route .route-stop:not(:disabled):hover{background:#f5f2fa;box-shadow:none}
.express-route .route-stop:focus-visible{outline:3px solid #8174b6;outline-offset:2px}
.express-route .station-description{font-size:16px}.express-route .route-stop:disabled{cursor:default;color:#7a7f8b}
.express-fullscreen .express-route{flex:1;min-height:0;gap:0;max-width:1000px;width:100%;justify-content:space-evenly;padding:0}
.express-fullscreen .express-route .route-stop{grid-template-columns:54px minmax(0,1fr) auto;gap:16px;padding:4px 10px 4px 0;min-height:52px}
.express-fullscreen .express-route .stop-copy{flex-direction:row;align-items:baseline;gap:20px}
.express-fullscreen .express-route .station-number{width:54px;height:54px;font-size:28px}
.express-fullscreen .express-route .station-description{font-size:22px}
.express-fullscreen .express-route .stop-action{font-size:22px}
.express-fullscreen .express-route .stop-action>span:first-child{font-size:22px}
@media(max-width:700px){.express-route .route-stop{gap:12px}.express-fullscreen .express-route .stop-copy{flex-direction:column;gap:2px}.express-fullscreen .express-route .route-stop{padding-block:8px}.express-route .stop-action .stars{display:none}}

/* Gişe: genişletilmiş gösterim cevap yazılırken görünür kalır. */
#step2{flex-direction:column;gap:8px;width:100%}
#step2[hidden]{display:none}
.expansion-note{font:600 18px/1.3 'Source Sans 3',sans-serif;color:#666b78}
.expansion-answer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;max-width:100%}
.original-number{display:none}
.sr-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.express-fullscreen .original-number{display:inline-flex;align-items:center;gap:8px}
.express-fullscreen .expansion-note{font-size:22px}
.express-fullscreen #step2{gap:6px}
.express-fullscreen .expansion-answer{gap:10px}

/* İlk istasyon çiziminin ray, makas ve döngü dili. */
.illustrated-route{padding:6px 0 38px;isolation:isolate}
.illustrated-route:before{display:none}
.route-rails{position:absolute;z-index:-1;left:-3px;top:0;width:70px;height:calc(100% + 2px);overflow:visible;pointer-events:none}
.illustrated-route .route-stop{grid-template-columns:54px minmax(0,1fr) auto;min-height:78px;margin-left:0}
.illustrated-route .station-number{width:50px;height:50px;margin-left:2px;border:3px solid #fff;outline:2px solid #9185b7;box-shadow:0 3px 7px #35445a16;background:#fff;color:#35445a}
.illustrated-route .route-stop:nth-of-type(2) .station-number{outline-color:#8fb9ab}
.illustrated-route .route-stop:nth-of-type(3) .station-number{outline-color:#d0b381}
.illustrated-route .route-stop:nth-of-type(4) .station-number{outline-color:#94bac8}
.illustrated-route .route-stop:nth-of-type(5) .station-number{outline-color:#d79caf}
.illustrated-route .completed .station-number{background:#e5f3eb}
.illustrated-route .locked .station-number{background:#f4f3f7;outline-color:#c8c5d0;color:#8c8c9a}
.illustrated-route .route-stop:not(:disabled):hover{background:linear-gradient(90deg,transparent 55px,#f3eff9 55px)}
.express-fullscreen .illustrated-route{padding-bottom:28px;justify-content:space-around}
.express-fullscreen .illustrated-route .route-stop{min-height:52px}
.express-fullscreen .illustrated-route .station-number{width:50px;height:50px}

.route-horizontal{display:none}
@media(min-width:850px){
 .illustrated-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 1.2fr;gap:0;max-width:none;min-height:245px;padding:0;align-items:start}
 .illustrated-route .route-rails{display:none}
 .illustrated-route .route-horizontal{display:block;position:absolute;inset:0;width:100%;height:240px;z-index:-1;pointer-events:none}
 .illustrated-route .route-stop{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;padding:73px 4px 0;min-height:0;text-align:center;border-radius:0}
 .illustrated-route .route-stop:last-child{padding-top:13px}
 .illustrated-route .station-number{width:54px;height:54px;margin:0;background:#fff;outline:3px solid #494269;font-size:28px;border:3px solid #fff;box-shadow:none}
 .illustrated-route .route-stop:last-child .station-number{box-shadow:0 0 0 9px #fdf0d7}
 .illustrated-route .stop-copy{align-items:center;gap:6px}
 .illustrated-route .stop-copy strong{font-size:18px}
 .illustrated-route .station-description{display:none}
 .illustrated-route .stop-action{align-items:center;font-size:13px;gap:4px}
 .illustrated-route .route-stop:last-child .stop-copy{margin-top:107px}
 .illustrated-route .route-stop:not(:disabled):hover{background:transparent}
 .illustrated-route .route-stop:not(:disabled):hover .station-number{background:#eeeafa}
 .illustrated-route .completed .station-number{background:#c47d98;color:#fff}
 .express-fullscreen .illustrated-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 1.2fr;max-width:none;min-height:290px;flex:0 1 auto;padding:0;align-content:start}
 .express-fullscreen .illustrated-route .route-stop{display:flex;gap:14px;padding:73px 4px 0;min-height:52px}
 .express-fullscreen .illustrated-route .route-stop:last-child{padding-top:13px}
 .express-fullscreen .illustrated-route .stop-copy{flex-direction:column;gap:6px}
 .express-fullscreen .illustrated-route .stop-copy strong{font-size:28px}
 .express-fullscreen .illustrated-route .station-number{width:54px;height:54px}
 .express-fullscreen .illustrated-route .stop-action,.express-fullscreen .illustrated-route .stop-action>span:first-child{font-size:22px}
}
/* Yatay rota da aynı Mathlooq pastel durak sistemini kullanır. */
@media(min-width:850px){
 .illustrated-route .station-number{background:var(--station-tone);color:#35445a;outline:1px solid #d5cee5;border:3px solid #fff;box-shadow:0 3px 8px rgba(53,68,90,.08);font-family:Nunito,sans-serif;font-weight:900}
 .illustrated-route .route-stop:last-child .station-number{box-shadow:0 0 0 7px #f4effa;outline:1px solid #b9aed4}
 .illustrated-route .completed .station-number{background:#dcefe4;color:#357452}
 .illustrated-route .locked .station-number{background:#f4f3f7;color:#8c8c9a;outline-color:#d8d5df}
 .illustrated-route .stop-copy strong{font-family:Nunito,sans-serif;font-weight:900;color:#2b3550;letter-spacing:-.02em}
 .illustrated-route .route-horizontal>path:first-child,.illustrated-route .route-horizontal>circle{stroke:#b6a9d3;stroke-width:6}
 .illustrated-route .route-horizontal>path:nth-of-type(2){stroke:#d1cceb;stroke-width:6}
 .illustrated-route .route-horizontal>path:last-of-type{stroke:#dca2b6;stroke-width:6}
 .illustrated-route .stop-action{color:#7c72b7;font-family:Nunito,sans-serif}
}
/* İki yön, tek görsel dil: yalnız yerleşim ve bağlantı yönü değişir. */
.illustrated-route .route-rails path:first-child{stroke:#b6a9d3;stroke-width:6;stroke-dasharray:none}
.illustrated-route .route-rails path:nth-child(2),.illustrated-route .route-rails ellipse{stroke:#b6a9d3;stroke-width:2}
.illustrated-route .route-rails path:nth-of-type(3){stroke:#d1cceb;stroke-width:6}
.illustrated-route .route-rails path:nth-of-type(4){stroke:#b6a9d3}
.illustrated-route .route-rails path:nth-of-type(5){stroke:#dca2b6}
.illustrated-route .station-number{background:var(--station-tone);color:#35445a;outline:1px solid #d5cee5;border:3px solid #fff;box-shadow:0 3px 8px rgba(53,68,90,.08);font:900 24px Nunito,sans-serif}
.illustrated-route .route-stop:nth-of-type(n) .station-number{outline-color:#d5cee5}
.illustrated-route .route-stop:last-child .station-number{box-shadow:0 0 0 7px #f4effa;outline:1px solid #b9aed4}
.illustrated-route .completed .station-number{background:#dcefe4;color:#357452}
.illustrated-route .locked .station-number{background:#f4f3f7;color:#8c8c9a;outline-color:#d8d5df}
.illustrated-route .stop-copy strong{font:900 19px/1.15 Nunito,sans-serif;letter-spacing:-.02em;color:#2b3550}
.illustrated-route .station-description{display:block;font:600 16px/1.3 'Source Sans 3',sans-serif}
.illustrated-route .stop-action{font:800 13px/1.3 Nunito,sans-serif;color:#7c72b7}
.illustrated-route .stop-action>span:first-child{font:600 14px/1.3 'Source Sans 3',sans-serif;color:#707486}
.express-fullscreen .illustrated-route .stop-copy strong{font-size:28px}
.express-fullscreen .illustrated-route .station-description{font-size:22px}
.express-fullscreen .illustrated-route .stop-action,.express-fullscreen .illustrated-route .stop-action>span:first-child{font-size:22px}
@media(min-width:850px){
 .illustrated-route .station-number{width:50px;height:50px;font-size:24px}
 .illustrated-route .route-stop{padding-top:75px;gap:12px}
 .illustrated-route .route-stop:last-child{padding-top:15px}
 .illustrated-route .stop-copy{min-height:76px;width:100%;gap:4px}
 .illustrated-route .station-description{display:block}
 .illustrated-route{min-height:325px}
 .express-fullscreen .illustrated-route{min-height:370px}
 .express-fullscreen .illustrated-route .station-number{width:50px;height:50px;font-size:28px}
 .express-fullscreen .illustrated-route .route-stop{padding-top:75px}
 .express-fullscreen .illustrated-route .route-stop:last-child{padding-top:15px}
 .express-fullscreen .illustrated-route .stop-copy{min-height:120px}
}
/* Tahta görünümünde soru kartı okunaklı, dengeli bir genişlikte kalır. */
.express-fullscreen .panel:has(#stage){width:min(100%,960px);max-width:960px;margin-inline:auto}
.express-fullscreen .panel:has(#stage) .phead{padding-inline:22px}
.express-fullscreen .panel:has(#stage) .pbody{padding-inline:22px}
.express-fullscreen .panel:has(#stage) .pfoot{padding-inline:22px}
@media(min-width:1600px){.express-fullscreen .panel:has(#stage){width:min(100%,1080px);max-width:1080px}}
@media(max-width:700px){.express-fullscreen .panel:has(#stage) .phead,.express-fullscreen .panel:has(#stage) .pbody,.express-fullscreen .panel:has(#stage) .pfoot{padding-inline:12px}}

/* Tam ekranda tren sahnesi kartın arkasında kaybolmaz. */
.express-fullscreen .layer{padding-bottom:clamp(110px,18dvh,140px)}
@media(orientation:landscape) and (max-height:800px){
 .express-fullscreen #stage:has(#pad .pad){display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;align-content:center;gap:16px}
 .express-fullscreen #stage:has(#pad .pad)>#pad{grid-column:2;grid-row:1;align-self:center}
 .express-fullscreen #stage:has(#pad .pad)>#step2,.express-fullscreen #stage:has(#pad .pad)>.row{grid-column:1;grid-row:1}
 .express-fullscreen #stage:has(#pad .pad)>#lhs,.express-fullscreen #stage:has(#pad .pad)>#opts{display:none}
 .express-fullscreen #stage:has(#pad .pad) .padwrap>.hint2{display:none}
 .express-fullscreen .expansion-answer{gap:8px}
 .express-fullscreen .expansion-answer .fig{flex-wrap:wrap;justify-content:center}
}
/* Soru kartı boş yüksekliği doldurmaz; içeriği kadar yer kaplar. */
.express-fullscreen .layer:has(#stage){justify-content:center}
.express-fullscreen .panel:has(#stage){flex:0 1 auto}
.express-fullscreen .panel:has(#stage) .pbody{flex:0 1 auto;padding-block:16px}
.express-fullscreen .panel:has(#stage) .phead{padding-block:12px}
.express-fullscreen .panel:has(#stage) .pfoot{padding-block:10px}
.express-fullscreen .panel:has(#stage).feedback-view{flex:0 1 auto}
.express-fullscreen .feedback-view .panel:has(#stage) #fb{flex:0 1 auto}

/* Tren normal ölçekte: ayrılan alan gerçek çizim yüksekliğini izler. */
.express-fullscreen .layer{padding-bottom:var(--trainpad,190px)}
/* Asal Sayı Uçuşu ile aynı üst etiket tipografisi. */
.hero>.eyebrow{color:#7c72b7;display:inline-block;font:900 .77rem/1.2 "Nunito",sans-serif;letter-spacing:.14em;text-transform:uppercase}

/* Diğer oyunlarla aynı istatistik ve kontrol araç çubuğu. */
.toolbar{background:rgba(255,255,255,.96);border-bottom:1px solid #e7dde2;padding:13px 16px;gap:16px}
.game-stats{display:flex;flex-wrap:wrap;gap:8px}
.game-stats>span{background:#f7f4f6;border-radius:11px;color:#797b85;font:900 .65rem Nunito,sans-serif;letter-spacing:.08em;min-width:74px;padding:7px 10px;text-align:center}
.game-stats strong{color:#30323a;display:block;font-size:1rem;letter-spacing:0;margin-top:1px}
.tools{display:flex;gap:7px;justify-content:flex-end}
.tools button{background:#fff;border:1px solid #ddd3d8;border-radius:10px;color:#30323a;cursor:pointer;font:900 .78rem Nunito,sans-serif;padding:9px 11px}
.tools button:hover{background:#fff2d9;border-color:#e2bc65}
.express-fullscreen .tools button{min-height:52px;font-size:22px;padding:8px 14px}
.express-fullscreen .game-stats>span{font-size:12px}
.express-fullscreen .game-stats strong{font-size:22px}

.division-field{display:flex;flex-direction:column;align-items:center;gap:6px;font:700 18px/1.3 'Source Sans 3',sans-serif}
.express-fullscreen .division-field{font-size:22px}
@media(orientation:landscape) and (max-height:800px){
 .express-fullscreen #stage:has(#divisionDigit){grid-template-rows:auto auto auto;row-gap:8px}
 .express-fullscreen #stage:has(#divisionDigit)>.fig{grid-column:1;grid-row:1}
 .express-fullscreen #stage:has(#divisionDigit)>#coal{grid-column:1;grid-row:2}
 .express-fullscreen #stage:has(#divisionDigit)>.division-fields{grid-column:1;grid-row:3}
 .express-fullscreen #stage:has(#divisionDigit)>#pad{grid-column:2;grid-row:1 / 4}
}

/* Klasik bölme şeması: solda işlem, sağda bölen ve bölüm. */
.long-division{display:grid;grid-template-columns:minmax(110px,1fr) minmax(110px,1fr);font:800 32px/1.25 Nunito,sans-serif;min-width:260px;max-width:100%;align-items:start;text-align:right;gap:0}
.division-left{padding:4px 16px 0 0}.division-right{border-left:2px solid #35445a;text-align:left}
.division-divisor{border-bottom:2px solid #35445a;padding:4px 16px 8px}
.division-quotient{display:flex;align-items:center;flex-wrap:wrap;padding:8px 12px;gap:2px}
.division-entry{width:75px!important;font-size:32px;min-height:48px;padding:2px}
.division-work-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-height:42px}
.division-work-row.subtract{border-bottom:2px solid #35445a}
.division-written{display:inline-block;min-width:30px;padding:3px 0}
.division-bring-down{padding:4px 0}.brought-zero{color:#8174b6;margin-left:2px}
.express-fullscreen .long-division{font-size:32px}
@media(orientation:landscape) and (max-height:800px){
 .express-fullscreen #stage:has(.long-division){display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,360px);align-items:center;gap:16px}
 .express-fullscreen #stage:has(.long-division)>.long-division{grid-column:1;grid-row:1}
 .express-fullscreen #stage:has(.long-division)>#pad{grid-column:2;grid-row:1}
}
/* Normal görünümde bölmenin tuş takımı yardımcı, kompakt bir alan. */
#gameShell:not(.express-fullscreen) #stage:has(.long-division){grid-template-columns:minmax(240px,1fr) 220px;align-items:center;gap:22px;padding-block:24px}
#gameShell:not(.express-fullscreen) #stage:has(.long-division)>.long-division{grid-column:1;grid-row:1}
#gameShell:not(.express-fullscreen) #stage:has(.long-division)>#pad{grid-column:2;grid-row:1}
#gameShell:not(.express-fullscreen) #stage:has(.long-division) .pad{max-width:220px;gap:6px}
#gameShell:not(.express-fullscreen) #stage:has(.long-division) .pk{font-size:21px;min-height:44px;padding:3px 0;border-radius:10px;box-shadow:0 2px 0 var(--line),inset 0 0 0 1px var(--line)}
#gameShell:not(.express-fullscreen) #stage:has(.long-division) .pk[data-k="C"]{font-size:15px}
@media(max-width:620px){
 #gameShell:not(.express-fullscreen) #stage:has(.long-division){grid-template-columns:1fr;gap:18px}
 #gameShell:not(.express-fullscreen) #stage:has(.long-division)>#pad{grid-column:1;grid-row:2}
}
/* Bölme şeması ana alan; tuş takımı ikincil alan. */
#stage:has(.long-division){justify-items:stretch}
.long-division{justify-self:center;align-self:start;width:100%;max-width:360px;grid-template-columns:minmax(130px,1fr) minmax(110px,1fr);font-size:36px;padding:12px 0}
.division-left{padding-right:20px}.division-right{border-left-width:3px;min-height:100%}.division-divisor{border-bottom-width:3px}
.division-work-row{min-height:46px}.division-bring-down{min-height:42px}
#stage:has(.long-division)>#pad{align-self:start;padding:14px 0 14px 18px;border-left:1px solid #e7e1ec}
.express-fullscreen #stage:has(.long-division){display:grid;grid-template-columns:minmax(280px,1fr) 280px;align-items:start;gap:24px}
.express-fullscreen #stage:has(.long-division)>.long-division{grid-column:1;grid-row:1;font-size:36px}
.express-fullscreen #stage:has(.long-division)>#pad{grid-column:2;grid-row:1}
.express-fullscreen #stage:has(.long-division) .pad{max-width:280px}
@media(max-width:620px){#stage:has(.long-division)>#pad{border-left:0;border-top:1px solid #e7e1ec;padding:12px 0}.express-fullscreen #stage:has(.long-division){grid-template-columns:1fr}.express-fullscreen #stage:has(.long-division)>#pad{grid-column:1;grid-row:2}}

/* İndirilen sıfır aynı sayının sonuna bitişik yazılır. */
.division-dividend,.division-work-row.remainder{white-space:nowrap}
.division-work-row.remainder{gap:0}
.division-dividend .division-written,.division-work-row.remainder .division-written{min-width:0;padding-inline:0}
.zero-entry{width:46px!important;margin-left:2px}

.division-meaning{grid-column:1/-1;text-align:left;margin-top:14px;padding:10px 12px;border-radius:12px;background:#f2eff8;color:#566078;font:600 16px/1.4 'Source Sans 3',sans-serif;white-space:normal}
.division-meaning[hidden]{display:none}.express-fullscreen .division-meaning{font-size:22px;line-height:1.3}

/* Açıklama için önceden ayrılmış alan: kartın boyu metinle değişmez. */
.division-note-slot{flex:none;margin:0 18px;padding-top:12px;height:120px}
.division-note-slot .division-meaning{margin:0;background:#f5f3fa;padding:10px 14px;font:600 17px/1.4 'Source Sans 3',sans-serif;color:#566078;border-left:3px solid #c3b9dd;border-radius:0 10px 10px 0}
.division-note-slot .division-meaning:empty{visibility:hidden}
.express-fullscreen .division-note-slot{height:130px;padding-top:8px}
.express-fullscreen .division-note-slot .division-meaning{font-size:22px;line-height:1.3}
.express-fullscreen .feedback-view .division-note-slot{display:none}
#gameShell .layer:has(.long-division){justify-content:flex-start}
@media(max-width:620px){.division-note-slot{height:155px;margin-inline:12px}}