:root{--bg1: #2a0f5c;--bg2: #0b3b6e;--glass: rgba(24, 16, 64, .72);--glass2: rgba(255, 255, 255, .08);--line: rgba(255, 255, 255, .14);--text: #fff8ec;--muted: #c3b8e8;--gold: #ffd23f;--gold2: #ff9f1c;--me: #22d3ee;--cpu: #fb3b6e;--ok: #4ade80;--font: "Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;color:var(--text);overflow:hidden;font-family:var(--font);touch-action:manipulation;user-select:none;-webkit-user-select:none;overscroll-behavior:none;background:radial-gradient(circle at 15% 10%,#ff5fa255 0,transparent 35%),radial-gradient(circle at 85% 20%,#22d3ee44 0,transparent 40%),radial-gradient(circle at 50% 110%,#ffd23f33 0,transparent 45%),linear-gradient(160deg,var(--bg1),var(--bg2));background-attachment:fixed}#app{position:fixed;top:0;right:0;bottom:0;left:0}#game{position:absolute;top:0;right:0;bottom:0;left:0}#game canvas{display:block}button{font-family:var(--font)}#hud{position:absolute;left:0;right:0;top:0;height:52px;display:flex;align-items:center;gap:10px;z-index:2;padding:0 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));background:linear-gradient(180deg,#140832eb,#1408328c);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#hud:empty{display:none}.hud-l{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;white-space:nowrap}.hud-c{flex:1;display:flex;align-items:center;gap:10px;justify-content:center;min-width:0}.hud-r{display:flex;align-items:center;gap:6px}.dot{width:12px;height:12px;border-radius:50%;background:var(--me);box-shadow:0 0 12px var(--me),0 0 2px #fff inset}.dot.cpu{background:var(--cpu);box-shadow:0 0 12px var(--cpu)}.timer{flex:1;max-width:300px;height:14px;border-radius:99px;background:#00000073;overflow:hidden;border:2px solid rgba(255,255,255,.2)}#timer-fill{height:100%;width:100%;border-radius:99px;background:linear-gradient(90deg,#22c55e,#a3e635,#fde047);box-shadow:0 0 12px #a3e63599}#timer-fill.low{background:linear-gradient(90deg,#ef4444,#f97316);box-shadow:0 0 14px #ef4444;animation:pulse .5s infinite alternate}@keyframes pulse{to{opacity:.6}}#timer-num{font-variant-numeric:tabular-nums;font-weight:800;font-size:20px;min-width:28px;text-align:right;color:var(--gold);text-shadow:0 2px 0 #7c2d12}.pill{font-size:13px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--glass2);border:1px solid var(--line);white-space:nowrap}.pill.red{color:#ffd0dc;border-color:#fb3b6e66}.x{width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:var(--glass2);color:#fff;font-size:16px}#panel{position:absolute;z-index:2;display:flex;flex-direction:column;gap:8px;padding:10px 12px;overflow-y:auto;padding-bottom:max(10px,env(safe-area-inset-bottom));padding-right:max(12px,env(safe-area-inset-right));background:linear-gradient(180deg,#241256e6,#0e163ceb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#panel:empty{display:none}.land #panel{border-left:2px solid #ffd23f55;box-shadow:-10px 0 30px #0006}.port #panel{border-top:2px solid #ffd23f55;box-shadow:0 -10px 30px #0006;border-radius:18px 18px 0 0}.info{background:var(--glass2);border:1px solid var(--line);border-radius:16px;padding:8px 10px;min-height:60px;font-size:14px;line-height:1.35}.urow{display:flex;gap:10px;align-items:center}.por{width:60px;height:60px;flex:none;border-radius:16px;background:radial-gradient(circle at 50% 40%,#fff6,transparent 70%),linear-gradient(160deg,#7c3aed,#2563eb);padding:4px}.uname{font-weight:800;font-size:17px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.1}.tag{font-weight:600;font-size:12px;color:var(--muted)}.el{font-size:12px;font-weight:800;color:#1a1033;padding:0 8px;border-radius:99px}.stats{color:#e8e0ff}.stats b{color:#fff}.skills{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.sk{font-size:12px;font-weight:700;background:linear-gradient(#ffd23f33,#ff9f1c22);border:1px solid #ffd23f88;color:#fff1b8;padding:0 8px;border-radius:8px}.sk i{font-style:normal;color:#ffd98a;font-weight:600}.muted{color:var(--muted);font-size:13px}.supports{display:flex;gap:6px;flex-wrap:wrap}.hand{display:grid;gap:8px;align-content:start}.land .hand{grid-template-columns:repeat(3,minmax(0,1fr))}.port .hand{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.card{position:relative;aspect-ratio:.74;border-radius:14px;border:3px solid #ffd23f;color:#fff;padding:0;overflow:hidden;background:linear-gradient(170deg,var(--c1),var(--c2));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px #0007,0 0 0 1px #0005 inset,0 10px 18px #0005;transition:transform .14s,box-shadow .14s;cursor:pointer}.card:before{content:"";position:absolute;top:8%;right:10%;bottom:34%;left:10%;border-radius:50%;background:radial-gradient(circle,#ffffff55,transparent 65%)}.card:after{content:"";position:absolute;left:-40%;top:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:skew(-20deg)}.card .ic{position:relative;width:52%;height:auto;color:#fff;filter:drop-shadow(0 3px 0 #0006) drop-shadow(0 0 8px #fff8);margin-top:-10%}.card .nm{position:absolute;left:0;right:0;bottom:0;padding:3px 2px 4px;font-size:12px;font-weight:800;text-align:center;line-height:1.05;background:linear-gradient(#0000,#0009 40%);text-shadow:0 2px 0 #000a}.card .lv{position:absolute;top:4px;right:4px;font-size:11px;font-weight:800;color:#3b1d00;background:linear-gradient(#fff3b0,#ffd23f);border-radius:99px;padding:0 6px;box-shadow:0 2px #7c2d12}.card .conv{position:absolute;top:4px;left:4px;right:4px;font-size:9px;text-align:center;color:#fff3b0;line-height:1.1;background:#0008;border-radius:6px}.card.on{transform:translateY(-8px) scale(1.04);box-shadow:0 0 0 3px #fff,0 0 24px #ffd23f,0 12px 20px #0008}.card.on:after{animation:shine 1.2s infinite}@keyframes shine{to{left:120%}}.g-flip{--c1: #c084fc;--c2: #6d28d9}.g-move{--c1: #38bdf8;--c2: #1d4ed8}.g-attack{--c1: #fb7185;--c2: #be123c}.g-spell{--c1: #fde047;--c2: #d97706}.g-trap{--c1: #94a3b8;--c2: #334155}.g-item{--c1: #4ade80;--c2: #15803d}.hint{font-size:15px;font-weight:700;color:#ffe08a;min-height:20px;line-height:1.25}.hint.ok{color:var(--ok);text-shadow:0 0 10px #4ade8066}.hint.big{font-size:17px;margin-bottom:4px}.actions{display:flex;gap:8px;margin-top:auto}.actions .btn{flex:1}.btn{height:50px;border-radius:16px;border:0;font-weight:800;font-size:17px;color:#3b1d00;padding:0 16px;cursor:pointer;background:linear-gradient(180deg,#fff3b0 0%,var(--gold) 40%,var(--gold2) 100%);box-shadow:0 5px #b45309,0 8px 16px #0006,inset 0 2px #fff9;text-shadow:0 1px 0 #fff8;transition:transform .08s}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #b45309,inset 0 2px #fff9}.btn:disabled{filter:grayscale(.8) brightness(.7);opacity:.6}.btn.ghost{background:linear-gradient(180deg,#ffffff26,#ffffff10);color:#fff;box-shadow:0 4px #0006,inset 0 1px #fff4;text-shadow:none;border:1px solid var(--line)}.btn.small{height:38px;font-size:14px;border-radius:12px}.btn.on{background:linear-gradient(180deg,#bbf7d0,#22c55e);box-shadow:0 4px #15803d}.btn.big{height:62px;font-size:22px;min-width:260px;border-radius:20px}#overlay:empty{display:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;overflow-y:auto;background:radial-gradient(circle at 20% 15%,#ff5fa266 0,transparent 35%),radial-gradient(circle at 80% 25%,#22d3ee55 0,transparent 40%),radial-gradient(circle at 50% 100%,#ffd23f44 0,transparent 50%),linear-gradient(160deg,#3b0f7a,#0b3b6e)}.screen.dim{background:#0e0628bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.logo{font-size:clamp(56px,11vw,96px);font-weight:800;letter-spacing:-1px;line-height:.9;background:linear-gradient(180deg,#fff6c7,#ffd23f 45%,#ff7a1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 0 #7c2d12) drop-shadow(0 0 24px #ffb84d88);animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-6px)}}.sub{color:#e6ddff;font-size:17px;font-weight:600}.parade{display:flex;gap:6px;align-items:flex-end;height:92px}.parade img{width:86px;height:86px;filter:drop-shadow(0 6px 6px #0006);animation:hop 1.4s ease-in-out infinite;animation-delay:var(--d)}@keyframes hop{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-14px) scale(.95,1.05)}55%{transform:translateY(0) scale(1.06,.94)}}.tip{color:#efe8ff;font-size:14px;line-height:1.6;max-width:520px;background:var(--glass2);border:1px solid var(--line);border-radius:14px;padding:10px 14px}.chk{color:var(--muted);font-size:14px;display:flex;gap:8px;align-items:center}.result{font-size:clamp(48px,10vw,88px);font-weight:800;line-height:1;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.3);opacity:0}}.result.win{color:#ffe066;text-shadow:0 5px 0 #b45309,0 0 40px #ffd23faa}.result.lose{color:#ff6b8b;text-shadow:0 5px 0 #7f1d1d}.result.draw{color:#e2e8f0;text-shadow:0 5px 0 #334155}#toast{position:fixed;left:50%;top:62px;transform:translate(-50%,-20px);opacity:0;z-index:9;pointer-events:none;background:linear-gradient(#3b1d7a,#24125a);border:2px solid var(--gold);color:#fff3b0;padding:8px 16px;border-radius:14px;font-size:16px;font-weight:800;box-shadow:0 8px 20px #0008;transition:all .2s}#toast.show{opacity:1;transform:translate(-50%)}@media (max-height: 440px){.info{min-height:0;padding:6px 8px;font-size:13px}.por{width:46px;height:46px;border-radius:12px}.uname{font-size:15px}.btn{height:42px;font-size:15px}.hint{font-size:13px}#panel{gap:6px;padding-top:8px}.parade{height:70px}.parade img{width:64px;height:64px}.logo{font-size:56px}}.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.who{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.who img{width:40px;height:40px;border-radius:50%;border:3px solid var(--gold)}.gbtn{min-height:44px;display:flex;justify-content:center}.screen.top{justify-content:flex-start;gap:12px;padding-top:max(16px,env(safe-area-inset-top))}.pen-head{width:100%;max-width:920px;display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800}.pens{width:100%;max-width:920px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.pet{display:flex;gap:12px;text-align:left;background:var(--glass);border:2px solid #ffd23f44;border-radius:20px;padding:10px;box-shadow:0 8px 20px #0005}.pet>img{width:96px;height:96px;flex:none;border-radius:18px;background:radial-gradient(circle at 50% 35%,#fff5,transparent 70%),linear-gradient(160deg,#7c3aed,#0ea5e9);padding:6px}.pet-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.bar{position:relative;height:16px;border-radius:99px;background:#0007;overflow:hidden;border:1px solid var(--line)}.bar i{position:absolute;inset:0 auto 0 0;border-radius:99px}.bar.hp i{background:linear-gradient(90deg,#f43f5e,#fb7185)}.bar.mp i{background:linear-gradient(90deg,#2563eb,#38bdf8)}.bar.xp i{background:linear-gradient(90deg,#f59e0b,#fde047)}.bar span{position:relative;font-size:11px;font-weight:800;padding-left:8px;line-height:16px;text-shadow:0 1px 0 #000}.inv{width:100%;max-width:920px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:15px}.tut-box{width:min(780px,100%);max-height:100%;display:flex;flex-direction:column;gap:10px;background:var(--glass);border:2px solid #ffd23f66;border-radius:24px;padding:16px;box-shadow:0 20px 60px #000a;text-align:left;overflow:auto}.tut-top{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800}.tut-top b{flex:1}.tut-step{font-size:13px;color:#3b1d00;background:var(--gold);border-radius:99px;padding:0 10px;font-weight:800}.tut-body{display:flex;gap:16px;align-items:center}.port .tut-body{flex-direction:column}.tut-art{flex:none;width:46%;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.port .tut-art{width:100%}.tut-text{font-size:16px;line-height:1.55;color:#f1ecff}.tut-text b{color:#ffe066}.tut-dots{display:flex;gap:6px;justify-content:center}.tut-dots i{width:9px;height:9px;border-radius:50%;background:#fff3}.tut-dots i.on{background:var(--gold);width:26px;border-radius:5px}.mini{display:grid;gap:3px;width:min(230px,100%);padding:7px;background:#4c1d95;border-radius:14px;border:3px solid #fbbf24}.mc{aspect-ratio:1;background:#7fd34e;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;overflow:hidden}.mc.dark{background:#1a1640}.mc.hit{background:#f43f5e}.mc.go{background:#22d3ee}.mc img{width:100%;height:100%}.t-flag{color:#0e7490}.t-q,.t-e{color:#fff;background:#d9a55a;border:2px solid var(--me);border-radius:50%;width:80%;height:80%;display:grid;place-items:center;font-size:14px}.t-e{border-color:var(--cpu)}.t-n{color:#c026d3}.t-m{color:#6d5ba3}.t-f{color:#14532d}.t-c{color:#b45309}.t-hit{color:#fff3b0}.t-o{color:#fff}.demo-hand{display:flex;gap:8px;justify-content:center}.demo-hand.wrap{flex-wrap:wrap}.card.demo{width:66px;flex:none;cursor:default}.demo-timer{width:210px;height:12px;border-radius:99px;background:#0006;overflow:hidden}.demo-timer div{height:100%;background:linear-gradient(90deg,#22c55e,#fde047);animation:drain 4s linear infinite}@keyframes drain{0%{width:100%}to{width:0}}.demo-pets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.demo-pets>div{display:flex;flex-direction:column;align-items:center;font-size:14px}.demo-pets img{width:76px;height:76px;animation:hop 1.6s ease-in-out infinite}.demo-pets span{color:var(--muted);font-size:12px}.wheel{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center}.wheel span{color:#1a1033;font-weight:800;padding:2px 12px;border-radius:99px;box-shadow:0 3px #0005}.wheel i{font-style:normal;color:var(--muted);font-size:13px}#banner{position:fixed;left:0;right:0;top:42%;z-index:8;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0 12px;opacity:0;transform:scaleY(0);transition:opacity .2s,transform .25s cubic-bezier(.2,1.5,.4,1)}#banner.show{opacity:1;transform:scaleY(1)}#banner.me{background:linear-gradient(90deg,transparent,#0891b2ee 20%,#22d3eeee 50%,#0891b2ee 80%,transparent)}#banner.cpu{background:linear-gradient(90deg,transparent,#9f1239ee 20%,#fb3b6eee 50%,#9f1239ee 80%,transparent)}#banner b{font-size:clamp(30px,6vw,48px);font-weight:800;color:#fff;text-shadow:0 4px 0 #0007,0 0 20px #fff8;letter-spacing:1px}#banner span{font-size:16px;font-weight:700;color:#fff8e0;text-shadow:0 2px 0 #0007}#coach{position:fixed;z-index:7;top:60px;left:12px;max-width:min(520px,calc(100vw - 24px));display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff8dc,#ffe9a8);color:#3b1d00;border:3px solid #f59e0b;border-radius:18px;padding:8px 12px;box-shadow:0 10px 24px #0007;font-size:15px;line-height:1.35;font-weight:600;animation:coachIn .35s cubic-bezier(.2,1.5,.4,1)}#coach b{color:#c2410c}#coach.nudge{animation:nudge .35s}@keyframes coachIn{0%{transform:translateY(-20px) scale(.8);opacity:0}}@keyframes nudge{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.coach-face{font-size:30px;animation:hop 1.4s infinite}.coach-text{flex:1}.coach-skip{border:0;background:none;color:#92400e;font-size:12px;text-decoration:underline;cursor:pointer;font-weight:700;white-space:nowrap}.coach-target{position:relative;z-index:3;outline:4px solid #fde047;outline-offset:3px;animation:target .8s ease-in-out infinite!important}@keyframes target{50%{outline-color:#fff;box-shadow:0 0 26px #fde047;transform:translateY(-4px)}}.card.deal{animation:deal .5s cubic-bezier(.2,1.3,.4,1) both}@keyframes deal{0%{transform:translate(var(--dx),var(--dy)) rotate(-30deg) scale(.25);opacity:0}60%{opacity:1}}.tut-box{height:min(620px,calc(100% - 8px))}.tut-body{flex:1;min-height:0;overflow-y:auto}.tut-box .actions{flex:none}.land .hand{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.port .hand{display:flex;gap:6px;overflow-x:auto;padding:8px 2px 2px}.port .hand .card{flex:0 0 62px}.card{border-width:2px;border-radius:11px}.card .nm{font-size:10.5px}.card .ic{width:46%}.info{min-height:0}.land #panel .info{font-size:13px}.login-box{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--glass);border:2px solid #ffd23f66;border-radius:20px;padding:16px 22px}.login-box b{font-size:20px}.logo.small{font-size:clamp(34px,7vw,56px)}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:min(720px,100%)}.mode{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 10px;border-radius:20px;cursor:pointer;color:#fff;border:3px solid #ffd23f;background:linear-gradient(160deg,#7c3aed,#2563eb);box-shadow:0 6px #1e1b4b,0 10px 20px #0006;font-family:var(--font)}.mode:active{transform:translateY(3px);box-shadow:0 3px #1e1b4b}.mode b{font-size:30px;line-height:1;color:#ffe066;text-shadow:0 3px 0 #0006}.mode span{font-size:16px;font-weight:800}.mode i{font-style:normal;font-size:12px;color:#dbeafe}.spinner{width:64px;height:64px;border-radius:50%;border:7px solid #ffffff22;border-top-color:var(--gold);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pill.ally{color:#d9f99d;border-color:#a3e63566}.pill.now{box-shadow:0 0 0 2px var(--gold)}.pill.out{opacity:.4;text-decoration:line-through}#banner.ally{background:linear-gradient(90deg,transparent,#3f6212ee 20%,#84cc16ee 50%,#3f6212ee 80%,transparent)}.pen-screen{gap:10px}.pen-body{width:100%;max-width:1100px;flex:1;min-height:0;display:flex;gap:12px}.port .pen-body{flex-direction:column}.garden{position:relative;flex:1.6;min-height:260px;border-radius:24px;overflow:hidden;border:4px solid #fbbf24;background:radial-gradient(circle at 30% 30%,#b6f27a 0,transparent 40%),radial-gradient(circle at 75% 70%,#9be15d 0,transparent 45%),linear-gradient(160deg,#7fd34e,#4fa83a);box-shadow:inset 0 0 40px #0004,0 10px 24px #0006}.deco{position:absolute;font-size:44px;filter:drop-shadow(0 4px 2px #0004);pointer-events:none}.deco.small{font-size:28px}.pond{position:absolute;right:8%;bottom:8%;width:22%;height:18%;border-radius:50%;background:radial-gradient(#7dd3fc,#0284c7);border:4px solid #e0f2fe88;opacity:.9}.walker{position:absolute;width:96px;height:96px;margin:-96px 0 0 -48px;transition:left 2.2s ease-in-out,top 2.2s ease-in-out;cursor:pointer}.walker img{width:100%;height:100%;animation:hop 1.2s ease-in-out infinite;filter:drop-shadow(0 6px 4px #0005);transition:transform .3s}.walker.left img{transform:scaleX(-1)}.walker i{position:absolute;left:20%;right:20%;bottom:-4px;height:10px;border-radius:50%;background:#0003}.walker.sel:after{content:"▼";position:absolute;left:50%;top:-18px;transform:translate(-50%);color:var(--gold);font-size:20px;text-shadow:0 2px 0 #7c2d12;animation:hop .8s infinite}.feed-pop{position:absolute;left:50%;top:0;transform:translate(-50%);font-weight:800;font-size:22px;color:#fff;text-shadow:0 2px 0 #000;animation:popup .9s ease-out forwards}@keyframes popup{to{transform:translate(-50%,-50px);opacity:0}}.pet-card{flex:1;min-width:260px;display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--glass);border:2px solid #ffd23f55;border-radius:20px;padding:12px;overflow-y:auto}.pc-top{display:flex;gap:10px;align-items:center}.pc-top img{width:84px;height:84px;flex:none}.full-row{display:flex;align-items:center;gap:8px;font-size:13px}.full-row>span:first-child{width:64px;flex:none}.full-row .bar{flex:1}.bar.fd i{background:linear-gradient(90deg,#f59e0b,#fb923c)}.bar.dk i{background:linear-gradient(90deg,#06b6d4,#67e8f9)}.lock{font-size:12px;font-weight:800;color:#fde68a;white-space:nowrap}.admin{gap:10px}.adm-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.adm-body{width:100%;max-width:1000px;background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:12px;text-align:left;overflow-x:auto}.adm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 16px}.adm-grid label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.adm-body input[type=number]{width:84px;height:34px;border-radius:10px;border:2px solid var(--line);background:#0006;color:#fff;font:inherit;padding:0 8px}.adm-body input.changed{border-color:var(--gold)}.adm-table{width:100%;border-collapse:collapse;font-size:14px}.adm-table th,.adm-table td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.adm-table th{color:var(--gold);font-weight:800}.adm-table .give{display:flex;gap:4px;align-items:center}.adm-table select{height:34px;border-radius:10px;background:#0006;color:#fff;border:2px solid var(--line);font:inherit}.adm-table input[type=checkbox]{width:22px;height:22px}.screen{overflow-x:hidden}.phone-box{width:min(420px,100%)}.phone-box input{width:100%;height:52px;border-radius:14px;border:3px solid #ffd23f88;background:#0007;color:#fff;font:700 22px var(--font);text-align:center;letter-spacing:1px;outline:none}.phone-box input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #ffd23f33}.ph-err{color:#fda4af;font-weight:700;min-height:18px;font-size:14px}.adm-table a{color:#7dd3fc}#brand{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}#overlay:empty~#brand{display:none}#brand .b-row{display:flex;align-items:center;gap:8px;background:#1d1714cc;border:1px solid #c8834f88;border-radius:99px;padding:3px 12px 3px 3px;box-shadow:0 4px 12px #0006}#brand .b-row img{width:38px;height:38px;border-radius:50%}#brand .b-row span{display:flex;flex-direction:column;line-height:1.05}#brand .b-row i{font-style:normal;font-size:10px;color:#e8c7a3;letter-spacing:.5px}#brand .b-row b{font-size:15px;color:#f4e4cf;letter-spacing:1px}#brand .b-parent{display:flex;align-items:center;gap:5px;font-size:11px;color:#e8c7a3;background:#1d1714aa;border-radius:99px;padding:2px 9px 2px 2px}#brand .b-parent img{width:20px;height:20px;border-radius:50%}#brand .b-parent b{color:#f4e4cf}@media (max-height: 440px){#brand .b-row img{width:30px;height:30px}#brand .b-row b{font-size:13px}}.vs{display:flex;align-items:center;gap:5px;font-size:14px;white-space:nowrap;overflow:hidden}.vs i{font-style:normal;font-size:11px;color:var(--muted);font-weight:800}.vs b{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:99px;background:var(--glass2);border:1px solid var(--line)}.vs b.me{color:#a5f3fc;border-color:#22d3ee88}.vs b.enemy{color:#fecdd3;border-color:#fb3b6e88}.vs b.ally{color:#d9f99d;border-color:#a3e63588}.vs b.now{box-shadow:0 0 0 2px var(--gold)}.vs b.out{opacity:.4;text-decoration:line-through}.hubav{width:18px;height:18px;border-radius:50%}.btn.quit{height:34px;padding:0 10px;font-size:13px}.who{border:0;cursor:pointer;background:var(--glass2);border-radius:99px;padding:4px 14px 4px 4px;color:#fff;font:inherit}.who i{font-style:normal;font-size:12px;color:var(--muted)}.ava{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#7c3aed,#2563eb);font-weight:800;font-size:20px;border:3px solid var(--gold)}@media (max-width: 700px){.vs b:not(.me):not(.enemy):not(.ally){display:none}.hud-l b{font-size:14px}}.pen-screen{padding-bottom:max(12px,env(safe-area-inset-bottom))}.pen-head{justify-content:space-between;flex-wrap:wrap}.pen-side{flex:1;min-width:270px;max-width:420px;display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}.port .pen-side{max-width:none}.pen-side .pet-card{flex:none}.pc-actions{display:flex;flex-wrap:wrap;gap:6px}.pc-actions .btn{flex:1 1 120px;white-space:nowrap}.pen-foot{width:100%;max-width:1100px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pen-foot #p-back{min-width:180px}.pill.frozen{cursor:pointer;color:#bae6fd;font-family:var(--font)}.egg{width:30px;height:38px;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#fff,#fde68a 45%,#f59e0b);border:2px solid #92400e;box-shadow:inset -4px -6px #0001,0 4px 6px #0005;position:relative}.egg:after{content:"";position:absolute;left:30%;top:40%;width:8px;height:8px;border-radius:50%;background:#fb923c99;box-shadow:9px 6px 0 -1px #fb923c88}.egg.big{width:44px;height:56px}.ground-egg{position:absolute;transform:translate(-50%,-100%);border:0;background:none;cursor:pointer;z-index:90;animation:wobble 1.4s ease-in-out infinite}@keyframes wobble{0%,to{transform:translate(-50%,-100%) rotate(-6deg)}50%{transform:translate(-50%,-100%) rotate(6deg)}}.eggs-head{display:flex;justify-content:space-between;align-items:center}.incub{display:flex;gap:8px}.slot{flex:1;min-height:96px;border-radius:16px;border:2px dashed #ffd23f66;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0003}.slot.ready{border-style:solid;border-color:var(--gold);box-shadow:0 0 18px #ffd23f66}.slot.ready .egg{animation:wobble2 .5s infinite}@keyframes wobble2{50%{transform:rotate(10deg)}}.bag-eggs{display:flex;flex-wrap:wrap;gap:6px}.egg-btn{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid var(--line);background:var(--glass2);border-radius:12px;padding:6px 8px;color:#fff;font:700 12px var(--font);cursor:pointer}.pen-coach{position:fixed;left:50%;bottom:max(80px,calc(env(safe-area-inset-bottom) + 80px));transform:translate(-50%);z-index:8;width:min(560px,calc(100vw - 24px));display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:linear-gradient(135deg,#fff8dc,#ffe9a8);color:#3b1d00;border:3px solid #f59e0b;border-radius:18px;padding:10px 12px;box-shadow:0 10px 24px #0008;font-size:15px;line-height:1.4;text-align:left;animation:coachIn .35s}.pen-coach b{color:#c2410c}.pen-coach .coach-text{flex:1 1 260px}.pc-nav{display:flex;align-items:center;gap:10px;margin-left:auto}.pc-nav .tag{color:#92400e}.hatch img{width:160px;height:160px;animation:pop .6s cubic-bezier(.2,1.6,.4,1)}.hatch .rar{font-size:26px;font-weight:800;text-shadow:0 3px 0 #0007}#brand{display:none!important}body.show-brand #brand{display:flex!important}body.admin-page{overflow:auto}.admin-page #admin{min-height:100vh}.adm-shell{display:flex;min-height:100vh}.adm-side{width:230px;flex:none;display:flex;flex-direction:column;gap:4px;padding:14px 10px;background:#12082e;border-right:1px solid var(--line);position:sticky;top:0;height:100vh}.adm-side>button{text-align:left;border:0;background:none;color:#e6ddff;font:700 15px var(--font);padding:10px 12px;border-radius:12px;cursor:pointer}.adm-side>button.on,.adm-side>button:hover{background:#ffffff14;color:var(--gold)}.adm-brand{display:flex;align-items:center;gap:10px;padding:4px 6px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}.adm-brand img{width:46px;height:46px;border-radius:50%}.adm-brand b{display:block;font-size:20px}.adm-brand span{font-size:12px;color:var(--muted)}.adm-me{margin-top:auto;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted);padding:8px}.adm-me button{border:1px solid var(--line);background:none;color:#fff;border-radius:10px;padding:6px;font:inherit;cursor:pointer}.adm-me a{color:#7dd3fc}.adm-main{flex:1;min-width:0;padding:18px 22px 60px;text-align:left}.adm-main h2{margin:6px 0 12px;font-size:26px}.adm-main h3{margin:16px 0 8px;color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.kpi{background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.kpi b{display:block;font-size:30px;color:var(--gold)}.kpi span{color:var(--muted);font-size:13px}.adm-box{background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:12px 14px;overflow-x:auto}.adm-box input[type=number],.adm-table input[type=number]{width:78px;height:32px;border-radius:9px;border:2px solid var(--line);background:#0006;color:#fff;font:inherit;padding:0 6px}.adm-box input.changed,.adm-table input.changed{border-color:var(--gold)}.adm-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.adm-two .adm-box>div{margin:3px 0}.adm-search{display:flex;gap:8px;margin-bottom:10px}.adm-search input{flex:1;height:40px;border-radius:12px;border:2px solid var(--line);background:#0006;color:#fff;font:inherit;padding:0 12px}.adm-table tr.click{cursor:pointer}.adm-table tr.click:hover{background:#ffffff0d}.adm-table select,.give select{height:32px;border-radius:9px;background:#0006;color:#fff;border:2px solid var(--line);font:inherit}.give{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}.give input{width:70px;height:32px;border-radius:9px;border:2px solid var(--line);background:#0006;color:#fff;font:inherit;padding:0 6px}.mini-pet{width:34px;height:34px}.tagb{display:inline-block;font-size:12px;font-weight:800;padding:1px 8px;border-radius:99px;background:#ffffff1a;margin-right:4px}.tagb.gold{background:#ffd23f33;color:var(--gold)}.tagb.red{background:#f43f5e33;color:#fda4af}.tagb.green{background:#22c55e33;color:#86efac}.row-l{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:10px 0}@media (max-width: 760px){.adm-shell{flex-direction:column}.adm-side{width:auto;height:auto;position:static;flex-direction:row;flex-wrap:wrap}.adm-me{margin:0;flex-direction:row}}.auth{width:min(420px,100%)}.auth-tabs{display:flex;width:100%;background:#0005;border-radius:14px;padding:4px}.auth-tabs button{flex:1;border:0;background:none;color:var(--muted);font:800 16px var(--font);padding:8px;border-radius:10px;cursor:pointer}.auth-tabs button.on{background:var(--gold);color:#3b1d00}.form{display:flex;flex-direction:column;gap:8px;width:100%}.form input{height:46px;border-radius:12px;border:2px solid var(--line);background:#0007;color:#fff;font:600 16px var(--font);padding:0 12px;outline:none}.form input:focus{border-color:var(--gold)}.form label{display:flex;flex-direction:column;gap:3px;text-align:left;font-size:13px;color:var(--muted)}.or{width:100%;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.account{gap:12px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.acc-head{display:flex;align-items:center;gap:12px;width:min(720px,100%);text-align:left}.acc-head img,.acc-head .ava{width:64px;height:64px;border-radius:50%;border:3px solid var(--gold);font-size:28px}.acc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(720px,100%)}.acc-stats div{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:8px}.acc-stats b{display:block;font-size:24px;color:var(--gold)}.acc-stats span{font-size:12px;color:var(--muted)}.acc-form{width:min(720px,100%);align-items:stretch}.history{width:min(720px,100%);display:flex;flex-direction:column;gap:6px;text-align:left}.hrow{display:flex;align-items:center;gap:10px;background:var(--glass);border:1px solid var(--line);border-left:5px solid #94a3b8;border-radius:12px;padding:6px 10px}.hrow.win{border-left-color:#4ade80}.hrow.lose{border-left-color:#fb7185}.hrow .res{font-weight:800;width:44px}.hrow.win .res{color:#86efac}.hrow.lose .res{color:#fda4af}.hmid{flex:1;min-width:0}.hpets img{width:30px;height:30px}.footer-row{width:min(720px,100%)}body.show-brand .screen{padding-bottom:104px;justify-content:flex-start;padding-top:max(16px,env(safe-area-inset-top))}@media (min-height: 700px){body.show-brand .screen{justify-content:center}}:root{--font: "SVN-Gallows", "Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg1: #2a1b13;--bg2: #120c09;--glass: rgba(42, 27, 19, .82);--glass2: rgba(243, 198, 154, .08);--line: rgba(243, 198, 154, .2);--text: #fbefe1;--muted: #c9b29b;--gold: #f0b878;--gold2: #c8834f;--copper-hi: #f6d2a8;--copper: #d9955c;--copper-lo: #8a4f2b}html,body{background:radial-gradient(circle at 18% 12%,#c8834f30 0,transparent 38%),radial-gradient(circle at 85% 85%,#f3c69a1f 0,transparent 40%),radial-gradient(ellipse at 50% 0%,#6b4430 0,transparent 60%),linear-gradient(170deg,#3a271c,#2a1b13 45%,#120c09);background-attachment:fixed}.screen{background:radial-gradient(circle at 20% 15%,#c8834f33 0,transparent 38%),radial-gradient(circle at 80% 90%,#f3c69a22 0,transparent 42%),radial-gradient(ellipse at 50% -10%,#7a4e35 0,transparent 60%),linear-gradient(170deg,#3a271c,#2a1b13,#120c09)}.screen.dim{background:#120c09cc}.logo{background:linear-gradient(180deg,#fff3e2,#f3c69a 45%,#c8834f);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 0 #4a2a17) drop-shadow(0 0 18px #c8834f66)}.sub{color:#e8d3bd}#hud{background:linear-gradient(180deg,#1e130df2,#1e130d99);border-bottom-color:#c8834f55}#panel{background:linear-gradient(180deg,#301f16f0,#160e0af5)}.land #panel{border-left-color:#c8834f77}.port #panel{border-top-color:#c8834f77}.btn{background:linear-gradient(180deg,var(--copper-hi) 0%,var(--copper) 45%,#a8612f 100%);color:#2a1408;box-shadow:0 5px #5a2f15,0 8px 16px #0007,inset 0 2px #fff6;text-shadow:0 1px 0 #ffe8cf}.btn:active:not(:disabled){box-shadow:0 2px #5a2f15,inset 0 2px #fff6}.btn.ghost{background:linear-gradient(180deg,#f3c69a1f,#f3c69a0a);color:var(--text);border-color:var(--line);text-shadow:none}.login-box,.tut-box,.pet-card,.pet,.adm-box,.kpi,.acc-stats div,.hrow,.info{background:var(--glass);border-color:#c8834f55}.login-box{border:2px solid #c8834f88;box-shadow:0 12px 30px #0008,inset 0 1px #f3c69a33}.auth-tabs button.on{background:linear-gradient(180deg,var(--copper-hi),var(--copper));color:#2a1408}.form input,.phone-box input,.adm-search input{background:#120c09cc;border-color:#c8834f55}.form input:focus,.phone-box input:focus{border-color:var(--copper-hi);box-shadow:0 0 0 4px #c8834f33}.mode{background:linear-gradient(160deg,#5a3a28,#2d1d15);border-color:var(--copper);box-shadow:0 6px #1a0f0a,0 10px 20px #0007}.mode b{color:var(--copper-hi)}.mode i{color:var(--muted)}.who,.pill{border-color:var(--line)}.ava,.who img,.acc-head img,.acc-head .ava{border-color:var(--copper);background:linear-gradient(#7a4e35,#3a271c)}.card{border-color:var(--copper-hi)}.card.on{box-shadow:0 0 0 3px #fff3e2,0 0 24px var(--copper),0 12px 20px #0008}.garden{border-color:var(--copper)}.pet>img,.por{background:radial-gradient(circle at 50% 35%,#fff5,transparent 70%),linear-gradient(160deg,#7a4e35,#2d1d15)}.tut-step,.tut-dots i.on{background:var(--copper)}.mini{background:#3a271c;border-color:var(--copper)}#toast{background:linear-gradient(#4a3123,#2a1b13);border-color:var(--copper);color:#fff3e2}.adm-side{background:#1a110c}.adm-side>button.on,.adm-side>button:hover{color:var(--copper-hi)}.result.win{color:#ffd9a8;text-shadow:0 5px 0 #7a3f17,0 0 40px #f0b87888}.spinner{border-top-color:var(--copper)}.timer{border-color:#c8834f55}.tagb.gold{background:#c8834f33;color:var(--copper-hi)}.pen-screen{overflow-y:auto}.pen-screen .pen-body{flex:1 0 auto;align-items:flex-start}.pen-screen .garden{flex:1.5 1 0;min-width:0;height:clamp(240px,calc(100vh - 150px),640px);min-height:240px;position:sticky;top:0}.port .pen-screen .garden{flex:none;width:100%;height:clamp(240px,45vh,420px);position:relative}.pen-screen .pen-side{flex:1 1 0;overflow:visible;max-height:none}.pen-screen .pet-card{position:relative;z-index:1;overflow:visible}.pen-foot{position:sticky;bottom:0;z-index:5;padding:8px 0;background:linear-gradient(transparent,#120c09ee 40%)}.bag-list{display:flex;flex-direction:column;gap:6px}.bag-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:12px;background:#120c0966;border:1px solid var(--line)}.bag-item.empty{opacity:.5}.bag-item .qty{color:var(--copper-hi);font-weight:800}.bag-item .btn{flex:none}.pen-screen{padding-bottom:84px!important;gap:8px}.pen-screen .pen-head{flex-wrap:nowrap;gap:8px;font-size:18px}.pen-screen .pen-head .inv{width:auto;flex:1;justify-content:flex-end;flex-wrap:nowrap}.pen-screen .pen-head b{white-space:nowrap}.pen-foot{position:fixed;left:0;right:0;bottom:0;max-width:none;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:linear-gradient(180deg,#2a1b13f2,#120c09);border-top:2px solid #c8834f66;z-index:20}.pen-foot .inv{overflow-x:auto;flex-wrap:nowrap;width:auto;flex:1}.pen-screen .garden{top:4px;height:clamp(220px,calc(100vh - 150px),640px)}.hud-r{flex:1;justify-content:flex-end;min-width:0}.vs{flex:1;justify-content:flex-start}.vs b.now{background:linear-gradient(180deg,#f6d2a8,#d9955c);color:#2a1408!important;box-shadow:0 0 0 2px #fff3e2,0 0 16px #f0b878;animation:nowpulse 1s ease-in-out infinite}@keyframes nowpulse{50%{box-shadow:0 0 0 2px #fff3e2,0 0 4px #f0b878}}.pet-card.fold{padding:0;gap:0}.pet-card.fold>summary{list-style:none;cursor:pointer;padding:10px 12px;font-weight:800;font-size:16px;display:flex;align-items:center;gap:8px}.pet-card.fold>summary::-webkit-details-marker{display:none}.pet-card.fold>summary:after{content:"▸";margin-left:auto;color:var(--copper-hi);transition:transform .2s}.pet-card.fold[open]>summary:after{transform:rotate(90deg)}.pet-card.fold>div{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px}.fz-img{width:40px;height:40px;flex:none}.fz-mid{flex:1;min-width:0}.bag-item[data-sel]{cursor:pointer}.bag-item.sel{border-color:var(--copper-hi);box-shadow:0 0 0 1px var(--copper-hi)}#brand{gap:3px;right:max(8px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));opacity:.9}#brand .b-row{padding:2px 9px 2px 2px;gap:6px}#brand .b-row img{width:24px!important;height:24px!important}#brand .b-row i{font-size:8px}#brand .b-row b{font-size:11px!important}#brand .b-parent{font-size:9px;padding:1px 7px 1px 1px}#brand .b-parent img{width:14px;height:14px}#brand .b-ver{font-size:9px;color:#c9b29bcc;letter-spacing:.5px;padding-right:4px}body.show-brand .screen{padding-bottom:72px}.temp-pw{font-size:18px;color:var(--copper-hi);letter-spacing:1px;-webkit-user-select:all;user-select:all}.friends{gap:10px;padding-bottom:84px!important}.fr-add{display:flex;gap:8px;width:min(720px,100%)}.fr-add input{flex:1;height:42px;border-radius:12px;border:2px solid #c8834f55;background:#120c09cc;color:#fff;font:600 15px var(--font);padding:0 12px}.fr-box{width:min(720px,100%);display:flex;flex-direction:column;gap:6px;background:var(--glass);border:1px solid #c8834f55;border-radius:16px;padding:10px 12px;text-align:left}.fr-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.fr-head select{height:32px;border-radius:9px;background:#0006;color:#fff;border:2px solid var(--line);font:inherit}.fr-row{display:flex;align-items:center;gap:8px;padding:6px;border-radius:12px;background:#120c0955}.fr-ava{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(#7a4e35,#3a271c);border:2px solid var(--copper)}.fr-dot{width:10px;height:10px;border-radius:50%;flex:none;background:#6b7280}.fr-dot.online{background:#4ade80;box-shadow:0 0 8px #4ade80}.fr-dot.queue{background:#facc15;box-shadow:0 0 8px #facc15}.fr-dot.playing{background:#fb7185;box-shadow:0 0 8px #fb7185}.fr-name{flex:1;min-width:0;display:flex;flex-direction:column;font-weight:800}.fr-name i{font-style:normal;font-weight:600;font-size:12px;color:var(--muted)}#fr-badge i{font-style:normal;font-size:11px;padding:0 6px;border-radius:99px;margin-left:4px}.fr-on{background:#22c55e44;color:#bbf7d0}.fr-new{background:#f43f5e55;color:#fecdd3}#invite-pop{position:fixed;left:50%;top:70px;transform:translate(-50%);z-index:30;width:min(420px,calc(100vw - 24px));padding:14px;border-radius:18px;background:linear-gradient(180deg,#4a3123,#2a1b13);border:3px solid var(--copper);box-shadow:0 16px 40px #000a;display:flex;flex-direction:column;gap:8px;align-items:center;animation:coachIn .35s}.ip-title{font-size:18px}.ip-mode{color:var(--copper-hi);font-weight:800}.addfr{margin-left:4px;width:18px;height:18px;border-radius:50%;border:0;background:var(--copper);color:#2a1408;font:800 13px/18px var(--font);padding:0;cursor:pointer}.menu-logo{width:clamp(64px,12vh,104px);height:auto;filter:drop-shadow(0 6px 10px #000a);animation:float 3s ease-in-out infinite}.parade{flex-wrap:nowrap;gap:2px;height:auto}.parade img{width:clamp(40px,9.5vw,80px)!important;height:auto!important}@media (max-height: 440px){.menu-logo{width:54px}.screen .logo{font-size:44px}}.btn.evo{background:linear-gradient(180deg,#e9d5ff,#a855f7 45%,#7e22ce);color:#fff;text-shadow:0 1px 0 #3b0764;box-shadow:0 4px #3b0764}.evo-need{color:#d8b4fe}.evo-anim{display:flex;align-items:center;gap:14px;font-size:40px;color:var(--copper-hi)}.evo-anim img{width:130px;height:130px}.evo-anim .from{animation:evoOut 1.2s ease-in forwards}.evo-anim .to{animation:pop .8s .6s cubic-bezier(.2,1.6,.4,1) both;filter:drop-shadow(0 0 20px #e9d5ff)}@keyframes evoOut{60%{filter:brightness(3)}to{opacity:.35;filter:brightness(2) grayscale(1)}}.setup-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:12px;margin-top:10px}.setup-card{background:var(--glass);border:1px solid #c8834f55;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.sc-head{display:flex;gap:10px;align-items:center}.sc-head img{width:64px;height:64px}.sc-name{font:800 18px var(--font);background:#0006;color:#fff;border:2px solid var(--line);border-radius:10px;padding:2px 8px;width:100%}.sc-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:4px 0}.setup-card select,.setup-card input[type=number]{height:32px;border-radius:9px;background:#0006;color:#fff;border:2px solid var(--line);font:inherit;padding:0 6px}.setup-card input[type=number]{width:68px}.sc-stats{display:flex;gap:8px;flex-wrap:wrap}.sc-stats label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:2px}.sc-two{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}@media (max-width: 600px){.sc-two{grid-template-columns:1fr}}.sc-sk{display:flex;flex-direction:column;gap:2px;font-size:13px;margin-bottom:6px}.sc-sk select{width:100%}.grid7{display:grid;grid-template-columns:repeat(7,26px);gap:3px;padding:6px;background:#2f6b1c;border-radius:10px;border:2px solid var(--copper);width:max-content;margin-top:6px}.gc{width:26px;height:26px;border-radius:6px;background:#7fd14a;display:grid;place-items:center;font-size:13px}.gc.move{background:#22d3ee;box-shadow:inset 0 0 0 2px #ecfeff}.gc.hit{background:#f43f5e;box-shadow:inset 0 0 0 2px #ffe4e6}.gc.me{background:#fde68a}.gc img{width:26px;height:26px}.fx-prev{width:64px;height:64px;display:grid;place-items:center;font-size:30px;background:#0004;border-radius:12px}.fx-prev img{width:60px;height:60px}.sticky-save{position:sticky;bottom:0;background:linear-gradient(transparent,#120c09 40%);padding:12px 0;z-index:5}.form.prof{gap:6px}.form.prof input{height:38px}[hidden]{display:none!important}.vs-row .btn.vs{min-width:0;flex:1 1 160px;max-width:240px}.btn.vs b{font-size:26px;letter-spacing:1px;color:#7a1d0a;text-shadow:0 2px 0 #fff6;margin-right:6px}.btn.soon{opacity:.5;filter:grayscale(.6);cursor:not-allowed}.btn.soon i{font-style:normal;font-size:11px;margin-left:6px;padding:1px 8px;border-radius:99px;background:#0006;color:var(--copper-hi)}.pen-screen .garden{background-size:cover;background-position:center;border-width:5px}.pen-screen .pen-body{flex-direction:column;align-items:stretch;max-width:1100px}.land .pen-screen .pen-body{flex-direction:row}.pen-screen .garden{height:clamp(300px,62vh,760px)!important;flex:2 1 0!important}.port .pen-screen .garden{height:58vh!important}.land .pen-screen .pen-side{max-width:380px}.pen-screen .walker{width:clamp(84px,13vw,132px);height:clamp(84px,13vw,132px);margin:calc(clamp(84px,13vw,132px)*-1) 0 0 calc(clamp(84px,13vw,132px)/-2)}.pen-tabs{width:100%;max-width:1100px;display:flex;gap:6px;flex-wrap:wrap}.pen-tabs .btn{flex:1 1 90px}.pen-tabs .btn span{font-size:12px;background:#0005;color:#fff;border-radius:99px;padding:0 7px;margin-left:4px}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:25;max-height:72vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#3a271c,#1d130e);border-top:3px solid var(--copper);border-radius:22px 22px 0 0;box-shadow:0 -12px 30px #000a;animation:sheetUp .25s ease-out;padding-bottom:max(10px,env(safe-area-inset-bottom))}@keyframes sheetUp{0%{transform:translateY(100%)}}.sheet-head{display:flex;align-items:center;gap:8px;padding:12px 14px 6px;font-size:18px}.sheet-head .x{margin-left:auto}.sheet-body{overflow-y:auto;padding:4px 14px 12px;display:flex;flex-direction:column;gap:6px;text-align:left}.land .sheet{left:auto;width:min(480px,100vw);right:12px;border-radius:22px 22px 0 0}.bar{display:flex;align-items:center;height:18px}.bar span{position:relative;z-index:1;line-height:1;font-size:11px;padding-left:8px;white-space:nowrap}.bar i{top:0;bottom:0}.sc-img{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted)}.sc-img img{width:72px;height:72px;object-fit:contain;background:#0004;border-radius:12px;border:2px dashed #c8834f88}.sc-img:hover img{border-color:var(--copper-hi)}.setup-card [name=hatchWeight]{width:64px}.btn.danger{color:#fca5a5;border-color:#ef444488}.pen-tabs{flex-wrap:nowrap}.pen-tabs .btn{flex:1 1 0;min-width:0;padding-left:6px;padding-right:6px;white-space:nowrap}.pen-tabs #p-help{flex:0 0 44px}.pen-head #p-back{flex:none}.pen-screen{padding-bottom:max(16px,env(safe-area-inset-bottom))!important}.title-row{display:flex;align-items:flex-end;justify-content:center;gap:4px}.title-row .t-pet{width:clamp(52px,11vh,92px);height:auto;filter:drop-shadow(0 6px 8px #0008);animation:float 2.6s ease-in-out infinite}.title-row .t-pet.r{animation-delay:.8s}.btn.saga-btn{background:linear-gradient(180deg,#fde68a,#f59e0b 45%,#b45309);color:#3b1d06;text-shadow:0 1px 0 #fde68a}.screen.saga{justify-content:flex-start;padding:0;gap:0;overflow:hidden;background:radial-gradient(circle at 30% 20%,#b6f07a 0,transparent 40%),radial-gradient(circle at 80% 70%,#7dd3fc 0,transparent 35%),linear-gradient(180deg,#8bd65d,#4f9e35)}.saga-head{position:sticky;top:0;z-index:3;width:100%;display:flex;align-items:center;gap:10px;padding:10px max(14px,env(safe-area-inset-left));background:linear-gradient(180deg,#2a1b12f2,#2a1b12cc);font-size:20px}.saga-head .pill{margin-left:auto;color:var(--gold)}.saga-path{position:relative;width:100%;max-width:560px;flex:1;overflow-y:auto;padding:30px 0 60px;display:flex;flex-direction:column;gap:22px}.saga-path:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:0}.lv{position:relative;align-self:flex-start;margin-left:calc(var(--x) - 38px);width:76px;height:76px;border-radius:50%;border:5px solid #fff;background:radial-gradient(circle at 35% 30%,#fff7,transparent 45%),linear-gradient(180deg,#f472b6,#db2777);color:#fff;font:900 26px var(--font);box-shadow:0 6px #9d174d,0 10px 16px #0005;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;cursor:pointer}.lv b{line-height:1;text-shadow:0 2px 0 #0006}.lv.done{background:radial-gradient(circle at 35% 30%,#fff7,transparent 45%),linear-gradient(180deg,#38bdf8,#0369a1);box-shadow:0 6px #0c4a6e,0 10px 16px #0005}.lv.next{animation:lvPulse 1.2s ease-in-out infinite}.lv.locked{background:linear-gradient(180deg,#a8a29e,#57534e);box-shadow:0 6px #292524,0 10px 16px #0004;opacity:.85}.lv.soon{background:linear-gradient(180deg,#fde68a,#a16207);box-shadow:0 6px #713f12;cursor:default;font-size:22px;width:96px;height:96px;margin-left:calc(var(--x) - 48px)}.lv.soon span{font-size:11px}.lv .lock{font-size:14px}.lv .gift{position:absolute;top:-14px;right:-12px;font-style:normal;font-size:24px;filter:drop-shadow(0 2px 2px #0008)}.lv .stars{position:absolute;bottom:-16px;font-size:16px}@keyframes lvPulse{50%{transform:scale(1.12);box-shadow:0 6px #9d174d,0 0 0 10px #fff5}}.stars .st,.goals .st,.big-stars .st{color:#57534e;text-shadow:0 1px 0 #000}.st.on{color:#fde047!important;text-shadow:0 0 8px #facc15,0 1px 0 #92400e!important}.lv-pop{z-index:30}.lv-card{background:linear-gradient(180deg,#3a271c,#1d130e);border:3px solid var(--copper);border-radius:22px;padding:18px;width:min(440px,92vw);display:flex;flex-direction:column;gap:10px;align-items:center;max-height:92vh;overflow-y:auto}.lv-title{font:900 24px var(--font);color:var(--gold);text-align:center}.lv-card .stars{font-size:30px}.lv-bots{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.lv-bots img{width:58px;height:58px}.goals{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left;width:100%}.goals li{display:flex;gap:8px;align-items:center;background:#0004;border-radius:10px;padding:6px 10px}.goals .st{font-size:22px}.lv-res{display:flex;flex-direction:column;gap:8px;align-items:center;width:min(440px,92vw)}.big-stars{font-size:56px;display:flex;gap:6px}.big-stars .st.pop{animation:pop .6s cubic-bezier(.2,1.6,.4,1) both}.big-stars .st:nth-child(2){animation-delay:.25s;transform:translateY(-10px)}.big-stars .st:nth-child(3){animation-delay:.5s}.lv-edit .sc-row{gap:6px}.lv-edit .lv-no{min-width:54px;color:var(--gold)}.lv-edit select{max-width:150px}.lv-edit .rw{display:flex;flex-direction:column;font-size:11px;color:var(--muted)}.lv-edit .rw input{width:54px!important}#panel>*{flex-shrink:0}#panel .supports .btn{flex:1 1 auto;white-space:normal;line-height:1.2;min-height:40px}#panel .supports .btn.on{box-shadow:0 0 0 3px var(--gold)}.pill.coin{color:#fde047;border-color:#facc1588}.fz-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.btn.rel{color:#fde047}.fz-note{font-size:12px;margin-top:6px}.sheet{z-index:2000!important}.sp-box{background:#fde04712;border:1px solid #facc1555;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;margin:4px 0}.sp-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#fde68a}.sp-row{display:grid;grid-template-columns:74px 1fr 36px 26px 36px;align-items:center;gap:6px}.sp-row .tag{grid-column:1 / -1;margin-top:-4px;font-size:11px}.sp-row.off{opacity:.45}.sp-row .btn{padding:0;min-height:32px;font-size:18px}.sp-n{text-align:center}.sp-add{color:#4ade80}.screen.shop{justify-content:flex-start;padding:0 0 20px;gap:12px;overflow-y:auto}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:min(760px,94vw);padding-top:6px}.shop-item{background:var(--glass);border:1px solid #c8834f55;border-radius:18px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.si-icon{position:relative;font-size:46px;line-height:1;filter:drop-shadow(0 4px 6px #0008)}.si-icon i{position:absolute;right:-16px;bottom:-4px;font:900 15px var(--font);font-style:normal;color:#fff;background:#b45309;border-radius:99px;padding:1px 6px}.shop-item .btn{width:100%;color:#3b1d06}.shop-note{width:min(760px,94vw);text-align:center}.shop-row label{display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.shop-row input[name=name]{width:170px;height:32px;border-radius:9px;background:#0006;color:#fff;border:2px solid var(--line);padding:0 6px}.mail-list{width:min(640px,94vw);display:flex;flex-direction:column;gap:8px;padding-top:6px}.mail-row{display:flex;align-items:center;gap:10px;text-align:left;background:var(--glass);border:1px solid #c8834f55;border-radius:14px;padding:10px 12px;color:inherit;font:inherit;cursor:pointer;position:relative}.mail-row.unread{border-color:var(--gold)}.mail-row.gift{box-shadow:0 0 0 1px #facc1588 inset}.mail-ic{font-size:28px}.mail-mid{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.mail-mid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row .dot{width:10px;height:10px;border-radius:50%;background:#ef4444;flex:none}.mail-body{background:#0004;border-radius:12px;padding:10px 12px;width:100%;text-align:left;line-height:1.5;max-height:40vh;overflow-y:auto}.mailbox .saga-head .btn{margin-left:auto}.gender-row .btn{flex:1}.farm-btn{min-width:min(320px,80vw)}.rule-carousel{width:min(460px,92vw);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.rc-card{width:100%;min-height:96px;background:linear-gradient(180deg,#3a271c,#24170f);border:2px solid var(--copper);border-radius:18px;padding:12px 16px;display:flex;flex-direction:column;gap:6px;text-align:center;box-shadow:0 8px 20px #0006}.rc-card b{font:900 20px var(--font);color:var(--gold)}.rc-card.in{animation:rcIn .55s cubic-bezier(.2,1.4,.4,1),rcBob 3s ease-in-out .6s infinite}@keyframes rcIn{0%{opacity:0;transform:translate(60px) rotate(3deg)}}@keyframes rcBob{50%{transform:translateY(-6px)}}.rc-dots{display:flex;gap:5px}.rc-dots i{width:7px;height:7px;border-radius:50%;background:#fff3}.rc-dots i.on{background:var(--gold)}.coin-win{color:#fde047;font-weight:800}.bot-card .sc-head img{width:72px;height:72px}.bot-card [name=lv]{width:60px}.vs b .pav{width:22px;height:22px;border-radius:50%;object-fit:cover;background:#0005;border:1.5px solid #ffffff55;flex:none}.who img{object-fit:cover;background:#0004}.acc-ava{width:100%}.ava-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;margin-top:6px;max-height:220px;overflow-y:auto}.ava-opt{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0004;border:2px solid transparent;border-radius:12px;padding:4px;color:inherit;font:600 11px var(--font);cursor:pointer}.ava-opt img{width:48px;height:48px;object-fit:contain;border-radius:50%}.ava-opt.on{border-color:var(--gold);background:#fde04722}.u-cell,.u-ava{display:flex;gap:8px;align-items:center}.err-pre{max-width:420px;max-height:260px;overflow:auto;white-space:pre-wrap;font-size:11px;background:#0006;padding:6px;border-radius:8px}#panel{overflow:hidden!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}#panel>.p-scroll{flex:1 1 auto!important;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:4px}#panel>.p-scroll>*{flex-shrink:0}#panel>.p-foot{flex:none!important;display:flex;flex-direction:column;gap:6px;padding-top:6px;border-top:1px solid #c8834f44}.p-foot .actions{margin-top:0}.p-foot .actions .btn{min-height:44px;font-size:15px;padding:0 6px}.step{display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#fde047,#f59e0b);color:#2b1600;font-weight:800;font-size:15px;line-height:1.25;border-radius:12px;padding:7px 10px;box-shadow:0 3px #92400e,0 0 16px #facc1555;animation:stepIn .35s ease-out}.step .step-ic{font-size:20px}.step.ok{background:linear-gradient(180deg,#86efac,#22c55e);color:#052e16;box-shadow:0 3px #166534,0 0 18px #4ade8088}.step.wait{background:#ffffff1a;color:#e7d5c4;box-shadow:none;animation:none}@keyframes stepIn{0%{transform:translateY(6px);opacity:.4}}#go.go-ready{background:linear-gradient(180deg,#bbf7d0,#22c55e 45%,#15803d);color:#fff;text-shadow:0 1px 0 #14532d;box-shadow:0 4px #14532d,0 0 #4ade80aa;animation:goPulse 1.1s ease-in-out infinite}@keyframes goPulse{50%{box-shadow:0 4px #14532d,0 0 0 8px #4ade8000;transform:scale(1.04)}}.quick{background:#fde04714;border:2px solid #facc15aa;border-radius:14px;padding:6px 8px 8px}.quick-title{font-weight:800;color:#fde68a;font-size:13px;margin-bottom:5px}.quick-row{display:flex;flex-wrap:wrap;gap:6px}.qbtn{flex:1 1 auto;min-height:40px;border-radius:11px;border:2px solid #f59e0b;background:linear-gradient(180deg,#fff7d6,#fcd34d);color:#3b1d06;font:800 14px var(--font);padding:0 10px;box-shadow:0 3px #b45309;cursor:pointer}.qbtn.on{background:linear-gradient(180deg,#bbf7d0,#22c55e);border-color:#15803d;color:#052e16;box-shadow:0 3px #14532d,0 0 12px #4ade80}.hand-title{font-size:12px;color:var(--muted);font-weight:700}@media (max-height: 460px),(max-width: 460px){#panel .info{font-size:12px;padding:6px 8px}.step{font-size:14px;padding:6px 9px}.qbtn{min-height:36px;font-size:13px}}#panel>.p-scroll{overflow-x:hidden}.land .quick-row{display:grid;grid-template-columns:1fr 1fr;gap:5px}.land .qbtn{min-height:34px;font-size:12.5px;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.land .p-foot .actions .btn{font-size:13px;white-space:nowrap;padding:0 4px;min-height:40px}.land .step{font-size:13px;padding:5px 8px}.land .step .step-ic{font-size:16px}#panel{gap:6px!important;padding:8px 10px max(8px,env(safe-area-inset-bottom))!important}#panel>.p-head{flex:none}#panel>.p-tabs{flex:none;display:flex;gap:4px;background:#0004;border-radius:12px;padding:3px}.ptab{flex:1;min-height:34px;border:0;border-radius:9px;background:transparent;color:#e7d5c4;font:800 13.5px var(--font);cursor:pointer}.ptab.on{background:linear-gradient(180deg,#fde68a,#f59e0b);color:#3b1d06;box-shadow:0 2px #92400e}#panel>.p-scroll{gap:6px!important}.pl{display:flex;align-items:center;gap:8px;background:#ffffff10;border-radius:12px;padding:4px 6px;min-height:44px}.pl img{width:40px;height:40px;object-fit:contain;flex:none}.pl-egg{width:40px;text-align:center;font-size:26px;flex:none}.pl-mid{flex:1;min-width:0;line-height:1.2}.pl-mid b{font-size:15px}.pl-stats{font-size:12.5px;color:#f5e6d3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-side{font-size:11px;font-weight:800;border-radius:99px;padding:0 7px}.pl-side.me{background:#22d3ee33;color:#a5f3fc}.pl-side.foe{background:#fb3b6e33;color:#fecdd3}.pl-side.npc{background:#a3e63533;color:#d9f99d}.pl-info{flex:none}.pl-empty{background:#ffffff10;border-radius:12px;padding:0 10px;min-height:44px;display:flex;align-items:center;color:#fde68a;font-weight:800}.quick{background:none!important;border:0!important;padding:0!important}.quick-row{display:grid!important;grid-template-columns:repeat(2,1fr);gap:6px}.qbtn{min-height:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#panel .hand{display:flex!important;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;padding:10px 2px 4px}#panel .hand .card{flex:0 0 64px}.land #panel .hand{flex-wrap:wrap;overflow-x:hidden}.land #panel .hand .card{flex:0 0 calc(33.3% - 4px)}#panel .card.on{transform:translateY(-6px)}.unit-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px}.unit-pop .info{max-width:420px;width:100%;background:linear-gradient(180deg,#3a271c,#1d130e);border:2px solid var(--copper)}.land #panel .hand{flex-wrap:nowrap!important;overflow-x:auto!important}.land #panel .hand .card{flex:0 0 66px!important}