@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--forest:#183b30;--green:#607b69;--lime:#d0f585;--line:#ffffff25;--muted:#c3d1c7;--panel:#102c25ed}body{font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button,.link,.tool-button{border:1px solid var(--line);background:#23483bd9;border-radius:12px;min-height:44px;transition:background .15s,transform .15s}button:active,.link:active{transform:scale(.96)}button:hover,.link:hover{background:#42624c}button:disabled{opacity:.45;cursor:wait}.primary{background:var(--lime);color:#183b30;border-color:var(--lime);box-shadow:0 7px 22px #0002;font-weight:800}.primary:hover{background:#e3ffb2}h1,h2,#result h2,#cinIntro h2{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;letter-spacing:1px}.top{top:max(16px,env(safe-area-inset-top));left:24px;right:24px;z-index:12;pointer-events:none}.top>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;color:white;text-shadow:0 2px 12px #0009}.brand-mark{display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;letter-spacing:-1px;font-size:24px;width:46px;height:46px;border-radius:14px;background:var(--forest);border:1px solid #d0f58566;color:white;box-shadow:0 5px 24px #0002}.brand-mark span{color:var(--lime)}.brand-copy{font-size:10px;letter-spacing:2px;color:#fff}.brand-copy strong{color:var(--lime)}.brand-copy small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:5px;color:#d1ded0}.tools{gap:7px;align-items:center}.tools button,.tool-button{display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;background:#14382fe6;color:white;border-radius:12px;font-weight:700;font-size:20px;backdrop-filter:blur(10px)}#gameHome{display:none}.playing #gameHome{display:grid}#rulesOpen{font-size:18px}.intro{left:5vw;bottom:6vh;max-width:460px;width:calc(100% - 32px);padding:28px;background:linear-gradient(145deg,#173e33f5,#102d26eb);border-radius:24px;border:1px solid #d0f58538;box-shadow:0 24px 80px #041a1555;max-height:calc(100dvh - 110px);overflow:auto;scrollbar-width:thin;border-top:3px solid var(--lime)}.intro .tag{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:7px;color:var(--lime)}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #d0f58588}.intro-kicker{margin-top:22px;font-size:10px;color:#c3d1c7;font-weight:700;letter-spacing:3px}h1{font-size:clamp(48px,5.6vw,76px);line-height:.94;margin:10px 0 15px}h1 span{color:var(--lime)}.intro>p{font-size:12px;line-height:1.7;max-width:350px;color:var(--muted)}.route-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 5px}.route-chips>span{padding:11px;border:1px solid var(--line);border-radius:10px;font-size:8px;color:var(--muted);letter-spacing:.7px}.route-chips b{display:block;color:#fff;font-size:15px;letter-spacing:0;margin-top:5px}.actions{gap:8px;margin-top:14px}.actions button{padding:14px;font-size:11px;flex:1;display:flex;justify-content:space-between;align-items:center;gap:16px}.actions #walk{flex:1.4}.actions span{font-size:19px}.extra-options{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.extra-options summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:11px;color:var(--muted);min-height:28px}.extra-options summary::-webkit-details-marker{display:none}.extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.extra-grid button,.extra-grid a{padding:10px;font-size:10px;min-height:42px}.hint{border:1px solid var(--line);background:#14382fe0;color:#dae5d9;line-height:1.9;border-radius:16px;backdrop-filter:blur(10px);bottom:6vh;right:3vw}.playing #hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;top:82px;left:24px;right:auto;width:min(440px,calc(100% - 48px));padding:11px 4px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px #0002;backdrop-filter:blur(12px)}#hud>div{padding:0 12px;border-right:1px solid var(--line)}#hud>div:last-child{border:0}#hud small{font-size:8px;letter-spacing:1px;color:var(--muted)}#hud b{font-family:'Bebas Neue',sans-serif;font-size:25px;font-weight:400;white-space:nowrap;margin-top:2px}#hud #lives{font-family:'DM Sans';font-size:16px;line-height:30px;letter-spacing:-1px}#journey{top:163px;left:24px;right:auto;width:min(440px,calc(100% - 48px));max-width:none;padding:11px 14px;background:#14382fda;border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(10px)}#journey>div{font-size:9px;gap:5px}#remaining{color:var(--lime);white-space:nowrap}#journey progress{display:block;height:5px;appearance:none;border:0;background:#ffffff1c;border-radius:20px;overflow:hidden;margin:10px 0 8px}progress::-webkit-progress-bar{background:#ffffff1c}progress::-webkit-progress-value{background:var(--lime);border-radius:20px}progress::-moz-progress-bar{background:var(--lime)}#combo{font-size:10px;color:var(--muted)}#taskPanel{background:transparent;padding:6px 0 0;margin-top:5px;border-top:1px solid var(--line);max-width:none;font-size:10px}#taskPanel summary{min-height:22px;display:list-item;line-height:22px;color:#dce5d7}#missions>div{padding:5px 0}#controls{bottom:max(18px,env(safe-area-inset-bottom));gap:10px;padding:0 16px;z-index:9;pointer-events:none}#controls button{pointer-events:auto;width:68px;height:64px;min-height:64px;border:1px solid #d0f58555;background:linear-gradient(#335846eb,#173d32ef);border-radius:18px;box-shadow:0 5px 0 #0a251f,0 10px 24px #0003;font-size:29px;display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:12px;backdrop-filter:blur(8px);user-select:none}#controls button:after{position:absolute;bottom:7px;left:0;right:0;font-size:7px;letter-spacing:1px;color:#d2dfcd}#controls [data-action=left]:after{content:'SOLA'}#controls [data-action=right]:after{content:'SAĞA'}#controls [data-action=jump]:after{content:'ZIPLA'}#controls [data-action=duck]:after{content:'EĞİL'}.cin-mode #controls [data-action=left]:after,.cin-mode #controls [data-action=right]:after{content:'BASILI TUT'}#controls button:active{background:var(--lime);color:#183b30;box-shadow:0 2px 0 #0a251f;transform:translateY(3px)}#controls button:active:after{color:#183b30}#result,#cinIntro{z-index:20;background:#081d18b8;backdrop-filter:blur(10px);padding:20px;overflow:auto}#result article,#cinIntro article{background:linear-gradient(145deg,#214637,#102d25);border:1px solid #d0f58542;border-radius:24px;padding:28px;box-shadow:0 24px 70px #0004;width:min(100%,440px);max-height:calc(100dvh - 40px);overflow:auto}#result h2,#cinIntro h2{font-size:42px;line-height:1.05;margin:12px 0;color:white}#result .tag,#cinIntro .tag{color:var(--lime);font-size:9px;letter-spacing:2px}#result article>button{width:100%;margin:5px 0;min-height:46px;font-size:11px}#result article>#home{border:0;background:transparent;color:var(--muted);margin-bottom:0}#result article>#continue{background:#31533f;color:#e5f1dd;border:1px solid var(--line)}#resultText{font-size:12px;line-height:1.8;color:var(--muted)}.stats{gap:8px;margin:16px 0}.stats div{border:1px solid var(--line);background:#ffffff05;border-radius:12px;font-size:9px;padding:12px}.stats b{font:30px 'Bebas Neue',sans-serif;color:var(--lime);margin-top:5px}.stars{color:#e9d392;font-size:34px;text-shadow:0 3px 20px #e9d32222}.result-missions{padding:10px;border-radius:10px;background:#ffffff05;margin:12px 0;font-size:11px}#feedback,#cinPrompt{z-index:10;border:1px solid #d0f58555;background:#14392ff0;box-shadow:0 8px 24px #0003;border-radius:14px;padding:12px 18px;font-size:12px;max-width:85vw}#cinPrompt.now{background:var(--lime);color:#183b30;border-color:var(--lime)}#loading{background:radial-gradient(ellipse at 50% 40%,#2c5140,#102d25 75%);color:#e1ecd9;letter-spacing:.5px;font-size:13px;z-index:50}#loading:before{content:'';position:absolute;left:calc(50% - 19px);top:calc(50% - 65px);width:34px;height:34px;border:2px solid #d0f58525;border-top-color:var(--lime);border-radius:50%;animation:loadspin 1s linear infinite}@keyframes loadspin{to{transform:rotate(360deg)}}dialog{color:#fff;background:linear-gradient(145deg,#214637,#102d25);border:1px solid #d0f58555;border-radius:24px;width:min(440px,calc(100vw - 32px));padding:25px;max-height:calc(100dvh - 40px);box-shadow:0 25px 80px #0005}dialog::backdrop{background:#071e18bb;backdrop-filter:blur(9px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-top .tag{font-size:8px;letter-spacing:1.5px;color:var(--lime)}.dialog-top button{width:36px;min-height:36px;padding:0;font-size:24px}dialog h2{font-size:38px;line-height:1;margin:20px 0 10px}dialog h2 em{font-style:normal;color:var(--lime)}dialog>p{font-size:12px;color:var(--muted)}.rules-grid{margin:20px 0}.rules-grid>div{display:flex;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.rules-grid b{width:42px;text-align:center;color:var(--lime);font-size:20px}.rules-grid span{font-size:12px}.rules-grid small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.rule-notes{display:grid;gap:9px;font-size:10px;color:var(--muted);line-height:1.5;margin-bottom:20px}.rule-notes b{color:white}#rulesDone{width:100%}.cin-help{font-size:11px!important}.cin-help b{color:var(--lime)}
@media(max-width:600px){.top{left:14px;right:14px;top:max(12px,env(safe-area-inset-top))}.brand{gap:7px}.brand-mark{width:38px;height:38px;font-size:21px;border-radius:11px}.brand-copy{font-size:8px;letter-spacing:1px}.brand-copy small{font-size:6px;letter-spacing:.7px}.tools{gap:5px}.tools button,.tool-button{width:35px;height:36px;min-height:36px;border-radius:10px}.playing .brand-copy{display:none}.intro{left:16px;bottom:max(18px,env(safe-area-inset-bottom));padding:22px;border-radius:20px;max-height:calc(100dvh - 88px)}h1{font-size:54px}.intro-kicker{margin-top:16px}.intro>p{font-size:11px;line-height:1.6}.route-chips{margin-top:15px}.route-chips>span{font-size:7px}.intro>p:last-child{font-size:9px!important}.actions button{font-size:10px;padding:13px 11px}.hint{display:none}.playing #hud{top:65px;left:14px;width:calc(100% - 28px);padding:8px 2px;border-radius:13px}#hud>div{padding:0 9px}#hud b{font-size:23px}#hud small{font-size:7px}#hud #lives{font-size:14px;line-height:27px}#journey{top:136px;left:14px;width:calc(100% - 28px);padding:10px 12px}#controls{gap:10px}#controls button{width:64px;height:61px;min-height:61px;border-radius:16px}#result article,#cinIntro article{padding:22px}#result h2,#cinIntro h2{font-size:36px}#resultText{font-size:11px}#cinIntro p{font-size:11px}.celebrating #journey,.celebrating #hud{display:none!important}}
@media(max-height:540px) and (min-width:601px){.top{top:10px}.intro{bottom:14px;max-width:390px;padding:18px;max-height:calc(100dvh - 78px)}h1{font-size:44px}.intro-kicker{margin-top:10px}.intro>p{margin:8px 0}.route-chips{margin:10px 0}.route-chips>span{padding:7px}.playing #hud{top:66px;width:310px}#hud b{font-size:20px}#hud #lives{font-size:13px}#journey{top:137px;width:310px}#controls{justify-content:flex-end;right:12px;left:auto}#controls button{width:58px;height:56px;min-height:56px}.hint{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Lighter opening card and a clear mobile portrait slot. */
.intro{background:linear-gradient(145deg,#173e339e,#102d268f);backdrop-filter:none;box-shadow:0 16px 50px #041a1526}.menu-heading,.menu-title{display:contents}#menuPortrait{display:none}
@media(max-width:600px){
.intro{padding:18px;background:linear-gradient(140deg,#143a308c,#102d2678);border-color:#d0f58545;border-top:2px solid var(--lime)}
.menu-heading{display:flex;align-items:center;gap:12px;margin:12px 0 8px;min-height:155px}.menu-title{display:block;min-width:0;flex:1}.menu-title .intro-kicker{margin:0 0 9px;font-size:8px;letter-spacing:2px}.menu-title h1{font-size:clamp(34px,10.5vw,52px);margin:0;line-height:1.02;letter-spacing:.5px}#menuPortrait{display:block;flex:0 0 82px;height:155px;pointer-events:none}.intro>p{color:#f0f4ec;text-shadow:0 1px 8px #0009}.route-chips>span{background:#15382f42}.extra-options{margin-top:12px;padding-top:10px}.intro>p:last-child{display:none}.route-chips{margin:12px 0 4px}.route-chips>span{padding:8px}.route-chips b{font-size:14px}.actions{margin-top:10px}.extra-options summary{min-height:24px}
.playing #hud{top:61px;padding:6px 2px;border-radius:11px;background:#14382f8c;backdrop-filter:none;box-shadow:none}.playing #hud small{font-size:7px;letter-spacing:.6px}.playing #hud b{font-size:21px;line-height:23px;margin-top:0}.playing #hud #lives{font-size:13px;line-height:23px}.playing #hud>div{padding:0 9px}
#journey{top:117px;padding:8px 11px 7px;border-radius:11px;background:#14382f70;backdrop-filter:none;text-shadow:0 1px 5px #000}#journey>div{font-size:9px}#journey progress{height:4px;margin:6px 0 4px}#combo{font-size:9px;display:block;line-height:14px;padding-right:85px}#taskPanel{position:absolute;right:10px;bottom:5px;margin:0;padding:0;border:0;width:auto;font-size:9px}#taskPanel summary{font-size:0;line-height:19px;min-height:19px;list-style:none}#taskPanel summary:after{content:'◎ Görevler';font-size:9px;color:#e5eddf}#taskPanel[open] #missions{position:absolute;right:0;top:25px;width:220px;padding:10px 12px;background:#14382ff5;border:1px solid #ffffff40;border-radius:12px;box-shadow:0 8px 24px #0004;font-size:10px;text-shadow:none}#taskPanel summary::-webkit-details-marker{display:none}
}
@media(max-width:360px){#menuPortrait{flex-basis:70px;height:145px}.menu-heading{gap:9px;min-height:145px}.menu-title h1{font-size:35px}.intro{padding:16px}}

/* Restore the full-width mobile title without a character slot. */
@media(max-width:600px){.menu-heading{display:block;min-height:0;margin:12px 0}.menu-title{display:block}.menu-title .intro-kicker{margin:0 0 10px}.menu-title h1{font-size:54px;line-height:.97}.menu-title h1 span{display:block}}
@media(max-width:360px){.menu-title h1{font-size:48px}}