*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
    html,body{height:100%;}
    body{font-family:'Fredoka',system-ui,sans-serif;color:#3A2F2A;background:#FCE9C8;
      display:flex;align-items:center;justify-content:center;padding:14px;min-height:100%;
      background-image:radial-gradient(#f6dcae 1.2px,transparent 1.2px);background-size:18px 18px;}
    .phone{width:100%;max-width:392px;height:760px;max-height:94vh;background:#FFF4E2;border-radius:34px;
      box-shadow:0 18px 0 -2px #e9cf9f,0 24px 50px rgba(120,80,30,.25);overflow:hidden;border:8px solid #241f2e;
      position:relative;display:flex;flex-direction:column;}
    .screen{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:none;flex-direction:column;opacity:0;transition:opacity .22s ease;}
    .screen.active{display:flex;opacity:1;}

    #splash{align-items:center;justify-content:center;gap:12px;background:#FFF4E2;z-index:5;}
    .splash-logo{font-size:42px;font-weight:700;display:flex;align-items:center;gap:10px;}

    #menu{
      padding:0;overflow:hidden;
      background:radial-gradient(135% 90% at 50% 6%, #FFFCF3 0%, #FFF4E2 52%, #FAEACD 100%);
    }
    .menu-floats{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;z-index:1;}
    .menu-float-boop{
      position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);
      transform:rotate(var(--r,0deg));opacity:.92;filter:drop-shadow(0 6px 10px rgba(120,80,30,.12));
      animation:menu-float var(--dur,4.2s) ease-in-out infinite;animation-delay:var(--d,0s);
    }
    @keyframes menu-float{
      0%,100%{transform:translateY(0) rotate(var(--r,0deg))}
      50%{transform:translateY(var(--amp,-7px)) rotate(calc(var(--r,0deg) + 4deg))}
    }
    /* Tier 4: bazı boop'lar daha hoppani — ara sıra hızlı zıplama */
    @keyframes menu-float-hop{
      0%,52%,100%{transform:translateY(0) rotate(var(--r,0deg))}
      66%{transform:translateY(calc(var(--amp,-7px) * 1.9)) rotate(calc(var(--r,0deg) - 7deg))}
      78%{transform:translateY(0) rotate(var(--r,0deg))}
    }
    .menu-float-boop:nth-child(1){--dur:4.6s;--amp:-9px}
    .menu-float-boop:nth-child(2){--dur:3.6s;--amp:-6px;animation-name:menu-float-hop}
    .menu-float-boop:nth-child(3){--dur:5.3s;--amp:-11px}
    .menu-float-boop:nth-child(4){--dur:4.1s;--amp:-7px}
    .menu-float-boop:nth-child(5){--dur:5.9s;--amp:-8px;animation-name:menu-float-hop}
    .menu-float-boop:nth-child(6){--dur:4.4s;--amp:-6px}
    .menu-float-boop:nth-child(7){--dur:6.3s;--amp:-10px}
    .menu-floats{transition:transform .22s ease-out;}
    .menu-hud{display:flex;justify-content:flex-end;padding:16px 20px 0;position:relative;z-index:2;}
    .menu-stars-chip{
      background:#fff;border:2px solid #f0dcb4;border-radius:14px;padding:7px 14px;
      display:flex;align-items:center;gap:7px;font-weight:700;font-size:17px;color:#3A2F2A;
      box-shadow:0 4px 12px rgba(120,80,30,.08);
    }
    .menu-stars-icon{color:#F5C84B;font-size:20px;line-height:1;}
    .menu-body{
      flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
      padding:8px 24px 24px;position:relative;z-index:2;gap:22px;min-height:0;width:100%;
    }
    .menu-brand{
      font-size:50px;font-weight:700;letter-spacing:-1.5px;color:#3A2F2A;
      display:flex;align-items:flex-end;line-height:1;margin:4px 0 10px;
    }
    .menu-brand-o{position:relative;display:inline-block;}
    .menu-brand-o canvas{
      position:absolute;left:50%;bottom:calc(100% - 6px);transform:translateX(-46%);
      width:40px;height:40px;pointer-events:none;
    }
    .menu-play{
      width:100%;max-width:288px;background:linear-gradient(160deg,#4a3b31,#3A2F2A);color:#FFF4E2;
      font-size:22px;font-weight:700;position:relative;overflow:hidden;
      letter-spacing:1px;text-transform:uppercase;padding:20px 24px;border:none;border-radius:22px;
      cursor:pointer;font-family:inherit;box-shadow:0 8px 0 #2a221c,0 12px 24px rgba(58,47,42,.22);
      transition:transform .08s,box-shadow .08s;
    }
    .menu-play::after{
      content:'';position:absolute;top:0;bottom:0;left:-65%;width:45%;pointer-events:none;
      background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);
      transform:skewX(-18deg);animation:btn-shimmer 5.5s ease-in-out infinite;
    }
    @keyframes btn-shimmer{0%,72%{left:-65%}88%,100%{left:135%}}
    .menu-play:active{transform:translateY(3px);box-shadow:0 5px 0 #2a221c,0 8px 16px rgba(58,47,42,.18);}
    .menu-row{display:flex;gap:12px;width:100%;max-width:288px;}
    .menu-sec{
      flex:1;background:linear-gradient(160deg,#453830,#3A2F2A);color:#FFF4E2;border:none;border-radius:18px;padding:15px 8px 18px;
      position:relative;overflow:visible;font-family:inherit;cursor:pointer;text-align:center;
      box-shadow:0 6px 0 #2a221c,0 10px 20px rgba(58,47,42,.16);transition:transform .08s;
    }
    .menu-sec:active{transform:translateY(2px);box-shadow:0 4px 0 #2a221c,0 8px 14px rgba(58,47,42,.14);}
    .menu-sec::after{
      content:'';position:absolute;bottom:0;left:0;right:0;height:5px;border-radius:0 0 16px 16px;
    }
    .menu-sec.daily::after{background:#F5C84B;}
    .menu-sec.collection::after{background:#9F8FE8;}
    .menu-sec-label{display:block;font-size:13px;font-weight:600;line-height:1.25;padding:0 4px;}
    .menu-sec-sub{display:block;font-size:11px;opacity:.78;margin-top:3px;font-weight:500;}
    .menu-sec-tag{
      position:absolute;top:-8px;right:-6px;background:#F5C84B;color:#6b4a09;font-size:10px;font-weight:700;
      padding:4px 9px;border-radius:10px;transform:rotate(8deg);border:2px solid #fff;
      box-shadow:0 3px 8px rgba(120,80,30,.15);z-index:1;
    }
    .menu-sec-done{
      position:absolute;top:6px;right:8px;font-size:16px;color:#F5C84B;line-height:1;
    }
    .menu-nav{
      display:flex;justify-content:space-around;align-items:center;flex-shrink:0;margin-top:auto;
      padding:14px 20px calc(14px + env(safe-area-inset-bottom,0));
      background:rgba(255,249,240,.95);border-top:2px solid #f0dcb4;position:relative;z-index:2;
    }
    .menu-nav-btn{
      background:none;border:none;font-size:22px;color:#3A2F2A;opacity:.38;cursor:pointer;
      padding:8px 12px;font-family:inherit;line-height:1;min-height:44px;
      display:inline-flex;align-items:center;justify-content:center;position:relative;
    }
    .menu-nav-btn.active{opacity:1;}
    .menu-nav-btn:disabled{opacity:.22;cursor:not-allowed;}
    .menu-nav-btn:not(:disabled):active{transform:scale(.92);}
    .menu-nav-icon{display:block;pointer-events:none;}
    .menu-nav-arena .menu-nav-swords{color:#3A2F2A;filter:drop-shadow(0 1px 0 rgba(255,255,255,.4));}
    .menu-nav-arena:not(:disabled):hover .menu-nav-swords,
    .menu-nav-arena.active .menu-nav-swords{color:#c07a20;}
    .menu-nav-farm .menu-nav-sprout{color:#3A2F2A;}
    .menu-nav-farm:not(:disabled):hover .menu-nav-sprout,
    .menu-nav-farm.active .menu-nav-sprout{color:#4a9e5a;}
    .menu-nav-dot{position:absolute;top:6px;right:8px;width:8px;height:8px;border-radius:50%;
      background:#4cb86a;border:1.5px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.15);}

    .logo{font-size:46px;font-weight:700;letter-spacing:-1px;color:#3A2F2A;display:flex;align-items:center;gap:10px;}
    .logo .dot{width:42px;height:42px;}
    .tag{font-size:15px;color:#b39b78;margin-top:-14px;font-weight:500;}
    .mbtn{width:230px;max-width:78vw;text-align:center;border:none;cursor:pointer;font-family:inherit;
      font-weight:600;border-radius:22px;padding:18px;font-size:20px;transition:transform .08s;position:relative;}
    .mbtn:active{transform:scale(.96);}
    .mbtn.play{background:#3A2F2A;color:#FFF4E2;}
    .mbtn.daily{background:#F5C84B;color:#6b4a09;}
    .badge{position:absolute;top:-8px;right:-6px;background:#F0856A;color:#fff;font-size:11px;font-weight:600;
      padding:3px 9px;border-radius:10px;}
    .daily-done{position:absolute;top:-6px;right:-4px;font-size:18px;line-height:1;}
    .menu-foot{font-size:12px;color:#c3ad88;margin-top:8px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
    .menu-top{width:100%;display:flex;justify-content:flex-end;padding:0 4px;}
    .icon-btn{width:40px;height:40px;border-radius:14px;border:2px solid #f0dcb4;background:#fff;cursor:pointer;
      font-size:18px;color:#3A2F2A;font-family:inherit;}

    .topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 8px;}
    .back{width:40px;height:40px;border-radius:14px;border:2px solid #f0dcb4;background:#fff;cursor:pointer;
      font-size:20px;color:#3A2F2A;font-family:inherit;display:flex;align-items:center;justify-content:center;}
    .back:active{transform:scale(.94);}
    .lvl-label{font-size:11px;color:#b39b78;font-weight:500;letter-spacing:.4px;text-align:center;}
    .lvl-num{font-size:20px;font-weight:700;line-height:1;text-align:center;}
    .moves{background:#F5C84B;color:#6b4a09;font-weight:600;padding:7px 13px;border-radius:13px;font-size:15px;white-space:nowrap;flex-shrink:0;}
    .hint{font-size:13px;color:#9a8a78;text-align:center;padding:8px 24px;min-height:36px;font-weight:400;}
    .stage{position:relative;padding:2px 20px 8px;display:flex;justify-content:center;flex:1;align-items:center;}
    canvas{display:block;margin:0 auto;border-radius:22px;touch-action:none;cursor:pointer;}
    .gfoot{display:flex;gap:10px;padding:10px 20px 20px;margin-top:auto;}
    button.gb{font-family:inherit;cursor:pointer;border:none;font-size:15px;font-weight:600;border-radius:16px;
      padding:14px 0;flex:1;transition:transform .08s;}
    button.gb:active{transform:scale(.96);}
    button.gb:disabled{opacity:.45;cursor:not-allowed;}
    .ghost{background:#fff;color:#3A2F2A;border:2px solid #f0dcb4;}
    .ad{background:#F5C84B;color:#6b4a09;display:flex;align-items:center;justify-content:center;gap:7px;}
    .gfoot .ad{flex:none;padding:14px 18px;font-size:14px;}
    .hidden{display:none!important;}

    .overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(255,244,226,.94);display:none;flex-direction:column;
      align-items:center;justify-content:center;gap:14px;padding:28px;z-index:8;text-align:center;}
    .overlay.show{display:flex;animation:pop .35s ease;}

    /* ---- kurtarıldı ekranı ---- */
    .win-screen{
      background:#FFF4E2;gap:0;padding:28px 22px 24px;justify-content:flex-start;overflow:hidden;
    }
    .win-screen.show{animation:win-in .4s cubic-bezier(.2,.8,.2,1);}
    @keyframes win-in{0%{transform:scale(.92);opacity:0}100%{transform:scale(1);opacity:1}}
    .win-deco{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;}
    .win-deco::before,.win-deco::after{content:'';position:absolute;border-radius:2px;opacity:.85;}
    .win-deco::before{width:9px;height:14px;background:#ED93B1;top:12%;left:8%;transform:rotate(-18deg);box-shadow:
      28px 42px 0 #9F8FE8, 52px 18px 0 #36BE94, 78px 56px 0 #F5C84B, 102px 24px 0 #6FA8E0,
      130px 48px 0 #F0856A, 155px 14px 0 #ED93B1, 180px 38px 0 #36BE94, 205px 52px 0 #9F8FE8,
      240px 20px 0 #F5C84B, 265px 44px 0 #6FA8E0, 290px 16px 0 #F0856A, 315px 50px 0 #ED93B1;}
    .win-deco::after{width:7px;height:7px;border-radius:50%;background:#F5C84B;top:18%;right:12%;box-shadow:
      -24px 36px 0 #9F8FE8, -48px 12px 0 #36BE94, -72px 44px 0 #ED93B1, -96px 28px 0 #F0856A,
      -120px 52px 0 #6FA8E0, -144px 20px 0 #F5C84B, -168px 40px 0 #9F8FE8, -192px 16px 0 #36BE94;}
    .win-title{font-size:34px;font-weight:700;color:#3A2F2A;margin-top:8px;line-height:1.1;letter-spacing:-.5px;}
    .win-sub{font-size:15px;color:#9a8a78;font-weight:500;margin-top:6px;margin-bottom:4px;}
    .win-hero{position:relative;margin:10px 0 16px;display:flex;align-items:center;justify-content:center;}
    .win-hero canvas{width:168px;height:185px;filter:drop-shadow(0 14px 22px rgba(120,80,30,.16));animation:win-boop .55s cubic-bezier(.2,.9,.2,1);}
    @keyframes win-boop{0%{transform:scale(.5) translateY(24px);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}
    .win-rewards{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px;margin-bottom:18px;}
    .win-reward{
      display:flex;align-items:center;gap:12px;background:#fff;border:2px solid #f0dcb4;border-radius:18px;
      padding:13px 16px;font-size:16px;font-weight:600;color:#3A2F2A;text-align:left;
    }
    .win-reward-icon{
      width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
    }
    .win-reward-boop{background:#e8f8f1;border:2px solid #b8e8d4;}
    .win-reward-boop canvas{width:32px;height:32px;}
    .win-reward-star{background:#fff6dc;border:2px solid #f5dfa0;color:#F5C84B;font-size:22px;line-height:1;}
    .win-reward-chest{background:#fdeede;border:2px solid #f3c89a;font-size:22px;line-height:1;}
    .win-chest-pulse{animation:chest-pop 0.6s cubic-bezier(0.175,0.885,0.32,1.275) forwards;}
    @keyframes chest-pop{
      0%{transform:scale(0);opacity:0;}
      60%{transform:scale(1.2);}
      100%{transform:scale(1);opacity:1;}
    }
    .island-chest{
      position:absolute;top:-14px;right:-10px;font-size:18px;
      filter:drop-shadow(0 1px 3px rgba(0,0,0,0.3));
      animation:chest-float 2s ease-in-out infinite;pointer-events:none;
    }
    .island-chest.opened{animation:none;}
    @keyframes chest-float{
      0%,100%{transform:translateY(0);}
      50%{transform:translateY(-4px);}
    }
    .win-btns{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px;margin-top:auto;}
    .win-btns .ov-btn{width:100%;padding:16px 24px;font-size:18px;border-radius:20px;}
    .win-continue{background:#3A2F2A;color:#FFF4E2;}
    .win-double{
      background:#F5C84B;color:#6b4a09;display:flex;align-items:center;justify-content:center;gap:10px;
    }
    .win-double-icon{font-size:20px;line-height:1;}
    .win-stars-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
    .win-confetti{position:absolute;border-radius:3px;pointer-events:none;z-index:9;}
    .win-star-bit{position:absolute;font-size:14px;color:#F5C84B;pointer-events:none;z-index:9;opacity:.9;}

    @keyframes pop{0%{transform:scale(.7);opacity:0}100%{transform:scale(1);opacity:1}}
    .ov-title{font-size:30px;font-weight:700;}
    .stars{display:flex;gap:8px;font-size:42px;}
    .star{color:#e6d2ab;transition:transform .3s;}.star.lit{color:#F5C84B;transform:scale(1.15);}
    .ov-sub{font-size:15px;color:#9a8a78;}
    .ov-btn{background:#3A2F2A;color:#FFF4E2;font-weight:700;font-size:18px;padding:15px 38px;border-radius:20px;
      border:none;cursor:pointer;font-family:inherit;}
    .ov-btn:active{transform:scale(.96);}
    .ov-btns{display:flex;flex-direction:column;gap:10px;width:100%;max-width:260px;}
    .ov-btns .ov-btn{width:100%;}
    .ov-btn.ov-ghost{background:#fff;color:#3A2F2A;border:2px solid #f0dcb4;}
    .confetti{position:absolute;width:10px;height:10px;border-radius:3px;top:-20px;z-index:9;pointer-events:none;}

    #adscreen{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#241f2e;display:none;flex-direction:column;
      align-items:center;justify-content:center;gap:16px;z-index:20;color:#FFF4E2;}
    #adscreen.show{display:flex;}
    #interstitial{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#1a1628;display:none;flex-direction:column;
      align-items:center;justify-content:center;gap:16px;z-index:19;color:#FFF4E2;}
    #interstitial.show{display:flex;}
    .ad-label{font-size:12px;color:#8a7fa0;letter-spacing:1px;}
    .ad-box{font-size:22px;font-weight:600;text-align:center;padding:0 30px;}
    .ad-timer{font-size:14px;color:#b6a9cf;}

    .sharecard{background:#fff;border:2px solid #f0dcb4;border-radius:20px;padding:20px;width:280px;max-width:84vw;}
    .sc-top{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;margin-bottom:12px;}
    .sc-day{font-size:12px;color:#9a8a78;}
    .sc-res{font-size:20px;font-weight:700;margin:2px 0 14px;}
    .sc-grid{display:grid;gap:6px;margin-bottom:14px;}
    .sc-grid span{aspect-ratio:1;border-radius:7px;}
    .share-row{display:flex;gap:10px;}
    .share-row button{flex:1;height:46px;border:none;border-radius:14px;color:#fff;font-size:20px;cursor:pointer;
      font-family:inherit;display:flex;align-items:center;justify-content:center;}
    .share-row button:active{transform:scale(.95);}

    #levels{padding:0;overflow:hidden;display:flex;flex-direction:column;}
    .roadmap-topbar{padding:12px 16px 8px;flex-shrink:0;}
    .roadmap-progress-chip{min-width:52px;height:34px;padding:0 10px;border-radius:12px;
      background:#fff;border:2px solid #f0dcb4;font-weight:700;font-size:12px;color:#9a7b45;
      display:flex;align-items:center;justify-content:center;white-space:nowrap;}
    .roadmap-rescued-bar{display:flex;align-items:center;gap:8px;padding:8px 14px 10px;
      overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
    .roadmap-rescued-bar::-webkit-scrollbar{display:none;}
    .roadmap-rescued-bar:empty{display:none;}
    .roadmap-rescued-label{font-size:11px;font-weight:700;color:#7a9eb5;text-transform:uppercase;
      letter-spacing:.4px;flex-shrink:0;padding-right:4px;}
    .roadmap-rescued-chip{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:4px 10px 4px 4px;
      background:#fff;border:2px solid #d4eef5;border-radius:999px;font-size:11px;font-weight:600;color:#5a7a8a;}
    .roadmap-rescued-chip canvas{width:26px;height:26px;display:block;}
    .roadmap-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
    .roadmap-sea{position:relative;min-height:100%;padding:28px 0 48px;
      background:linear-gradient(180deg,#b8ecf5 0%,#8fd4e8 38%,#6ec0dc 100%);}
    .roadmap-sea::before{content:'';position:absolute;inset:0;opacity:.35;pointer-events:none;
      background:radial-gradient(ellipse 120% 80% at 20% 10%,#fff 0%,transparent 55%),
        radial-gradient(ellipse 90% 60% at 80% 40%,#fff 0%,transparent 50%);}
    .roadmap-trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;}
    .roadmap-trail path{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;
      opacity:.55;stroke-dasharray:10 8;}
    .roadmap-nodes{position:relative;z-index:1;}
    .roadmap-zone{position:absolute;left:0;right:0;display:flex;justify-content:center;pointer-events:none;
      transform:translateY(-18px);}
    .roadmap-zone-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
      color:#fff;background:rgba(58,90,110,.42);padding:5px 14px;border-radius:999px;
      border:1.5px solid rgba(255,255,255,.45);backdrop-filter:blur(4px);}
    .island-node{position:absolute;transform:translate(-50%,-50%);border:none;background:transparent;
      padding:0;cursor:pointer;font-family:inherit;z-index:2;}
    .island-node.locked{cursor:not-allowed;}
    .island-body{position:relative;width:var(--island-w,64px);height:var(--island-h,58px);
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      border-radius:var(--blob-r,58% 42% 52% 48% / 48% 58% 42% 52%);
      background:linear-gradient(145deg,#fff8ec 0%,#f5e6c8 55%,#e8d4a8 100%);
      border:2.5px solid #e8d09a;box-shadow:0 5px 0 -1px #d4bc82,0 8px 18px rgba(40,90,110,.18);
      transition:transform .16s ease,box-shadow .16s ease;}
    .island-node:not(.locked):active .island-body{transform:scale(.94) translateY(2px);}
    .island-node.locked .island-body{background:linear-gradient(145deg,#d8eaf0,#b8d4e0);
      border-color:#9ec4d4;box-shadow:0 4px 12px rgba(30,70,90,.12);opacity:.72;}
    .island-node.done .island-body{border-color:#c9e8a0;box-shadow:0 5px 0 -1px #a8d080,0 8px 16px rgba(50,100,60,.15);}
    .island-node.current .island-body{border-color:#F5C84B;box-shadow:0 0 0 4px rgba(245,200,75,.35),
      0 6px 0 -1px #e0b040,0 10px 22px rgba(120,80,30,.22);animation:island-pulse 2.2s ease-in-out infinite;}
    @keyframes island-pulse{0%,100%{box-shadow:0 0 0 4px rgba(245,200,75,.3),0 6px 0 -1px #e0b040,0 10px 22px rgba(120,80,30,.2)}
      50%{box-shadow:0 0 0 7px rgba(245,200,75,.45),0 6px 0 -1px #e0b040,0 12px 26px rgba(120,80,30,.28)}}
    .island-num{font-weight:700;font-size:17px;color:#6b5538;line-height:1;}
    .island-node.locked .island-num{font-size:15px;opacity:.85;}
    .island-stars{font-size:9px;color:#F5C84B;letter-spacing:-1px;margin-top:2px;line-height:1;min-height:10px;}
    .island-boops{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);
      display:flex;gap:2px;justify-content:center;pointer-events:none;}
    .island-boops canvas{width:22px;height:22px;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12));}
    .island-here{position:absolute;top:-20px;left:50%;transform:translateX(-50%);
      font-size:9px;font-weight:700;color:#c99a1e;background:#fff;border:1.5px solid #F5C84B;
      padding:2px 7px;border-radius:8px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.08);}

    /* ---- koleksiyon (booplarım) ---- */
    #collection{padding:16px 20px 24px;overflow-y:auto;overflow-x:hidden;}
    .boop-count-chip{display:flex;align-items:center;gap:4px;min-width:40px;height:34px;padding:0 12px;
      border-radius:12px;background:#fff;border:2px solid #f0dcb4;font-weight:700;font-size:13px;
      color:#9a7b45;justify-content:center;white-space:nowrap;}
    .boop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px;}
    .boop-grid-empty{text-align:center;font-size:14px;color:#b39b78;margin-top:24px;line-height:1.5;padding:0 12px;}
    .boop-card{position:relative;border-radius:20px;border:2px solid #f0dcb4;background:#fff;
      padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;
      box-shadow:0 4px 0 -1px #efdcb6;transition:transform .14s ease;cursor:pointer;
      font-family:inherit;width:100%;}
    .boop-card:not(.locked):active{transform:translateY(2px) scale(.98);box-shadow:0 2px 0 -1px #efdcb6;}
    .boop-card-art{width:96px;height:96px;display:block;}
    .boop-card-name{font-weight:700;font-size:15px;color:#5a4a36;margin-top:2px;}
    .boop-card-meta{font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:#b39b78;}
    .boop-card.locked{background:#faf3e6;border-style:dashed;box-shadow:none;cursor:pointer;}
    .boop-card.locked .boop-card-art{filter:grayscale(1) brightness(1.15) opacity(.4);}
    .boop-card.locked .boop-card-name{color:#c3ad88;}
    .boop-card-lock{position:absolute;top:10px;right:12px;font-size:16px;opacity:.7;}
    .boop-card[data-rarity="rare"]{border-color:#9cc3ec;}
    .boop-card[data-rarity="rare"] .boop-card-meta{color:#3f7cbe;}
    .boop-card[data-rarity="epic"]{border-color:#c3b4f0;}
    .boop-card[data-rarity="epic"] .boop-card-meta{color:#6e5fc2;}
    .boop-card[data-rarity="legendary"]{border-color:#f3d27a;box-shadow:0 4px 0 -1px #e9c45f,0 0 0 1px #f5c84b inset;}
    .boop-card[data-rarity="legendary"] .boop-card-meta{color:#c99a1e;}
    .boop-card-power{margin-top:4px;font-size:11px;font-weight:700;color:#c99a1e;
      background:#fff8e8;border:1.5px solid #f5d89a;border-radius:10px;padding:2px 8px;}

    .boop-detail{position:absolute;inset:0;z-index:50;display:none;align-items:flex-end;justify-content:center;}
    .boop-detail.show{display:flex;}
    .boop-detail-backdrop{position:absolute;inset:0;border:none;background:rgba(36,31,46,.5);cursor:pointer;}
    .boop-detail-sheet{position:relative;width:100%;max-width:360px;padding:0 16px 28px;
      animation:boop-sheet-in .28s cubic-bezier(.2,.9,.2,1);}
    @keyframes boop-sheet-in{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
    .boop-detail-close{position:absolute;top:-42px;right:20px;width:36px;height:36px;border-radius:50%;
      border:2px solid #fff;background:rgba(255,255,255,.92);font-size:22px;line-height:1;cursor:pointer;
      color:#5a4a36;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.15);}
    .boop-detail-card{border-radius:28px;border:3px solid #f0dcb4;background:linear-gradient(180deg,#fff 0%,#fff8ec 100%);
      padding:28px 24px 24px;text-align:center;box-shadow:0 12px 40px rgba(80,50,20,.18);}
    .boop-detail-card[data-rarity="rare"]{border-color:#9cc3ec;}
    .boop-detail-card[data-rarity="epic"]{border-color:#c3b4f0;}
    .boop-detail-card[data-rarity="legendary"]{border-color:#f3d27a;box-shadow:0 12px 40px rgba(180,140,30,.22),0 0 0 1px #f5c84b inset;}
    .boop-detail-art{width:min(72vw,220px);height:min(72vw,220px);display:block;margin:0 auto 16px;}
    .boop-detail-name{font-size:26px;font-weight:700;color:#5a4a36;}
    .boop-detail-rarity{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
      color:#b39b78;margin-top:6px;}
    .boop-detail-card[data-rarity="rare"] .boop-detail-rarity{color:#3f7cbe;}
    .boop-detail-card[data-rarity="epic"] .boop-detail-rarity{color:#6e5fc2;}
    .boop-detail-card[data-rarity="legendary"] .boop-detail-rarity{color:#c99a1e;}
    .boop-detail-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px;}
    .boop-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.35px;
      padding:4px 10px;border-radius:999px;border:1.5px solid #f0dcb4;background:#fff;}
    .boop-tag-element{color:#c07a20;border-color:#f5d89a;background:#fff8ec;}
    .boop-tag-role{color:#5a7cbe;border-color:#b8d4f5;background:#f0f6ff;}
    .boop-detail-blurb{font-size:13px;color:#8a7a68;line-height:1.45;margin:10px 0 0;padding:0 4px;}
    .boop-detail-stats{margin-top:16px;display:flex;flex-direction:column;gap:8px;text-align:left;}
    .boop-stat-row{display:grid;grid-template-columns:52px 1fr 22px;align-items:center;gap:8px;}
    .boop-stat-label{font-size:12px;font-weight:700;color:#7a6a58;}
    .boop-stat-track{height:8px;border-radius:999px;background:#f0e6d4;overflow:hidden;}
    .boop-stat-fill{height:100%;border-radius:999px;transition:width .35s ease;}
    .boop-stat-fill[data-stat="hp"]{background:linear-gradient(90deg,#f08a8a,#e85d5d);}
    .boop-stat-fill[data-stat="atk"]{background:linear-gradient(90deg,#f5b84b,#e89a1a);}
    .boop-stat-fill[data-stat="def"]{background:linear-gradient(90deg,#7eb8f0,#4a90d9);}
    .boop-stat-fill[data-stat="spd"]{background:linear-gradient(90deg,#8ed9a0,#4cb86a);}
    .boop-stat-value{font-size:13px;font-weight:700;color:#5a4a36;text-align:right;}
    .boop-detail-trait{margin-top:14px;padding:10px 14px;border-radius:14px;background:#fff;
      border:2px solid #f0dcb4;display:flex;flex-direction:column;gap:2px;}
    .boop-detail-trait-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#b39b78;}
    .boop-detail-trait-name{font-size:15px;font-weight:700;color:#5a4a36;}
    .boop-detail-date{font-size:13px;color:#9a8a78;margin-top:12px;}
    .boop-detail-battle-link{font-size:12px;font-weight:600;color:#c07a20;margin-top:10px;line-height:1.4;}

    /* ---- çiftlik ---- */
    #farm{padding:0 0 20px;display:flex;flex-direction:column;overflow:hidden;}
    .farm-seeds-chip{min-width:44px;height:34px;padding:0 12px;border-radius:12px;background:#fff;
      border:2px solid #b8e0c0;font-weight:700;font-size:12px;color:#3d8a52;
      display:flex;align-items:center;justify-content:center;white-space:nowrap;}
    .farm-toolbar{padding:8px 20px 4px;}
    .farm-streak{font-size:12px;font-weight:700;color:#c99a1e;text-align:center;margin-bottom:6px;}
    .farm-crops{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:8px;}
    .farm-crop-chip{font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;background:#fff;
      border:1.5px solid #d4efd8;color:#3d8a52;}
    .farm-crop-chip.empty{opacity:.35;}
    .farm-hint{font-size:12px;color:#9a8a78;line-height:1.45;margin:8px 0 0;text-align:center;}
    .farm-harvest-all{width:100%;background:#4cb86a;color:#fff;margin-bottom:4px;}
    .farm-plots{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 20px 8px;}
    .farm-plots-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;}
    .farm-empty{text-align:center;font-size:14px;color:#b39b78;margin-top:24px;padding:0 16px;line-height:1.5;}
    .farm-plot{display:flex;flex-direction:column;align-items:center;gap:6px;
      padding:12px 10px;border-radius:18px;border:2px solid #c8e8cc;background:linear-gradient(135deg,#fff 0%,#f0faf2 100%);
      box-shadow:0 4px 0 -1px #d4efd8;}
    .farm-plot.ready{border-color:#4cb86a;box-shadow:0 0 0 1px #4cb86a inset,0 4px 0 -1px #9ed4a8;}
    .farm-plot-art{width:56px;height:56px;display:block;}
    .farm-plot-info{text-align:center;width:100%;}
    .farm-plot-name{font-weight:700;font-size:13px;color:#5a4a36;line-height:1.2;}
    .farm-plot-yield{font-size:10px;color:#6a9a72;margin-top:2px;}
    .farm-plot-neighbor{font-size:9px;font-weight:700;color:#4a9e5a;margin-top:2px;}
    .farm-plot-hearts{font-size:11px;margin-top:2px;letter-spacing:1px;color:#e8a0b0;}
    .farm-plot-actions{display:flex;flex-direction:column;gap:4px;width:100%;}
    .farm-plot-btn{border:none;border-radius:12px;padding:8px 12px;font-size:12px;font-weight:700;
      font-family:inherit;cursor:pointer;white-space:nowrap;}
    .farm-plot-btn.harvest{background:#4cb86a;color:#fff;}
    .farm-plot-btn.feed{background:#fff;border:2px solid #b8e0c0;color:#3d8a52;}
    .farm-plot-btn:disabled{opacity:.4;cursor:not-allowed;}
    .farm-market{padding:12px 20px 20px;border-top:2px solid #e8f5ea;background:#f8fdf9;}
    .farm-market-title{font-size:15px;font-weight:700;color:#5a4a36;margin:0 0 4px;}
    .farm-market-sub{font-size:11px;color:#9a8a78;margin:0 0 10px;}
    .farm-market-items{display:flex;flex-direction:column;gap:8px;}
    .farm-market-item{display:flex;align-items:center;justify-content:space-between;gap:10px;
      padding:10px 12px;border-radius:14px;background:#fff;border:2px solid #d4efd8;}
    .farm-market-item-info{flex:1;min-width:0;}
    .farm-market-item-name{font-size:13px;font-weight:700;color:#5a4a36;}
    .farm-market-item-desc{font-size:10px;color:#9a8a78;margin-top:2px;}
    .farm-market-buy{border:none;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:700;
      background:#4cb86a;color:#fff;font-family:inherit;cursor:pointer;white-space:nowrap;}
    .farm-market-buy:disabled{opacity:.35;cursor:not-allowed;}
    .farm-market-boosts{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;}
    .farm-buff-active{margin-top:10px;padding:8px 12px;border-radius:12px;background:#fff8e8;
      border:2px solid #f5d89a;font-size:12px;font-weight:600;color:#c07a20;text-align:center;}

    /* ---- arena ---- */
    #arena{padding:0 0 16px;display:flex;flex-direction:column;overflow:hidden;}
    .arena-record-chip{min-width:40px;height:34px;padding:0 12px;border-radius:12px;background:#fff;
      border:2px solid #f0dcb4;font-weight:700;font-size:12px;color:#c07a20;display:flex;align-items:center;justify-content:center;}
    .arena-pick{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 20px 20px;}
    .arena-pick-hint{font-size:14px;color:#9a8a78;text-align:center;margin:4px 0 14px;}
    .arena-empty{text-align:center;font-size:14px;color:#b39b78;margin-top:32px;line-height:1.5;}
    .arena-roster{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
    .arena-pick-card{position:relative;border-radius:18px;border:2px solid #f0dcb4;background:#fff;
      padding:12px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;
      box-shadow:0 4px 0 -1px #efdcb6;cursor:pointer;font-family:inherit;width:100%;}
    .arena-pick-card:active{transform:translateY(2px) scale(.98);}
    .arena-pick-card[data-rarity="rare"]{border-color:#9cc3ec;box-shadow:0 4px 0 -1px #7aacd6;}
    .arena-pick-card[data-rarity="epic"]{border-color:#c3b4f0;box-shadow:0 4px 0 -1px #a89ae0;}
    .arena-pick-card[data-rarity="legendary"]{border-color:#f3d27a;box-shadow:0 4px 0 -1px #e0b840,0 0 12px rgba(243,210,122,.28);}
    .arena-pick-art{width:80px;height:80px;display:block;}
    .arena-pick-name{font-weight:700;font-size:14px;color:#5a4a36;}
    .arena-pick-power{font-size:10px;font-weight:700;color:#c99a1e;margin-top:2px;}
    .arena-fight{flex:1;display:flex;flex-direction:column;padding:8px 16px 12px;min-height:0;}
    .arena-versus{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin-bottom:10px;}
    .arena-fighter{flex:1;max-width:148px;text-align:center;padding:10px 6px 8px;border-radius:18px;
      border:2px solid #f0dcb4;background:#fff;transition:transform .2s ease,box-shadow .2s ease;}
    .arena-fighter.hit{animation:arena-hit .35s ease;}
    @keyframes arena-hit{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
    .arena-fighter-player{border-color:#9cc3ec;}
    .arena-fighter-enemy{border-color:#f5a8a0;background:#fff8f6;}
    .arena-fighter-art{width:72px;height:72px;display:block;margin:0 auto 6px;}
    .arena-fighter-name{font-size:13px;font-weight:700;color:#5a4a36;line-height:1.2;}
    .arena-hp-track{height:8px;border-radius:999px;background:#f0e6d4;margin:8px 4px 4px;overflow:hidden;}
    .arena-hp-fill{height:100%;border-radius:999px;transition:width .35s ease;}
    .arena-hp-player{background:linear-gradient(90deg,#7eb8f0,#4a90d9);}
    .arena-hp-enemy{background:linear-gradient(90deg,#f08a8a,#e85d5d);}
    .arena-hp-text{font-size:11px;font-weight:600;color:#9a8a78;}
    .arena-vs{font-size:18px;font-weight:700;color:#c99a1e;padding-top:36px;flex-shrink:0;}
    .arena-log{flex:1;min-height:72px;max-height:140px;overflow-y:auto;margin:6px 0 10px;padding:10px 12px;
      border-radius:14px;background:#faf3e6;border:2px solid #f0dcb4;font-size:12px;line-height:1.55;color:#6a5a48;}
    .arena-log-line+.arena-log-line{margin-top:4px;}
    .arena-log-strong{color:#3f8c4a;font-weight:600;}
    .arena-log-weak{color:#c07a20;}
    .arena-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
    .arena-actions .gb{min-height:44px;font-size:15px;padding:12px 8px;}
    .arena-btn-cut{background:#c07a20;color:#fff;}
    .arena-btn-cut:disabled{opacity:.35;background:#d4a574;}
    .arena-trait-hint{font-size:11px;color:#9a8a78;text-align:center;margin:6px 0 0;line-height:1.35;}
    .arena-result{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;
      background:rgba(36,31,46,.55);padding:24px;}
    .arena-result-card{background:#FFF4E2;border-radius:22px;padding:24px 20px;text-align:center;
      max-width:300px;width:100%;box-shadow:0 12px 40px rgba(0,0,0,.2);}
    .arena-result-title{font-size:26px;font-weight:700;color:#5a4a36;margin:0 0 8px;}
    .arena-result-sub{font-size:14px;color:#9a8a78;margin:0 0 18px;line-height:1.45;}
    .arena-result .ov-btn{width:100%;margin-top:8px;}

    #settings{padding:0 0 24px;}
    .settings-body{display:flex;flex-direction:column;gap:20px;padding:8px 20px 0;}
    .settings-section{display:flex;flex-direction:column;gap:2px;}
    .settings-section-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
      color:#b39b78;padding:0 4px 6px;}
    .setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;
      background:#fff;border:2px solid #f0dcb4;border-radius:0;}
    .setting-row:first-of-type,.settings-section .setting-row:first-child{border-radius:16px 16px 0 0;}
    .settings-section .setting-row:last-child{border-radius:0 0 16px 16px;}
    .settings-section .setting-row:only-child{border-radius:16px;}
    .settings-section .setting-row+.setting-row{border-top:none;}
    .setting-row label:first-child{font-weight:600;}
    .setting-sub{font-size:12px;color:#b39b78;margin-top:2px;font-weight:400;}
    /* toggle switch */
    .toggle-switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0;}
    .toggle-switch input{opacity:0;width:0;height:0;position:absolute;}
    .toggle-track{position:absolute;inset:0;border-radius:999px;background:#ddd;transition:background .2s;}
    .toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
      background:#fff;box-shadow:0 1px 4px #0002;transition:transform .2s;}
    .toggle-switch input:checked~.toggle-track{background:#7ecb8f;}
    .toggle-switch input:checked~.toggle-track .toggle-thumb{transform:translateX(20px);}
    /* danger row */
    .setting-row--danger{gap:12px;}
    .settings-danger-btn{padding:6px 16px;border-radius:10px;border:2px solid #f4a0a0;background:#fff5f5;
      color:#c84040;font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0;}
    .settings-danger-btn:hover{background:#fde8e8;}
    /* confirm */
    .settings-confirm{padding:12px 16px 14px;background:#fff5f5;border:2px solid #f4a0a0;
      border-top:none;border-radius:0 0 16px 16px;margin-top:-2px;}
    .settings-confirm p{font-size:13px;color:#c84040;margin:0 0 10px;}
    .settings-confirm-actions{display:flex;gap:8px;}
    .settings-confirm-cancel{flex:1;padding:8px;border-radius:10px;border:2px solid #f0dcb4;
      background:#fff;font-weight:600;cursor:pointer;}
    .settings-confirm-ok{flex:1;padding:8px;border-radius:10px;border:none;
      background:#c84040;color:#fff;font-weight:700;cursor:pointer;}
    .settings-section--about{margin-top:4px;}
    .ver{font-size:12px;color:#b39b78;text-align:center;padding:4px 0 0;}

    .toast{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:#3A2F2A;color:#FFF4E2;
      padding:10px 18px;border-radius:14px;font-size:14px;opacity:0;transition:opacity .3s;z-index:30;pointer-events:none;}
    .toast.show{opacity:1;}

    .offline-chip{
      position:absolute;top:calc(env(safe-area-inset-top,8px) + 8px);left:50%;transform:translateX(-50%);
      background:#3A2F2A;color:#FFF4E2;font-size:11px;font-weight:600;padding:6px 14px;border-radius:12px;
      z-index:31;pointer-events:none;opacity:.92;max-width:90%;text-align:center;white-space:nowrap;
    }
    .offline-chip.hidden{display:none!important;}

    .pwa-modal{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(36,31,46,.55);display:none;align-items:center;
      justify-content:center;z-index:25;padding:24px;}
    .pwa-modal.show{display:flex;}
    .pwa-card{background:#FFF4E2;border-radius:22px;padding:24px;max-width:300px;text-align:center;
      border:2px solid #f0dcb4;}
    .pwa-title{font-size:22px;font-weight:700;margin-bottom:10px;}
    .pwa-body{font-size:14px;color:#9a8a78;line-height:1.45;margin-bottom:16px;}

    /* ---- mobil / PWA tam ekran kabuk ---- */
    html{touch-action:manipulation;-webkit-text-size-adjust:100%;}
    html.mobile-shell body{padding:0;background:#FFF4E2;background-image:none;}
    html.mobile-shell .phone{
      max-width:none;width:100%;height:100dvh;max-height:none;border:none;border-radius:0;
      box-shadow:none;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);
    }
    html.standalone .phone{padding-top:max(env(safe-area-inset-top,0),8px);}

    .screen.enter .stage canvas{animation:board-in .38s cubic-bezier(.2,.8,.2,1);}
    @keyframes board-in{0%{transform:scale(.92);opacity:.5}100%{transform:scale(1);opacity:1}}

    canvas{box-shadow:0 10px 28px rgba(120,80,30,.14);}
    .moves.bump{animation:move-bump .28s ease;}
    @keyframes move-bump{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}

    .star-goal{font-size:10px;color:#c3ad88;font-weight:500;margin-top:3px;text-align:center;}
    .star-goal .sg-stars{color:#F5C84B;letter-spacing:-1px;font-size:9px;}

    .stage.shake{animation:stage-shake .18s ease;}
    @keyframes stage-shake{
      0%,100%{transform:translateX(0)}
      25%{transform:translateX(-3px)}
      75%{transform:translateX(3px)}
    }

    .mbtn,.back,.icon-btn,button.gb,.ov-btn,.lvl-cell:not(.locked),.menu-play,.menu-sec,.menu-nav-btn:not(:disabled){min-height:44px;}

    /* ---- Tier 3: UI chrome motion ---- */
    /* yön bazlı ekran geçişi (ileri=sağdan, geri=soldan) */
    .screen.active.enter.nav-fwd{animation:screen-in-fwd .34s cubic-bezier(.2,.8,.2,1);}
    .screen.active.enter.nav-back{animation:screen-in-back .34s cubic-bezier(.2,.8,.2,1);}
    @keyframes screen-in-fwd{0%{opacity:.25;transform:translateX(26px) scale(.985)}100%{opacity:1;transform:none}}
    @keyframes screen-in-back{0%{opacity:.25;transform:translateX(-26px) scale(.985)}100%{opacity:1;transform:none}}

    /* yıldız chip — artışta zıplama */
    .menu-stars-chip.pop{animation:chip-pop .42s cubic-bezier(.2,.9,.3,1);}
    @keyframes chip-pop{0%{transform:scale(1)}35%{transform:scale(1.14)}100%{transform:scale(1)}}

    /* wordmark — menüye girişte parçalı pop */
    #menu.active.enter .menu-brand-part,
    #menu.active.enter .menu-brand-o{animation:brand-pop .5s cubic-bezier(.2,1.3,.4,1) backwards;display:inline-block;}
    #menu.active.enter .menu-brand-part:nth-child(1){animation-delay:.04s}
    #menu.active.enter .menu-brand-part:nth-child(2){animation-delay:.11s}
    #menu.active.enter .menu-brand-o{animation-delay:.18s}
    @keyframes brand-pop{0%{opacity:0;transform:translateY(10px) scale(.82)}100%{opacity:1;transform:none}}

    /* reduced-motion: tüm ortam/giriş hareketleri kapanır */
    @media (prefers-reduced-motion: reduce){
      .screen.active.enter.nav-fwd,.screen.active.enter.nav-back,
      .screen.enter .stage canvas,
      .menu-float-boop,.menu-play::after,
      #menu.active.enter .menu-brand-part,#menu.active.enter .menu-brand-o,
      .menu-stars-chip.pop{animation:none!important;}
    }