:root{--ink: #3b2a4d;--ink-soft: #6b5a7a;--paper: #fffaf0;--card: #ffffff;--yellow: #ffd84a;--orange: #ffb45e;--green: #7ee06a;--purple: #c9b3ff;--pink: #ff7ab0;--red: #ff5a6e;--sky: #5ab7ef;--shadow: 0 3px 0 var(--ink);--font: "Baloo 2", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#5ab7ef;color:var(--ink);font-family:var(--font);user-select:none;-webkit-user-select:none;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}svg{display:block}#tank{position:fixed;inset:0;width:100%;height:100%;touch-action:none;display:block;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body[data-mode=clean] #tank{cursor:none}body[data-mode=arrange] #tank{cursor:grab}#hud{position:fixed;top:0;left:0;right:0;padding:calc(var(--safe-t) + 14px) 14px 0;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:5;max-width:760px;margin:0 auto}#hud>*{pointer-events:auto}.topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.logo{margin:0;font-size:26px;font-weight:800;line-height:1;color:#fff;letter-spacing:-.5px;text-shadow:2px 2px 0 var(--ink),-1.5px -1.5px 0 var(--ink),1.5px -1.5px 0 var(--ink),-1.5px 1.5px 0 var(--ink),0 4px 0 var(--ink)}.logo span{color:var(--yellow);margin-left:2px}.hud-btns{display:flex;gap:8px}.pill{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px 0 10px;border:2.5px solid var(--ink);border-radius:999px;background:#fff;box-shadow:var(--shadow);font-weight:800;font-size:16px;transition:transform .08s}.pill svg{width:24px;height:24px}.pill:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.pill.round{width:42px;padding:0;justify-content:center}.pill.shop{background:var(--yellow)}.stats{display:grid;grid-template-columns:1.15fr .9fr 1.15fr .9fr;gap:6px}.chip{display:flex;align-items:center;gap:5px;height:36px;padding:0 8px 0 6px;border:2.5px solid var(--ink);border-radius:12px;background:#ffffffeb;box-shadow:0 2px 0 var(--ink);min-width:0}.chip svg{width:22px;height:22px;flex:none}.chip b{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip.alert{background:#ffe3e6;animation:wiggle 1.2s ease-in-out infinite}#st-algae.alert{background:#e3f7cf;animation:none}.chip.bump{animation:bump .4s ease-out}.offline{align-self:center;background:#fff4d6;border:2px solid var(--ink);border-radius:999px;padding:2px 12px;font-size:13px;font-weight:700}#actions{position:fixed;left:50%;bottom:calc(var(--safe-b) + 14px);transform:translate(-50%);display:flex;gap:10px;z-index:5}body:not([data-mode=normal]) #actions{display:none}.act{position:relative;display:flex;align-items:center;gap:6px;height:54px;padding:0 16px 0 12px;border:3px solid var(--ink);border-radius:18px;box-shadow:0 4px 0 var(--ink);font-weight:800;font-size:16px;white-space:nowrap;transition:transform .08s}.act svg{width:28px;height:28px}.act:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.act.feed{background:var(--orange)}.act.clean{background:var(--green)}.act.arrange{background:var(--purple)}.act.ready{animation:pulse 1.4s ease-in-out infinite}.act .badge{position:absolute;top:-10px;right:-8px;min-width:24px;height:24px;padding:0 6px;border:2.5px solid var(--ink);border-radius:999px;background:var(--red);color:#fff;font-style:normal;font-size:13px;font-weight:800;line-height:19px;text-align:center}.act .badge:empty{display:none}#modebar{position:fixed;left:50%;bottom:calc(var(--safe-b) + 14px);transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border:3px solid var(--ink);border-radius:999px;background:#fff;box-shadow:0 4px 0 var(--ink);z-index:5;font-weight:700;white-space:nowrap;max-width:calc(100vw - 24px)}#modebar[hidden]{display:none}#modebar span{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis}#modebar span svg{width:26px;height:26px;flex:none}#modebar .pill{background:var(--green);height:40px;padding:0 16px}#toasts{position:fixed;top:calc(var(--safe-t) + 118px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:6;pointer-events:none;width:min(92vw,460px)}.toast{padding:6px 14px;border:2.5px solid var(--ink);border-radius:14px;background:#fff;box-shadow:0 3px 0 var(--ink);font-weight:700;font-size:14.5px;text-align:center;animation:toast-in .3s cubic-bezier(.2,1.4,.4,1);transition:opacity .35s,transform .35s}.toast.good{background:#e9ffe0}.toast.warn{background:#fff4d6}.toast.bad{background:#ffe3e6}.toast.hide{opacity:0;transform:translateY(-8px)}#sheet-wrap{position:fixed;inset:0;z-index:10;background:#1e143c00;display:flex;align-items:flex-end;justify-content:center;transition:background .25s}#sheet-wrap.open{background:#1e143c59}#sheet-wrap[hidden]{display:none}#sheet{width:100%;max-width:600px;max-height:min(84vh,760px);display:flex;flex-direction:column;background:var(--paper);border:3px solid var(--ink);border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 -4px #3b2a4d26;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,1,.3,1);user-select:text;-webkit-user-select:text}#sheet-wrap.open #sheet{transform:none}@media(min-width:700px){#sheet-wrap{align-items:center}#sheet{border-bottom:3px solid var(--ink);border-radius:26px;box-shadow:0 6px 0 var(--ink)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 8px 18px}.sheet-head h2{margin:0;display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800;line-height:1.1}.sheet-head h2>svg{width:28px;height:28px;flex:none}.sheet-credits{font-size:16px;margin-left:4px;padding:0 10px;border:2px solid var(--ink);border-radius:999px;background:#fff}.sheet-head .pill.round{width:38px;height:38px;flex:none}.sheet-head .pill svg{width:20px;height:20px}#sheet-body{overflow-y:auto;padding:0 16px calc(var(--safe-b) + 18px);-webkit-overflow-scrolling:touch}.coin{display:inline-flex;align-items:center;gap:3px;font-weight:800;white-space:nowrap}.coin svg{width:1.15em;height:1.15em}.tabs{position:sticky;top:0;z-index:2;display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;background:var(--paper);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs.more-right{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.tabs.more-left{-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%);mask-image:linear-gradient(90deg,transparent,#000 15%)}.tabs.more-left.more-right{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}@media(hover:hover)and (pointer:fine){.tabs{flex-wrap:wrap;overflow-x:visible;-webkit-mask-image:none!important;mask-image:none!important}}.tab{display:flex;align-items:center;gap:5px;flex:none;height:38px;padding:0 12px 0 8px;border:2.5px solid var(--ink);border-radius:999px;background:#fff;font-weight:800;font-size:15px}.tab svg{width:22px;height:22px}.tab.on{background:var(--yellow);box-shadow:0 2px 0 var(--ink)}.shop-info{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:14px;color:var(--ink-soft);line-height:1.3}.shop-info svg{width:22px;height:22px;flex:none}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.card{display:flex;flex-direction:column;gap:4px;padding:8px;border:2.5px solid var(--ink);border-radius:16px;background:var(--card);box-shadow:0 3px #3b2a4d40}.card.owned{background:#f3ffe9}.card .thumb{height:84px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(#d8f3ff,#9fd8f7);overflow:hidden}.card .thumb img{max-width:92%;max-height:76px}.card .thumb.bg img{width:100%;height:100%;max-height:none;max-width:none;object-fit:cover}.card .name{font-weight:800;font-size:16px;line-height:1.15;margin-top:2px}.card .desc{font-size:12.5px;color:var(--ink-soft);line-height:1.25}.tags{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 4px}.tags span{font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:#efe8ff;line-height:1.5}.tags span.gold{background:#fff2bf}.tags.stats span{font-size:13px}.tank-thumb svg{width:56px;height:56px}.tank-thumb.lvl0 svg{width:36px;height:36px}.tank-thumb.lvl1 svg{width:46px;height:46px}.tank-thumb.lvl3 svg{width:66px;height:66px}.tank-thumb.lvl4 svg{width:76px;height:76px}.buy{margin-top:auto;height:38px;border:2.5px solid var(--ink);border-radius:12px;background:var(--yellow);box-shadow:0 3px 0 var(--ink);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:4px}.buy.alt{background:var(--green)}.buy:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.buy:disabled{background:#eee7f3;box-shadow:none;color:var(--ink-soft)}.buy.poor:disabled{background:#ffe3e6;color:#b3475a}.fish-head{display:flex;align-items:center;gap:12px;margin:4px 0 12px}.fish-head h3{margin:0;font-size:24px;line-height:1.1}.fish-head .sub{font-size:14px;color:var(--ink-soft);font-weight:600}.fish-head .sub.small{font-size:12.5px}.thumb.big{width:112px;height:84px;flex:none;display:grid;place-items:center;border:2.5px solid var(--ink);border-radius:16px;background:linear-gradient(#d8f3ff,#9fd8f7)}.thumb.big img{max-width:92%;max-height:74px}.thumb.dead img{filter:grayscale(1);transform:scaleY(-1);opacity:.8}.stage{padding:0 8px;border-radius:999px;font-weight:800;color:var(--ink)}.stage.s0{background:#d8f3ff}.stage.s1{background:#d9ffd0}.stage.s2{background:#ffe9b0}.stage.s3{background:var(--yellow)}.bar-row{display:grid;grid-template-columns:70px 1fr 46px;align-items:center;gap:8px;font-weight:800;font-size:15px}.bar-row span{text-align:right}.bar{position:relative;height:16px;border:2.5px solid var(--ink);border-radius:10px;background:#fff;overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;border-radius:6px;transition:width .4s}.bar i.good{background:linear-gradient(#9ff08a,#5fcf5a)}.bar i.warn{background:linear-gradient(#ffd98a,#ffb45e)}.bar i.bad{background:linear-gradient(#ff9aa6,#ff5a6e)}.bar i.grow{background:linear-gradient(#bde8ff,#5ab7ef)}.bar b{position:absolute;top:0;bottom:0;width:2px;background:#3b2a4d59}.note{margin:6px 0 12px;font-size:14px;line-height:1.35;color:var(--ink-soft)}.note b{color:var(--ink)}.note.small{font-size:12.5px}.note.sad{font-size:15px}.lead{margin:0 0 10px;font-size:16px;font-weight:600}.price-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:4px 0 12px;border:2.5px dashed var(--ink);border-radius:14px;background:#fffbe0;font-weight:700}.price-row b{font-size:20px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.big-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 14px;border:3px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);background:#fff;font-weight:800;font-size:16px}.big-btn svg{width:26px;height:26px}.big-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.big-btn:disabled{opacity:.5;box-shadow:none}.big-btn.feed{background:var(--orange)}.big-btn.sell{background:var(--yellow)}.big-btn.net{background:#bfeaff;width:100%}.big-btn.alt{background:var(--green)}.big-btn.wide{width:100%;margin-top:6px}section{margin-bottom:16px}section h4{margin:0 0 6px;font-size:17px}.name-form{display:flex;gap:8px;margin-top:8px}.name-form input{flex:1;min-width:0;height:48px;padding:0 14px;border:3px solid var(--ink);border-radius:14px;font:inherit;font-size:17px;font-weight:700;color:var(--ink);background:#fff}.name-form .big-btn{flex:none}.toggles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.toggle{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border:2px solid var(--ink);border-radius:14px;background:#fff;font-weight:700;text-align:left}.toggle svg{width:26px;height:26px;flex:none}.toggle span{flex:1}.toggle em{font-style:normal;font-size:13px;padding:2px 10px;border-radius:999px;background:#e9e3ef;color:var(--ink-soft)}.toggle.on em{background:var(--green);color:var(--ink)}#btn-sound[aria-pressed=false]{background:#eee8f3}.light-btn{align-self:flex-end;position:relative}.light-btn:before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--lc, #fff);opacity:.55}.light-btn svg{position:relative}@media(max-width:380px){.hud-btns{gap:6px}.pill.round{width:38px;height:38px}.hud-btns .pill.shop{height:38px}}.pets{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.pet{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:2px solid var(--ink);border-radius:14px;background:#fff;text-align:left}.pet img{width:48px;height:36px;object-fit:contain}.pet span{flex:1;display:flex;flex-direction:column;line-height:1.15;min-width:0}.pet small{color:var(--ink-soft);font-size:12px}.pet em{font-style:normal}.log{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto;border:2px solid var(--ink);border-radius:14px;background:#fff}.log li{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;font-size:13.5px;border-bottom:1.5px dashed #e6dcef}.log li:last-child{border-bottom:0}.log time{flex:none;color:var(--ink-soft);font-size:12px}.help{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.help li{display:flex;gap:10px;align-items:center;font-size:14.5px;line-height:1.3;padding:6px 10px;background:#fff;border:2px solid var(--ink);border-radius:14px}.help li svg{width:30px;height:30px;flex:none}#loading{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(#c9f0ff,#5ab7ef 60%,#1f6fb8);color:#fff;font-weight:800;font-size:18px;text-shadow:0 2px 0 var(--ink);text-align:center;transition:opacity .5s}#loading.done{opacity:0;pointer-events:none}#loading button{font-weight:800;padding:8px 18px;border:3px solid var(--ink);border-radius:14px;background:var(--yellow);box-shadow:var(--shadow)}.loader{display:flex;gap:10px}.loader .bubble{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#ffffff4d;animation:rise 1s ease-in-out infinite}.loader .bubble:nth-child(2){animation-delay:.15s}.loader .bubble:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes rise{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:none}}@media(max-width:380px){#hud{padding-left:10px;padding-right:10px}.logo{font-size:22px}.chip{padding:0 5px 0 4px;gap:3px;height:34px}.chip svg{width:18px;height:18px}.chip b{font-size:14px}.act{padding:0 11px 0 8px;font-size:14.5px;height:50px}.act svg{width:24px;height:24px}#actions{gap:7px}}@media(max-width:330px){.act span{display:none}.act{padding:0 12px}}@media(prefers-reduced-motion:reduce){.act.ready,.chip.alert{animation:none}}#fx{position:fixed;inset:0;pointer-events:none;z-index:3;overflow:hidden}#fx [hidden]{display:none!important}.hunger{position:absolute;left:-15px;top:-30px;width:30px;height:26px;border-radius:13px;background:#ffffffe0;box-shadow:0 2px 8px #00142859;backdrop-filter:blur(4px);will-change:transform}.hunger:before{content:"";position:absolute;inset:6px 7px;background:radial-gradient(circle at 20% 60%,#8a4a22 0 3px,transparent 3.5px),radial-gradient(circle at 50% 35%,#b8672e 0 3px,transparent 3.5px),radial-gradient(circle at 80% 60%,#6a3a1a 0 3px,transparent 3.5px)}.hunger:after{content:"";position:absolute;left:11px;bottom:-5px;border:5px solid transparent;border-top-color:#ffffffe0;border-bottom:0}.hunger.starving{background:#ff465aeb;animation:pulse .8s ease-in-out infinite}.hunger.starving:after{border-top-color:#ff465aeb}.hunger.starving:before{content:"!";inset:0;background:none;color:#fff;font-weight:900;font-size:18px;line-height:26px;text-align:center}.float-text{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-size:26px;text-shadow:0 2px 0 var(--ink),0 0 12px rgba(0,0,0,.35);-webkit-text-stroke:1.5px var(--ink);animation:float-up 1.6s ease-out forwards}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-260%) scale(1)}}.sparkle{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;background:radial-gradient(circle,#fff 0 2px,rgba(255,255,255,.7) 3px,transparent 12px);animation:sparkle .7s ease-out forwards}@keyframes sparkle{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2)}}.item-box{position:absolute;left:0;top:0;border:2px dashed rgba(255,255,255,.85);border-radius:12px;background:#ffffff0f;box-shadow:0 0 0 1px #0003}.item-box.active{border-color:var(--yellow);background:#ffd84a1f}#sponge-cursor{position:fixed;left:-30px;top:-22px;width:60px;height:44px;z-index:4;pointer-events:none;border-radius:12px;background:linear-gradient(#57c24a 0 34%,transparent 34%),radial-gradient(circle at 30% 70%,#d9a320 0 2.5px,transparent 3px),radial-gradient(circle at 60% 80%,#d9a320 0 2px,transparent 2.5px),radial-gradient(circle at 78% 58%,#d9a320 0 2.5px,transparent 3px),#ffd84a;border:2.5px solid var(--ink);box-shadow:0 6px 14px #00000059}#sponge-cursor[hidden]{display:none}.gacha-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border:2.5px solid var(--ink);border-radius:18px;background:radial-gradient(circle at 50% 35%,#fff6d6,#ffd6e8 60%,#d9c8ff);box-shadow:0 3px #3b2a4d40}.gacha-hero{position:relative;width:120px;height:110px;animation:wiggle 2.2s ease-in-out infinite}.gacha-hero .g-lid{position:absolute;left:0;right:0;top:0}.gacha-hero .g-base{position:absolute;left:0;right:0;top:30px}.gacha-hero svg{width:100%;display:block}.buy.big{width:100%;max-width:340px;height:50px;font-size:18px}.gacha-card .note{margin:0;text-align:center}.odds-title{margin:14px 0 6px;font-size:16px}.odds{display:grid;gap:6px}.odds-row{padding:6px 10px 8px;border:2px solid var(--ink);border-left:8px solid var(--rc);border-radius:14px;background:#fff}.odds-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.odds-head b{color:var(--ink)}.odds-head span{font-weight:800;color:var(--ink-soft)}.odds-items{display:flex;flex-wrap:wrap;gap:4px}.odds-items img{width:48px;height:36px;object-fit:contain;border-radius:8px;background:linear-gradient(#e8f7ff,#bfe6fb)}.rarity-badge{padding:0 8px;border-radius:999px;background:linear-gradient(90deg,#ffe07a,#ffb31f);color:var(--ink);font-weight:800}#gacha{--rc: #ffffff;position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#462d78eb,#120c28f5 70%);animation:g-fade .25s ease-out}#gacha[hidden]{display:none}#gacha.out{opacity:0;transition:opacity .25s}.g-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.g-rays{position:absolute;left:50%;top:42%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;background:repeating-conic-gradient(var(--rc) 0 7deg,transparent 7deg 18deg);-webkit-mask:radial-gradient(circle,#000 0,rgba(0,0,0,.5) 18%,transparent 45%);mask:radial-gradient(circle,#000 0,rgba(0,0,0,.5) 18%,transparent 45%);opacity:0;transition:opacity .5s;pointer-events:none}#gacha[data-stage=open] .g-rays,#gacha[data-stage=result] .g-rays{opacity:.45;animation:g-spin 14s linear infinite}#gacha[data-rarity=legend] .g-rays{background:repeating-conic-gradient(#ffd84a 0 6deg,transparent 6deg 12deg,#ff9cc4 12deg 18deg,transparent 18deg 24deg,#9fe7ff 24deg 30deg,transparent 30deg 36deg)}.g-stage{position:relative;z-index:2;width:240px;height:240px;display:grid;place-items:center}.g-box{position:relative;width:200px;height:190px;padding:0;border:0;background:none;cursor:pointer}.g-box svg{display:block;width:100%}.g-lid{position:absolute;left:-4%;right:-4%;top:0;z-index:2;transform-origin:30% 100%}.g-base{position:absolute;left:0;right:0;top:52px}.g-glow{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(circle,var(--rc) 0,transparent 65%);opacity:0;transform:scale(.6);transition:opacity .4s,transform .8s}#gacha[data-stage=intro] .g-box{animation:g-drop .55s cubic-bezier(.3,1.5,.5,1) both}.g-box.jolt{animation:g-jolt .45s ease-in-out}#gacha[data-stage=charge] .g-box{animation:g-tremble .07s linear infinite;filter:brightness(1.15)}#gacha[data-stage=charge] .g-glow{opacity:1;transform:scale(1.4);transition-duration:.9s}#gacha[data-stage=open] .g-lid,#gacha[data-stage=result] .g-lid{animation:g-lid-fly .7s cubic-bezier(.2,.7,.4,1) forwards}#gacha[data-stage=open] .g-base,#gacha[data-stage=result] .g-base{animation:g-sink .6s ease-out forwards}#gacha[data-stage=open] .g-glow,#gacha[data-stage=result] .g-glow{opacity:.9;transform:scale(1.8)}.g-prize{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;z-index:3}.g-prize img{width:240px;max-width:70vw;filter:drop-shadow(0 0 14px var(--rc)) drop-shadow(0 4px 0 rgba(0,0,0,.25))}#gacha[data-stage=open] .g-prize,#gacha[data-stage=result] .g-prize{animation:g-pop .8s cubic-bezier(.3,1.6,.5,1) .12s both}#gacha[data-stage=result] .g-prize img{animation:g-bob 2.4s ease-in-out infinite}.g-hint{position:relative;z-index:2;min-height:26px;margin:0;color:#fff;font-weight:800;font-size:19px;text-shadow:0 2px 0 var(--ink);animation:pulse 1.2s ease-in-out infinite}.g-result{position:relative;z-index:4;width:min(100%,380px);padding:14px 16px;border:3px solid var(--ink);border-radius:20px;background:var(--paper);box-shadow:0 5px 0 var(--ink);text-align:center;opacity:0;transform:translateY(20px);pointer-events:none}.g-result:empty{display:none}#gacha[data-stage=result] .g-result{opacity:1;transform:none;pointer-events:auto;transition:opacity .3s,transform .35s cubic-bezier(.3,1.5,.5,1)}.g-result h3{margin:2px 0 4px;font-size:24px;line-height:1.1}.g-result p{margin:0 0 12px;color:var(--ink-soft);font-size:14.5px;line-height:1.35}.g-tier{display:inline-flex;align-items:center;gap:8px;padding:2px 14px;border:2.5px solid var(--ink);border-radius:999px;background:var(--rc);color:var(--ink);font-weight:800;font-size:15px;letter-spacing:1px;text-transform:uppercase}.g-new{color:#7b4dd6}.g-stars{color:#fff;text-shadow:0 1px 0 var(--ink);letter-spacing:1px}.g-stars span{color:#3b2a4d40;text-shadow:none}#gacha[data-rarity=legend] .g-tier{background:linear-gradient(90deg,#ffe07a,#ffb31f,#ff9cc4,#9fe7ff,#ffe07a);background-size:300% 100%;animation:g-shine 2.5s linear infinite}.g-result .btn-row .big-btn{font-size:15px;white-space:nowrap}.g-result .coin svg{width:20px;height:20px}@keyframes g-fade{0%{opacity:0}to{opacity:1}}@keyframes g-spin{to{transform:rotate(360deg)}}@keyframes g-drop{0%{transform:translateY(-120vh) rotate(-12deg)}to{transform:none}}@keyframes g-jolt{0%,to{transform:none}20%{transform:translate(-6px,-10px) rotate(-9deg)}45%{transform:translate(6px,-4px) rotate(8deg)}70%{transform:translate(-3px) rotate(-4deg)}}@keyframes g-tremble{0%{transform:translate(-3px,1px) rotate(-2deg)}50%{transform:translate(3px,-2px) rotate(2deg)}to{transform:translate(-3px,1px) rotate(-2deg)}}@keyframes g-lid-fly{to{transform:translate(-40px,-260px) rotate(-40deg);opacity:0}}@keyframes g-sink{to{transform:translateY(70px) scale(.85);opacity:.35}}@keyframes g-pop{0%{opacity:0;transform:translateY(60px) scale(.2)}to{opacity:1;transform:translateY(-10px) scale(1)}}@keyframes g-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes g-shine{to{background-position:300% 0}}@media(prefers-reduced-motion:reduce){#gacha[data-stage] .g-rays,#gacha[data-stage=charge] .g-box{animation:none}.g-box.jolt{animation-duration:.2s}.gacha-hero,.g-hint,#gacha[data-stage=result] .g-prize img{animation:none}}.big-btn.book{background:#efe6ff;justify-content:flex-start;position:relative;margin:0 0 16px}.big-btn.book span{flex:1;text-align:left}.big-btn.book em{font-style:normal;font-size:14px;padding:2px 10px;border-radius:999px;background:#fff;border:2px solid var(--ink)}.dot,.has-dot:after{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border:2.5px solid var(--ink);border-radius:50%;background:var(--red);content:"";animation:pulse 1.2s ease-in-out infinite}#btn-menu{position:relative}.coll-set{margin-bottom:12px;padding:10px;border:2.5px solid var(--ink);border-radius:16px;background:#fff;box-shadow:0 3px #3b2a4d33}.coll-set.done{background:#f3ffe9}.coll-set.legend{background:linear-gradient(135deg,#fff8dc,#ffe9f3 55%,#eaf4ff)}.coll-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:16px}.coll-head span{font-weight:800;color:var(--ink-soft)}.coll-set .bar{margin-bottom:8px}.entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;margin-bottom:8px}.entry{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border-radius:12px;background:linear-gradient(#eef2f6,#dde4ec);text-align:center}.entry.got{background:linear-gradient(#e2f6ff,#b9e3fa)}.entry img{width:64px;height:44px;object-fit:contain}.entry:not(.got) img{filter:brightness(0) opacity(.28)}.entry span{font-size:11.5px;font-weight:700;line-height:1.15}.entry:not(.got) span{color:var(--ink-soft);letter-spacing:2px}.coll-set .buy{width:100%}.chip[hidden],.act[hidden],.pill[hidden]{display:none!important}.act.water{background:#9fdcff}body.hud5 .stats{grid-template-columns:1.15fr .85fr 1.1fr .85fr .85fr}body.hud5 #actions{gap:8px}body.hud5 .act{padding:0 13px 0 10px}@media(max-width:430px){body.hud5 .stats{gap:4px;grid-template-columns:1.05fr .8fr 1.05fr .85fr .95fr}body.hud5 .chip{padding:0 3px;gap:2px}body.hud5 .chip svg{width:16px;height:16px}body.hud5 .chip b{font-size:12.5px;overflow:visible}body.hud5 .act{padding:0 8px 0 6px;font-size:13px;gap:3px;height:48px}body.hud5 .act svg{width:20px;height:20px}body.hud5 #actions{gap:5px}}body[data-habitat=hamster] #sponge-cursor{width:46px;height:30px;left:-23px;top:-10px;border-radius:6px 6px 14px 14px;background:repeating-linear-gradient(90deg,#ffd166 0 4px,#e9b43a 4px 6px)}body[data-habitat=hamster] #sponge-cursor:after{content:"";position:absolute;left:18px;top:-34px;width:7px;height:36px;border:2px solid var(--ink);border-radius:4px;background:#b87840;transform:rotate(18deg);transform-origin:bottom center}.dust{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#eadbb8;opacity:.8;animation:dust .9s ease-out forwards}@keyframes dust{0%{transform:scale(.4) translateY(0);opacity:.85}to{transform:scale(1.9) translateY(-14px);opacity:0}}.habitats{display:grid;gap:8px}.habitat{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:2.5px solid var(--ink);border-radius:16px;background:#fff;box-shadow:0 3px 0 var(--ink);text-align:left}.habitat svg{width:40px;height:40px;flex:none}.habitat span{flex:1;display:flex;flex-direction:column;line-height:1.2}.habitat small{color:var(--ink-soft);font-size:12.5px}.habitat em{font-style:normal;font-weight:800;padding:2px 10px;border-radius:999px;background:var(--yellow);border:2px solid var(--ink)}.habitat.here{background:#f3ffe9;box-shadow:none}.habitat.here em{background:var(--green)}.unlock-card{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;border:2.5px dashed var(--ink);border-radius:16px;background:#fff7e6}.unlock-card>svg{width:44px;height:44px;flex:none}.unlock-card>div{flex:1;display:flex;flex-direction:column;gap:3px;line-height:1.25}.unlock-card small{color:var(--ink-soft);font-size:12.5px}.unlock-card em{font-style:normal;font-weight:800}.unlock-card.open{border-style:solid;background:#f3ffe9}.unlock-card .buy{margin:0;padding:0 14px}.unlock-hero{display:grid;place-items:center;margin:4px 0 6px}.unlock-hero svg{width:110px;height:110px;animation:bump 1.2s ease-in-out infinite}.center{text-align:center}#switching{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(#fbe6c8,#e8b87a);color:#fff;font-weight:800;font-size:18px;text-shadow:0 2px 0 var(--ink);opacity:0;transition:opacity .4s}#switching.on{opacity:1}body[data-habitat=hamster] #loading{background:linear-gradient(#fdf1dc,#eac48e 60%,#c98f52)}body[data-habitat=reptil] #loading{background:linear-gradient(#ffd8a0,#e0a878 60%,#c8885a)}body[data-habitat=kupu] #loading{background:linear-gradient(#a8dcff,#e0f4ff 55%,#8ad06a)}body[data-habitat=burung] #loading{background:linear-gradient(#bfe6ff,#e8f6e0 60%,#9ad07a)}body[data-habitat=bakau] #loading{background:linear-gradient(#bfe0d8,#6a8a6a 50%,#3a2e22)}body[data-habitat=laut] #loading{background:linear-gradient(#5fc8ee,#1a6fb0 55%,#0a2e5a)}body[data-habitat=koi] #loading{background:linear-gradient(#bfe3f2,#8fc7a8 26%,#2e6a58 27%,#173a30)}.game-art.koi{background:linear-gradient(#8fd0c0,#2e6a58)}.trim-mark{position:absolute;left:-15px;top:-34px;width:30px;height:30px;display:grid;place-items:center;font-size:16px;border-radius:50%;background:#ffffffe6;box-shadow:0 2px 8px #00142859;will-change:transform}.trim-mark.full{background:#fff1b8;animation:mark-glow 1s ease-in-out infinite}@keyframes mark-glow{50%{box-shadow:0 0 0 5px #ffd84a8c,0 2px 8px #00142859}}.leaf-bit{position:absolute;width:12px;height:6px;border-radius:6px 0;background:#5fae4a;box-shadow:inset -2px -1px #00000026;animation:leaf-float 1.5s ease-out forwards}@keyframes leaf-float{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),-70px) rotate(var(--r))}}.brawl{position:absolute;left:-46px;top:-40px;width:92px;height:70px;border-radius:50%;background:radial-gradient(circle at 30% 45%,rgba(245,232,205,.95) 0 22px,transparent 23px),radial-gradient(circle at 62% 38%,rgba(236,220,190,.95) 0 26px,transparent 27px),radial-gradient(circle at 50% 65%,rgba(250,240,220,.95) 0 24px,transparent 25px);filter:drop-shadow(0 3px 6px rgba(0,0,0,.25));animation:brawl .18s steps(2) infinite;will-change:transform}.brawl i{position:absolute;font-style:normal;font-size:18px;color:#ffcf3a;text-shadow:0 1px 0 var(--ink);animation:spin .6s linear infinite}.brawl i:nth-child(1){left:6px;top:-6px}.brawl i:nth-child(2){right:4px;top:8px;animation-duration:.45s}.brawl i:nth-child(3){left:38px;bottom:-8px;animation-duration:.7s}@keyframes brawl{0%{filter:drop-shadow(0 3px 6px rgba(0,0,0,.25)) hue-rotate(0deg);margin-left:-2px}to{margin-left:2px;margin-top:-2px}}@keyframes spin{to{transform:rotate(360deg) scale(1.2)}}#btn-daily{position:relative;background:#ffe3ea}#btn-daily .badge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);padding:0 5px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-style:normal;font-size:11px;font-weight:800;line-height:14px;white-space:nowrap}#btn-daily .badge:empty{display:none}#btn-daily.all-done .badge{background:var(--green)}.missions{display:grid;gap:8px;margin:10px 0}.mission{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:2.5px solid var(--ink);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.mission b{display:block;font-size:15px;line-height:1.2;margin-bottom:5px}.mission .bar{height:12px}.mission em{font-style:normal;font-weight:800;font-size:14px;text-align:right;display:grid;justify-items:end;gap:2px}.mission em small{font-size:13px}.m-check{width:28px;height:28px;border:2.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-weight:900;background:#f3eef7}.mission.done{background:#efffe9}.mission.done .m-check{background:var(--green)}.mission-bonus{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2.5px dashed var(--ink);border-radius:16px;background:#fff8d6;font-size:15px}.mission-bonus svg{width:30px;height:30px;flex:none}.mission-bonus.got{border-style:solid;background:#e9ffd9}.game-card{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;padding:12px;border:2.5px solid var(--ink);border-radius:18px;background:linear-gradient(#e6f7ff,#fff);box-shadow:var(--shadow)}.game-card .big-btn{grid-column:1 / -1}.game-card p{margin:4px 0}.game-art{position:relative;height:92px;border:2.5px solid var(--ink);border-radius:14px;background:linear-gradient(#7fd0f5,#2a8fc4);overflow:hidden}.game-art.hamster{background:linear-gradient(#fdf1dc,#eac48e)}.game-art i{position:absolute;width:22px;height:22px;border:2px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffbe0,#ffd65a 45%,#e6a01e);animation:mg-rise 2.4s linear infinite}.game-art i:nth-child(1){left:10%;animation-delay:0s}.game-art i:nth-child(2){left:55%;animation-delay:-.8s;width:16px;height:16px}.game-art i:nth-child(3){left:32%;animation-delay:-1.5s;background:conic-gradient(#ff8a8a,#ffe08a,#8affa0,#8ad8ff,#c98aff,#ff8a8a)}.game-art i:nth-child(4){left:72%;animation-delay:-2s;background:radial-gradient(circle at 35% 30%,#dfe8c8,#789646 50%,#465f28)}.game-art.hamster i{border-radius:50%/62% 62% 38% 38%;width:14px;height:22px;background:repeating-linear-gradient(90deg,#3a3230 0 3px,#f4efe6 3px 5px);animation-name:mg-fall}.game-art.hamster i:nth-child(3){background:radial-gradient(circle at 50% 70%,#ff4f6d 60%,#5bc26a 61%);border-radius:50%/40% 40% 60% 60%;width:20px}.game-art.hamster i:nth-child(4){background:#9a948c;border-radius:40%;width:18px;height:15px}.game-art.koi i{width:24px;height:28px;border-radius:50% 50% 46% 46%;background:radial-gradient(ellipse at 50% 22%,#5a1e2e 18%,#fbf7ef 20% 52%,#e0402f 54%);animation-name:mg-peek;animation-duration:1.6s}.game-art.koi i:nth-child(1){left:12%;top:40%}.game-art.koi i:nth-child(2){left:42%;top:20%;animation-delay:-.5s;width:24px;height:28px}.game-art.koi i:nth-child(3){left:66%;top:46%;animation-delay:-1s;background:radial-gradient(ellipse at 50% 22%,#5a1e2e 18%,#ffcf3a 20%)}.game-art.koi i:nth-child(4){left:84%;top:18%;animation-delay:-1.3s;border-radius:50%;background:radial-gradient(circle at 30% 30%,#1e1a20 12%,#7cc25a 14%)}@keyframes mg-peek{0%,to{transform:translateY(14px) scale(.3);opacity:0}25%,70%{transform:none;opacity:1}}.game-art.laut{background:linear-gradient(#5fc8ee,#1a6fb0 70%,#efe6d4 70%)}.game-art.laut i{width:26px;height:14px;top:auto;bottom:10%;border-radius:50% 50% 40% 40%/70% 70% 30% 30%;background:radial-gradient(circle at 50% 75%,#fff 28%,#ffb8c8 30% 45%,#f0dcc8 47%);animation-name:mg-peek;animation-duration:1.8s}.game-art.laut i:nth-child(1){left:10%}.game-art.laut i:nth-child(2){left:38%;animation-delay:-.6s}.game-art.laut i:nth-child(3){left:62%;animation-delay:-1.1s;background:radial-gradient(circle at 50% 75%,#ffcf3a 28%,#ffb8c8 30% 45%,#f0dcc8 47%)}.game-art.laut i:nth-child(4){left:84%;animation-delay:-1.4s;border-radius:50% 50% 0 0;background:radial-gradient(circle at 50% 100%,#4a2a5a 55%,transparent 58%)}.game-art.bakau{background:linear-gradient(#bfe0d8,#6a8a6a 75%,#8a7058 75%)}.game-art.bakau i,.game-art.kupu i{width:18px;height:12px;border-radius:50%;background:#3a4a3a;animation-name:mg-flyby;animation-duration:2.6s}.game-art.bakau i:nth-child(1),.game-art.kupu i:nth-child(1){top:15%;left:auto}.game-art.bakau i:nth-child(2),.game-art.kupu i:nth-child(2){top:50%;left:auto;animation-direction:reverse;animation-delay:-.9s}.game-art.bakau i:nth-child(3){top:32%;left:auto;width:26px;height:6px;background:#ffcf3a;animation-delay:-1.7s}.game-art.bakau i:nth-child(4),.game-art.kupu i:nth-child(4){top:64%;left:auto;animation-delay:-.4s;background:repeating-linear-gradient(90deg,#ffcf3a 0 4px,#2a1e18 4px 7px)}@keyframes mg-flyby{0%{left:-12%;transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(6px)}75%{transform:translateY(-5px)}to{left:108%;transform:translateY(0)}}.game-art.reptil{background:linear-gradient(#ffd8a0,#e0a878 70%,#d9b07a 70%)}.game-art.reptil i{width:22px;height:10px;top:auto;bottom:14%;border-radius:50%;background:#8a5a2a;animation-name:mg-hop;animation-duration:1.4s}.game-art.reptil i:nth-child(1){left:12%}.game-art.reptil i:nth-child(2){left:40%;animation-delay:-.5s}.game-art.reptil i:nth-child(3){left:63%;animation-delay:-.9s;background:#ffcf3a}.game-art.reptil i:nth-child(4){left:84%;animation-delay:-.3s;background:#7a2a2a}.game-art.kupu{background:linear-gradient(#a8dcff,#e0f4ff 70%,#8ad06a 70%)}.game-art.kupu i:nth-child(1),.game-art.kupu i:nth-child(2){background:#ff9a3a;border-radius:50% 50% 20% 20%}.game-art.kupu i:nth-child(3){top:32%;left:auto;animation-delay:-1.7s;background:#3a8aff;border-radius:50% 50% 20% 20%}.game-art.burung{background:linear-gradient(#bfe6ff,#e8f6e0)}.game-art.burung i{width:14px;height:18px;border-radius:50%/40% 40% 60% 60%;background:#ff7aa8;animation-name:mg-rise}.game-art.burung i:nth-child(1){background:#5ab0ff}.game-art.burung i:nth-child(3){background:#ffcf3a}.game-art.burung i:nth-child(4){background:#5a5a6a}@keyframes mg-hop{0%,to{transform:translate(0)}30%{transform:translate(8px,-26px)}60%{transform:translate(16px)}}.game-art.ant{background:repeating-linear-gradient(transparent 0 26px,#50341e40 26px 28px),linear-gradient(#e9d3a8,#b98a55)}.game-art.ant i{border-radius:4px;width:16px;height:16px;background:#fff;animation-name:mg-walk;animation-duration:3s}.game-art.ant i:nth-child(1){top:12%;left:auto}.game-art.ant i:nth-child(2){top:42%;left:auto;animation-direction:reverse}.game-art.ant i:nth-child(3){top:68%;left:auto;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 40% 35%,#fff2b0,#ffc93a 50%,#d88a10)}.game-art.ant i:nth-child(4){top:40%;left:auto;animation-delay:-1.6s;border-radius:50%;width:18px;height:18px;background:radial-gradient(circle,#d8402f 18%,#4a3a3a 22%)}@keyframes mg-walk{0%{left:-15%}to{left:108%}}@keyframes mg-rise{0%{top:110%}to{top:-30%}}@keyframes mg-fall{0%{top:-30%;transform:rotate(0)}to{top:110%;transform:rotate(300deg)}}.buy.big.ticket{background:var(--yellow);margin-bottom:8px}.buy.big.ticket svg{width:26px;height:26px}.buy.big.ticket em{font-style:normal;margin-left:4px}.sex{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:4px;border:2px solid var(--ink);border-radius:50%;font-size:15px;font-style:normal;font-weight:900;line-height:1;vertical-align:2px}.sex.m{background:#bfe3ff;color:#1f6fb8}.sex.f{background:#ffd3e4;color:#d23c7d}.pet .sex{width:18px;height:18px;font-size:12px;border-width:1.5px;vertical-align:1px}.bar i.love{background:linear-gradient(#ffc2d8,#ff6f9c)}.note svg{display:inline-block;width:18px;height:18px;vertical-align:-4px}.heart-fx{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10A4.3 4.3 0 0 1 12 7.3 4.3 4.3 0 0 1 19.5 10C19.5 15.4 12 20 12 20z' fill='%23ff6f9c' stroke='%233b2a4d' stroke-width='1.8'/%3E%3C/svg%3E");opacity:0;animation:heart-up 1.3s ease-out forwards}@keyframes heart-up{0%{opacity:0;transform:translate(0) scale(.4)}15%{opacity:1;transform:translateY(-8px) scale(1.15)}to{opacity:0;transform:translate(var(--dx, 0),-70px) scale(.9)}}.egg-mark{background:#fff1b8;animation:mark-glow 1s ease-in-out infinite}.egg-thumb{position:relative}.egg-thumb span{font-size:54px;line-height:1}.egg-thumb img{position:absolute;right:2px;bottom:2px;width:46%;max-height:none;opacity:.9}.egg-thumb.shiny{background:radial-gradient(circle,#fff6c0,#ffd84a)}.warn-note{padding:8px 10px;border-radius:12px;background:#fff1d6;border:2px solid #ffb45e}body.playing #hud,body.playing #actions,body.playing #toasts,body.playing #fx{visibility:hidden}#minigame{position:fixed;inset:0;z-index:25;touch-action:none;user-select:none}#minigame canvas{position:absolute;inset:0}.mg-hud{position:absolute;top:calc(10px + var(--safe-t));left:12px;right:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;pointer-events:none}.mg-hud button{pointer-events:auto}.mg-score{display:grid;justify-items:center;min-width:76px;padding:2px 12px;border:2.5px solid var(--ink);border-radius:16px;background:var(--yellow);box-shadow:var(--shadow)}.mg-score small{font-size:12px;font-weight:800;line-height:1;margin-top:4px}.mg-score b{font-size:28px;line-height:1.1}.mg-time{position:relative;height:26px;border:2.5px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}.mg-time i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#9ff08a,#5fcf5a);transition:width .1s linear}.mg-time span{position:relative;display:block;text-align:center;font-weight:800;line-height:21px}.mg-hud.hurry .mg-time i{background:linear-gradient(#ff9aa6,#ff5a6e)}.mg-hud.hurry .mg-time{animation:pulse .6s ease-in-out infinite}.mg-panel{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.mg-panel:empty{display:none}.mg-panel.result{pointer-events:auto;background:#141e3c59}.mg-count{font-size:96px;font-weight:800;color:#fff;-webkit-text-stroke:3px var(--ink);text-shadow:0 6px 0 var(--ink);animation:mg-pop .6s ease-out}@keyframes mg-pop{0%{transform:scale(1.8);opacity:0}40%{opacity:1}to{transform:scale(1)}}.mg-card{width:min(340px,calc(100vw - 32px));padding:18px;border:3px solid var(--ink);border-radius:24px;background:var(--paper);box-shadow:0 6px 0 var(--ink);text-align:center}.mg-card h3{margin:0;font-size:24px}.mg-big{font-size:64px;font-weight:800;line-height:1;margin:6px 0}.mg-big small{display:block;font-size:15px;color:var(--ink-soft)}.mg-card p{margin:6px 0}.mg-card .small{font-size:14px;color:var(--ink-soft)}.mg-card .warn{color:var(--red);font-weight:800}.mg-card .btn-row{margin-top:10px}.mg-card .big-btn{font-size:15px}@media(max-width:420px){.hud-btns .pill.shop{width:42px;padding:0;justify-content:center}.hud-btns .pill.shop span{display:none}}@media(max-width:380px){.hud-btns .pill.shop{width:38px}}.logo{min-width:0;white-space:nowrap;overflow:hidden}.hud-btns{flex:none}@media(max-width:440px){.logo{font-size:21px}.hud-btns{gap:5px}.pill.round,.hud-btns .pill.shop{width:38px;height:38px}.pill.round svg,.hud-btns .pill.shop svg{width:22px;height:22px}}@media(max-width:370px){#hud{padding-left:8px;padding-right:8px}.logo{font-size:18px}.hud-btns{gap:4px}.pill.round,.hud-btns .pill.shop{width:35px;height:35px}.pill.round svg,.hud-btns .pill.shop svg{width:20px;height:20px}}.hold-ring{position:absolute;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:conic-gradient(rgba(255,255,255,.95) var(--p, 0%),rgba(255,255,255,.2) 0);-webkit-mask:radial-gradient(circle,transparent 19px,#000 20px);mask:radial-gradient(circle,transparent 19px,#000 20px);filter:drop-shadow(0 1px 2px rgba(0,20,40,.5));animation:hold-fill linear forwards;animation-delay:80ms}@property --p{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@keyframes hold-fill{to{--p: 100%}}.menu-duo{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:16px}.menu-duo .big-btn{margin:0}.big-btn.photo{background:#dff3ff}.photo-wrap{border:3px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.photo-wrap img{display:block;width:100%;height:auto}a.big-btn{text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}.note.center{text-align:center}.photo-flash{position:fixed;inset:0;z-index:40;background:#fff;pointer-events:none;animation:photo-flash .6s ease-out forwards}@keyframes photo-flash{0%{opacity:.95}to{opacity:0}}.surprise-mark{background:#fff6c0;animation:mark-glow .8s ease-in-out infinite}.trait{padding:0 8px;border-radius:999px;background:#f3eef7;font-weight:800;color:var(--ink)}.family{margin:10px 0 12px;padding:10px 12px;border:2.5px dashed var(--ink);border-radius:16px;background:#fbf7ff}.family h4{margin:0 0 6px;font-size:15px}.fam-row{display:grid;grid-template-columns:74px 1fr;gap:6px;align-items:start;margin:4px 0;font-size:13px;font-weight:800}.fam-row>div{display:flex;flex-wrap:wrap;gap:6px}.fam{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 2px;border:2px solid var(--ink);border-radius:999px;background:#fff;font:inherit;font-size:13px;color:var(--ink)}.fam img{width:26px;height:20px;object-fit:contain}.fam em{font-style:normal}.fam.gone{padding:2px 8px;border-style:dashed;color:var(--ink-soft);flex-direction:column;align-items:flex-start;gap:0;border-radius:12px}.fam.gone small{font-size:10.5px;font-weight:700}.care-mark{background:#fff1b8;animation:mark-glow 1.1s ease-in-out infinite}.card .thumb.light-thumb{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#fff 0 18%,transparent 60%),var(--lc)}.light-thumb svg{width:54px;height:54px;filter:drop-shadow(0 2px 0 rgba(59,42,77,.4))}.act.water svg{width:28px;height:28px}.event-banner{display:grid;gap:2px;margin:8px 0 10px;padding:12px 14px;border:2.5px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);background:#fff6d6}.event-banner b{font-size:18px}.event-banner span{font-size:14px}.event-banner.ev-agustus{background:linear-gradient(#ff8f8f 0 50%,#fff 50%)}.event-banner.ev-natal{background:linear-gradient(135deg,#d9f7e0,#ffe0e0)}.event-banner.ev-imlek{background:linear-gradient(135deg,#ffd6d0,#fff0b8)}.event-banner.ev-ramadan{background:linear-gradient(135deg,#e2f5d4,#fff3c4)}.event-head{grid-column:1 / -1;margin:10px 0 0;font-size:16px}.event-head small{font-weight:700;color:var(--ink-soft);margin-left:4px}.event-head.on small{color:#d12a55}.card.locked .thumb img{filter:grayscale(.7);opacity:.7}