@font-face{font-family:Geist;src:url('varlik/Geist-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('varlik/Geist-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Geist;src:url('varlik/Geist-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--paper:#fff;--ink:#1b1816;--blue:#1e3a9e;--red:#e3342f;--muted:#777570;--rule:#e4e3e0;--gutter:6.25vw;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button{background:none;border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}::selection{background:#e3342f;color:white}:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.header{height:110px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;flex:none;width:106px}.header-edition{font-size:12px;margin-left:65px;color:var(--muted)}.header-tools,.languages{display:flex;align-items:center}.header-tools{gap:26px}.languages{gap:3px;font-size:12px}.languages button{min-width:30px;min-height:44px;padding:5px;opacity:.4}.languages button[aria-pressed=true]{opacity:1}.languages span{opacity:.25}.theme-switch{width:44px;height:44px;display:grid;place-items:center}.theme-switch span{width:17px;height:17px;border-radius:50%;border:1px solid var(--ink);background:linear-gradient(90deg,var(--ink) 50%,var(--paper) 50%)}main{position:relative;isolation:isolate;overflow:hidden}.section{padding:0 var(--gutter);position:relative}.journey-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible;color:var(--blue)}#ink-line{stroke:var(--blue);stroke-width:1.45}.eyebrow,.tiny,.section-index,.photo-caption,.object-caption{font-size:12px;line-height:1.5}.eyebrow{letter-spacing:.025em}.tiny{color:var(--muted)}.red{color:var(--red)}.hero{min-height:790px;height:calc(100svh - 110px);max-height:1000px;position:relative}.hero-top{display:flex;justify-content:space-between;padding-top:42px}.hero-copy{position:relative;z-index:2;padding-top:75px;width:60%}h1{font-size:clamp(78px,8.7vw,142px);letter-spacing:-.075em;line-height:1.02}h1 .red{margin-left:.025em}.hero-copy>p{margin-top:36px;font-size:16px;line-height:1.8;letter-spacing:-.025em}.text-link{display:inline-flex;align-items:center;gap:34px;border-bottom:1px solid var(--ink);padding:12px 0 10px;font-size:13px;line-height:1.4}.text-link>span:last-child{font-size:21px;transition:transform .25s}.text-link:hover>span:last-child{transform:translate(3px,-3px)}.hero-copy .text-link{margin-top:28px}.hero-object{position:absolute;right:13%;top:145px;width:24%;max-width:350px;transform:rotate(9deg)}.hero-cover{width:100%;aspect-ratio:140/190;object-fit:cover;border-radius:2px 8px 8px 2px;box-shadow:4px 5px 0 #e0c4b5,7px 7px 0 #efe4d7,13px 20px 26px #2b191222,32px 34px 60px #2b191210}.object-caption{position:absolute;right:-28px;bottom:-61px;transform:rotate(-9deg);color:var(--muted)}.object-mark{font-size:11px;letter-spacing:.15em;position:absolute;right:-60px;top:50%;writing-mode:vertical-rl;transform:rotate(-9deg);color:var(--muted)}.paper-pen{position:absolute;width:235px;top:93px;left:53%;transform:rotate(-31deg);transform-origin:5px center;z-index:2}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:50px;display:flex;align-items:center;justify-content:space-between}.scroll-link{display:flex;align-items:center;gap:18px;font-size:11px}.down-arrow{font-size:24px}.section-index{display:flex;gap:20px;color:var(--muted);padding-top:45px}.section-index>span:first-child{color:var(--blue);font-variant-numeric:tabular-nums}.story{padding-top:45px;padding-bottom:120px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%;margin-top:90px;align-items:center}.story-photo{width:91%;margin-left:4%;transform:rotate(-3deg);position:relative}.story-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}.photo-caption{display:block;margin-top:18px;color:var(--muted);text-align:right}.story-copy{padding-bottom:25px}.story-copy h2{margin-top:24px}h2{font-size:clamp(42px,4.3vw,68px);line-height:1.09;letter-spacing:-.055em}.story-copy>p,.object-copy>p,.secret-copy>p{margin-top:28px;color:var(--muted);font-size:15px;line-height:1.85}.little-list{margin-top:37px}.little-list>div{display:flex;gap:19px;padding:13px 0;border-top:1px solid var(--rule);align-items:baseline}.little-list>div>span{font-size:10px;color:var(--muted)}.little-list p{font-size:12px}.aside-note{display:block;font-size:11px;color:var(--blue);margin:68px 0 0 48%;transform:rotate(-5deg)}.object{padding-top:40px;padding-bottom:145px}.object-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;margin-top:90px}.object-copy{padding-left:8%}.specs{margin:40px 0 0;max-width:420px}.specs>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--rule);padding:13px 0;font-size:11px}.specs dt{color:var(--muted)}.specs dd{margin:0;text-align:right}.material-frame{position:relative}.material-frame>img{width:100%;height:520px;object-fit:cover}.material-label{position:absolute;bottom:25px;left:25px;display:flex;align-items:center;gap:9px;font-size:10px;color:#1b1816}.small-dot{width:6px;height:6px;border-radius:50%;background:var(--red)}.paper-swatch{display:flex;align-items:center;gap:16px;margin-top:23px;font-size:11px}.paper-swatch img{width:36px;height:36px;border-radius:50%;object-fit:cover}.paper-swatch p>span{font-size:10px;color:var(--muted)}.secret{padding-top:25px;padding-bottom:145px}.secret-grid{display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:center;margin-top:60px}.cover-puzzle{position:relative;width:90%;padding:15px}.cover-puzzle>img{width:100%;height:480px;object-fit:contain;mix-blend-mode:multiply}.puzzle-corner{position:absolute;width:15px;height:15px;border-color:var(--rule);border-style:solid}.top-left{top:0;left:0;border-width:1px 0 0 1px}.bottom-right{bottom:0;right:0;border-width:0 1px 1px 0}.secret-copy h2{font-size:clamp(64px,6.5vw,104px);margin-top:20px}.reveal-button{margin-top:22px}.secret-copy .hint-text{font-size:12px;color:var(--blue);margin-top:20px}.found-word{position:absolute;inset:32% 17% 27%;border:1px solid transparent;border-radius:50%;pointer-events:none;transition:border-color .4s,transform .5s;transform:rotate(-12deg) scale(.85)}.cover-puzzle.is-found .found-word{border-color:var(--red);transform:rotate(-12deg) scale(1)}.route{padding-top:25px;padding-bottom:95px}.route-heading{display:flex;justify-content:space-between;gap:40px;margin-top:78px;align-items:flex-end}.route-heading>p{font-size:13px;line-height:1.85;color:var(--muted);margin-right:7%}.route-stops{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:80px;padding-bottom:70px}.route-stops>div{position:relative;border-top:1px solid var(--rule);padding-top:25px}.route-stops>div:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--red)}.route-stops h3{font-size:36px;letter-spacing:-.055em;margin-top:25px}.route-stops p{font-size:12px;color:var(--muted);margin-top:4px}.instagram-line{display:flex;justify-content:space-between;font-size:12px;padding-top:24px}.instagram-line>span{color:var(--muted)}.instagram-line a{border-bottom:1px solid var(--ink);padding-bottom:6px}.instagram-line a>span{margin-left:28px}.ending{height:630px;position:relative;text-align:center;padding-top:100px}.ending>.eyebrow{color:var(--muted)}.handwriting-space{height:310px;width:420px;max-width:75%;margin:auto}.end-dot{display:block;position:absolute;width:19px;height:19px;border-radius:50%;background:var(--red);left:calc(50% + 185px);top:362px;transition:box-shadow .25s}.end-dot:hover{box-shadow:0 0 0 12px #e3342f20}.ending>.tiny{position:absolute;bottom:100px;left:0;right:0}.signup{position:relative;min-height:790px;background:var(--red);color:#fff;display:grid;align-items:center;isolation:isolate;scroll-margin-top:0}.red-reveal{position:absolute;inset:0;background:var(--paper);z-index:-1;clip-path:circle(0 at 50% 0);pointer-events:none}.signup-inner{width:min(860px,calc(100% - 2*var(--gutter)));margin:0 auto;padding:85px 0 65px}.signup-top{display:flex;justify-content:space-between;margin-bottom:50px}.signup .tiny{color:#ffffffb8}.signup h2{font-size:clamp(68px,7.5vw,110px);letter-spacing:-.07em;line-height:1.02}.signup-copy{font-size:14px;line-height:1.8;margin-top:30px;color:#fff}form{margin-top:43px}.email-row{display:flex;border-bottom:1px solid #ffffffb0;gap:20px;padding:0 0 14px}.email-row input{background:none;color:#fff;border:0;outline:0;min-width:0;flex:1;font-size:18px;border-radius:0;padding:12px 0}.email-row input::placeholder{color:#ffffffc0}.email-row:focus-within{border-bottom-width:2px}.email-row button{display:flex;align-items:center;justify-content:space-between;gap:38px;font-size:13px;padding:12px 0 12px 12px}.email-row button>span:last-child{font-size:23px}.email-row button:disabled{opacity:.65;cursor:wait}.signup :focus-visible{outline-color:#fff}.privacy{font-size:10px;margin-top:16px;color:#fff}.form-status{min-height:25px;font-size:13px;margin-top:10px}.footer{padding:60px var(--gutter);display:flex;align-items:center;gap:50px}.footer>p{font-size:11px;color:var(--muted);flex:1}.footer>div{display:flex;flex-direction:column;align-items:flex-start;font-size:11px;gap:4px}.back-top{font-size:25px;padding:10px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;top:10px;left:10px;background:var(--paper);z-index:20;padding:10px}.noscript{padding:20px;font-size:13px}body[data-theme=dark]{--paper:#171819;--ink:#f5f3ef;--muted:#a6a6a4;--rule:#353638;--blue:#829df9;color-scheme:dark}body[data-theme=dark] .brand img{filter:brightness(0) invert(1)}body[data-theme=dark] .cover-puzzle{background:#fff;border-radius:2px}body[data-theme=dark] .hero-cover{box-shadow:4px 5px 0 #d5b6a5,7px 7px 0 #cabbab,13px 20px 26px #0005}.obstacle-note{opacity:0;transition:opacity .4s}.obstacle-note.visible{opacity:1}
h1 .red{font-size:0;display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--red);margin-left:8px;vertical-align:baseline}
.ending{clip-path:inset(0 -100vw 0 -100vw)}
.end-dot{z-index:3;transform-origin:center;transition:none}
.signup-inner{position:relative;z-index:1}
body[data-theme=dark] .brand img{filter:none}
body[data-theme=dark] .brand{position:relative}
body[data-theme=dark] .brand:before{content:'';position:absolute;inset:0;background:var(--ink);mask:url('varlik/olsun-logo.svg') center/contain no-repeat;pointer-events:none}
body[data-theme=dark] .brand:after{content:'';position:absolute;right:0;bottom:1%;width:5.3%;aspect-ratio:1;border-radius:50%;background:var(--red);pointer-events:none}
@media(min-width:1700px){.section,.header,.footer{padding-left:max(6.25vw,calc((100vw - 1500px)/2));padding-right:max(6.25vw,calc((100vw - 1500px)/2))}}
@media(max-width:900px){h1{font-size:10vw}.hero-object{right:10%;width:28%;top:200px}.hero-copy{padding-top:90px}.story-grid,.object-grid,.secret-grid{gap:8%}.story-photo{width:100%;margin-left:0}.object-copy{padding-left:0}.material-frame>img{height:430px}.route-heading{align-items:start}.route-heading>p{margin-right:0}.route-stops h3{font-size:30px}.footer{gap:28px}}
@media(max-width:600px){:root{--gutter:25px}.header{height:88px;gap:10px}.brand{width:89px}.header-edition{display:none}.header-tools{gap:11px}.languages{font-size:11px}.theme-switch{width:36px}.hero{height:900px;min-height:0;max-height:none}.hero-top{padding-top:22px}.hero-top .eyebrow{font-size:10px}.hero-number{font-size:9px}.hero-copy{padding-top:49px;width:100%}h1{font-size:78px;letter-spacing:-.077em;line-height:1.02}.hero-copy>p{font-size:13px;line-height:1.75;margin-top:22px}.hero-copy .text-link{margin-top:16px;font-size:11px;gap:40px}.hero-object{width:45%;top:492px;right:24%;max-width:none;transform:rotate(8deg)}.object-caption{font-size:10px;right:-67px;bottom:-42px}.object-mark{right:-37px;font-size:9px}.paper-pen{width:145px;left:51%;top:428px;transform:rotate(-29deg)}.hero-bottom{bottom:27px;align-items:flex-end}.hero-bottom>.tiny{max-width:110px;text-align:right;font-size:9px}.scroll-link{gap:10px;font-size:10px}.section-index{font-size:10px;gap:13px;padding-top:25px}.story{padding-top:32px;padding-bottom:100px}.story-grid{display:flex;flex-direction:column;gap:60px;margin-top:52px}.story-photo{width:80%;margin-left:-15px}.photo-caption{font-size:9px;margin-top:13px}.story-copy{width:100%;padding:0 15px}.eyebrow{font-size:10px}h2{font-size:46px;letter-spacing:-.055em}.story-copy h2{margin-top:17px}.story-copy>p,.object-copy>p,.secret-copy>p{font-size:13px;margin-top:23px}.little-list{margin-top:28px}.little-list p{font-size:11px}.little-list>div{gap:14px;padding:12px 0}.aside-note{font-size:10px;margin:35px 0 0 56%}.object{padding-top:5px;padding-bottom:100px}.object-grid{display:flex;flex-direction:column;gap:45px;margin-top:55px}.object-copy{padding:0 15px;width:100%}.specs{margin-top:28px}.specs>div{font-size:10px;gap:8px}.material{width:88%;margin-left:7%}.material-frame>img{height:355px}.material-label{font-size:9px;left:18px;bottom:18px}.paper-swatch{margin-top:17px;font-size:10px;gap:12px}.paper-swatch p>span{font-size:9px}.secret{padding-top:0;padding-bottom:100px}.secret-grid{display:flex;flex-direction:column;gap:42px;margin-top:46px}.cover-puzzle{width:91%;padding:10px}.cover-puzzle>img{height:370px}.secret-copy{width:100%;padding:0 15px}.secret-copy h2{font-size:74px;margin-top:16px}.reveal-button{font-size:12px}.secret-copy .hint-text{font-size:11px}.route{padding-top:0;padding-bottom:30px}.route-heading{display:block;margin-top:50px;padding:0 15px}.route-heading h2{font-size:44px;max-width:280px}.route-heading>p{font-size:12px;margin-top:23px}.route-stops{display:block;margin-top:45px;padding:0 15px 20px}.route-stops>div{padding:20px 0 23px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.route-stops .tiny{grid-column:1/-1;font-size:9px}.route-stops h3{font-size:30px;margin:0}.route-stops p{font-size:10px;margin:0}.instagram-line{font-size:10px;padding:22px 15px 0;gap:15px}.instagram-line a>span{margin-left:12px}.ending{height:470px;padding-top:100px}.handwriting-space{width:260px;height:200px}.end-dot{left:calc(50% + 114px);top:270px;width:14px;height:14px}.ending>.tiny{bottom:80px;font-size:10px}.signup{min-height:690px}.signup-inner{padding:65px 0 45px}.signup-top{margin-bottom:50px;gap:18px}.signup-top .eyebrow{font-size:10px}.signup h2{font-size:65px;letter-spacing:-.065em}.signup-copy{font-size:12px;margin-top:25px}form{margin-top:38px}.email-row{gap:12px;padding-bottom:7px}.email-row input{font-size:14px}.email-row button{font-size:11px;gap:15px;padding-left:0}.privacy{font-size:9px;line-height:1.7;margin-top:13px;max-width:310px}.footer{padding-top:38px;padding-bottom:38px;flex-wrap:wrap;gap:25px 20px}.footer>p{font-size:10px;text-align:right}.footer>div{flex:1;font-size:10px}.back-top{padding-right:0}.form-status{font-size:12px}#ink-line{stroke-width:1.2}}
@media(max-width:600px){.footer>p{flex:1 0 calc(100% - 109px)}h1 .red{width:9px;height:9px;margin-left:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* A cut paper pen follows the live end of the same stroke. */
.paper-pen{width:235px;height:auto;aspect-ratio:auto;transform-origin:2px 50%;filter:drop-shadow(2px 5px 3px #0003);will-change:transform;pointer-events:none;z-index:4}
.little-list>button{display:flex;align-items:baseline;text-align:left;width:100%;gap:19px;padding:13px 0;border-top:1px solid var(--rule);font-size:12px;transition:color .25s,padding-left .25s}
.little-list>button>span:first-child{font-size:10px;color:var(--muted)}
.little-list>button:hover,.little-list>button.is-active,.little-list>button:focus-visible{color:var(--blue);padding-left:8px}
.story-photo{min-height:300px}
.story-page-preview{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .4s;perspective:850px}
.story-photo.show-page>.story-page-preview{opacity:1}
.story-photo.show-page>img{opacity:0}
.story-photo>img{transition:opacity .4s}
.page-stack{width:69%;aspect-ratio:384/520;position:relative;transform:rotate(9deg) rotateY(-12deg) rotateX(5deg);transform-style:preserve-3d;filter:drop-shadow(13px 21px 18px #1b181633)}
.page-stack:before,.page-stack:after{content:'';position:absolute;inset:0;background:#f9f8f4;border:1px solid #ddd9d1;box-shadow:2px 3px 0 #e8e3da}
.page-stack:before{transform:translate(12px,10px) rotate(2deg)}
.page-stack:after{transform:translate(6px,5px) rotate(1deg)}
.page-stack canvas{position:relative;z-index:2;display:block;width:100%;height:100%;background:#f5f1e6;border:1px solid #dedbd2;user-select:none}
.stickers{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:7px 12px;max-width:430px;margin-top:45px}
.stickers img{width:100%;height:auto;object-fit:contain;background:#fff;border-radius:11px;box-shadow:2px 5px 10px #0002;transform:rotate(-7deg)}
.stickers img:nth-child(2),.stickers img:nth-child(5){transform:rotate(8deg)}
.stickers img:nth-child(3){transform:rotate(-4deg)}
.page-game{padding-top:30px;padding-bottom:145px}
.game-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-top:75px}
.game-heading h2{margin-top:20px}
.game-heading>p{max-width:210px;color:var(--muted);font-size:13px;line-height:1.8}
.game-table{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:65px auto 0;max-width:1120px;user-select:none}
.game-card{position:relative;display:block;width:100%;aspect-ratio:128/176;padding:0;perspective:500px;border-radius:2px;box-shadow:3px 4px 0 #d8d9df,6px 9px 13px #16215b22;transition:transform .3s,box-shadow .3s}
.game-card:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:4px 9px 0 #d8d9df,9px 18px 18px #16215b20}
.game-card-back,.game-card canvas{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;transition:transform .5s;display:grid;place-items:center}
.game-card-back{background:#f9f9f9;border:1px solid #d5d8e5;color:var(--red);font-size:85px;line-height:1;padding-bottom:45px}
.game-card-back:after{content:'';position:absolute;inset:12px;border:1px solid #a9b7dc;pointer-events:none}
.game-card canvas{background:#f5f1e6;transform:rotateY(-180deg)}
.game-card.is-flipped .game-card-back{transform:rotateY(180deg)}
.game-card.is-flipped canvas{transform:rotateY(0)}
.game-bottom{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-top:36px;min-height:95px}
.game-count{font-size:13px;font-variant-numeric:tabular-nums}
.game-note{height:24px;margin-top:4px;opacity:0;transform:rotate(-7deg) translateY(-4px)}
.game-note.show{opacity:1;animation:note-drop .5s ease both}
.game-note img{width:75px;height:24px;object-fit:contain;object-position:left center}
.game-discovery{font-size:13px;margin-top:4px;color:var(--blue)}
.game-shuffle{margin-top:0;padding-top:0}
@keyframes note-drop{from{opacity:0;transform:rotate(-10deg) translateY(-9px)}to{opacity:1;transform:rotate(-7deg) translateY(0)}}
body[data-theme=dark] .page-stack canvas,body[data-theme=dark] .game-card canvas{background:#f5f1e6}
body[data-theme=dark] .game-card-back{background:#eee;color:var(--red)}
@media(max-width:900px){.game-table{gap:12px}.game-heading{align-items:start}}
@media(max-width:600px){.paper-pen{width:145px}.little-list>button{font-size:11px;gap:14px;padding:12px 0}.story-photo{min-height:0}.page-stack{width:73%}.stickers{margin-top:30px;gap:8px}.page-game{padding-top:0;padding-bottom:105px}.game-heading{display:block;margin-top:48px;padding:0 15px}.game-heading h2{font-size:46px}.game-heading>p{font-size:11px;margin-top:22px;max-width:260px}.game-table{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:35px}.game-card-back{font-size:53px;padding-bottom:28px}.game-card-back:after{inset:6px}.game-bottom{margin-top:29px;min-height:125px}.game-count,.game-discovery{font-size:11px}.game-shuffle{font-size:11px}}
[hidden]{display:none!important}

/* r2: kalem yerinde durur, çizgiyi nokta adam çizer */
.paper-pen{position:absolute;left:57%;top:330px;width:min(440px,31vw);transform:rotate(-16deg)!important;transform-origin:2px 50%;filter:drop-shadow(3px 8px 6px #1b181624);z-index:3;will-change:auto}
@media(max-width:900px){.paper-pen{left:50%;top:420px;width:36vw}}
@media(max-width:600px){.paper-pen{left:16%;top:560px;width:62vw}}

/* r2: sayfa önizlemesi düz, kâğıt gibi */
.story-page-preview{perspective:none}
.page-stack{transform:rotate(-2deg);transform-style:flat;filter:none;width:64%}
.page-stack:before,.page-stack:after{background:var(--paper);border:1px solid var(--rule);box-shadow:none}
.page-stack:before{transform:translate(9px,7px) rotate(1.5deg)}
.page-stack:after{display:none}
.page-stack canvas{border:1px solid #d9d6cf;box-shadow:0 1px 0 #0000000d}

/* r2: stickerlar bölümün etrafına küçük, arka planda */
.object{isolation:isolate}
.object-grid{position:relative;z-index:1}
.sticker-field{position:absolute;inset:0;z-index:0;pointer-events:none}.object{padding-top:110px}
.sticker-field img{position:absolute;height:auto;background:#fff;border-radius:8px;box-shadow:1px 3px 6px #1b18161f;opacity:.92}
body[data-theme=dark] .sticker-field img{opacity:.8}

/* r2: kırmızıda kalem çizgiyi devralır, sonra kalemler düşer */
.signup{overflow:hidden}
.finale-line{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
#finale-ink{stroke:var(--ink);stroke-width:1.5}
.finale-pen{position:absolute;left:0;top:0;width:min(300px,26vw);transform-origin:2px 50%;filter:drop-shadow(3px 8px 6px #0000004d);z-index:2;pointer-events:none;opacity:0;transition:opacity .35s}
.finale-pen.on{opacity:1}
.pen-rain{position:absolute;left:0;right:0;bottom:0;height:0;z-index:2;pointer-events:none}
.pen-rain img{position:absolute;bottom:18px;height:auto;filter:drop-shadow(3px 7px 5px #0000004d);transform-origin:50% 50%;opacity:0}
.pen-rain.fall img{animation:pen-fall 1.15s cubic-bezier(.45,0,.75,1.1) both}
@keyframes pen-fall{0%{opacity:1;transform:translateY(calc(-1 * var(--from))) rotate(var(--r0))}78%{transform:translateY(6px) rotate(var(--r1))}100%{opacity:1;transform:translateY(0) rotate(var(--r1))}}
@media(max-width:600px){.finale-pen{width:44vw}}
@media(prefers-reduced-motion:reduce){.pen-rain img{opacity:1}.finale-pen{display:none}}

/* r3: defter geri geldi, düz yatıyor; kalem üstünde */
.hero-book{position:absolute;right:10%;top:165px;width:min(350px,24vw);transform:rotate(-5deg);z-index:1}
.hero-book img{display:block;width:100%;aspect-ratio:140/190;object-fit:cover;border-radius:1px 5px 5px 1px;box-shadow:3px 3px 0 #efe9df,5px 5px 0 #e6dfd3,7px 7px 0 #ede7dc,9px 9px 0 #ded6c9,14px 22px 34px #1b181628,2px 2px 6px #1b181614}
.paper-pen{left:49%;top:470px}
@media(max-width:900px){.hero-book{right:6%;top:230px;width:34vw}.paper-pen{left:40%;top:470px}}
@media(max-width:600px){.hero-book{right:12%;top:500px;width:46vw}.paper-pen{left:10%;top:630px;width:64vw}}

/* r3: oyunda sayılar iri, keşif cümlesi belirgin */
.game-bottom{display:grid;grid-template-columns:1fr auto;align-items:end;min-height:0}
.game-count{display:flex;gap:clamp(28px,5vw,80px);font-size:15px;letter-spacing:-.01em;margin:0}
.game-count>span{display:flex;align-items:baseline;gap:10px;color:var(--muted)}
.game-count b{font-weight:400;font-size:clamp(56px,7.5vw,120px);line-height:.9;letter-spacing:-.05em;color:var(--ink);font-variant-numeric:tabular-nums}
.game-count .zero b{color:var(--red)}
.game-note{height:34px}.game-note img{width:110px;height:34px}
.game-discovery{grid-column:1/-1;font-size:clamp(32px,4.6vw,72px);line-height:1.05;letter-spacing:-.045em;color:var(--ink);margin-top:48px;max-width:16ch;text-wrap:balance}
.game-discovery.reveal-now{animation:discover 1.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes discover{0%{clip-path:inset(0 100% 0 0);transform:translateY(12px)}100%{clip-path:inset(0 0 0 0);transform:none}}
@media(max-width:600px){.game-count b{font-size:64px}.game-count{font-size:12px}.game-discovery{font-size:34px;margin-top:32px}.game-bottom{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.game-discovery.reveal-now{animation:none}}

/* r4: kalem sadece footerda küçük */
.footer-line{display:flex;align-items:center;gap:14px}
.footer-pen{width:120px;height:auto;transform:rotate(-6deg);filter:drop-shadow(1px 3px 2px #1b181622)}
@media(max-width:600px){.footer-pen{width:80px}}

/* r4: oyun ortalı; "5 deneme · 0 eşleşme · olsun." yan yana */
.game-heading{flex-direction:column;align-items:center;text-align:center;gap:18px}
.game-heading>p{max-width:none}
.game-bottom{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:56px}
.game-bottom>div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:clamp(28px,4.5vw,72px);row-gap:10px}
.game-count{display:contents}
.game-note{height:auto;margin:0;transform:rotate(-6deg)}
.game-note img{width:clamp(110px,11vw,170px);height:auto}
.game-discovery{flex-basis:100%;margin:40px auto 0;text-align:center;max-width:18ch}
.game-shuffle{margin-top:28px}
@media(max-width:600px){.game-heading{padding:0}.game-bottom>div{column-gap:22px}.game-note img{width:90px}}

/* r4: gerçekçi defter fotoğrafı (önde kırmızı, arkada beyaz) */
.hero-book{right:3%;top:95px;width:min(600px,42vw);transform:none}
.hero-book img{aspect-ratio:1148/1092;object-fit:contain;border-radius:0;box-shadow:none;mix-blend-mode:multiply}
body[data-theme=dark] .hero-book img{mix-blend-mode:normal;border-radius:18px}
@media(max-width:900px){.hero-book{right:2%;top:200px;width:52vw}}
@media(max-width:600px){.hero-book{right:4%;top:470px;width:84vw}}

@media(max-width:600px){.hero-book{right:6%;top:490px;width:74vw}}

/* r4: en altta bütün ekran kırmızı: footer da kırmızının devamı */
.footer{background:var(--red);color:#fff}
.footer a,.footer p,.footer>p{color:#fff}
.footer .brand img{content:url(varlik/olsun-logo-beyaz.svg)}
.footer-pen{filter:drop-shadow(1px 3px 2px #0000004d)}
html{background:var(--red)}
body{background:var(--paper)}
.hero-book img{-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}

/* r5: defter daha içeride; bölüm etiketleri numarasız */
.hero-book{right:11%;width:min(540px,37vw)}
@media(max-width:900px){.hero-book{right:6%;width:48vw}}
@media(max-width:600px){.hero-book{right:10%;width:74vw}}
.section-index>span:first-child{color:var(--muted);font-variant-numeric:normal}

/* r6: bitiş kırmızısı katman olarak açılır; en altta ekranın tamamı kırmızı */
.ending-red{position:absolute;top:0;left:0;right:0;bottom:-3px;background:var(--red);z-index:1;pointer-events:none;clip-path:circle(0 at 50% 50%)}
.ending>.tiny{z-index:2}
.signup{min-height:max(790px,100svh)}
.game-shuffle{display:none!important}
.ending{clip-path:inset(0 -100vw -3px -100vw)}
body[data-theme=dark] .hero-book img{-webkit-mask-image:none;mask-image:none;mix-blend-mode:normal;border-radius:4px;box-shadow:0 0 0 1px #ffffff14}

/* r6: tek kırmızı defter, başlık ile sağ kenar arasında */
.hero-book{left:42%;right:auto;top:130px;width:min(560px,34vw)}
.hero-book img{aspect-ratio:1000/1080}
@media(max-width:900px){.hero-book{left:auto;right:4%;top:220px;width:46vw}}
@media(max-width:600px){.hero-book{left:auto;right:8%;top:480px;width:70vw}}

/* r7: şeffaf defter, gölge sağa, kısa ve yumuşak; sütunla hizalı (left JS ile) */
.hero-book{right:auto;top:140px;width:min(500px,31vw)}
.hero-book img{aspect-ratio:900/985;-webkit-mask-image:none!important;mask-image:none!important;mix-blend-mode:normal!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(12px 10px 14px rgba(27,24,22,.2)) drop-shadow(3px 2px 3px rgba(27,24,22,.12))}
@media(max-width:600px){.hero-book{width:66vw}}

/* r8: açılışta gerçek fotoğraf, çerçeveli (iki temada da aynı) */
.hero-book{top:120px;width:min(440px,28vw);transform:rotate(2deg)}
.hero-book img{aspect-ratio:864/1080!important;object-fit:cover;filter:none!important;box-shadow:0 18px 40px -18px rgba(27,24,22,.35)!important;border-radius:0!important}
body[data-theme=dark] .hero-book img{box-shadow:0 0 0 1px #ffffff14,0 18px 40px -18px #000!important}
@media(max-width:600px){.hero-book{width:62vw;top:470px}}
.hero-book img{aspect-ratio:864/900!important;object-position:50% 0}

/* r9: Magnific defter çekimi; açık temada beyaz zemin, koyu temada siyah zemin */
.hero-book{top:110px;width:min(600px,38vw);transform:none}
.hero-book img{aspect-ratio:900/994!important;object-fit:cover;box-shadow:none!important;filter:none!important;border-radius:0!important;mix-blend-mode:normal!important}
.hero-book .hb-koyu{display:none}
body[data-theme=dark] .hero-book .hb-acik{display:none}
body[data-theme=dark] .hero-book .hb-koyu{display:block;box-shadow:none!important}
@media(max-width:600px){.hero-book{width:78vw;top:450px}}
.hero-bottom{z-index:3}
@media(min-width:901px){.hero-book{width:min(680px,41vw)}}

/* r11 mobil: açılışta defter iri; oyun 6 kart, 3 sütun, sayılar tek satırda */
@media(max-width:600px){
 .hero{height:auto;min-height:0;padding-bottom:110px}
 .hero-book{position:relative;left:auto!important;right:auto;top:auto!important;width:calc(100% + 30px);margin:34px -15px 0;transform:none}
 .game-table{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px}
 .game-bottom{margin-top:36px}
 .game-bottom>div{column-gap:18px;row-gap:6px}
 .game-count b{font-size:52px}
 .game-count{font-size:12px}
 .game-note img{width:78px}
 .game-discovery{font-size:30px;margin-top:26px}
 .game-heading h2{font-size:40px}
}
.footer ::selection,.signup ::selection{background:#1b1816;color:#fff}