:root{--bg:#081116;--accent:#75ff11;--ink:#101519;--edge:clamp(20px,5vw,96px)}
*{box-sizing:border-box}
html,body{width:100%;min-height:100%;margin:0;background:var(--bg);color:#fff;font-family:"Source Sans Pro",Arial,sans-serif}
body{overflow-x:hidden}main{position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background:#07110d}
.field{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center;z-index:-3;opacity:.48}.field::selection{background:transparent}
main:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#050b08 0%,rgba(5,11,8,.87) 30%,rgba(5,11,8,.24) 100%),linear-gradient(90deg,rgba(5,11,8,.7),rgba(5,11,8,.1) 72%,transparent)}main:after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(4px,.7vh,12px);background:var(--accent)}
.launch-header{position:absolute;z-index:3;top:calc(clamp(20px,6vh,92px) + env(safe-area-inset-top,0px));left:calc(var(--edge) + env(safe-area-inset-left,0px));right:calc(var(--edge) + env(safe-area-inset-right,0px));display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.brand{display:block;flex:0 1 auto}.brand img{display:block;width:min(18vw,600px);min-width:150px;height:auto;max-height:clamp(42px,7vh,140px);object-fit:contain;object-position:left center}.edition{max-width:45%;margin:0;color:#fff;text-align:right;font:900 clamp(1rem,2.5vw,6rem)/1.1 Montserrat,Arial,sans-serif;letter-spacing:.015em;text-shadow:0 2px 12px #000,0 0 24px #000}
.launch-content{position:absolute;z-index:2;top:23vh;left:29vw;right:var(--edge)}.heading-area{display:flex;align-items:flex-end;gap:clamp(18px,2vw,52px)}.heading{flex:0 0 auto;width:max-content;margin:0;display:grid;grid-template-columns:max-content;color:#fff;font:900 clamp(2rem,5.25vw,12rem)/1.06 Montserrat,Arial,sans-serif;letter-spacing:-.055em}.heading span{display:block}.headline-top{grid-column:1;grid-row:1;display:flex;align-items:baseline;gap:.22em;margin-bottom:clamp(5px,1.2vh,30px)}.oyun{font-size:1em}.daha-yeni{font-size:.44em;line-height:1;letter-spacing:-.055em;white-space:nowrap}.start-line{grid-column:1;grid-row:2;color:var(--accent)}
.start-site{min-height:48px;margin-bottom:.2vh;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(117,255,17,.6);border-radius:4px;background:rgba(13,26,33,.82);box-shadow:0 10px 26px rgba(0,0,0,.2);backdrop-filter:blur(8px);color:#fff;font:700 clamp(10px,.72vw,15px)/1 Montserrat,Arial,sans-serif;letter-spacing:.035em;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.start-site:after{content:"→";color:var(--accent);font-size:17px;line-height:1;transition:transform .2s ease}.start-site:hover,.start-site:focus-visible{border-color:var(--accent);background:rgba(20,37,45,.96);color:#fff}.start-site:hover:after,.start-site:focus-visible:after{transform:translateX(3px)}.start-site:focus-visible{outline:3px solid #fff;outline-offset:3px}
.timer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,34px);margin-top:clamp(22px,4vh,82px)}.unit{min-width:0;padding:clamp(8px,1.2vh,28px) 0 clamp(15px,2.8vh,50px);text-align:center;border-top:1px solid #75ff1170;border-bottom:1px solid #75ff1133;background:linear-gradient(180deg,#75ff1110,transparent)}.number{display:block;padding-right:.06em;color:#fff;font:900 clamp(2.8rem,12vw,30rem)/1.04 Montserrat,Arial,sans-serif;letter-spacing:-.075em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.label{display:block;margin-top:clamp(6px,1vh,20px);color:#dbe5df;font:700 clamp(.65rem,1.45vw,3rem)/1 Montserrat,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.seconds .number{color:var(--accent)}
.mascot{position:absolute;left:-1vw;bottom:-10vh;z-index:1;width:40vw;height:94vh;object-fit:contain;object-position:left bottom;pointer-events:none}.end-message{display:none;margin-top:clamp(30px,6vh,110px);color:var(--accent);font:900 clamp(2.5rem,7vw,14rem)/1 Montserrat,Arial,sans-serif}.ended .timer{display:none}.ended .end-message{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1100px) and (min-aspect-ratio:1/1){.launch-content{left:31vw;top:22vh}.mascot{width:42vw}.heading-area{gap:18px}.start-site{padding:0 16px}}
@media (max-width:700px), (max-aspect-ratio:1/1){:root{--edge:clamp(18px,6vw,44px)}main{display:flex;flex-direction:column;min-height:100svh;min-height:100dvh;padding:calc(20px + env(safe-area-inset-top,0px)) calc(var(--edge) + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(var(--edge) + env(safe-area-inset-left,0px))}.field{object-position:64% center;opacity:.34}main:before{background:linear-gradient(180deg,rgba(5,11,8,.68),rgba(5,11,8,.88) 42%,rgba(5,11,8,.76) 100%),linear-gradient(90deg,rgba(5,11,8,.56),transparent)}.launch-header{position:relative;top:auto;left:auto;right:auto;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.brand img{width:clamp(190px,68vw,310px);min-width:0;max-height:none}.edition{max-width:100%;text-align:left;font-size:clamp(1.2rem,6.5vw,2rem)}.launch-content{position:relative;top:auto;left:auto;right:auto;margin-top:clamp(24px,6vh,54px)}.heading-area{align-items:flex-start;flex-direction:column;gap:16px}.heading{font-size:clamp(2.55rem,14vw,4.25rem);letter-spacing:-.06em}.daha-yeni{letter-spacing:-.06em}.start-site{min-height:46px;padding:0 20px;font-size:11px}.timer{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,3vw,16px);margin-top:clamp(24px,4vh,38px)}.unit{padding:clamp(9px,1.6vh,14px) 0 clamp(12px,2.2vh,19px)}.number{font-size:clamp(4.5rem,25vw,7rem);letter-spacing:-.09em}.label{margin-top:clamp(5px,1vh,9px);font-size:clamp(.72rem,3.2vw,1rem);letter-spacing:.08em}.mascot{display:block;left:-9vw;right:auto;bottom:-2vh;z-index:1;width:82vw;height:52dvh;opacity:.92;object-position:left bottom}.end-message{margin-top:clamp(28px,5vh,50px);font-size:clamp(2.8rem,14vw,5rem)}}
@media (max-width:360px){.launch-content{margin-top:20px}.heading{font-size:clamp(2.2rem,13vw,2.8rem)}.number{font-size:clamp(3.8rem,23vw,4.7rem)}.label{font-size:.67rem}.timer{margin-top:18px}}
@media (min-width:701px) and (max-width:1100px) and (max-aspect-ratio:1/1){.mascot{left:-8vw;right:auto;bottom:-6vh;width:52vw;height:66dvh;object-position:left bottom}}
@media (max-height:540px) and (max-aspect-ratio:1/1){main{padding-top:16px}.launch-header{gap:6px}.brand img{width:145px}.edition{font-size:1rem}.launch-content{margin-top:18px}.heading-area{gap:10px}.heading{font-size:clamp(2.05rem,11vw,2.7rem)}.start-site{padding:10px 22px}.timer{margin-top:16px;gap:8px}.unit{padding:6px 0 9px}.number{font-size:clamp(3.1rem,19vw,4rem)}.label{margin-top:4px;font-size:.62rem}.mascot{left:-5vw;right:auto;width:66vw;height:50dvh;opacity:.72}}
@media (max-height:560px) and (min-aspect-ratio:1/1){.launch-header{top:clamp(14px,4vh,28px)}.brand img{min-width:110px;width:min(16vw,300px)}.edition{font-size:clamp(.8rem,1.8vw,1.3rem)}.launch-content{top:15vh;left:27vw}.heading{font-size:clamp(1.8rem,4.5vw,5rem)}.start-site{min-height:38px}.timer{margin-top:clamp(12px,2vh,20px)}.unit{padding:6px 0 10px}.number{font-size:clamp(2rem,9vw,7rem)}.label{margin-top:4px;font-size:clamp(.55rem,1.1vw,.9rem)}.mascot{width:25vw;height:80vh;bottom:-4vh}}
@media (prefers-reduced-motion:reduce){.start-site{transition:none}}