@charset "UTF-8";
@font-face{font-family:"Bremen Comic";src:url("../fonts/ComicNeue-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Bremen Comic";src:url("../fonts/ComicNeue-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

:root{color-scheme:light;--ink:#244338;--green:#286746;--paper:#fffef7;--gold:#f5b82f}*{box-sizing:border-box}body{margin:0;background:#eef7ee;color:var(--ink);font-family:"Bremen Comic","Comic Sans MS",Arial,sans-serif;line-height:1.6;min-height:100vh;background-image:radial-gradient(ellipse at 90% 5%,#d5eef4 0,transparent 50%),radial-gradient(ellipse at 0 90%,#dcebc8 0,transparent 40%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:52px;border:0;border-radius:17px;padding:14px 25px;font-weight:bold;transition:transform .15s,box-shadow .15s}button:hover:not(:disabled){transform:translateY(-2px)}button:focus-visible,a:focus-visible{outline:3px solid #98551a;outline-offset:5px}button:disabled{cursor:default}a{color:inherit}.topbar{max-width:1180px;margin:auto;padding:24px 30px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #cfdfd1}.brand{text-decoration:none;font-size:22px;font-weight:bold;display:flex;align-items:center;gap:10px}.brand-icon{background:var(--green);color:#ffde74;border-radius:13px;padding:0 11px;font-size:30px}.edition{font-size:13px;opacity:.75;margin-left:auto}.counter{background:#fff4cc;border:1px solid #e9cb72;color:#765015;padding:8px 16px;border-radius:30px;font-weight:bold;white-space:nowrap}main{max-width:1120px;margin:auto;padding:35px 30px;outline:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:15px 0 35px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;color:#557b59}h1{font-size:clamp(32px,4.3vw,51px);line-height:1.25;letter-spacing:-1.5px;margin:20px 0;white-space:pre-line}.subtitle{font-size:20px;color:#4b7353}.intro{font-size:17px;max-width:475px;color:#55705e}.menu-actions{display:grid;gap:12px;max-width:350px;margin-top:28px}.primary{background:var(--green);color:#fffef5;box-shadow:0 5px 0 #174e33}.secondary{background:#fffef6;color:var(--green);border:2px solid #ccddca;box-shadow:0 3px 0 #dce7d4}.text-button{background:transparent;color:#496a51;padding:10px 3px;min-height:44px;text-decoration:underline;text-underline-offset:5px;font-size:14px}.small{font-size:13px;color:#607563}.hero-copy>.small{margin-top:24px}.hero-art{position:relative;padding:14px;background:var(--paper);border-radius:48% 48% 24px 24px;box-shadow:0 18px 40px #365c3520;transform:rotate(2deg);max-width:390px;justify-self:end}.cover{width:100%;display:block;border-radius:46% 46% 15px 15px}.art-label{display:block;text-align:center;font-size:14px;padding:13px 4px 2px;color:#52633d}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:28px;border-top:1px dashed #b6ceb6}.feature{position:relative;padding-left:48px}.feature-icon{position:absolute;left:0;top:0;width:35px;height:35px;border-radius:12px;background:#fff2c4;text-align:center;color:#8a5b12;font-size:23px}.feature strong{font-size:16px}.feature p{font-size:13px;margin:4px 0;color:#647866}footer{text-align:center;padding:20px;font-size:12px;color:#647d60}footer span{color:#c16d55;margin-left:12px}.game-meta{display:flex;align-items:center;justify-content:space-between;margin:12px 0 20px}.guide{background:#e0edce;border-radius:20px;padding:7px 14px;font-size:14px}.game-layout{display:grid;grid-template-columns:300px 1fr;gap:35px;align-items:start}.question-art{padding:10px;background:var(--paper);border-radius:24px;box-shadow:0 8px 25px #25463210}.story-image{width:100%;display:block;border-radius:17px;object-fit:cover}.question-card{border-radius:26px;background:var(--paper);padding:30px;box-shadow:0 8px 25px #2546320c;border:1px solid #e0e6d4}.sentence{font-size:clamp(23px,3vw,31px);letter-spacing:-.5px;line-height:1.6;margin:15px 0 25px}.blank{display:inline-block;min-width:85px;border-bottom:3px dashed #d4a334;color:#966514;text-align:center;background:#fff2cc;border-radius:9px;padding:0 12px}.options{display:grid;gap:12px}.option{background:#f0f4e9;border:2px solid #d7e2cf;color:var(--ink);text-align:left;font-size:19px;padding:13px 20px}.option.correct{background:#e0f2d8;border-color:#4f873a;color:#254f21}.option.wrong{background:#fff0df;border-color:#bd783e}.feedback{min-height:32px;font-size:15px;margin:20px 0;color:#775220}.feedback.success{color:#326730}.stars{display:grid;grid-template-columns:repeat(20,1fr);gap:5px;margin:26px auto 15px;max-width:750px}.stars span{color:#a7b6a0;text-align:center;font-size:26px}.stars .earned{color:#b27a06;text-shadow:0 2px #ffde83}.progress{display:block;width:100%;height:10px;accent-color:#568644;border:0;border-radius:20px;overflow:hidden}.centered{text-align:center}.page-title{font-size:36px}.dictionary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}.word-card{background:var(--paper);padding:12px 12px 20px;border-radius:23px;border:1px solid #dbe4d0}.word-card img{height:180px;object-position:center 40%}.word-card h2{font-size:22px;margin:12px 0 6px}.word-card p{font-size:14px;margin:7px 0}.example{color:#5d715b;border-top:1px dashed #d1ddc7;padding-top:10px}.instructions{background:var(--paper);padding:30px;border-radius:25px;max-width:750px}.instructions>p{margin-bottom:24px}.actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.finish{text-align:center;background:var(--paper);border-radius:28px;padding:25px}.finish>img{max-width:235px;margin:auto}.finish h2{font-size:26px}dialog{border:0;border-radius:25px;max-width:480px;width:calc(100% - 30px);padding:28px;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #16311c40}dialog::backdrop{background:#183c2b80}.image-fallback{display:grid;place-items:center;min-height:230px;font-size:42px;background:#e2f0d8;border-radius:20px}.save-note{font-size:13px;color:#8b4b16}.scenery{position:absolute;inset:0 0 auto;pointer-events:none;z-index:-1;overflow:hidden;height:300px;color:#ffffff90;font-family:sans-serif;font-size:150px;display:flex;justify-content:space-around}.pop{animation:pop .45s}@keyframes pop{50%{transform:scale(1.16)}}@media(max-width:800px){.hero{gap:30px}.edition{display:none}.dictionary{grid-template-columns:repeat(2,1fr)}.game-layout{grid-template-columns:210px 1fr;gap:18px}.question-card{padding:22px}.stars{grid-template-columns:repeat(10,1fr);max-width:430px}.feature{padding-left:0}.feature-icon{position:static;display:block;margin-bottom:10px}}@media(max-width:580px){main{padding:20px 16px}.topbar{padding:16px;gap:8px}.brand{font-size:16px;gap:7px}.brand-icon{font-size:24px;padding:0 8px}.counter{font-size:13px;padding:7px 10px;margin-left:auto}.hero{display:flex;flex-direction:column-reverse;gap:20px;padding-top:0}.hero-art{max-width:230px;align-self:center;padding:9px}.cover{max-height:250px;object-fit:cover;object-position:center 35%}.hero-art .art-label{font-size:11px}.hero-copy{text-align:center}.hero h1{font-size:32px;margin:15px 0}.eyebrow{font-size:10px}.subtitle{font-size:17px}.intro{font-size:15px}.menu-actions{margin:20px auto 0}.hero-copy>.small{font-size:11px}.feature-strip{gap:10px}.feature strong{font-size:13px}.feature p{font-size:11px}.feature-icon{margin:auto auto 8px}.feature{text-align:center}.game-layout{display:block}.question-art{max-width:190px;margin:0 auto 20px}.question-art img{height:165px;object-position:center 35%}.question-art .art-label{font-size:11px}.question-card{padding:20px 16px}.sentence{font-size:24px}.question-card>.primary{width:100%}.game-meta{gap:10px}.guide{font-size:12px}.dictionary{gap:12px}.word-card img{height:145px}.word-card h2{font-size:19px}.word-card p{font-size:13px}.page-title{font-size:30px}.instructions{padding:20px}.stars span{font-size:24px}.actions{flex-direction:column}.finish{padding:20px 12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Logo ve cihazdan bağımsız, okunaklı yazı tipi */
.brand{flex-shrink:1;min-width:0}.brand-logo{display:block;width:270px;max-width:100%;height:auto;border-radius:13px}.topbar{gap:16px}.edition{white-space:nowrap}button,input,select,textarea{font-family:inherit}@media(max-width:580px){.brand-logo{width:210px}.topbar{gap:12px}.counter{flex-shrink:0}.brand{flex:1}.topbar .brand-logo{max-width:100%}}@media(max-width:360px){.brand-logo{width:170px}.counter{padding:7px 9px}}