:root{--ink: #12314a;--ink-soft: #35566f;--paper: rgba(255, 255, 255, .94);--sun-1: #ffd75e;--sun-2: #ff9d2e;--sun-edge: #d97706;--berry-1: #a78bfa;--berry-2: #7c3aed;--berry-edge: #5b21b6;--leaf-1: #86ef7d;--leaf-2: #22c55e;--leaf-edge: #15803d;--sky-1: #67c6f5;--sky-2: #2f9ad6;--danger: #ff5964;--gold: #f5b301;--r-lg: 26px;--r-md: 18px;--shadow-panel: 0 18px 44px rgba(9, 42, 68, .35);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:Nunito,Segoe UI,system-ui,sans-serif;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}#gl{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui>*{pointer-events:none}#ui button,#ui input,#ui .card,#ui .modal-panel,#ui select{pointer-events:auto}.hidden{display:none!important}.layer{position:absolute;inset:0}.layer.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.8vh,16px);padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l))}.btn{pointer-events:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;font-family:inherit;font-weight:900;color:#fff;letter-spacing:.04em;border-radius:var(--r-md);padding:14px 28px;font-size:clamp(15px,2.2vh,18px);min-height:48px;min-width:48px;text-shadow:0 2px 0 rgba(0,0,0,.22);transition:transform .06s ease,box-shadow .06s ease,filter .15s ease}.btn:active{transform:translateY(4px)}.btn:disabled{filter:saturate(.25) brightness(.85);cursor:default}.btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.btn-primary{background:linear-gradient(180deg,var(--sun-1),var(--sun-2));box-shadow:0 6px 0 var(--sun-edge),0 12px 24px #092a444d;color:#6b3a00;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn-primary:active{box-shadow:0 2px 0 var(--sun-edge),0 6px 12px #092a444d}.btn-xl{font-size:clamp(20px,3.4vh,28px);padding:18px 64px;border-radius:22px;animation:breathe 2.6s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.btn-xl:active{animation:none;transform:translateY(4px)}.btn-ad{background:linear-gradient(180deg,var(--berry-1),var(--berry-2));box-shadow:0 6px 0 var(--berry-edge),0 12px 24px #092a4447}.btn-ad:active{box-shadow:0 2px 0 var(--berry-edge)}.btn-ad.earned{background:linear-gradient(180deg,var(--leaf-1),var(--leaf-2));box-shadow:0 6px 0 var(--leaf-edge)}.btn-secondary{background:linear-gradient(180deg,#6ec3ef,#3d9bd4);box-shadow:0 6px #1f6ea3,0 12px 24px #092a4440}.btn-secondary:active{box-shadow:0 2px #1f6ea3}.btn-ghost{background:#12314a24;color:var(--ink);text-shadow:none;box-shadow:inset 0 0 0 2.5px #12314a47}.ad-badge{font-size:11px;letter-spacing:.14em;background:#00000047;border-radius:7px;padding:3px 7px}.icon-btn{pointer-events:auto;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:16px;background:var(--paper);box-shadow:0 5px #092a4447,0 10px 20px #092a4438;color:var(--ink);transition:transform .06s ease,box-shadow .06s ease}.icon-btn:active{transform:translateY(3px);box-shadow:0 2px #092a4447}.icon-btn svg{width:26px;height:26px}.chip{display:inline-flex;align-items:center;gap:8px;background:#0a263c9e;color:#fff;font-weight:800;border-radius:999px;padding:8px 16px 8px 10px;font-size:clamp(14px,2vh,17px);box-shadow:0 4px 12px #092a444d,inset 0 0 0 2px #ffffff24;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.chip svg{width:22px;height:22px;flex:none}.chip b{font-weight:900;font-variant-numeric:tabular-nums}.chip.bump b{animation:bump .25s ease}@keyframes bump{50%{transform:scale(1.3)}}#menu{z-index:30}.corner{position:absolute}.corner.tl{top:calc(14px + var(--safe-t));left:calc(14px + var(--safe-l))}.corner.tr{top:calc(14px + var(--safe-t));right:calc(14px + var(--safe-r))}.logo{text-align:center;margin-bottom:clamp(0px,1vh,10px)}.logo-word{font-size:clamp(26px,5.2vh,44px);font-weight:900;letter-spacing:.12em;color:#fff;text-shadow:0 3px 0 rgba(13,60,94,.85),0 10px 24px rgba(9,42,68,.5)}.logo-word .accent{color:var(--sun-1)}.logo-tiles{display:flex;gap:clamp(6px,1.2vh,10px);justify-content:center;margin-top:clamp(6px,1.4vh,12px);perspective:300px}.logo-tiles span{width:clamp(46px,8.5vh,70px);height:clamp(46px,8.5vh,70px);display:flex;align-items:center;justify-content:center;border-radius:22%;color:#fff;font-size:clamp(26px,5vh,42px);font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.25);box-shadow:0 7px #00000038,0 14px 28px #092a4466,inset 0 -6px #00000024,inset 0 3px #ffffff40;animation:tileFloat 3.2s ease-in-out infinite}.logo-tiles span:nth-child(1){background:linear-gradient(180deg,#83db69,#55b93c);transform:rotate(-6deg);animation-delay:0s}.logo-tiles span:nth-child(2){background:linear-gradient(180deg,#4fd4d2,#23a5a3);transform:rotate(3deg);animation-delay:.25s}.logo-tiles span:nth-child(3){background:linear-gradient(180deg,#ffb45e,#f5872c);transform:rotate(-3deg);animation-delay:.5s}.logo-tiles span:nth-child(4){background:linear-gradient(180deg,#ff7d85,#ec4550);transform:rotate(6deg);animation-delay:.75s}@keyframes tileFloat{0%,to{translate:0 0}50%{translate:0 -7px}}.tagline{color:#ffffffeb;font-weight:800;font-size:clamp(13px,2vh,17px);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 2px 6px rgba(9,42,68,.55)}#name-input{pointer-events:auto;width:min(74vw,290px);text-align:center;font-family:inherit;font-weight:900;font-size:clamp(16px,2.4vh,20px);color:var(--ink);background:var(--paper);border:3px solid rgba(18,49,74,.15);border-bottom:5px solid rgba(18,49,74,.3);border-radius:16px;padding:11px 16px;outline:none;transition:border-color .15s ease}#name-input:focus{border-color:var(--sun-2)}#name-input::placeholder{color:#90a8ba;font-weight:800}.menu-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}#hud{z-index:20}.hud-tl{position:absolute;top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hud-tr{position:absolute;top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));display:flex;flex-direction:column;gap:8px;align-items:flex-end}#lb{background:#0a263c8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:18px;padding:10px 14px;min-width:168px;box-shadow:0 6px 16px #092a444d,inset 0 0 0 2px #ffffff1f}#lb .lb-title{color:#ffffffbf;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}#lb .lb-row{display:flex;align-items:baseline;gap:7px;color:#fff;font-weight:800;font-size:13.5px;line-height:1.65;font-variant-numeric:tabular-nums}#lb .lb-row .rank{opacity:.75;width:16px;font-size:12px}#lb .lb-row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}#lb .lb-row .val{font-weight:900}#lb .lb-row.me{color:var(--sun-1)}#lb .lb-row:nth-child(2) .rank{color:#ffd75e;opacity:1}#lb .lb-row:nth-child(3) .rank{color:#d8e5ee;opacity:1}#lb .lb-row:nth-child(4) .rank{color:#f0a868;opacity:1}#btn-boost{position:absolute;right:calc(20px + var(--safe-r));bottom:calc(24px + var(--safe-b));width:84px;height:84px;border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle at 50% 35%,#ffe28a,var(--sun-2));box-shadow:0 7px 0 var(--sun-edge),0 14px 30px #092a4459,inset 0 3px #fff6;color:#7a4103;display:none;align-items:center;justify-content:center;transition:transform .07s ease,box-shadow .07s ease}#btn-boost svg{width:40px;height:40px}#btn-boost.pressed,#btn-boost:active{transform:translateY(5px);box-shadow:0 2px 0 var(--sun-edge),0 8px 16px #092a4459}@media(pointer:coarse){#btn-boost{display:flex}}.hint{position:absolute;left:50%;bottom:calc(14vh + var(--safe-b));transform:translate(-50%);background:#0a263c99;color:#fff;font-weight:800;font-size:clamp(13px,2vh,16px);border-radius:999px;padding:9px 20px;white-space:nowrap;opacity:0;transition:opacity .5s ease}.hint.show{opacity:1}.modal{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#071e318c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:calc(12px + var(--safe-t)) 12px calc(12px + var(--safe-b));pointer-events:auto!important}.modal-panel{position:relative;background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-panel),inset 0 0 0 3px #ffffffa6;padding:clamp(18px,3.4vh,30px);width:min(94vw,520px);max-height:calc(100vh - 40px - var(--safe-t) - var(--safe-b));display:flex;flex-direction:column;animation:panelIn .28s cubic-bezier(.22,1.4,.4,1)}@keyframes panelIn{0%{transform:translateY(26px) scale(.94);opacity:0}to{transform:none;opacity:1}}.modal-title{font-size:clamp(20px,3vh,26px);font-weight:900;letter-spacing:.03em;margin-bottom:14px;padding-right:48px}.modal-x{position:absolute;top:14px;right:14px;width:42px;height:42px;border:none;cursor:pointer;border-radius:13px;background:#12314a1a;color:var(--ink);font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .06s ease}.modal-x:hover{background:#12314a2e}.modal-x:active{transform:scale(.9)}.shop-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.shop-head .chip{background:#12314ad9}.btn-coins{background:linear-gradient(180deg,var(--berry-1),var(--berry-2));box-shadow:0 5px 0 var(--berry-edge);padding:9px 16px;font-size:14px;border-radius:14px;min-height:44px}.shop-grid{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:12px;padding:4px 2px 2px;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}.card{position:relative;background:#fff;border-radius:20px;padding:10px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 4px #12314a1f,0 8px 18px #12314a1a;border:3px solid transparent;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.card:hover{transform:translateY(-3px)}.card.equipped{border-color:var(--leaf-2)}.card.shake{animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.card canvas{width:100%;height:auto;border-radius:12px}.card .card-name{font-weight:900;font-size:13.5px;text-align:center}.card .card-cta{width:100%;border:none;cursor:pointer;font-family:inherit;font-weight:900;font-size:13px;color:#fff;border-radius:12px;padding:8px 6px;min-height:38px;display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(180deg,var(--sun-1),var(--sun-2));box-shadow:0 4px 0 var(--sun-edge);color:#6b3a00;text-shadow:none;transition:transform .06s ease,box-shadow .06s ease}.card .card-cta:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sun-edge)}.card .card-cta.own{background:linear-gradient(180deg,#6ec3ef,#3d9bd4);box-shadow:0 4px #1f6ea3;color:#fff}.card .card-cta.eq{background:linear-gradient(180deg,var(--leaf-1),var(--leaf-2));box-shadow:0 4px 0 var(--leaf-edge);color:#fff}.card .card-cta svg{width:15px;height:15px}.tut-row{display:flex;align-items:center;gap:14px;padding:10px 2px;font-weight:800;font-size:clamp(14px,2.1vh,16.5px);color:var(--ink-soft)}.tut-ico{flex:none;width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff}.tut-ico svg{width:27px;height:27px}.tut-ico.i1{background:linear-gradient(180deg,#6ec3ef,#3d9bd4)}.tut-ico.i2{background:linear-gradient(180deg,#83db69,#55b93c)}.tut-ico.i3{background:linear-gradient(180deg,#ffb45e,#f5872c)}.tut-ico.i4{background:linear-gradient(180deg,#ff7d85,#ec4550)}#over{z-index:40;background:#071e3173}.over-panel{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-panel);padding:clamp(20px,3.6vh,34px) clamp(20px,4vw,38px);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,14px);width:min(92vw,430px);animation:panelIn .32s cubic-bezier(.22,1.4,.4,1)}.over-title{font-size:clamp(26px,4.6vh,38px);font-weight:900;letter-spacing:.06em;color:var(--danger);text-shadow:0 2px 0 rgba(18,49,74,.12)}.over-cause{font-weight:800;color:var(--ink-soft);text-align:center}.over-best{color:#b45309;background:linear-gradient(180deg,#fff3c9,#ffe58a);font-weight:900;border-radius:999px;padding:6px 18px;animation:bump .5s ease .3s}.stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:4px 0}.stat{background:#12314a12;border-radius:16px;padding:10px 18px;text-align:center;min-width:88px}.stat .v{font-size:clamp(20px,3vh,26px);font-weight:900;font-variant-numeric:tabular-nums}.stat .l{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.stat.gold{background:linear-gradient(180deg,#fff3c9,#ffe9a3)}.stat.gold .v{color:#b45309}.over-actions{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}#toasts{position:absolute;top:calc(76px + var(--safe-t));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:80;width:max-content;max-width:92vw}.toast{background:#0a263ce0;color:#fff;font-weight:800;font-size:clamp(13px,2vh,15.5px);border-radius:999px;padding:10px 22px;box-shadow:0 8px 20px #092a4466;animation:toastIn .3s cubic-bezier(.22,1.4,.4,1);text-align:center;max-width:92vw}.toast.kill{background:linear-gradient(180deg,#ff8f6b,#f04e35)}.toast.gold{background:linear-gradient(180deg,#f8c33b,#e09000);color:#5b3a00}.toast.out{opacity:0;transition:opacity .4s ease,transform .4s ease;transform:translateY(-10px)}@keyframes toastIn{0%{transform:translateY(-14px) scale(.9);opacity:0}to{transform:none;opacity:1}}#adsim{z-index:90;background:#04101be6}.adsim-panel{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;font-weight:800;text-align:center}.adsim-ring{width:92px;height:92px;border-radius:50%;border:6px solid rgba(255,255,255,.2);border-top-color:var(--sun-1);animation:spin 1s linear infinite;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900}@keyframes spin{to{rotate:360deg}}.adsim-note{font-size:12px;opacity:.6;letter-spacing:.08em;text-transform:uppercase}#pause-ov{z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#071e31a8;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:auto!important}.pause-title{color:#fff;font-size:clamp(30px,5.4vh,46px);font-weight:900;letter-spacing:.1em;text-shadow:0 4px 0 rgba(0,0,0,.25)}.pause-sub{color:#fffc;font-weight:800}@media(max-height:560px){.logo-tiles span{width:40px;height:40px;font-size:22px}.layer.center{gap:7px}#lb .lb-row:nth-child(n+5){display:none}}@media(max-width:430px){#lb{min-width:140px;padding:8px 11px}#lb .lb-row{font-size:12.5px}.btn-xl{padding:16px 46px}}@media(prefers-reduced-motion:reduce){.btn-xl,.logo-tiles span,.boot-cube{animation:none}}