@font-face{font-family:Fredoka;src:url('assets/fredoka.ttf')}*{box-sizing:border-box}body{margin:0;background:linear-gradient(130deg,#57cfff,var(--bg,#bce5ff),#ffd68c);color:var(--ink,#203c66);font-family:system-ui,-apple-system,sans-serif;font-size:13px;min-height:100dvh}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.45}h1,h2,h3,strong,.brand,.primary,.resume{font-family:Fredoka,system-ui}h1{font-size:30px;line-height:1.1;margin:10px 0 14px}h2{font-size:23px}h3{font-size:18px;margin:0 0 12px}p{line-height:1.7;color:var(--muted,#53779a)}small{font-size:11px;color:var(--muted,#53779a)}.shell{max-width:1000px;margin:auto;padding:env(safe-area-inset-top) 24px 115px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 0 25px}header>div{display:flex;gap:7px}.brand{font-size:42px;font-weight:600;letter-spacing:-1px;background:none;display:flex;align-items:center;gap:9px}.brand img{width:32px;border-radius:8px}.round{width:42px;height:42px;border-radius:15px;background:#203c6618;font-size:19px}main{display:grid;gap:16px}.card{background:var(--surface,#f7fbff);border-radius:21px;padding:17px;border:1px solid #ffffff80;text-align:left}button.card{width:100%}.card p{margin:7px 0}.row{display:flex;align-items:center;gap:12px}.row span:last-child{margin-left:auto}.row small{margin-left:auto}.tools{justify-content:space-between}.tools button{background:none;color:var(--accent);padding:10px}.primary{background:linear-gradient(135deg,var(--accent),#507adb);color:white;border:1px solid #ffffffa0;border-radius:19px;min-height:48px;width:100%;padding:13px 18px;font-size:16px;box-shadow:0 4px 8px #203c6615}.resume{display:inline-flex;align-items:center;gap:12px;width:auto;padding:11px 16px;border-radius:19px;background:var(--surface);box-shadow:0 4px 7px #203c661a;border:1px solid #ffffffb3;font-size:16px}.resume b{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#368c91;color:white;font-size:12px}.resume span{font:16px system-ui}.home-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.hero-art{height:300px;position:relative;overflow:hidden;border:1px solid #ffffffa0;border-radius:30px}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%}.art-caption{position:absolute;bottom:17px;left:18px;font-family:Fredoka;background:#ffffff60;padding:6px 11px;border-radius:12px}.sky{position:absolute;inset:0;background:linear-gradient(130deg,#079ae2,#65d0f6,#ffe0a6);overflow:hidden;pointer-events:none}.sky.nature{background:linear-gradient(150deg,#03272e,#297a69,#b0bc8d)}.cloud{width:120px;height:55px;border-radius:50% 55% 40% 40%;background:linear-gradient(#fffdf0,#f4d6a3);position:absolute;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 2px 0 #ffffffa0}.cloud:before{content:'';position:absolute;top:-22px;left:22px;border-radius:50%;width:55px;height:55px;background:#fff6d8}.cloud i{z-index:1;width:7px;height:10px;border-radius:50%;background:#28486b;animation:blink 5.2s infinite}.cloud-one{left:-20px;top:16%}.cloud-two{right:-30px;top:29%;transform:scale(.95)}@keyframes blink{0%,94%,100%{transform:scaleY(1)}96%{transform:scaleY(.13)}}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{padding:7px 9px;border-radius:30px;background:#4669de10;color:var(--accent);font-size:10px}.purpose h3{margin:0 0 7px}.purpose p{font-size:12px}.path-row{display:flex;gap:14px;align-items:center}.path-row>b{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(#86d6fa,#3d8bdd);color:white;font-size:27px}.path-row>div{flex:1}.path-row strong{display:block;font-size:19px}.path-row span{font-size:20px}progress{display:block;width:100%;height:5px;margin:10px 0 6px;accent-color:#3f8ed1}.levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:10px}.levels button{background:var(--surface);height:72px;border-radius:17px;display:grid;align-content:center;gap:6px;text-align:center}.levels button strong{font-size:24px}.levels button.next{background:var(--accent);color:white}.levels button.next small{color:white}.levels button small{font-size:9px}.segmented{background:#ffffff66;border-radius:12px;padding:4px;display:flex;gap:4px}.segmented button{flex:1;border-radius:9px;background:none;padding:10px;font-weight:600}.segmented button.selected{background:var(--surface);box-shadow:0 1px 4px #203c6625}.stone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.stone-grid button{text-align:left}.stone-grid button.selected{border:1.5px solid var(--accent)}.stone-grid strong,.stone-grid small{display:block}.stone-grid strong{font-size:17px;margin-top:18px}.stone-grid small{height:28px;margin-top:6px}.stone-preview{height:100px;width:47px;background:var(--stone);margin:10px auto 0;position:relative;border-radius:8px;box-shadow:inset 2px 1px 4px #ffffff70,12px -7px 0 color-mix(in srgb,var(--stone),white 25%)}.stone-preview:before{content:'';position:absolute;height:5px;border-radius:8px;background:#ffffff66;top:5px;left:5px;right:5px}.stone-preview.textured{background:var(--stone) url('assets/native/copper.jpg') center/cover}.stone-preview span{position:absolute;left:50%;top:24px;transform:translateX(-50%);font-size:23px}.arena-banner{position:relative;padding:23px;background:linear-gradient(130deg,#7aaceb,#a6d5e6,#d9dfbb);border-radius:25px}.arena-banner h1{color:#274b62}.arena-banner p,.arena-banner small{color:#36566a}.arena-banner>span{position:absolute;right:25px;top:40px;font-size:44px}.challenge{display:grid;gap:10px}.duel{display:flex;align-items:center;gap:12px}.duel>div{flex:1;background:#4669de0b;border-radius:16px;padding:13px;text-align:center;color:var(--accent);font-size:21px}.duel strong,.duel small{display:block}.duel strong{font-size:17px;margin:5px 0}.duel>b{color:var(--accent);font:18px Fredoka}.profile-title{display:flex;gap:12px;align-items:center}.profile-title .round{border-radius:50%;background:var(--surface);width:54px;height:54px}.profile-title input{font:23px Fredoka;width:100%;background:none;border:0;outline:none}.profile-title small{display:block}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats .card{text-align:center}.stats strong{display:block;font-size:26px}.stats small{display:block;margin-top:6px}summary{font:16px Fredoka;cursor:pointer}details[open]>summary{margin-bottom:12px}footer{color:var(--muted);font-size:10px;text-align:center;padding:14px}nav{position:fixed;z-index:5;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(600px,calc(100% - 32px));display:flex;padding:12px 8px 8px;border-radius:30px;background:linear-gradient(#fff,#e4f4ff);box-shadow:0 8px 16px #147dc338;border:2px solid white}nav button{flex:1;display:grid;justify-items:center;gap:8px;background:none;padding:0 3px}nav small{font-size:9px}.nav-gem{width:45px;height:45px;border-radius:16px;display:grid;place-items:center;font-size:30px;color:white;border:1.3px solid white;box-shadow:0 3px 5px #147dc333;position:relative;background:linear-gradient(130deg,#83c8ff,#5d6ff0)}.nav-gem:before{content:'';height:10px;position:absolute;top:3px;left:4px;right:4px;border-radius:9px;background:linear-gradient(#ffffffb0,transparent)}.gem-1{background:linear-gradient(130deg,#5deaff,#087bdc)}.gem-2{background:linear-gradient(130deg,#9de9ed,#4f9cae)}.gem-3{background:linear-gradient(130deg,#9bdfff,#549dd0)}.gem-4{background:linear-gradient(130deg,#ffa8d6,#f050a1)}nav .active .nav-gem{transform:translateY(-3px) scale(1.08)}nav .active small{color:var(--accent);font-weight:700}dialog{border:1px solid #ffffffaa;border-radius:27px;background:var(--bg);color:var(--ink);width:min(520px,calc(100% - 28px));max-height:90dvh;padding:28px;box-shadow:0 20px 70px #10243e50}dialog::backdrop{background:#152d4040;backdrop-filter:blur(7px)}.modal-close{float:right;background:#ffffff55;width:32px;height:32px;border-radius:50%;font-size:25px}dialog button:not(.modal-close){padding:12px;display:block;margin-top:10px;border-radius:12px;width:100%;min-height:42px}dialog details{background:var(--surface);border-radius:18px;padding:15px;margin:12px 0}dialog label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0;font-size:12px}dialog select{max-width:55%;border:0;border-radius:8px;background:var(--bg);padding:8px}dialog input[type=range]{width:45%;accent-color:var(--accent)}input[role=switch]{appearance:none;width:38px;height:23px;border-radius:20px;background:#abc0ca;position:relative;cursor:pointer;flex:none}input[role=switch]:before{content:'';position:absolute;width:19px;height:19px;background:white;border-radius:50%;top:2px;left:2px}input[role=switch]:checked{background:var(--accent)}input[role=switch]:checked:before{left:17px}.avatars{display:flex}.win-stars{font-size:40px;color:#c68d3f}.info-icon{width:72px;border-radius:18px}#toast{position:fixed;z-index:30;top:max(15px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:var(--surface);border-radius:30px;padding:12px 20px;box-shadow:0 3px 12px #203c6620;opacity:0;pointer-events:none;max-width:90%;transition:opacity .2s}#toast.visible{opacity:1}.intro{position:fixed;inset:0;z-index:40;background:linear-gradient(140deg,#66cdf0,#def0f0,#ffdeaa);display:grid;justify-items:center;align-content:center;gap:20px}.intro img{width:100px;border-radius:25px;animation:intro-float 3s ease-in-out infinite}.intro h1{font-size:56px;letter-spacing:-1px}.intro button{background:#ffffffa0;border-radius:20px;padding:12px 24px}@keyframes intro-float{50%{transform:translateY(-12px) rotate(3deg)}}.playing{overflow:hidden}#game{position:relative;margin:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));touch-action:none;--opacity:.55}#board{position:absolute;inset:0;width:100%;height:100%}.control{border-radius:50%;background:linear-gradient(140deg,#45c9f5aa,#137fd380);border:1.2px solid #ffffffe5;color:#214773;width:48.048px;height:48.048px;box-shadow:0 3px 4px #174c834d;position:relative;font-size:27px}.control:before{content:'';position:absolute;top:4px;left:23%;right:23%;height:7px;border-radius:50%;background:#ffffff70;pointer-events:none}.control.back{position:absolute;top:4px;left:12px;width:42px;height:42px}.control.pause{position:absolute;right:12px;top:4px;width:42px;height:42px}.hearts{position:absolute;top:9px;width:78px;height:31px;border-radius:40px;background:#f7fbffbd;display:grid;place-items:center;color:var(--accent);letter-spacing:4px;font-size:15px}.hud{position:absolute;border-radius:12px;padding:7px 9px;background:#f7fbffbf;border:1px solid #ffffff70;overflow:hidden}.hud>small{display:block;font-size:8px;white-space:nowrap}.hud strong{font-size:16px;display:block;margin-top:4px}.hud strong small{font:8px system-ui;color:var(--muted)}.utilities{position:absolute;display:flex;gap:7px}.utilities small{position:absolute;right:-2px;top:-2px;border-radius:50%;width:15px;height:15px;background:var(--accent);color:white;display:grid;place-items:center;font:9px system-ui}.compass{position:absolute;border-radius:50%;background:linear-gradient(130deg,#70bce878,#236da838);border:1px solid #ffffff99;--key:54px}.compass .control{position:absolute;width:var(--key);height:var(--key);font-size:calc(var(--key)*.55);color:white;left:calc(50% - var(--key)/2);top:calc(50% - var(--key)/2);background:linear-gradient(140deg,#45c9f5,#137fd3);opacity:calc(var(--opacity) + .20)}.compass .direction-up{transform:translateY(calc(var(--key)*-.76))}.compass .direction-down{transform:translateY(calc(var(--key)*.76))}.compass .direction-left{transform:translateX(calc(var(--key)*-.76))}.compass .direction-right{transform:translateX(calc(var(--key)*.76))}.eye-bonus{position:absolute;width:32px;height:32px;border-radius:50%;background:#f7fbffbb;color:var(--accent);left:calc(50% - 16px);top:calc(50% - 16px)}.high-contrast .control{border-color:#203c66}.stone-hint{position:absolute;font-size:40px;font-weight:700;line-height:1;color:#edb949;text-shadow:0 1px 5px #203c6640;pointer-events:none}.stone-hint[hidden]{display:none}.reduce *{animation:none!important;transition:none!important}.loading{padding:30px;text-align:center}
@media(max-width:600px){.shell{padding-left:20px;padding-right:20px}.home-intro{grid-template-columns:1fr;gap:24px}.hero-art{height:290px}.arena-banner{padding:20px}.brand{font-size:38px}.stone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.row{flex-wrap:wrap}}
.sky.still .cloud i{animation:none}.celestial{position:absolute;font-size:65px;color:#fff1c9;text-shadow:1px 2px 0 #f3cc8d,-1px -1px 0 white}.celestial-one{left:7%;top:17%}.celestial-two{right:8%;top:24%}.small-star{font-size:28px}.gem-2{background:linear-gradient(130deg,#f0b4ff,#b181ec)}.gem-3{background:linear-gradient(130deg,#d6aeff,#a17ae5)}.arena-banner{background:linear-gradient(130deg,#566ef0,#bc82e5,#e99ecf)}.arena-banner h1{color:#2d2359}.arena-banner p,.arena-banner small{color:#382965}.utilities .control{display:grid;place-items:center}.stone-hint{transform-origin:center}

.preparing canvas{opacity:0}.preparing:after{content:'Adan hazırlanıyor…';position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:13px 18px;border-radius:18px;background:#f7fbffeb;color:#214773;font:17px Fredoka;pointer-events:none;z-index:2}canvas{transition:opacity .18s}.hero-art.preparing{min-height:290px}

/* Shared confectionery navigation: the exact same original artwork as iPhone. */
nav{padding:7px 8px;border-radius:30px;gap:2px;background:linear-gradient(#fffffffa,#f2fafff2);box-shadow:0 7px 16px #2775ac29}nav button{gap:1px;padding:0;min-width:44px;min-height:76px;align-content:center}nav .candy-nav{width:58px;height:58px;object-fit:contain;transform:scale(.96);transition:transform .22s cubic-bezier(.2,.8,.3,1.4)}nav .active .candy-nav{transform:translateY(-4px) scale(1.12)}nav small{font-size:10px;font-weight:500}nav .active small{color:#28577c;font-weight:700}button:active{filter:brightness(1.06)}nav button:focus-visible{outline:2px solid #28577c;outline-offset:2px;border-radius:18px}
.bonus-islands h2{margin:4px 0}.bonus-islands .row{justify-content:space-between}.bonus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bonus-grid button{padding:14px}.bonus-grid span{font:23px Fredoka;display:flex;justify-content:space-between;margin-bottom:7px}.bonus-grid b{color:#d16c9b}.bonus-grid strong{display:block;font-size:14px}.bonus-grid small{display:block;margin-top:7px;font-size:10px}.arena-banner{background:linear-gradient(125deg,#76d6f9,#9fe9e4,#ffe9b3)}.arena-banner h1{color:#28577c}.arena-banner p,.arena-banner small{color:#385b73}.win-stars{color:#e7a825;text-shadow:0 2px 0 #fff2ba}
@media(min-width:700px){.bonus-grid{grid-template-columns:repeat(3,1fr)}}

.utilities .control{background:linear-gradient(140deg,#fff1e4,#ffafad);border:1.5px solid #fffffff5;color:#28577c;box-shadow:0 3px 5px #d892983f}.utilities .control:nth-child(2){background:linear-gradient(140deg,#e7fff6,#74dccd)}.utilities .control:nth-child(3){background:linear-gradient(140deg,#fff8c4,#ffd067)}.utilities .control:nth-child(4){background:linear-gradient(140deg,#eef0ff,#a4b8fc)}.utilities .control:before{left:18%;right:18%;height:10px;background:linear-gradient(#ffffffd9,#ffffff26)}.utilities .control svg{filter:drop-shadow(0 -1px 0 #ffffffcc);stroke-width:1.9}.compass .control{box-shadow:inset 0 -3px 4px #066eb033,0 3px 5px #174c8333}.compass{background:radial-gradient(circle at 35% 15%,#dbf9ff40,#3e94c41c)}

/* 3.8: compact menus, clear figures and a small celestial ensemble in every scene. */
.home-intro h1{font-size:27px}.hero-art{height:265px}.hero-art.preparing{min-height:265px}.mind-break{font-size:11px;margin:0}.row h2{margin:4px 0}.profile-title .round{width:46px;height:46px}.profile-title input{font-size:22px}.stats strong{font-size:21px}.stats .card{padding:13px}.arena-heading{display:flex;align-items:center;justify-content:space-between}.arena-heading h1{font-size:27px;margin:4px 0}.arena-heading p{font-size:12px;margin:5px 0}.arena-heading img{width:56px;height:56px}.challenge{gap:12px}.challenge h3,.challenge p{margin:0}.challenge .resume{justify-self:start;width:auto;min-height:44px}.info-heading{display:flex;gap:14px;align-items:center}.info-heading h2{margin:0;font-size:34px}.info-heading p{font-size:12px}.info-icon{width:62px}.bonus-islands summary small{margin-left:10px}
.sky-charm{position:absolute;filter:drop-shadow(0 3px 3px #2058a022);pointer-events:none;transform:translate(-50%,-50%)}.sun-charm{width:48px;height:48px;left:79%;top:17%}.moon-charm{width:33px;height:33px;left:21%;top:15%}.star-a{width:15px;height:15px;left:43%;top:13%}.star-b{width:19px;height:19px;left:61%;top:24%}.charm-eyes{transform-origin:center;animation:blink 6.4s infinite}.sky.still .charm-eyes{animation:none}.cloud{width:104px;height:48px}.cloud:before{width:48px;height:48px;top:-18px;left:20px}.cloud-one{left:calc(6% - 52px);top:calc(27% - 24px)}.cloud-two{right:calc(5% - 52px);top:calc(34% - 24px)}.hero-art .sun-charm{width:40px;height:40px}.hero-art .moon-charm{width:27px;height:27px}
@media(max-height:400px){.sun-charm{width:40px;height:40px}.moon-charm{width:27px;height:27px}}