:root{--font: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--accent: #22e6ff;--accent-2: #7c5cff;--accent-rgb: 34, 230, 255;--accent-2-rgb: 124, 92, 255;--bg: #07070f;--bg-2: #0e0e1c;--surface: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .1);--text: #f3f4ff;--text-2: rgba(243, 244, 255, .65);--text-3: rgba(243, 244, 255, .4);--shadow: 0 10px 40px rgba(0, 0, 0, .5);--glow: 0 0 24px rgba(var(--accent-rgb), .45), 0 0 60px rgba(var(--accent-rgb), .2);--glow-soft: 0 0 16px rgba(var(--accent-rgb), .25);--good: #5cff9d;--warn: #ffd34f;--bad: #ff5c7a;--scene-overlay: rgba(0, 0, 0, 0);--radius: 22px;--radius-sm: 14px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ease: cubic-bezier(.2, .9, .3, 1.2);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme=white]{--bg: #f6f7fd;--bg-2: #ffffff;--surface: rgba(255, 255, 255, .75);--surface-2: rgba(255, 255, 255, .95);--border: rgba(20, 20, 60, .08);--text: #15172b;--text-2: rgba(21, 23, 43, .65);--text-3: rgba(21, 23, 43, .4);--shadow: 0 10px 40px rgba(40, 40, 90, .12);--glow: 0 0 20px rgba(var(--accent-rgb), .35), 0 0 50px rgba(var(--accent-rgb), .15);--glow-soft: 0 0 14px rgba(var(--accent-rgb), .2);--good: #16b35d;--warn: #d99a00;--bad: #e03a5a}:root[data-accent=cyan]{--accent: #22e6ff;--accent-2: #7c5cff;--accent-rgb: 34, 230, 255;--accent-2-rgb: 124, 92, 255}:root[data-accent=pink]{--accent: #ff5fb8;--accent-2: #ff9ad5;--accent-rgb: 255, 95, 184;--accent-2-rgb: 255, 154, 213}:root[data-accent=purple]{--accent: #a36bff;--accent-2: #ff5fd2;--accent-rgb: 163, 107, 255;--accent-2-rgb: 255, 95, 210}:root[data-accent=lime]{--accent: #b8ff5c;--accent-2: #22e6ff;--accent-rgb: 184, 255, 92;--accent-2-rgb: 34, 230, 255}:root[data-accent=orange]{--accent: #ff9d5c;--accent-2: #ff5fb8;--accent-rgb: 255, 157, 92;--accent-2-rgb: 255, 95, 184}:root[data-accent=mint]{--accent: #5cffd4;--accent-2: #5c9dff;--accent-rgb: 92, 255, 212;--accent-2-rgb: 92, 157, 255}:root[data-theme=white][data-accent=cyan]{--accent: #06b6d4;--accent-rgb: 6, 182, 212}:root[data-theme=white][data-accent=lime]{--accent: #65c100;--accent-rgb: 101, 193, 0}:root[data-theme=white][data-accent=mint]{--accent: #10b394;--accent-rgb: 16, 179, 148}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}body{position:fixed;inset:0;overflow:hidden}#app{position:absolute;inset:0;overflow:hidden}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}input{font:inherit}h1,h2,h3,p{margin:0}.hidden{display:none!important}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);animation:screen-in .35s var(--ease-out)}.screen.leaving{animation:screen-out .25s ease-in forwards}@keyframes screen-in{0%{opacity:0;transform:translateY(14px) scale(.985)}}@keyframes screen-out{to{opacity:0;transform:translateY(-10px) scale(.985)}}.screen.sheet{background:var(--bg)}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px 24px}.topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:56px}.topbar h1{font-size:20px;font-weight:900;letter-spacing:-.01em;flex:1}.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:18px;transition:transform .15s var(--ease),background .2s}.icon-btn:active{transform:scale(.9);background:var(--surface-2)}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow)}.card+.card{margin-top:12px}.card h2{font-size:15px;font-weight:800;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.muted{color:var(--text-2)}.small{font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:999px;font-weight:800;font-size:16px;background:var(--surface-2);border:1px solid var(--border);transition:transform .15s var(--ease),box-shadow .2s,opacity .2s;min-height:50px}.btn:active{transform:scale(.95)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0a0a14;border:0;box-shadow:var(--glow)}:root[data-theme=white] .btn.primary{color:#fff}.btn.ghost{background:transparent}.btn.block{width:100%}.btn:disabled{opacity:.4;pointer-events:none}.btn.danger{background:#ff5c7a26;color:var(--bad)}.input{width:100%;padding:14px 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:17px;font-weight:700;outline:none;text-align:center}.input:focus{border-color:var(--accent);box-shadow:var(--glow-soft)}.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:0}.row .label{flex:1;font-weight:700}.row .label small{display:block;color:var(--text-2);font-weight:500;font-size:12px}.toggle{width:52px;height:30px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);position:relative;transition:background .2s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--text-2);transition:transform .25s var(--ease),background .2s}.toggle.on{background:var(--accent);box-shadow:var(--glow-soft)}.toggle.on:after{transform:translate(22px);background:#0a0a14}:root[data-theme=white] .toggle.on:after{background:#fff}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:40px;height:40px;border-radius:50%;border:3px solid transparent;transition:transform .15s var(--ease)}.swatch.on{border-color:var(--text);transform:scale(1.1)}.seg{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px}.seg button{flex:1;padding:10px;border-radius:999px;font-weight:800;color:var(--text-2)}.seg button.on{background:var(--surface-2);color:var(--text);box-shadow:var(--glow-soft)}.toasts{position:absolute;top:calc(var(--safe-top) + 124px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:50}.toast{background:var(--surface-2);border:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:10px 16px;border-radius:999px;font-weight:800;font-size:14px;display:flex;gap:8px;align-items:center;box-shadow:var(--shadow);animation:toast-in .4s var(--ease),toast-out .3s ease-in 2.6s forwards;max-width:90vw}.toast.good{border-color:#5cff9d66;box-shadow:0 0 20px #5cff9d40}.toast.bad{border-color:#ff5c7a66}.toast.ley{border-color:#ff5fb880;box-shadow:0 0 20px #ff5fb84d}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px) scale(.9)}}@keyframes toast-out{to{opacity:0;transform:translateY(-10px)}}.modal-bg{position:absolute;inset:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:40;animation:fade-in .2s;padding:16px;padding-bottom:calc(var(--safe-bottom) + 16px)}@keyframes fade-in{0%{opacity:0}}.modal{width:100%;max-width:440px;background:var(--bg-2);border:1px solid var(--border);border-radius:28px;padding:22px 20px;box-shadow:var(--shadow);animation:modal-in .35s var(--ease-out);max-height:85vh;overflow-y:auto}@keyframes modal-in{0%{transform:translateY(40px);opacity:0}}.modal h2{font-size:22px;font-weight:900;margin-bottom:6px}.modal p{color:var(--text-2);margin-bottom:16px;line-height:1.5}.modal .actions{display:flex;gap:10px;margin-top:8px}.modal .actions .btn{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:13px;font-weight:800}.pill.accent{color:var(--accent);border-color:rgba(var(--accent-rgb),.4)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (prefers-reduced-motion: reduce){:root{--ease: ease}}:root[data-motion=reduced] *{animation-duration:.01s!important;transition-duration:.01s!important}.home{background:var(--bg)}.scene{position:absolute;inset:0;z-index:0;overflow:hidden}.scene-back,.scene-front{position:absolute;inset:0;overflow:hidden}.scene-front{z-index:2;pointer-events:none}.scene-layer{position:absolute;inset:-6%;will-change:transform;transition:transform .25s ease-out}.scene-layer svg{width:100%;height:100%;display:block}.fx-host,.fx-canvas{position:absolute;inset:0;pointer-events:none}.home.lights-off .scene-front{opacity:.3;transition:opacity 1.2s}.scene-thumb{position:absolute;inset:0}.scene-thumb svg{width:100%;height:100%;display:block}.scene .night{position:absolute;inset:0;background:#02020a;opacity:0;transition:opacity 1.2s;pointer-events:none;z-index:1}.scene.lights-off .night{opacity:.82}.home .topbar{position:relative;z-index:3}.pet-switch{display:flex;gap:6px;align-items:center}.pet-dot{width:8px;height:8px;border-radius:50%;background:var(--text-3);transition:all .25s var(--ease)}.pet-dot.on{width:22px;border-radius:999px;background:var(--accent);box-shadow:var(--glow-soft)}.stats{position:relative;z-index:3;display:flex;justify-content:center;gap:10px;padding:4px 12px}.stat{width:48px;height:48px;position:relative;display:grid;place-items:center;transition:transform .2s var(--ease)}.stat:active{transform:scale(.9)}.stat svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.stat circle{fill:none;stroke-width:4;stroke-linecap:round}.stat .track{stroke:var(--surface-2)}.stat .bar{stroke:var(--accent);transition:stroke-dashoffset .8s var(--ease-out),stroke .4s;filter:drop-shadow(0 0 4px rgba(var(--accent-rgb),.7))}.stat.low .bar{stroke:var(--bad);filter:drop-shadow(0 0 4px rgba(255,92,122,.8));animation:pulse 1.2s infinite}.stat.mid .bar{stroke:var(--warn);filter:drop-shadow(0 0 4px rgba(255,211,79,.6))}.stat .ico{font-size:18px;line-height:1}@keyframes pulse{50%{opacity:.45}}.stage{position:relative;flex:1;z-index:1;display:flex;align-items:flex-end;justify-content:center;min-height:0}.pet-wrap{position:absolute;bottom:18%;left:50%;width:min(62vw,300px);aspect-ratio:1;transform:translate(-50%);transition:transform .6s var(--ease-out);will-change:transform}.pet-wrap svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 22px 24px rgba(0,0,0,.45))}:root[data-theme=white] .pet-wrap svg{filter:drop-shadow(0 18px 20px rgba(40,40,90,.25))}.pet-body{transform-origin:100px 180px;animation:breathe 3.2s ease-in-out infinite}.pet-wrap.sleeping .pet-body{animation:breathe 5s ease-in-out infinite}.pet-wrap.dead .pet-body{animation:none;filter:grayscale(1) brightness(.7)}.pet-wrap.egg .pet-body{animation:egg-wobble 3s ease-in-out infinite;transform-origin:100px 185px}.pet-wrap.hop .pet-body{animation:hop .5s var(--ease)}.pet-wrap.wiggle .pet-body{animation:wiggle .5s ease-in-out}.pet-wrap.flip .pet-body{animation:flip .7s var(--ease-out)}.pet-wrap.hatching .pet-body{animation:hatch-shake .12s linear infinite}.pet-wrap.flipped,.pet-wrap.flipped.flipped-walk{transform:translate(-50%) scaleX(-1)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025,.975)}}@keyframes egg-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-2deg)}70%{transform:rotate(0)}}@keyframes hop{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-26px) scale(.95,1.06)}60%{transform:translateY(0) scale(1.06,.94)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes flip{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-40px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}@keyframes hatch-shake{0%{transform:translate(-2px) rotate(-2deg)}to{transform:translate(2px) rotate(2deg)}}.eye-lid{transform-origin:center;animation:blink 4.5s infinite}@keyframes blink{0%,94%,to{transform:scaleY(0)}96%,98%{transform:scaleY(1)}}.zzz{font-size:20px;font-weight:900;fill:var(--text);opacity:0;animation:zzz 2.4s infinite}.zzz.z2{animation-delay:.8s}.zzz.z3{animation-delay:1.6s}@keyframes zzz{0%{opacity:0;transform:translate(0) scale(.7)}30%{opacity:1}to{opacity:0;transform:translate(18px,-40px) scale(1.2)}}.poop{position:absolute;bottom:17%;font-size:34px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.4));animation:pop-in .4s var(--ease);transition:transform .2s}.poop:active{transform:scale(.8)}@keyframes pop-in{0%{transform:scale(0)}}.flies{position:absolute;font-size:14px;animation:fly 2s ease-in-out infinite}@keyframes fly{0%,to{transform:translate(0)}25%{transform:translate(8px,-6px)}50%{transform:translate(-6px,-10px)}75%{transform:translate(6px,-3px)}}.bubble{position:absolute;z-index:4;left:50%;bottom:calc(18% + min(62vw,300px) + 6px);transform:translate(-50%);background:var(--surface-2);border:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:12px 16px;font-weight:800;font-size:15px;max-width:82vw;text-align:center;box-shadow:var(--shadow);animation:bubble-in .35s var(--ease);line-height:1.4}.bubble:after{content:"";position:absolute;left:50%;bottom:-8px;width:16px;height:16px;background:inherit;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:translate(-50%) rotate(45deg)}.bubble.ley{border-color:#ff5fb880;box-shadow:0 0 24px #ff5fb84d}.bubble .actions{display:flex;gap:8px;margin-top:10px}.bubble .actions .btn{flex:1;min-height:42px;padding:8px 14px;font-size:14px}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.9)}}.petinfo{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px 8px;flex-wrap:wrap}.petinfo .name{font-size:22px;font-weight:900}.actionbar{position:relative;z-index:3;display:flex;justify-content:space-between;gap:6px;padding:10px 12px calc(10px + var(--safe-bottom));background:linear-gradient(to top,var(--bg) 60%,transparent)}.action{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:18px;transition:transform .15s var(--ease),background .2s;position:relative}.action:active{transform:scale(.88)}.action .ico{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;font-size:24px;background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow .3s}.action.alert .ico{box-shadow:0 0 0 2px var(--bad),0 0 18px #ff5c7a99;animation:pulse 1.2s infinite}.action .lbl{font-size:11px;font-weight:800;color:var(--text-2)}.action:disabled{opacity:.35}.particles{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.particle{position:absolute;font-size:22px;animation:particle 1.2s var(--ease-out) forwards;will-change:transform,opacity}@keyframes particle{0%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.1) rotate(var(--rot));opacity:0}}.glow-pulse{position:absolute;left:50%;bottom:14%;width:60vw;height:10vw;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(var(--accent-rgb),.5),transparent 70%);filter:blur(10px);z-index:1;pointer-events:none}.badge{padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:800;color:var(--text-2)}.badge.sick{color:var(--bad);border-color:#ff5c7a66}.onboard{justify-content:center;align-items:center;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 30%,rgba(var(--accent-rgb),.18),transparent 60%),var(--bg)}.onboard .logo{width:140px;height:140px;margin-bottom:20px;filter:drop-shadow(0 0 30px rgba(var(--accent-rgb),.5));animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}.onboard h1{font-size:36px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.onboard p{color:var(--text-2);margin:10px 0 24px;max-width:320px;line-height:1.5}.onboard form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}.onboard .link{color:var(--text-2);font-weight:700;text-decoration:underline;margin-top:8px}.species-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.species-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transition:transform .15s var(--ease),border-color .2s,box-shadow .2s}.species-card:active{transform:scale(.96)}.species-card.selected{border-color:var(--accent);box-shadow:var(--glow)}.species-card svg{width:110px;height:110px;overflow:visible}.species-card .nm{font-weight:900;font-size:16px}.species-card .tg{font-size:11px;color:var(--text-2);line-height:1.3}.species-card.locked svg{filter:grayscale(1) brightness(.4) blur(1px)}.species-card.locked .lock{position:absolute;top:10px;right:10px;font-size:18px}.species-card .lockinfo{font-size:11px;color:var(--accent);font-weight:800}.pet-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;transition:transform .15s var(--ease)}.pet-row:active{transform:scale(.97)}.pet-row.active{border-color:var(--accent);box-shadow:var(--glow-soft)}.pet-row svg{width:64px;height:64px;overflow:visible;flex-shrink:0}.pet-row .info{flex:1;text-align:left}.pet-row .info b{font-size:17px;display:block}.pet-row .info span{font-size:12px;color:var(--text-2)}.mini-bars{display:flex;gap:3px;margin-top:6px}.mini-bars i{display:block;width:22px;height:4px;border-radius:2px;background:var(--surface-2);position:relative;overflow:hidden}.mini-bars i:after{content:"";position:absolute;inset:0;width:var(--v);background:var(--accent)}.mini-bars i.low:after{background:var(--bad)}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene-card{position:relative;border-radius:var(--radius);overflow:hidden;height:120px;border:1px solid var(--border);display:flex;flex-direction:column;justify-content:flex-end;padding:10px;text-align:left;transition:transform .15s var(--ease),box-shadow .2s}.scene-card:active{transform:scale(.96)}.scene-card.selected{box-shadow:0 0 0 2px var(--accent),var(--glow)}.scene-card b{color:#fff;font-size:15px;text-shadow:0 2px 8px rgba(0,0,0,.6);position:relative}.scene-card small{color:#ffffffd9;font-size:11px;position:relative;text-shadow:0 2px 8px rgba(0,0,0,.6)}.scene-card .lock{position:absolute;inset:0;background:#0000008c;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;text-align:center;padding:10px}.ach{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.ach:last-child{border-bottom:0}.ach .ico{width:44px;height:44px;border-radius:14px;background:var(--surface-2);display:grid;place-items:center;font-size:22px;flex-shrink:0}.ach.done .ico{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--glow-soft)}.ach.todo{opacity:.55}.ach b{display:block}.ach span{font-size:12px;color:var(--text-2)}.game-grid{display:flex;flex-direction:column;gap:12px}.game-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;transition:transform .15s var(--ease)}.game-card:active{transform:scale(.97)}.game-card .ico{font-size:36px}.game-card b{display:block;font-size:17px}.game-card span{font-size:12px;color:var(--text-2)}.game-area{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;padding-top:calc(var(--safe-top) + 70px);text-align:center;overflow:hidden;touch-action:none}.game-hud{position:absolute;top:calc(var(--safe-top) + 64px);left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:3}.game-big{font-size:64px;font-weight:900;line-height:1}.ring-game{width:260px;height:260px;position:relative}.ring-game .target{position:absolute;inset:0;border-radius:50%;border:4px solid var(--accent);box-shadow:var(--glow)}.ring-game .shrink{position:absolute;inset:0;border-radius:50%;border:4px solid var(--accent-2);transform:scale(2.2);opacity:.9}.ring-game .core{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.5),transparent 70%)}.falling{position:absolute;top:0;margin-left:-17px;font-size:34px;will-change:transform;filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.5))}.catcher{position:absolute;bottom:calc(var(--safe-bottom) + 90px);width:110px;height:110px;transform:translate(-50%);will-change:transform,left}.catcher svg{width:100%;height:100%;overflow:visible}.memo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(80vw,320px)}.memo-pad{aspect-ratio:1;border-radius:24px;background:var(--surface);border:2px solid var(--border);font-size:44px;display:grid;place-items:center;transition:transform .1s,box-shadow .1s,background .1s}.memo-pad.lit,.memo-pad:active{background:rgba(var(--accent-rgb),.35);box-shadow:var(--glow);transform:scale(1.05);border-color:var(--accent)}.ley-header{text-align:center;padding:10px 0 18px}.ley-points{font-size:48px;font-weight:900;color:var(--accent);text-shadow:0 0 24px rgba(var(--accent-rgb),.6);line-height:1}.shop-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.shop-item:last-child{border-bottom:0}.shop-item .ico{font-size:28px;width:44px;text-align:center}.shop-item .info{flex:1}.shop-item .info b{display:block}.shop-item .info span{font-size:12px;color:var(--text-2)}.sync{font-size:11px;color:var(--text-3);text-align:center;padding:6px}