/* Zekâ Oyunları Atölyesi v0.1.55: responsive, illustrated how-to for 21 games. */
#help-dialog.howto-dialog{box-sizing:border-box;width:min(900px,calc(100vw - 32px));max-width:900px;max-height:min(88dvh,820px);margin:auto;padding:0;background:#fbfefd;color:#173749;border:1px solid #bdcfd6;border-radius:22px;box-shadow:0 28px 95px #102a4170;overscroll-behavior:contain;overflow-y:auto}
.howto-dialog::backdrop{background:#06192dbf;backdrop-filter:blur(4px)}
.howto-dialog .howto-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0;padding:21px 27px 16px;background:#fbfefd;border-bottom:1px solid #d8e7e9}
.howto-dialog .howto-eyebrow{color:#087d73;font-weight:900;font-size:11px;letter-spacing:.11em}
.howto-dialog .howto-head h2{margin:5px 0 0;font-size:clamp(19px,2.3vw,27px);font-weight:900;line-height:1.2;letter-spacing:-.03em}
.howto-dialog .howto-head .icon-close{width:43px;height:43px;font-size:26px;background:#eff5f8;border-radius:12px}
.howto-dialog .howto-lead{margin:0;padding:18px 27px 0;font-size:16px;line-height:1.55;color:#3a596d}
.howto-dialog .howto-body{padding:20px 27px 25px;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px;align-items:stretch}
.howto-dialog .howto-section-title{font-size:11px;font-weight:900;letter-spacing:.11em;color:#387a79;margin-bottom:12px}
.howto-dialog .howto-example{border:1px solid #d9e7ea;border-radius:18px;padding:18px;background:#f2f8f8;min-width:0}
.howto-dialog .howto-visual{display:grid;place-items:center;min-height:220px;border-radius:15px;background:#fff;border:1px solid #e3ecef;padding:14px;overflow:hidden}
.howto-dialog .howto-visual-note{font-size:13px;line-height:1.55;margin:13px 0 0;color:#4a6977}
.howto-dialog .howto-rules{min-width:0;display:flex;flex-direction:column}
.howto-dialog #howto-steps{padding:0;margin:0;list-style:none;counter-reset:guide-steps;display:flex;flex-direction:column;gap:11px}
.howto-dialog #howto-steps li{position:relative;counter-increment:guide-steps;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 52px;min-height:45px;background:#f6fafb;color:#234557;border:1px solid #e0ebee;border-radius:12px;font-size:14px;font-weight:680;line-height:1.48;margin:0}
.howto-dialog #howto-steps li::before{content:counter(guide-steps);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#d5f1e9;color:#006e61;font-size:15px;font-weight:900}
.howto-dialog .howto-tip{display:flex;gap:9px;align-items:flex-start;border:1px solid #f0dfb0;background:#fff9eb;border-radius:12px;color:#6e5324;padding:13px 15px;font-size:13.5px;line-height:1.5;margin-top:auto}
.howto-dialog .howto-bottom{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #d8e7e9;padding:13px 27px;background:#fbfefd}
.howto-dialog .howto-bottom p{margin:0;font-size:12.5px;line-height:1.4;color:#5b7180;max-width:550px}
.howto-dialog #howto-play{padding:11px 20px;min-height:43px;white-space:nowrap;font-weight:800}
.howto-mini-grid{--howto-cols:4;display:grid;grid-template-columns:repeat(var(--howto-cols),minmax(0,1fr));gap:2px;background:#688897;padding:3px;border-radius:9px;width:min(100%,226px);aspect-ratio:1;box-shadow:0 6px 15px #173e4a20}
.howto-mini-cell{display:grid;place-items:center;min-width:0;min-height:0;font-size:clamp(14px,2.8vw,25px);font-weight:850;line-height:1;background:#fff;color:#223e51;text-align:center}
.howto-mini-cell.shade{background:#374b55;color:#fff}.howto-mini-cell.region{background:#e3f5e9}.howto-mini-cell.start{background:#b5f1d9;color:#035f47}.howto-mini-cell.finish{background:#ffdcad;color:#945014}.howto-mini-cell.path,.howto-mini-cell.light{background:#c7f2e8;color:#00775d}.howto-mini-cell.star{background:#dcf7e6;color:#076c50}.howto-mini-cell.blocked{background:#f4eaec;color:#9da6ac}.howto-mini-cell.tree{background:#cdeecf}.howto-mini-cell.tent{background:#fde8c7}.howto-mini-cell.ship{background:#c8e0f6}.howto-mini-cell.strong{background:#e5f4ff;color:#076f96}
.howto-mini-pyramid{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.howto-pyramid-row{display:flex;justify-content:center;gap:7px}.howto-pyramid-cell{display:grid;place-items:center;width:60px;height:53px;border-radius:11px;background:#eaf7f3;border:2px solid #9ecbc4;color:#115b56;font-weight:900;font-size:26px}
.howto-formula{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.howto-formula-part{padding:14px 12px;min-width:51px;max-width:100%;border:1px solid #a8d5d2;background:#e5f5f1;border-radius:11px;color:#115d59;font-size:clamp(18px,2.7vw,28px);line-height:1.22;font-weight:850;text-align:center;white-space:pre-wrap}
html[data-theme="dark"] #help-dialog.howto-dialog{background:#142e39;color:#f0f8fa;border-color:#476575}
html[data-theme="dark"] .howto-dialog .howto-head,html[data-theme="dark"] .howto-dialog .howto-bottom{background:#142e39;border-color:#3f5c67}
html[data-theme="dark"] .howto-dialog .howto-eyebrow,html[data-theme="dark"] .howto-dialog .howto-section-title{color:#86d9c7}
html[data-theme="dark"] .howto-dialog .howto-lead{color:#d0e4eb}
html[data-theme="dark"] .howto-dialog .howto-example{background:#1d3b47;border-color:#456776}
html[data-theme="dark"] .howto-dialog .howto-visual{background:#193541;border-color:#4a6c7b}
html[data-theme="dark"] .howto-dialog .howto-visual-note,html[data-theme="dark"] .howto-dialog .howto-bottom p{color:#b6d3dd}
html[data-theme="dark"] .howto-dialog #howto-steps li{background:#213f4e;border-color:#496a7b;color:#eaf6fc}
html[data-theme="dark"] .howto-dialog #howto-steps li::before{background:#215d59;color:#dcfff5}
html[data-theme="dark"] .howto-dialog .howto-tip{background:#403722;color:#ffe8ad;border-color:#786746}
html[data-theme="dark"] .howto-dialog .howto-mini-cell{background:#294955;color:#edf8fc}
html[data-theme="dark"] .howto-dialog .howto-mini-cell.shade{background:#101f2b;color:#f8fdff}
html[data-theme="dark"] .howto-dialog .howto-mini-cell.region,html[data-theme="dark"] .howto-dialog .howto-mini-cell.path,html[data-theme="dark"] .howto-dialog .howto-mini-cell.light,html[data-theme="dark"] .howto-dialog .howto-mini-cell.start{background:#235c58;color:#eafff5}
html[data-theme="dark"] .howto-dialog .howto-mini-cell.blocked{background:#5e4853;color:#fff}
html[data-theme="dark"] .howto-dialog .howto-formula-part,html[data-theme="dark"] .howto-dialog .howto-pyramid-cell{background:#23524f;border-color:#538e85;color:#e9fff9}
@media(max-width:720px){#help-dialog.howto-dialog{width:min(590px,calc(100vw - 16px));max-height:91dvh;border-radius:17px}.howto-dialog .howto-head{padding:15px 17px 12px}.howto-dialog .howto-lead{padding:13px 17px 0;font-size:14px}.howto-dialog .howto-body{padding:13px 17px 18px;grid-template-columns:1fr;gap:14px}.howto-dialog .howto-example{padding:12px}.howto-dialog .howto-visual{min-height:155px;padding:10px}.howto-mini-grid{width:min(100%,177px)}.howto-dialog .howto-bottom{padding:10px 15px;align-items:stretch}.howto-dialog .howto-bottom p{display:none}.howto-dialog #howto-play{width:100%}.howto-dialog .howto-tip{margin-top:12px}}
@media(max-width:380px){.howto-dialog .howto-head h2{font-size:18px}.howto-dialog .howto-eyebrow{font-size:9px}.howto-dialog #howto-steps li{font-size:13px;padding:8px 9px 8px 45px}.howto-dialog .howto-formula-part{font-size:17px;min-width:44px;padding:10px}}
@media(prefers-reduced-motion:reduce){.howto-dialog *{scroll-behavior:auto!important}}
html[data-theme="dark"] #help-dialog.howto-dialog .icon-close{background:#274753;color:#effbff;border:1px solid #587786}
html[data-theme="dark"] #help-dialog.howto-dialog .icon-close:hover{background:#356270;color:white}

/* v0.1.56 – tappable platform title and guided, pauseable visual lessons */
.identity-home{appearance:none;border:0;background:transparent;color:inherit;padding:3px 5px;margin:-3px -5px;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;border-radius:9px;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.identity-home span{color:#a8d5d6}.identity-home:hover{background:#dff1ef;color:#203852}.identity-home:hover span{color:#087f81}.identity-home:focus-visible{outline:3px solid #ffd078;outline-offset:3px}
.howto-dialog .howto-player-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-2px 0 10px;color:#317c7a;font-size:11px;font-weight:900;letter-spacing:.04em}
.howto-dialog .howto-demo-label{background:#e6f3f1;border:1px solid #c5e5e0;color:#1b6d66;padding:4px 7px;border-radius:7px;font-size:10px}
.howto-dialog .howto-visual{min-height:218px}
.howto-dialog .howto-visual-note{min-height:59px;font-weight:720;color:#275568;font-size:14px}
.howto-dialog .howto-track{height:5px;border-radius:99px;background:#d4e9e9;overflow:hidden;margin:10px 0 12px}
.howto-dialog #howto-track-fill{height:100%;background:linear-gradient(90deg,#2ca28f,#086e72);width:25%;border-radius:99px;transition:width .3s ease}
.howto-dialog .howto-player-controls{display:grid;grid-template-columns:45px minmax(0,1.15fr) minmax(0,1fr) 43px;gap:7px}
.howto-dialog .howto-player-controls button{border:1px solid #b9d5d6;background:#fff;border-radius:10px;color:#124d54;min-height:41px;padding:6px 5px;font-size:13px;font-weight:900;white-space:nowrap;transition:background .15s ease}
.howto-dialog .howto-player-controls button:hover:not(:disabled){background:#dbf3ed}
.howto-dialog .howto-player-controls button:focus-visible{outline:3px solid #ffaa53;outline-offset:2px}
.howto-dialog .howto-player-controls button:disabled{opacity:.38}
.howto-dialog .howto-player-controls #howto-toggle{background:#d9f3ec;border-color:#a9dbd0}
.howto-dialog #howto-steps li.is-current{background:#e8f8f3;border-color:#4aa995;box-shadow:inset 4px 0 0 #258d83;color:#114a4c}
.howto-dialog #howto-steps li.is-current::before{background:#13867c;color:#fff}
.howto-dialog .howto-mini-cell.howto-muted{opacity:.43;color:#84969c;background:#f7fafb}
.howto-dialog .howto-mini-cell.howto-focus,.howto-dialog .howto-formula-part.howto-focus,.howto-dialog .howto-pyramid-cell.howto-focus{position:relative;z-index:1;outline:3px solid #ffa447;outline-offset:-3px;background:#fff2d3;color:#664009;animation:zeaLessonFocus .65s ease-out both}
@keyframes zeaLessonFocus{0%{transform:scale(.82);opacity:.5;box-shadow:0 0 0 0 #ffab43aa}65%{transform:scale(1.055);opacity:1;box-shadow:0 0 0 5px #ffab431e}100%{transform:scale(1);opacity:1;box-shadow:0 0 0 1px #ffab430c}}
html[data-theme="dark"] .howto-dialog .howto-player-top{color:#95ded3}
html[data-theme="dark"] .howto-dialog .howto-demo-label{background:#214d48;border-color:#3c746c;color:#c9f9ed}
html[data-theme="dark"] .howto-dialog .howto-visual-note{color:#d2eff2}
html[data-theme="dark"] .howto-dialog .howto-track{background:#355462}
html[data-theme="dark"] .howto-dialog .howto-player-controls button{background:#254451;border-color:#4c7381;color:#f0fbfc}
html[data-theme="dark"] .howto-dialog .howto-player-controls #howto-toggle{background:#205b54;border-color:#548a81}
html[data-theme="dark"] .howto-dialog .howto-player-controls button:hover:not(:disabled){background:#356773}
html[data-theme="dark"] .howto-dialog #howto-steps li.is-current{background:#205551;border-color:#72bea9;color:#f3fffd}
html[data-theme="dark"] .howto-dialog #howto-steps li.is-current::before{background:#48a592;color:#062e30}
html[data-theme="dark"] .howto-dialog .howto-mini-cell.howto-muted{background:#243e47;color:#829ba4}
html[data-theme="dark"] .howto-dialog .howto-mini-cell.howto-focus,html[data-theme="dark"] .howto-dialog .howto-formula-part.howto-focus,html[data-theme="dark"] .howto-dialog .howto-pyramid-cell.howto-focus{background:#73552e;color:#fff4d7;outline-color:#ffc16d}
@media(max-width:720px){.howto-dialog .howto-visual-note{min-height:0;font-size:13px}.howto-dialog .howto-player-controls button{min-height:41px}}
@media(max-width:380px){.howto-dialog .howto-player-controls{grid-template-columns:34px minmax(0,1fr) minmax(0,.95fr) 34px;gap:4px}.howto-dialog .howto-player-controls button{font-size:11px;padding:5px 2px}.howto-dialog .howto-demo-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.howto-dialog #howto-track-fill,.howto-dialog .howto-player-controls button,.identity-home{transition:none!important}.howto-dialog .howto-mini-cell.howto-focus,.howto-dialog .howto-formula-part.howto-focus,.howto-dialog .howto-pyramid-cell.howto-focus{animation:none!important}}

/* v0.1.57: Manuel adım seçimi — otomatik oynatma yok. */
.howto-dialog .howto-step-hint{margin:0 0 12px;color:#55778a;font-size:13px;line-height:1.4}
.howto-dialog #howto-steps li{padding:0;display:block;overflow:visible;transition:background-color .12s ease,border-color .12s ease}
.howto-dialog #howto-steps li::before{pointer-events:none}
.howto-dialog #howto-steps .howto-step-button{display:block;appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;width:100%;min-height:45px;padding:11px 13px 11px 52px;background:transparent;border:0;border-radius:11px;color:inherit;font:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;white-space:normal}
.howto-dialog #howto-steps li:hover:not(.is-current){background:#eaf4f4;border-color:#a0c7c9}
.howto-dialog #howto-steps .howto-step-button:focus-visible{outline:3px solid #e89a35;outline-offset:3px}
.howto-dialog #howto-steps li.is-current .howto-step-button{cursor:pointer}
html[data-theme="dark"] .howto-dialog .howto-step-hint{color:#b3d6dc}
html[data-theme="dark"] .howto-dialog #howto-steps li:hover:not(.is-current){background:#305360;border-color:#7aa8aa}
@media(hover:none){.howto-dialog #howto-steps li:hover:not(.is-current){background:inherit;border-color:inherit}}