:root{--bg: #dcefc8;--bg-2: #b9dd9c;--panel: #fff7df;--panel-2: #f2dfae;--line: #8fbd73;--text: #26351d;--soil: #8a5837;--sky: #8fd0ff;--shadow: 0 14px 28px rgba(80, 104, 53, .18);--r: 16px;--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light;--muted: #435636;--accent: #1b5b38;--accent-fill: #26794f;--accent-bright: #39ab70;--accent-lift: #5fd68f;--accent-soft: #cde7d4;--accent-2: #6e4912;--accent-2-fill: #9f691a;--accent-2-mid: #c98f1e;--accent-2-soft: #f7e3b0;--danger: #a8231b;--danger-fill: #cf3f4f;--danger-soft: #ffdcd9;--info: #1e6086;--info-fill: #267cab;--info-soft: #d3ecf8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif;overscroll-behavior:none}html{min-height:100%;background:var(--bg);background-image:radial-gradient(1100px 520px at 50% -14%,rgba(143,208,255,.8),transparent 64%),radial-gradient(560px 340px at 6% 6%,rgba(255,225,108,.42),transparent 58%),linear-gradient(180deg,#d8f2ff,#dcefc8 46%,#b9dd9c);background-repeat:no-repeat;background-attachment:fixed;background-size:cover}body{min-height:100dvh}#app{display:flex;justify-content:center;height:100dvh;overflow:hidden}.shell{width:min(760px,100vw);display:flex;flex-direction:column;height:100dvh;max-height:100dvh;background:linear-gradient(90deg,rgba(38,53,29,.035) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(180deg,#fffbe7eb,#dcefc8f5);border-left:1px solid rgba(38,53,29,.08);border-right:1px solid rgba(38,53,29,.08);position:relative;overflow:hidden}.topbar{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;border-bottom:1px solid var(--line);background:#fff8e2e0;backdrop-filter:blur(12px);position:relative;z-index:30;flex:none}.toppills{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent)}.toppills::-webkit-scrollbar{display:none}.toppills .pill{flex:none}.topbar>.levelbadge,.topbar>.iconbtn{flex:none}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.02em;font-size:15px;flex:0 1 auto;min-width:0;overflow:hidden}.brand>:not(.logo){min-width:0}.brand>:not(.logo)>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,#ffdf62,var(--accent-bright));display:grid;place-items:center;font-size:17px;box-shadow:0 5px 14px #d98f243d;flex:none}.brand small{display:block;font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.pill.coin{color:var(--accent-2)}.pill.crystal{color:#9ad6ff}.screen{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 14px 96px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.route-enter{animation:routeIn .3s cubic-bezier(.2,.9,.3,1) both}@keyframes routeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.garden-pulse{position:relative;overflow:hidden;border-radius:20px;padding:18px;margin-bottom:16px;border:1px solid rgba(71,123,55,.24);background:linear-gradient(135deg,#ffffff94,#ffffff1f),radial-gradient(100% 80% at 88% 0%,rgba(255,217,92,.34),transparent 62%),linear-gradient(180deg,#bde6ff,#dff3b9 65%,#b8df8b);box-shadow:var(--shadow);isolation:isolate}.garden-pulse:before{content:"";position:absolute;inset:auto -10% -34px;height:88px;background:repeating-linear-gradient(90deg,rgba(77,145,50,.18) 0 4px,transparent 4px 18px),radial-gradient(80% 90% at 50% 100%,rgba(47,159,98,.22),transparent 70%);transform:skewY(-3deg);z-index:-1}.garden-pulse.weather-sun{background:linear-gradient(135deg,#ffffff94,#ffffff1f),radial-gradient(100% 80% at 90% 0%,rgba(255,203,64,.42),transparent 60%),linear-gradient(180deg,#aee0ff,#e9f3ae 68%,#b7df87)}.garden-pulse.weather-storm{background:linear-gradient(135deg,#ffffff7a,#ffffff1a),radial-gradient(100% 80% at 90% 0%,rgba(77,140,214,.34),transparent 60%),linear-gradient(180deg,#9ec9df,#c8dba5 68%,#96c66e)}.garden-pulse.weather-moon{background:linear-gradient(135deg,#ffffff61,#ffffff14),radial-gradient(100% 80% at 90% 0%,rgba(155,114,217,.3),transparent 60%),linear-gradient(180deg,#b8c8f0,#d6dea9 68%,#9cca77)}.pulse-copy h1{font-size:28px;line-height:1;margin-top:8px;letter-spacing:-.04em}.pulse-copy p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.45;max-width:31ch}.weather-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;color:#fffdf1;background:#26351d}.pulse-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.pulse-stat{min-height:58px;display:grid;align-content:center;gap:4px;padding:9px 10px;border-radius:14px;background:#fffdf1b3;border:1px solid rgba(71,123,55,.14)}.pulse-stat span{color:var(--muted);font-size:10.5px;font-weight:700}.pulse-stat strong{font-size:18px}.goal-stack{display:grid;gap:8px;margin-top:12px}.goal-row{appearance:none;border:1px solid rgba(71,123,55,.14);border-radius:14px;background:#fffdf1b8;color:var(--text);font-family:inherit;padding:10px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.goal-row.done{border-color:#2f9f6273;background:#2f9f6221}.goal-row.claimed{opacity:.58;cursor:default}.goal-main{display:grid;gap:3px;flex:1;min-width:0}.goal-main b{font-size:12.5px}.goal-main small{color:var(--muted);font-size:11px}.goal-cta{flex:none;min-width:48px;text-align:center;padding:7px 8px;border-radius:999px;background:#2f9f621f;color:var(--accent);font-size:11px;font-weight:800}.seed-belt{margin-bottom:16px}.roadmap-card{margin-bottom:16px;padding:14px;border-radius:18px;border:1px solid rgba(71,123,55,.18);background:#fffdf1c7;box-shadow:0 8px 18px #5068351a}.roadmap-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.roadmap-head b{display:block;font-size:14px}.roadmap-head small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.roadmap-action{appearance:none;border:0;border-radius:999px;background:var(--accent-fill);color:#fffdf1;font-family:inherit;font-size:11px;font-weight:900;padding:9px 12px;white-space:nowrap}.roadmap-list{display:grid;gap:7px;margin-top:12px}.roadmap-step{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:7px;min-height:30px;color:var(--muted);font-size:12px}.roadmap-step span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#26351d14;color:var(--muted);font-weight:900}.roadmap-step.current{color:var(--text)}.roadmap-step.current span{background:var(--accent-2-fill);color:#fffdf1}.roadmap-step.done span{background:var(--accent-fill);color:#fffdf1}.discovery-card{margin-bottom:16px;padding:14px;border-radius:18px;border:1px solid rgba(71,123,55,.18);background:linear-gradient(135deg,#fffdf1e6,#fff2bcb8),radial-gradient(90% 90% at 100% 0%,rgba(155,114,217,.12),transparent 62%);box-shadow:0 8px 18px #5068351a}.discovery-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.discovery-head b{display:block;font-size:14px}.discovery-head small,.discovery-traits{display:block;margin-top:3px;color:var(--muted);line-height:1.35}.discovery-action{appearance:none;border:0;border-radius:999px;background:#26351d;color:#fffdf1;font-family:inherit;font-size:11px;font-weight:900;padding:9px 12px;white-space:nowrap}.discovery-list{display:grid;gap:8px;margin-top:12px}.discovery-row{appearance:none;border:1px solid rgba(71,123,55,.14);border-radius:13px;background:#fffdf1b8;color:var(--text);font-family:inherit;padding:10px;display:flex;align-items:center;gap:10px;text-align:left}.discovery-row.done{border-color:#2f9f626b;background:#2f9f621f}.discovery-row.claimed{opacity:.62}.discovery-main{display:grid;gap:3px;flex:1;min-width:0}.discovery-main b{font-size:12px}.discovery-main small{color:var(--muted);font-size:10.5px;line-height:1.3}.discovery-progress{flex:none;min-width:42px;text-align:center;color:var(--accent);font-size:12px;font-weight:900}.seed-belt-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:9px}.seed-belt-head b{display:block;font-size:15px}.seed-belt-head small{display:block;margin-top:2px;color:var(--muted);font-size:11px}.seed-shop-link{appearance:none;border:1px solid rgba(71,123,55,.2);border-radius:999px;background:#fffdf1c7;color:var(--text);font-family:inherit;font-size:11px;font-weight:800;padding:8px 10px}.seed-rail{display:flex;gap:9px;overflow-x:auto;padding:1px 1px 6px;scrollbar-width:none}.seed-rail::-webkit-scrollbar{display:none}.seed-card{flex:0 0 154px;appearance:none;min-height:70px;border:1px solid rgba(71,123,55,.16);border-radius:18px;background:#fffdf1d1;color:var(--text);font-family:inherit;display:flex;align-items:center;gap:10px;padding:10px;text-align:left;box-shadow:0 8px 18px #5068351a}.seed-card.active{border-color:#26351d57;background:#fff7df;box-shadow:0 0 0 2px #2f9f622e,0 10px 22px #50683529}.seed-card.empty-seed{opacity:.72}.seed-orb{width:42px;height:42px;flex:none;border-radius:50% 50% 46% 54%;display:grid;place-items:center;color:#fffdf1;font-weight:900;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.2),transparent 24%),linear-gradient(145deg,color-mix(in srgb,var(--seed),#10230f 76%),color-mix(in srgb,var(--seed),#0b1a0c 86%));box-shadow:inset 0 -5px 10px #0b1a0c66,0 6px 12px #5068352e;text-shadow:0 1px 3px rgba(0,0,0,.45)}.seed-info{display:grid;gap:4px;min-width:0}.seed-info b{font-size:12.5px}.seed-info small{color:var(--muted);font-size:10.5px}.screen::-webkit-scrollbar{width:5px}.screen::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.bottomnav{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(var(--tab-count, 6),minmax(0,1fr));gap:2px;padding:8px 8px calc(env(safe-area-inset-bottom) + 8px);background:#fff8e2f0;backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:30}.navitem{appearance:none;border:0;background:transparent;color:var(--muted);font-family:inherit;font-size:10px;font-weight:600;padding:6px 2px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .16s ease}.navitem .ico{font-size:19px;line-height:1;filter:grayscale(.6);transition:filter .16s}.navitem.active{color:var(--accent);background:#2f9f621f}.navitem.active .ico{filter:none;transform:translateY(-1px)}h1,h2,h3,h4{margin:0;letter-spacing:-.02em}.sec-title{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.card{background:linear-gradient(165deg,#fffbe7f5,#f2dfaeb8);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:var(--shadow)}.btn{appearance:none;font-family:inherit;font-weight:700;font-size:14px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:12px 16px;cursor:pointer;transition:transform .12s ease,filter .12s ease,opacity .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px}@media(hover:hover){.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:linear-gradient(140deg,var(--accent-lift),var(--accent-bright));border-color:transparent;color:#04150d;box-shadow:0 6px 20px #6ee7a038}.btn.gold{background:linear-gradient(140deg,#ffd95c,var(--accent-2-mid));border-color:transparent;color:#1c1300}.btn.danger{background:var(--danger-fill);border-color:transparent;color:#fffdf1}.btn.ghost{background:transparent}.btn.sm{padding:8px 12px;font-size:12px;border-radius:10px;min-height:36px}.btn.block{width:100%}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.tiny{font-size:11px}.small{font-size:12px}.mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:var(--text);background:#fffdf1c2;border:1px solid rgba(71,123,55,.18)}.bar{height:7px;border-radius:999px;background:#26351d1a;overflow:hidden}.bar>i{display:block;width:100%;height:100%;border-radius:999px;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--accent-bright),var(--accent-lift));transition:transform .4s cubic-bezier(.22,1,.36,1)}.bar.hp>i{background:linear-gradient(90deg,#5ce08a,#2ea86a)}.bar.hp.low>i{background:linear-gradient(90deg,#ffb457,#ff6b6b)}.bar.energy>i{background:linear-gradient(90deg,#7fd8ff,#4c8dff)}.battlefield{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:18px 16px;min-height:0;isolation:isolate;background:radial-gradient(130% 60% at 50% 118%,rgba(110,231,160,.16),transparent 62%),linear-gradient(180deg,#0a1a20,#0b1d18 38%,#081310 74%,#060e0c);box-shadow:inset 0 0 80px #0000008c}.battlefield:before{content:"";position:absolute;left:50%;top:16%;width:190px;height:190px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 34% 50%,color-mix(in srgb,var(--b-el) 26%,transparent),transparent 68%),radial-gradient(circle at 66% 50%,color-mix(in srgb,var(--a-el) 26%,transparent),transparent 68%),radial-gradient(circle,rgba(255,209,102,.14),transparent 66%);pointer-events:none;z-index:0}.battlefield:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(180deg,#14302600,#122c22cc 34%,#091812f5);border-top:1px solid rgba(140,226,168,.22);clip-path:polygon(0% 0%,100% 0%,112% 100%,-12% 100%);pointer-events:none;z-index:0}.battler{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.battler.b-side .avatar .plantart{transform:scaleX(-1)}.battler .avatar{width:112px;height:112px;flex:none;display:grid;place-items:center;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 74%,rgba(255,255,255,.07),transparent 70%),radial-gradient(64% 44% at 50% 84%,var(--elglow, transparent),transparent 78%);box-shadow:0 10px 24px #00000073,inset 0 0 24px #00000059,0 0 18px var(--elglow, transparent);transition:box-shadow .2s}.battler.rar-S .avatar,.battler.rar-SS .avatar,.battler.rar-SSS .avatar{box-shadow:0 0 0 1.5px var(--rarc, transparent),0 0 20px var(--rarc, transparent),0 10px 24px #00000073,inset 0 0 24px #00000059}.battler.rar-S .avatar{--rarc: rgba(255, 209, 102, .6)}.battler.rar-SS .avatar{--rarc: rgba(255, 122, 169, .65)}.battler.rar-SSS .avatar{--rarc: rgba(205, 232, 255, .7)}.battler.lowhp .avatar{animation:dangerPulse 1.15s ease-in-out infinite}@keyframes dangerPulse{0%,to{box-shadow:0 0 0 1.5px #ff6b6b66,0 10px 24px #00000073,inset 0 0 24px #00000059}50%{box-shadow:0 0 0 3px #ff6b6bd9,0 0 24px #ff544080,0 10px 24px #00000073,inset 0 0 24px #00000059}}.battler .avatar svg{width:104px;height:104px}.battler.hit .avatar,.battler.hit-enemy .avatar{box-shadow:0 0 0 2px #ff6b6ba6,0 10px 24px #00000080}.battler.attack .avatar{box-shadow:0 0 0 1px #ffd66680,0 12px 28px #00000080}.battler{transition:opacity .4s,filter .4s}.battler.dead{opacity:.55;filter:grayscale(.95) brightness(.78)}.battler.dead .avatar .plantart{animation:none;transform:rotate(16deg) translateY(14px) scale(.94);transition:transform .45s cubic-bezier(.3,.7,.4,1)}.battler.b-side.dead .avatar .plantart{transform:scaleX(-1) rotate(16deg) translateY(14px) scale(.94)}.battler .avatar{position:relative}.battler.dead .avatar:after{content:"K.O.";position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-9deg);font-size:21px;font-weight:900;letter-spacing:.04em;color:#ffe08a;text-shadow:0 2px 6px rgba(0,0,0,.85),0 0 14px rgba(255,150,60,.5);pointer-events:none}.battler.victor .avatar{animation:victorPop .72s cubic-bezier(.2,.9,.3,1.2);box-shadow:0 0 0 2px #ffd666bf,0 14px 30px #00000080}@keyframes victorPop{0%{transform:translateY(0) scale(1)}32%{transform:translateY(-12px) scale(1.07)}64%{transform:translateY(2px) scale(.98)}to{transform:translateY(0) scale(1)}}.hpblock{width:100%;max-width:190px;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:center;align-items:center}.battler .pname{font-weight:700;font-size:14px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hpstack{position:relative;width:100%;height:13px;border-radius:999px;background:#00000080;border:1px solid rgba(255,255,255,.08);overflow:hidden}.hpstack>i{position:absolute;inset:0;display:block;border-radius:999px;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#3ddc84,#6ee7a0);transition:transform .32s cubic-bezier(.22,1,.36,1)}.hpstack>i.low{background:linear-gradient(90deg,#ff7a5c,#ffb457)}.hpstack>i.crisis{background:linear-gradient(90deg,#ff4d4d,#ff9a3d);animation:crisisFlare .7s ease-in-out infinite}@keyframes crisisFlare{0%,to{filter:brightness(1)}50%{filter:brightness(1.65)}}.hpstack>u{position:absolute;inset:0;display:block;border-radius:999px;transform-origin:left center;transform:scaleX(0);background:repeating-linear-gradient(115deg,#ffffff80 0 5px,#ffffff38 5px 10px);transition:transform .32s ease}.battler .statusline{font-size:10.5px;color:#ff9ad6;min-height:13px;font-weight:600}.battle-arena{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 14px;border-radius:14px;background:#00000052;border:1px solid rgba(255,255,255,.07);overflow:hidden}.battle-arena:before{content:"VS";position:absolute;inset:0;display:grid;place-items:center;font-size:44px;font-weight:900;letter-spacing:.04em;color:#ffffff0f;pointer-events:none}.battlefield:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,#6ee7a000,#6ee7a012);pointer-events:none;z-index:1}.clock{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700;letter-spacing:.04em;color:var(--text);text-shadow:0 2px 10px rgba(0,0,0,.7)}.clock.critical{color:#ff7a5c}.phase{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .3s}.phase[data-phase=late]{color:#ffb35c}.phase[data-phase=overtime]{color:#ff8a6a}.phase.phase-pop{animation:phasePop .55s cubic-bezier(.2,.9,.3,1.3)}@keyframes phasePop{0%{transform:scale(1)}35%{transform:scale(1.4)}to{transform:scale(1)}}.battlefield.hit{animation:shakeScreen .26s}@keyframes shakeScreen{0%,to{transform:translate(0)}25%{transform:translate(-4px,2px)}60%{transform:translate(4px,-2px)}85%{transform:translate(-2px,-1px)}}.actionbar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.actionbar:has(>:only-child){justify-content:flex-start}.skillbtn{position:relative;width:118px;min-height:84px;padding:8px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(170deg,#fff9e6,#e4f1c8);color:var(--text);font-family:inherit;font-size:10.5px;font-weight:700;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;line-height:1.25;word-break:break-word;overflow-wrap:anywhere;transition:transform .12s,border-color .16s,box-shadow .16s}.skillbtn>span:not(.ico):not(.cd){max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skillbtn .ico{font-size:24px;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.skillbtn.ready{border-color:#6ee7a08c;box-shadow:0 0 0 1px #6ee7a024,0 6px 18px #0006}.skillbtn.ready:active{transform:scale(.95)}.skillbtn:disabled{cursor:default}.skillbtn .cd{position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from 0deg,rgba(46,60,40,.34) calc(var(--cdp, 0) * 1turn),transparent 0),#2e3c281a;display:block;font-size:0;font-weight:800;font-family:JetBrains Mono,monospace;color:#123047}.skillbtn .cost{position:absolute;left:5px;bottom:5px;padding:1px 6px;border-radius:999px;font-size:9.5px;font-weight:800;font-family:JetBrains Mono,monospace;color:#b45309;background:linear-gradient(180deg,#fff8dcf2,#ffe4aae6);border:1px solid rgba(180,83,9,.28);pointer-events:none}.skillbtn.no-energy{filter:saturate(.45) brightness(.94)}.skillbtn.no-energy .cost{color:#b91c1c;background:linear-gradient(180deg,#fee2e2,#fecaca);border-color:#b91c1c59}.skillbtn:focus-visible{outline:2px solid var(--acc, #3578d4);outline-offset:2px}.skillbtn .cd:after{content:attr(data-cd);position:absolute;top:4px;right:5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;font-size:10.5px;font-weight:800;color:#f2f8ef;background:#1c2c1ad1;box-shadow:0 1px 4px #00000059}.skillbtn.cooling{border-color:#788c7666;cursor:default}.energymeter{display:flex;align-items:center;gap:7px;margin:2px 2px 8px}.energymeter .em-ico{font-size:12px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.energymeter .em-track{flex:1;height:8px;border-radius:999px;overflow:hidden;background:#26351d24;border:1px solid var(--line)}.energymeter .em-track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .15s linear}.energymeter .em-num{font-size:10.5px;font-weight:800;color:#b45309;min-width:34px;text-align:right}.energymeter.is-full .em-num{color:#15803d}.segmented{display:flex;gap:3px;padding:3px;margin-top:10px;border-radius:12px;background:#26351d1a;border:1px solid var(--line)}.stancebtn{flex:1;padding:8px 4px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:all .16s}.stancebtn.on{background:linear-gradient(160deg,var(--accent-bright),#2f9e6a);color:#04150d;box-shadow:0 3px 10px #6ee7a047}.battlelog{max-height:116px;overflow-y:auto;font-size:11.5px;line-height:1.6;background:#fffdf1d1;border-radius:12px;padding:9px 11px;border:1px solid var(--line);margin-top:12px;scrollbar-width:thin}.battlelog .l{padding:1px 0;color:var(--muted)}.battlelog .l.hi{color:var(--accent-2);font-weight:600}.battlelog .l.bad{color:#ff9a9a;font-weight:600}.float-num{position:fixed;font-weight:900;font-size:22px;transform:translate(-50%,-100%);padding-bottom:6px;pointer-events:none;animation:floatUp .95s cubic-bezier(.22,1,.36,1) forwards;text-shadow:0 2px 12px rgba(0,0,0,.9);z-index:70}.float-num.dmg{color:#ff8a7a}.float-num.heal{color:#6ee7a0}.float-num.crit{color:#ffd166;font-size:30px}.discovery-list.scrollable{max-height:210px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.discovery-list.scrollable::-webkit-scrollbar{width:4px}.discovery-list.scrollable::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.discovery-bar,.goal-bar{display:block;margin-top:4px}.discovery-bar .bar,.goal-bar .bar{height:4px}.discovery-action.pulse{color:#1c1300;background:linear-gradient(140deg,var(--accent-2-mid),#e0a93c);border-color:transparent;animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 0 #ffd16666}50%{box-shadow:0 0 0 6px #ffd16600}}.goal-hint{display:block;margin-top:3px;color:var(--muted);opacity:.85;line-height:1.35}.goal-count{font-weight:700;color:var(--text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.plots{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px;padding:18px 16px 44px;border-radius:26px;background:radial-gradient(58% 26% at 14% 12%,rgba(255,255,255,.92),transparent 70%),radial-gradient(44% 20% at 78% 26%,rgba(255,255,255,.78),transparent 72%),radial-gradient(70% 22% at 46% 78%,rgba(255,255,255,.6),transparent 74%),linear-gradient(178deg,#a8d8f2,#c3e6f7 38%,#e2f2f6 68%,#f6efdc);border:1px solid rgba(120,168,196,.5);box-shadow:inset 0 3px 10px #3a6e9429,inset 0 -14px 26px #fff4d680,0 14px 30px #466e8c38}@media(min-width:680px){.plots{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:980px){.plots{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1240px){.plots{grid-template-columns:repeat(5,minmax(0,1fr))}}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;padding:4px 0 8px}.shelf .plantcard{border-radius:18px;border:1px solid rgba(120,168,196,.34);background:linear-gradient(180deg,#fffdf4f0,#f6f0dbe6);box-shadow:0 2px #fff9 inset,0 8px 18px #466e8c29;padding:9px 10px 10px;cursor:pointer}.shelf .plantcard:active{transform:translateY(3px);box-shadow:0 4px 10px #466e8c33}@media(min-width:680px){.shelf{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.plots:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 2px #fff9;z-index:0}.plot{position:relative;z-index:1;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 190px;border-radius:30px 30px 16px 16px/26px 26px 14px 14px;padding:9px 10px 10px;cursor:pointer;overflow:visible;border:none;background-image:radial-gradient(46% 9% at 30% 2.5%,rgba(255,255,255,.55),transparent 72%),radial-gradient(18% 5% at 66% 1.5%,rgba(255,255,255,.32),transparent 70%),repeating-linear-gradient(180deg,#7a58340f 0 3px,#fffaeb1f 3px 7px),radial-gradient(86% 74% at 50% 30%,#f6eac6,#ecd9aa 48%,#d7ba87 82%,#c5a26e),linear-gradient(180deg,rgba(255,250,235,.4) 0 7px,transparent 7px),linear-gradient(180deg,transparent 0 55%,rgba(104,74,42,.1) 100%);box-shadow:0 30px 22px #34546c38;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}.plot:before{content:"";position:absolute;left:6%;right:6%;top:2px;height:15px;border-radius:50%;background:linear-gradient(180deg,#aade7a,#83c15c 52%,#63a03f);box-shadow:0 0 0 6px #83c15c,-11px 7px 0 -3px #92cc66,13px 8px 0 -4px #88c35e,0 6px 10px #2e541e38;z-index:-1;pointer-events:none}.plot:after{content:"";position:absolute;left:27%;right:27%;top:calc(100% - 2px);height:24px;border-radius:0 0 42% 42%/0 0 86% 86%;background:linear-gradient(180deg,#b08658,#98693d 46%,#a3744a);box-shadow:-8px 15px 0 -7px #8a6038,9px 17px 0 -8px #7d552f,inset -3px -2px 0 -1px #ffeec859,inset 4px 3px 0 -2px #462e182e;z-index:-1;pointer-events:none}.plot:active{transform:translateY(9px) scale(.985);box-shadow:0 20px 15px #34546c38}.plot:hover:not(:active){transform:translateY(-3px);box-shadow:0 34px 26px #34546c42}.plot.ready{box-shadow:0 0 0 2px #2f9f625c,0 30px 24px #34546c3d}.plot.bred{box-shadow:0 0 0 2px #d98f2470,0 36px 28px #34546c47}.plot .bed{position:relative;z-index:1;aspect-ratio:1 / 1.06;display:grid;place-items:center;margin:-8px 0 2px}.plot .bed svg{width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 5px 7px rgba(58,40,20,.34));transform-box:fill-box;animation:sway 5.5s ease-in-out infinite;transform-origin:50% 92%}.plot:nth-child(2n) .bed svg{animation-duration:6.4s;animation-delay:-1.4s}.plot:nth-child(3n) .bed svg{animation-duration:4.9s;animation-delay:-2.6s}@keyframes sway{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}.plot .bed .leaf{transform-box:fill-box;transform-origin:0% 50%;animation:leafFlutter 3.6s ease-in-out infinite;animation-delay:calc(var(--d, 0s) * -1)}.plot:nth-child(2n) .bed .leaf{animation-duration:4.4s}@keyframes leafFlutter{0%,to{transform:rotate(0)}50%{transform:rotate(2.6deg)}}.plantcard .bed:before{content:"";position:absolute;left:14%;right:14%;bottom:2%;height:52%;border-radius:50%;background:radial-gradient(50% 52% at 50% 62%,var(--elglow, transparent),transparent 74%);z-index:-1;pointer-events:none}.plantcard.rar-A{outline:1.5px solid rgba(111,37,180,.3)}.plantcard.rar-S{outline:2px solid rgba(217,143,36,.5)}.plantcard.rar-SS{outline:2px solid rgba(220,70,110,.55)}.plantcard.rar-SSS{outline:2px solid rgba(110,95,170,.6)}.plantcard.rar-SS .bed:before,.plantcard.rar-SSS .bed:before{left:6%;right:6%;height:66%;opacity:1.35}.plantcard .eldot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 4px currentColor;margin-left:-2px;margin-right:auto}.plantart.is-anim .l-stem,.plantart.is-anim .l-roots,.plantart.is-anim .l-petioles,.plantart.is-anim .l-leaves,.plantart.is-anim .l-thorns,.plantart.is-anim .l-fungus,.plantart.is-anim .l-fruit,.plantart.is-anim .l-bloom,.plantart.is-anim .l-marking,.plantart.is-anim .l-eyes{animation-delay:var(--d, 0s)}.plantart.is-anim .l-stem,.plantart.is-anim .l-roots{transform-box:fill-box;transform-origin:50% 100%;animation:growUp .9s var(--ease) both}@keyframes growUp{0%{transform:scaleY(.04)}to{transform:scaleY(1)}}.plantart.is-anim .leaf{transform-origin:0 0;animation:unfurl .75s var(--spring) both;animation-delay:calc(var(--d, 0s) + .28s)}@keyframes unfurl{0%{transform:scaleX(.02) scaleY(.5);opacity:0}to{transform:scaleX(1) scaleY(1);opacity:1}}.plantart.is-anim .l-bloom{transform-box:fill-box;transform-origin:50% 100%;animation:bloom .7s var(--spring) both;animation-delay:calc(var(--d, 0s) + .6s)}@keyframes bloom{0%{transform:scale(.1) rotate(-24deg);opacity:0}60%{transform:scale(1.12) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.plantart.is-anim .l-fruit,.plantart.is-anim .l-thorns{transform-box:fill-box;transform-origin:50% 50%;animation:pop .5s var(--spring) both;animation-delay:calc(var(--d, 0s) + .45s)}@keyframes pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.plantart.is-anim .l-marking,.plantart.is-anim .l-eyes,.plantart.is-anim .l-fungus{animation:fadeIn .6s ease both;animation-delay:calc(var(--d, 0s) + .55s)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.plantart.is-anim .l-aura{transform-box:fill-box;transform-origin:50% 50%;animation:breathe 4.2s ease-in-out infinite}.plantart.is-anim .l-ground{transform-box:fill-box;transform-origin:50% 100%;animation:breathe 4.2s ease-in-out infinite}.avatar .plantart{transform-box:fill-box;transform-origin:50% 92%;animation:battleIdle 2.6s ease-in-out infinite}@keyframes battleIdle{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-2px) rotate(.6deg)}}.battler.hit-enemy .plantart{animation:flinch .34s ease-out}@keyframes flinch{0%{transform:translate(0)}22%{transform:translate(9px) scaleX(.96)}to{transform:translate(0)}}.battler.hit .plantart{animation:flinch-mirror .34s ease-out}@keyframes flinch-mirror{0%{transform:scaleX(-1) translate(0)}22%{transform:scaleX(-1) translate(9px) scaleX(.96)}to{transform:scaleX(-1) translate(0)}}.battler.is-winding .plantart .l-leaves,.battler.is-winding .plantart .l-petioles{transform-box:fill-box;transform-origin:50% 100%;animation:rigCoil .5s ease-in-out}.battler.is-winding .plantart .l-bloom,.battler.is-winding .plantart .l-fruit{transform-box:fill-box;transform-origin:50% 60%;animation:rigDraw .5s ease-in-out}@keyframes rigCoil{0%,to{transform:rotate(0)}35%{transform:rotate(-4deg) scale(.94)}}@keyframes rigDraw{0%,to{transform:scale(1)}35%{transform:scale(.82)}}.battler.is-struck .plantart .l-stem{transform-box:fill-box;transform-origin:50% 100%;animation:rigShudder .38s ease-out}.battler.is-struck .plantart .l-leaves{transform-box:fill-box;transform-origin:50% 90%;animation:rigShudder .38s ease-out .03s}@keyframes rigShudder{0%,to{transform:rotate(0)}25%{transform:rotate(2.6deg)}60%{transform:rotate(-1.6deg)}}.battler.is-mended .plantart .l-leaves{transform-box:fill-box;transform-origin:50% 100%;animation:rigLift .6s ease-out}@keyframes rigLift{0%,to{transform:scale(1)}45%{transform:scale(1.05)}}html[data-motion=reduce] .battler.is-winding .plantart .l-leaves,html[data-motion=reduce] .battler.is-winding .plantart .l-petioles,html[data-motion=reduce] .battler.is-winding .plantart .l-bloom,html[data-motion=reduce] .battler.is-winding .plantart .l-fruit,html[data-motion=reduce] .battler.is-struck .plantart .l-stem,html[data-motion=reduce] .battler.is-struck .plantart .l-leaves,html[data-motion=reduce] .battler.is-mended .plantart .l-leaves,html[data-quality=lite] .battler.is-winding .plantart .l-leaves,html[data-quality=lite] .battler.is-winding .plantart .l-petioles,html[data-quality=lite] .battler.is-winding .plantart .l-bloom,html[data-quality=lite] .battler.is-winding .plantart .l-fruit,html[data-quality=lite] .battler.is-struck .plantart .l-stem,html[data-quality=lite] .battler.is-struck .plantart .l-leaves,html[data-quality=lite] .battler.is-mended .plantart .l-leaves{animation:none}.battler.attack .plantart{animation:lunge .42s var(--ease)}@keyframes lunge{0%{transform:translate(0) scale(1)}38%{transform:translate(-14px) scale(1.06)}to{transform:translate(0) scale(1)}}.battler.b-side.attack .plantart{animation-name:lunge-mirror}@keyframes lunge-mirror{0%{transform:scaleX(-1) translate(0) scale(1)}38%{transform:scaleX(-1) translate(-14px) scale(1.06)}to{transform:scaleX(-1) translate(0) scale(1)}}.plot .ribbon{position:absolute;top:0;left:0;right:0;height:3px;z-index:2}.plot .pname{position:relative;z-index:1;font-weight:700;font-size:12.5px;line-height:1.25;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plot .prow{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px;font-size:10.5px;min-width:0;flex-wrap:wrap}.plot .rarity{font-weight:800;font-size:11px;letter-spacing:.03em}.plot .flags{position:absolute;top:8px;left:8px;z-index:2;display:flex;gap:4px;font-size:11px}.ring{position:absolute;right:8px;bottom:8px;width:26px;height:26px;z-index:2}.ring circle{fill:none;stroke-width:3}.ring .track{stroke:#ffffff1f}.ring .fill{stroke:var(--accent);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .5s ease}.chip{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.01em;border:1px solid transparent}.chip.ok{color:#fffdf1;background:var(--accent-fill)}.grow-timer{position:relative;z-index:2;margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:6px}.grow-timer-text{flex:1;min-width:0;text-align:right;color:var(--muted);font-size:10.5px;font-weight:800;white-space:nowrap}.chip.gold{color:#5a3d08;background:var(--accent-2-soft);border-color:var(--accent-2-fill)}.chip.info{color:#123f5c;background:var(--info-soft);border-color:var(--info-fill)}.chip.dim{color:var(--muted);background:#fffdf17a;border-color:var(--line)}.empty-plot{min-height:188px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--text);text-align:center;background-image:repeating-linear-gradient(180deg,rgba(122,88,52,.045) 0 6px,transparent 6px 13px),radial-gradient(86% 74% at 50% 30%,#f8efce,#ecdcb0 50%,#d6c092 84%,#c3a97c),linear-gradient(180deg,rgba(255,250,235,.4) 0 7px,transparent 7px),linear-gradient(180deg,transparent 0 55%,rgba(104,74,42,.1) 100%)}.plot .soil-mark{position:absolute;top:7px;left:8px;z-index:3;min-width:21px;height:21px;padding:0 6px;display:grid;place-items:center;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;color:#4a3316;background:linear-gradient(180deg,#fdf3d8,#ecd7a4);border-radius:999px;box-shadow:0 2px 4px #3a281447,inset 0 1px #ffffffb3}.plot .soil-mark.dim{opacity:.72}.plot-hole{position:relative;z-index:1;width:78px;height:78px;display:grid;place-items:center;margin:6px 0 2px;border-radius:50%;border:2.5px dashed rgba(120,92,54,.5);background:radial-gradient(70% 70% at 50% 38%,#60462629,#6046260f);box-shadow:inset 0 3px 7px #4a301638,inset 0 -1px #fffaeb66;font-size:26px;opacity:.5;filter:blur(.4px);transition:opacity .18s cubic-bezier(.22,1,.36,1)}.empty-plot:hover .plot-hole{opacity:.78}.empty-plot strong{position:relative;z-index:1;font-size:13px}.empty-plot small{position:relative;z-index:1;color:var(--muted);max-width:15ch;line-height:1.35}.strategy-card{box-shadow:none}.combo-list{display:grid;gap:8px}.combo-line{display:grid;grid-template-columns:auto auto auto auto auto 1fr;align-items:center;gap:6px;min-height:34px;padding:7px 8px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.055)}.combo-line span{padding:3px 7px;border-radius:999px;background:#5bf08f1a;color:var(--accent);font-size:11px;font-weight:800}.combo-line i{color:var(--muted);font-style:normal;font-size:11px}.combo-line small{color:var(--muted);font-size:11px;line-height:1.25}.wallet-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.wallet-row span{padding:7px 6px;border-radius:10px;background:#2f9f621a;color:var(--text);font-size:11px;font-weight:800;text-align:center}.sheet{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#fff9e6,#e4f1c8);border-top:1px solid var(--line);border-radius:22px 22px 0 0;padding:8px 16px calc(env(safe-area-inset-bottom) + 16px);z-index:60;box-shadow:0 -20px 50px #50683547;max-height:86%;overflow-y:auto;animation:slideUp .26s cubic-bezier(.22,1,.36,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet .handle{width:38px;height:4px;border-radius:999px;background:var(--line);margin:4px auto 12px}.overlay{position:absolute;inset:0;background:#4452306b;backdrop-filter:blur(3px);z-index:50;animation:fade .2s}@keyframes fade{0%{opacity:0}to{opacity:1}}.toast{position:absolute;left:50%;bottom:92px;transform:translate(-50%);background:#fff9e6fa;border:1px solid var(--line);color:var(--text);padding:10px 16px;border-radius:12px;font-size:13px;font-weight:600;z-index:80;box-shadow:var(--shadow);max-width:88%;text-align:center;animation:slideUp .22s}.statrow{display:grid;grid-template-columns:1fr auto;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px}.statrow:last-child{border-bottom:0}.float-up{position:fixed;font-weight:800;font-size:15px;color:var(--accent);pointer-events:none;z-index:70;animation:floatUp 1.05s ease-out forwards;text-shadow:0 2px 8px rgba(0,0,0,.6)}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-100%) translateY(6px) scale(.78)}22%{opacity:1;transform:translate(-50%,-100%) translateY(-12px) scale(1.12)}to{opacity:0;transform:translate(-50%,-100%) translateY(-52px) scale(1)}}.pop{animation:pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.radar{display:block;margin:0 auto;padding:6px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#162b24,#0b1714 70%),#0b1714;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 2px 14px #00000080}.traitchip{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:10px;font-size:11px;font-weight:600;background:#fffdf180;border:1px solid var(--line)}.codebox{font-family:JetBrains Mono,monospace;font-size:34px;font-weight:700;letter-spacing:.28em;text-align:center;padding:16px;background:#fffdf1b8;border:1px dashed var(--line);border-radius:var(--r);color:var(--accent-2)}input,select,textarea{font-family:inherit;font-size:14px;background:#fffdf1e6;border:1px solid var(--line);color:var(--text);border-radius:11px;padding:11px 13px;width:100%;outline:none}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:#738760}.odds{display:flex;height:22px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.odds>div{display:grid;place-items:center;font-size:9.5px;font-weight:800;min-width:0;overflow:hidden}.empty{text-align:center;padding:44px 20px;color:var(--muted)}.empty .big{font-size:40px;margin-bottom:10px;opacity:.7}.probbar{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0}.probbar .lbl{width:42px;font-weight:800}.probbar .track{flex:1;height:8px;border-radius:999px;background:#26351d1a;overflow:hidden}.probbar .track>i{display:block;width:100%;height:100%;border-radius:999px;transform-origin:left center;transform:scaleX(0)}.probbar .val{width:54px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.callout{padding:10px 12px;border-radius:11px;font-size:12px;line-height:1.5;background:#2c8fc61f;border:1px solid rgba(44,143,198,.26);color:#17445d}.callout.warn{background:#d98f2424;border-color:#d98f244d;color:#5a3a0e}.callout.bad{background:#d64b4b1f;border-color:#d64b4b47;color:#762626}.slot{border:1.5px dashed var(--line);border-radius:var(--r);padding:14px;position:relative;text-align:center;min-height:190px;gap:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:#fffdf194;transition:all .16s}.slot:hover{border-color:var(--accent);background:#fffdf1d9;transform:translateY(-1px);box-shadow:0 6px 18px #2e603924}.slot:active{transform:translateY(0) scale(.99)}.slot.filled{border-style:solid;border-color:var(--accent);background:#2f9f621f;box-shadow:0 0 0 1px #2f9f6238,0 4px 14px #2e60391f}.slot.filled>*{animation:slot-drop .34s var(--spring) both}.slot.filled>*:nth-child(2){animation-delay:40ms}.slot.filled>*:nth-child(3){animation-delay:80ms}.slot.filled>*:nth-child(4){animation-delay:.12s}@keyframes slot-drop{0%{opacity:0;transform:translateY(-10px) scale(.86)}to{opacity:1;transform:none}}.slot.is-next{border-color:var(--accent);animation:slot-invite 1.6s ease-in-out infinite}@keyframes slot-invite{0%,to{box-shadow:0 0 #2f9f6200}50%{box-shadow:0 0 0 5px #2f9f6229}}.breed-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}.breed-link{align-self:center;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;width:72px}.breed-link:before{content:"";position:absolute;left:-14px;right:-14px;top:22px;height:6px;margin-top:-3px;border-radius:999px;background:linear-gradient(180deg,#c4d6b059,#9cb28447);border:1px solid rgba(120,150,100,.2);opacity:0;transition:opacity .3s var(--ease);z-index:0}.breed-link.is-ready:before{opacity:1;background:linear-gradient(180deg,#78dc9666,#2f9f6252);border-color:#2f9f6259;box-shadow:0 0 8px #2f9f6240}.breed-link .flow-dot{position:absolute;top:22px;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#eafff0,#4cc47c);box-shadow:0 0 6px #4cc47ccc;opacity:0;z-index:1;pointer-events:none}.breed-link.is-ready .flow-dot{opacity:1}.breed-link.is-ready .flow-dot.a{animation:geneFlowA 1.5s ease-in-out infinite}.breed-link.is-ready .flow-dot.b{animation:geneFlowB 1.5s ease-in-out infinite .75s}@keyframes geneFlowA{0%{left:-12px;transform:scale(.6);opacity:0}18%{opacity:1}85%{opacity:1}to{left:50%;transform:scale(1) translate(-50%);opacity:0}}@keyframes geneFlowB{0%{right:-12px;left:auto;transform:scale(.6);opacity:0}18%{opacity:1}85%{opacity:1}to{right:50%;left:auto;transform:scale(1) translate(50%);opacity:0}}html[data-motion=reduce] .breed-link.is-ready .flow-dot,html[data-quality=lite] .breed-link.is-ready .flow-dot{animation:none;opacity:.6}html[data-motion=reduce] .breed-link.is-ready .flow-dot.a{left:18%}html[data-motion=reduce] .breed-link.is-ready .flow-dot.b{right:18%}.breed-link-ico,.breed-link-lbl{position:relative;z-index:2}.breed-link-ico{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:20px;font-weight:800;color:var(--muted);background:var(--panel);border:1.5px dashed var(--line);transition:all .25s var(--ease)}.breed-link-lbl{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.breed-link.is-ready .breed-link-ico{border-style:solid;border-color:var(--accent);color:#fff;background:linear-gradient(135deg,#43b96f,#2f9f62);box-shadow:0 0 0 4px #2f9f622e,0 6px 14px #2e603940;animation:linkPulse 2s ease-in-out infinite}.breed-link.is-ready .breed-link-lbl{color:var(--accent)}@keyframes linkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.slot-pod{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;font-size:30px;background:radial-gradient(circle at 50% 34%,#fffdf4,#f3ecd7);border:1.5px dashed #cfc4a4;box-shadow:inset 0 -6px 12px #96783c1f;margin-bottom:4px}.slot:hover .slot-pod,.slot.is-next .slot-pod{border-color:var(--accent);transform:scale(1.05)}.slot-pod{transition:transform .16s var(--spring),border-color .16s var(--ease)}.slot:after{content:"";display:block;width:64%;height:9px;margin-top:8px;border-radius:6px 6px 12px 12px;background:linear-gradient(180deg,#f0e8cf,#d4c69f);box-shadow:inset 0 1px #ffffffbf,0 2px 4px #604c2c29}.slot.filled:after{background:linear-gradient(180deg,color-mix(in srgb,var(--rarc, var(--accent)) 26%,#f0e8cf),color-mix(in srgb,var(--rarc, var(--accent)) 40%,#d4c69f));box-shadow:inset 0 1px #ffffffbf,0 0 8px color-mix(in srgb,var(--rarc, var(--accent)) 40%,transparent)}.slot.filled:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.3) 44%,transparent 58%);pointer-events:none}.slot.filled{border-color:var(--rarc, var(--accent));box-shadow:0 0 0 1px color-mix(in srgb,var(--rarc, var(--accent)) 45%,transparent),0 4px 14px #2e60391f}.breed-cta{margin-top:12px}.breed-cta:not(:disabled){background:linear-gradient(135deg,#3fae68,#26814b);box-shadow:0 8px 20px #26814b52,inset 0 1px #ffffff38}.arena-hero{position:relative;overflow:hidden;border-radius:var(--r);padding:16px 16px 13px;color:#f2f6ee;border:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 90% at 80% -20%,rgba(255,185,92,.2),transparent 55%),radial-gradient(110% 70% at 50% 118%,rgba(110,231,160,.18),transparent 60%),linear-gradient(180deg,#12271f,#0b1c16);box-shadow:inset 0 -24px 40px #00000047,0 6px 18px #1222162e}.arena-hero:before{content:"⚔";position:absolute;right:12px;top:2px;font-size:64px;opacity:.1;transform:rotate(-12deg);pointer-events:none}.arena-hero-title{font-weight:900;font-size:17px;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.5)}.arena-hero-sub{font-size:12px;opacity:.85;margin-top:2px}.arena-hero-chips{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.arena-chip{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums;background:#ffffff17;border:1px solid rgba(255,255,255,.14)}.arena-chip.is-win{background:#3ddc842e;border-color:#3ddc8466;color:#9df0c0}.arena-chip.is-loss{background:#ff6b6b24;border-color:#ff6b6b59;color:#ffb0a8}.arena-chip.is-streak{background:#ffa63c29;border-color:#ffa63c66;color:#ffc98a}.arena-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.arena-main>.card,.arena-main>.friends>.card{margin-top:10px}.arena-side{display:grid;gap:10px;margin-top:12px;align-content:start}.arena-side .sec-title{margin-bottom:6px}@media(min-width:900px){.arena-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;align-items:start}.arena-side{margin-top:0}}.join-strip{padding:10px 12px;margin-top:10px}.arena-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.arena-actions .btn{margin-bottom:0}@media(max-width:480px){.arena-actions{grid-template-columns:1fr}}.roster-card.rar-A{border-color:#a878ff8c}.roster-card.rar-S{border-color:#ffc74099}.roster-card.rar-SS{border-color:#ff7aa999}.roster-card.rar-SSS{border-color:#8ccdffb3}.roster-thumb{width:68px;height:68px}.result-banner{margin:0 -14px;padding:20px 14px 16px;text-align:center;color:#fff;border-radius:var(--r) var(--r) 0 0}.result-word{font-size:34px;font-weight:900;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.35)}.result-vs{font-size:12px;opacity:.88;margin-top:3px}.result-banner.is-win{background:linear-gradient(180deg,#b78418,#8a5e08)}.result-banner.is-loss{background:linear-gradient(180deg,#7c3a3a,#5c2828)}.result-banner.is-draw{background:linear-gradient(180deg,#3a5f7c,#2a4458)}.stat-tile{min-width:86px;padding:9px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--line);text-align:center}.sheet.breed-report{border-top:3px solid var(--rar, transparent);box-shadow:0 -18px 44px -22px color-mix(in srgb,var(--rar, transparent) 45%,transparent),0 24px 60px #1222164d}.breed-report-thumb{position:relative;flex:none;display:grid;place-items:center}.breed-report-thumb.is-rare:after{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rar) 30%,transparent),transparent 70%);z-index:-1;animation:fusionHalo .9s ease-out both}.fadein{animation:fadein .3s ease}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.scrollx{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.scrollx::-webkit-scrollbar{display:none}.scrollx>*{flex:0 0 auto;white-space:nowrap}.flt-panel{border:1px solid var(--line);border-radius:var(--r);background:#f2dfae8c;padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.flt-group{display:grid;grid-template-columns:78px 1fr;gap:8px;align-items:start}.flt-label{font-size:11px;font-weight:800;color:var(--muted);padding-top:7px}.flt-chips{display:flex;flex-wrap:wrap;gap:6px}@media(max-width:480px){.flt-group{grid-template-columns:1fr;gap:5px}.flt-label{padding-top:0}}.divider{height:1px;background:var(--line);margin:12px 0}.seed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:10px}.seed-grid>.card{margin-bottom:0;display:flex;align-items:center}.seed-grid .col{display:flex;flex-direction:column;gap:4px;flex:none}.plant-overlay{position:fixed;inset:0;z-index:260;display:grid;place-items:center;background:radial-gradient(130% 95% at 50% 42%,#16241229,#0a14088f);backdrop-filter:blur(2.5px) saturate(.94);-webkit-backdrop-filter:blur(2.5px) saturate(.94);opacity:1;transition:opacity .26s ease}.plant-overlay--leaving{opacity:0}.plant-stage{position:relative;display:grid;place-items:center;width:min(360px,86vw)}.plant-overlay--reveal{display:flex;align-items:center;justify-content:center;overflow:hidden}.plant-overlay--reveal .plant-stage{position:absolute;opacity:.38}.plant-stage:before{content:"";position:absolute;left:50%;top:46%;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;background:radial-gradient(circle,rgba(255,246,206,.5),rgba(255,240,190,.16) 45%,transparent 70%);pointer-events:none}.plant-skip{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));appearance:none;border:1px solid rgba(255,255,255,.28);background:#101a0c6b;color:#f3f7e8;font:inherit;font-size:12px;font-weight:700;padding:7px 13px;border-radius:999px;cursor:pointer}.plant-skip:active{transform:scale(.96)}.plant-pot{position:relative;width:264px;height:264px;isolation:isolate}.plant-dirt{position:absolute;left:50%;bottom:26px;width:196px;height:88px;margin-left:-98px;border-radius:50%;background:radial-gradient(70% 60% at 46% 26%,rgba(255,236,190,.28),transparent 62%),radial-gradient(64% 74% at 50% 28%,#8a6136,#5d3d1f 62%,#3b2512 88%);box-shadow:inset 0 -16px 26px #00000075,inset 0 10px 16px #ffdca029,0 22px 34px #08120675;transform:scaleY(.62);transition:transform .42s var(--spring)}.plant-dirt:before{content:"";position:absolute;inset:14% 12% 34%;border-radius:50%;background-image:radial-gradient(circle at 22% 40%,rgba(0,0,0,.34) 0 2px,transparent 2px),radial-gradient(circle at 58% 26%,rgba(0,0,0,.26) 0 2px,transparent 2px),radial-gradient(circle at 78% 56%,rgba(0,0,0,.3) 0 2px,transparent 2px),radial-gradient(circle at 38% 66%,rgba(255,226,172,.22) 0 2px,transparent 2px),radial-gradient(circle at 68% 40%,rgba(255,226,172,.16) 0 2px,transparent 2px);opacity:.85}.plant-dirt{z-index:2}.plant-seedviz{z-index:3}.plant-pot.is-open .plant-dirt{transform:scaleY(1)}.plant-pot.is-closed .plant-dirt{transform:scaleY(.58);filter:brightness(.86)}.plant-pot.is-open:after{content:"";position:absolute;left:50%;bottom:52px;width:54px;height:23px;margin-left:-27px;border-radius:50%;background:radial-gradient(60% 70% at 50% 40%,#241505,#150b03);box-shadow:inset 0 4px 8px #000000b3;animation:plantHoleOpen .4s var(--spring) both}@keyframes plantHoleOpen{0%{transform:scaleX(.2) scaleY(.3);opacity:0}to{transform:scaleX(1) scaleY(1);opacity:1}}.plant-seedviz{position:absolute;left:50%;top:6px;width:38px;height:38px;margin-left:-19px;border-radius:52% 48% 54% 46%/48% 52%;background:radial-gradient(60% 60% at 34% 28%,#f0dfb0,#c39a5c 62%,#8d6634);box-shadow:0 4px 10px #0a120673;transform:translateY(0) rotate(0)}.plant-seedviz:after{content:"";position:absolute;inset:32% 22% 26%;border-radius:50%;background:#5a3a166b}.plant-seedglow{position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,rgba(255,236,168,.5),transparent 68%);opacity:0;animation:plantSeedPulse 1.05s ease-in-out infinite}@keyframes plantSeedPulse{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:.7;transform:scale(1.06)}}.plant-seedviz.is-dropped{animation:plantSeedDrop .74s cubic-bezier(.4,.75,.5,1) both}@keyframes plantSeedDrop{0%{transform:translateY(0) rotate(0) scale(1)}30%{transform:translateY(16px) rotate(14deg) scale(1.05,.97)}72%{transform:translateY(64px) rotate(70deg) scale(1);opacity:1}88%{transform:translateY(84px) rotate(94deg) scaleY(.7) scaleX(1.24);opacity:1}to{transform:translateY(94px) rotate(108deg) scale(.16);opacity:0}}.plant-dust{position:absolute;left:50%;bottom:38px;width:220px;height:96px;margin-left:-110px;z-index:4;pointer-events:none}.plant-dust span{position:absolute;left:50%;top:46%;width:9px;height:9px;margin:-4px 0 0 -4px;border-radius:50%;background:#d6b076e6;opacity:0}.plant-dust.is-puff span{animation:plantPuff .7s ease-out both;animation-delay:calc(var(--i) * .04s)}.plant-dust span:nth-child(1){--dx: -70px;--dy: 2px}.plant-dust span:nth-child(2){--dx: -49px;--dy: -9px}.plant-dust span:nth-child(3){--dx: -27px;--dy: 8px}.plant-dust span:nth-child(4){--dx: -7px;--dy: -12px}.plant-dust span:nth-child(5){--dx: 14px;--dy: 7px}.plant-dust span:nth-child(6){--dx: 37px;--dy: -7px}.plant-dust span:nth-child(7){--dx: 64px;--dy: 4px}@keyframes plantPuff{0%{opacity:0;transform:translate(0) scale(.4)}25%{opacity:.9}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.5)}}.plant-sprout{position:absolute;left:50%;bottom:58px;width:240px;height:240px;margin-left:-120px;z-index:-1;display:grid;place-items:end center;overflow:visible}.plant-sprout .plantart{transform-origin:50% 90%}.plant-sprout.is-growing .plantart{animation:plantSproutRise .95s var(--spring) both}@keyframes plantSproutRise{0%{transform:translateY(16px) scale(.2);opacity:0}55%{transform:translateY(-4px) scale(1.06);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.plant-sprout.is-growing:after{content:"";position:absolute;left:50%;bottom:10px;width:46px;height:15px;margin-left:-23px;border-radius:50%;border:2px solid rgba(232,250,178,.95);animation:plantSettle 1s ease-out .4s both}@keyframes plantSettle{0%{opacity:.85;transform:scale(.3,.6)}to{opacity:0;transform:scale(3.4,2.2)}}.plant-reveal{display:flex;flex-direction:column;width:min(430px,92vw);max-height:88vh;border-radius:22px;background:linear-gradient(180deg,#fffdf3,#f6f9ea);border:1px solid rgba(71,123,55,.22);box-shadow:0 26px 60px #0a160866;color:var(--text);opacity:1;transform:translateY(0) scale(1);transition:opacity .24s ease,transform .24s var(--spring)}.plant-reveal-body{overflow-y:auto;overscroll-behavior:contain;padding:15px 16px 4px;min-height:0}.plant-reveal-foot{flex:none;padding:10px 16px 15px;border-top:1px solid rgba(71,123,55,.16);background:linear-gradient(180deg,#f6f9ea66,#f6f9ea 40%);border-radius:0 0 21px 21px}.plant-reveal--enter{animation:plantRevealIn .34s var(--spring) both}@keyframes plantRevealIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.plant-reveal-head{display:flex;align-items:center;gap:11px;padding-bottom:10px;margin-bottom:11px;border-bottom:1px solid rgba(71,123,55,.16)}.plant-reveal-art{width:92px;height:92px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 62%,#ffffffe6,#e2f0cd80)}.plant-reveal-name{font-size:19px;font-weight:850;letter-spacing:-.01em;line-height:1.15}.plant-roll{padding:11px;border-radius:16px;background:#2f9f6214;border:1px solid rgba(47,159,98,.2)}.plant-roll-title{font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#2f7a4a;margin-bottom:9px}.plant-gene-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.plant-gene-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700}.plant-gene-bar{height:6px;margin:4px 0 3px;border-radius:999px;background:#2f9f6229;overflow:hidden}.plant-gene-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4aa86a,#2f7a4a)}.plant-gene small{display:block;font-size:10.5px;line-height:1.25;color:var(--muted)}.plant-roll-foot{margin-top:10px;padding-top:9px;border-top:1px dashed rgba(47,159,98,.28);font-size:11.5px;color:#3c5f45}.plant-facts{margin-top:11px}.plant-fact-title{font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.plant-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px}.plant-stat{padding:6px;border-radius:10px;background:#ffffffb8;border:1px solid rgba(71,123,55,.14);text-align:center}.plant-stat small{display:block;font-size:10px;color:var(--muted);font-weight:700}.plant-stat b{display:block;font-size:15px;line-height:1.2}.plant-stat i{display:block;font-size:10.5px;font-style:normal;color:#2f7a4a;font-weight:700}.plant-build{margin-top:11px;padding:9px 10px;border-radius:13px;background:#e06c3d12;border:1px solid rgba(224,108,61,.18);display:grid;gap:4px}.plant-next{margin-top:11px;padding-bottom:6px;display:grid;gap:4px}body.planting{overflow:hidden}@media(max-width:420px){.plant-gene-grid{grid-template-columns:1fr}.plant-pot{width:230px;height:230px}.plant-dirt{width:176px;margin-left:-88px}.plant-sprout{width:200px;height:200px;margin-left:-100px}}@media(prefers-reduced-motion:reduce){.plant-seedviz,.plant-seedglow,.plant-dust span,.plant-pot:after,.plant-sprout .plantart,.plant-sprout.is-growing:after{animation:none!important}.plant-dirt,.plant-reveal{transition:none!important}.plant-reveal--enter{animation:none!important}}.fx-layer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.fx-layer.is-shaking{animation:fxShake .24s ease-out}@keyframes fxShake{0%{transform:translate(0)}22%{transform:translate(-4px,2px)}46%{transform:translate(4px,-2px)}70%{transform:translate(-2px,1px)}to{transform:translate(0)}}.fx-bolt{position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--c) 58%,transparent 72%);box-shadow:0 0 12px var(--c);animation:fxFly .34s cubic-bezier(.4,0,.7,1) both}.fx-bolt.is-crit{width:18px;height:18px;margin:-9px 0 0 -9px}.fx-bolt:after{content:"";position:absolute;left:8px;top:50%;width:26px;height:4px;margin-top:-2px;border-radius:999px;background:linear-gradient(90deg,var(--c),transparent);opacity:.8}@keyframes fxFly{0%{transform:translate(0) scale(.6)}to{transform:translate(var(--dx),var(--dy)) scale(1)}}.fx-tether{position:absolute;height:3px;margin-top:-1.5px;border-radius:999px;transform-origin:0 50%;background:linear-gradient(90deg,transparent,var(--c) 30%,#fff 52%,var(--c) 70%,transparent);box-shadow:0 0 10px var(--c);animation:fxTether .5s ease-out both}@keyframes fxTether{0%{transform:rotate(var(--tilt)) scaleX(0);opacity:0}30%{opacity:1}to{transform:rotate(var(--tilt)) scaleX(1);opacity:0}}.fx-slash{position:absolute;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:3px solid var(--c);border-right-color:transparent;border-bottom-color:transparent;transform:scale(.6) rotate(var(--flip) * -18deg);opacity:.9;animation:fxSlash .34s cubic-bezier(.2,.8,.3,1) both}.fx-slash.is-crit{border-width:5px;box-shadow:0 0 16px var(--c)}@keyframes fxSlash{0%{transform:scale(.5) rotate(calc(var(--flip) * -40deg));opacity:0}40%{opacity:1}to{transform:scale(1.25) rotate(calc(var(--flip) * 40deg));opacity:0}}.battle-paused{position:absolute;inset:0;z-index:6;display:grid;place-content:center;justify-items:center;gap:4px;background:#0a160e9e;backdrop-filter:blur(3px);animation:fadeIn .16s ease-out both}.battle-paused-title{font-size:20px;font-weight:900;color:#fff8e2;text-shadow:0 2px 8px rgba(0,0,0,.5)}.battle-paused .tiny.muted{color:#fff8e2c7}.fight-hint{animation:fightHintFade .8s ease 9s forwards}@keyframes fightHintFade{to{opacity:0}}.fx-ring{position:absolute;width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin-left:calc(var(--r) * -1);margin-top:calc(var(--r) * -1);border-radius:50%;border:2px solid var(--c);box-shadow:0 0 18px var(--c),inset 0 0 18px var(--c);animation:fxRing .5s ease-out both}@keyframes fxRing{0%{transform:scale(.2);opacity:.95}to{transform:scale(1.15);opacity:0}}.fx-spike{position:absolute;width:16px;height:52px;margin-left:calc(var(--flip) * -8px);margin-top:-46px;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 30%,#16281b));clip-path:polygon(50% 0%,100% 100%,0% 100%);transform-origin:50% 100%;animation:fxSpike .4s cubic-bezier(.2,1.2,.4,1) both}.fx-spike.is-crit{height:66px;box-shadow:0 0 16px var(--c)}@keyframes fxSpike{0%{transform:scaleY(.1);opacity:0}to{transform:scaleY(1);opacity:1}}.fx-minion{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50% 50% 44% 56%;background:radial-gradient(circle at 36% 30%,#fff,var(--c) 60%,transparent 74%);box-shadow:0 0 14px var(--c);animation:fxMinion .58s ease-in-out both}@keyframes fxMinion{0%{transform:translate(0) scale(.3);opacity:0}35%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.1);opacity:0}}.fx-mote{position:absolute;border-radius:50%;background:radial-gradient(circle,#fff,var(--c) 60%,transparent 76%);animation:fxGather .5s ease-in both}@keyframes fxGather{0%{transform:translate(0) scale(1);opacity:.9}to{transform:translate(0) scale(.2) translateY(-14px);opacity:0}}.fx-trap{position:absolute;width:26px;height:12px;margin:-6px 0 0 -13px;border-radius:50%;border:2px solid var(--c);opacity:.9;animation:fxTrap .6s ease-out both}@keyframes fxTrap{0%{transform:scale(.2);opacity:0}40%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.5}}.fx-spirit{position:absolute;width:16px;height:26px;margin:-13px 0 0 -8px;border-radius:50% 50% 40% 40%;background:linear-gradient(180deg,var(--c),transparent);opacity:0;animation:fxSpirit .65s ease-out both}@keyframes fxSpirit{0%{transform:translateY(16px) scale(.4);opacity:0}40%{opacity:.95}to{transform:translateY(-16px) scale(1);opacity:0}}.fx-charge{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid var(--c);animation:fxCharge .4s ease-out both}@keyframes fxCharge{0%{transform:scale(1.5);opacity:0}35%{opacity:.9}to{transform:scale(.3);opacity:0}}.fx-burst{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle,#fff 0 26%,rgba(255,214,150,.9) 40%,transparent 70%);animation:fxBurst .34s ease-out both}.fx-burst.is-crit{width:20px;height:20px;margin:-10px 0 0 -10px;background:radial-gradient(circle,#fff 0 22%,#ffd166 38%,rgba(255,122,61,.7) 58%,transparent 74%)}@keyframes fxBurst{0%{transform:scale(.3);opacity:1}to{transform:scale(3.4);opacity:0}}.fx-shield{position:absolute;width:calc(var(--r) * 2);height:calc(var(--r) * 2.4);margin-left:calc(var(--r) * -1);margin-top:calc(var(--r) * -1.2);border-radius:50%;border:2px solid #9ad6ff;box-shadow:0 0 20px #9ad6ff,inset 0 0 26px #9ad6ff66;animation:fxShield .6s ease-out both}@keyframes fxShield{0%{transform:scale(.7);opacity:0}30%{opacity:.95}to{transform:scale(1.1);opacity:0}}.fx-heal{position:absolute;width:6px;height:9px;margin-left:-3px;border-radius:50%/60% 60% 40% 40%;background:linear-gradient(180deg,#b6f0a0,#4fae62);box-shadow:0 0 8px #8ce68ccc;animation:fxHeal .85s ease-out both}@keyframes fxHeal{0%{transform:translateY(0) scale(.5);opacity:0}25%{opacity:1}to{transform:translateY(-56px) scale(1);opacity:0}}.fx-drop{position:absolute;width:6px;height:8px;margin-left:-3px;border-radius:50% 50% 60% 60%;background:var(--p, #9ee06a);animation:fxDrop .65s ease-in both}@keyframes fxDrop{0%{transform:translateY(-6px) scale(.6);opacity:.9}to{transform:translateY(30px) scale(1.1);opacity:0}}.fx-word,.fx-status{position:absolute;transform:translate(-50%,-50%);font-size:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap;animation:fxWord .85s ease-out both}.fx-word{color:#cfd8c8;text-shadow:0 1px 3px rgba(0,0,0,.7)}.fx-status{font-size:15px;color:#ffe9a8;text-shadow:0 1px 4px rgba(0,0,0,.8)}@keyframes fxWord{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}30%{opacity:1}to{transform:translate(-50%,-160%) scale(1);opacity:0}}.fx-num{position:absolute;transform:translate(-50%,-50%);font-size:19px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;text-shadow:0 2px 5px rgba(0,0,0,.8);animation:fxNum .95s cubic-bezier(.2,.9,.3,1) both}.fx-num.is-dmg{color:#ffd9c0}.fx-num.is-crit{color:#ffc233;font-size:27px}.fx-num.is-heal{color:#b6f0a0}.fx-num.is-shield{color:#9ad6ff}.fx-num.is-hi{color:#ffe9b0}@keyframes fxNum{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}16%{transform:translate(-50%,-70%) scale(1.18);opacity:1}30%{transform:translate(-50%,-76%) scale(1);opacity:1}to{transform:translate(-50%,-160%) scale(.94);opacity:0}}.fx-banner{position:absolute;left:50%;top:16%;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:800;white-space:nowrap;color:#f4f8ec;background:#0e1810b8;border:1px solid var(--c);box-shadow:0 6px 18px #0006,0 0 18px color-mix(in srgb,var(--c) 40%,transparent);animation:fxBanner 1s ease-out both}.fx-banner-ico{color:var(--c);font-size:14px}@keyframes fxBanner{0%{transform:translate(-50%) translateY(12px) scale(.85);opacity:0}14%{transform:translate(-50%) translateY(0) scale(1);opacity:1}76%{opacity:1}to{transform:translate(-50%) translateY(-10px) scale(.97);opacity:0}}.hpstack{position:relative;overflow:hidden}.hpstack>b{position:absolute;inset:0;transform-origin:0 50%;background:#ffa8968c;transition:transform .42s cubic-bezier(.3,.8,.3,1) .12s;border-radius:inherit}.battler.is-chipping .hpstack>b{transition:transform .42s cubic-bezier(.3,.8,.3,1) .12s}.skillbtn .nm{font-size:12.5px;font-weight:750;line-height:1.15;text-align:center}.skillbtn .dl{font-size:9.5px;font-weight:700;letter-spacing:.02em;color:var(--muted)}@media(prefers-reduced-motion:reduce){.fx-layer.is-shaking,.fx-bolt,.fx-tether,.fx-slash,.fx-ring,.fx-spike,.fx-minion,.fx-mote,.fx-trap,.fx-spirit,.fx-charge,.fx-burst,.fx-shield,.fx-heal,.fx-drop,.fx-word,.fx-status,.fx-num,.fx-banner{animation:none!important}}.battlefield>.battler,.battlefield>.battle-arena{position:relative;z-index:2}.skillbtn .nm{font-size:11.5px;font-weight:750;line-height:1.16;text-align:center}.skillbtn .dl{font-size:9px;font-weight:700;letter-spacing:.02em;color:#4a6b4c;margin-top:auto}.skillbtn.ready .dl{color:#2f7a4a}.battler .pname,.battler .hpblock{position:relative}.battler .hpblock:before{content:"";position:absolute;inset:-6px -10px;border-radius:12px;background:radial-gradient(70% 100% at 50% 50%,rgba(8,18,12,.62),transparent 78%);z-index:-1}@media(max-width:560px){.topbar{padding-left:10px;padding-right:10px;gap:5px}.brand{gap:7px;font-size:13.5px}.brand .logo{width:26px;height:26px;border-radius:8px;font-size:15px}.brand small{display:none}.topbar .pill{padding-left:7px;padding-right:7px;font-size:11.5px}.topbar .pill.material,.levelbadge-xp{display:none}.brand>div:last-child{display:none}}.seed-picker{display:grid;gap:12px}.picker-title{margin:0;font-size:15px;font-weight:800;letter-spacing:-.01em}.picker-empty{margin:0;font-size:12.5px;color:var(--muted)}.seed-preview{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:linear-gradient(160deg,#ffffffd9,#fffdf099);border:1px solid var(--line);box-shadow:inset 0 1px #ffffffe6}.seed-preview-orb{flex:none;width:46px;height:46px;border-radius:14px;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.85),var(--seed) 62%);box-shadow:0 4px 12px color-mix(in srgb,var(--seed) 34%,transparent),inset 0 -3px 6px #00000024}.seed-preview-copy{min-width:0;display:grid;gap:2px}.seed-preview-copy>b{font-size:14.5px;font-weight:800;letter-spacing:-.01em}.seed-preview-copy>small{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#2f7a4a}.seed-preview-copy>p{margin:3px 0 0;font-size:12px;line-height:1.35;color:var(--muted)}.seed-preview-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.seed-preview-stats>span{padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;background:#2f7a4a1f;color:#2f6b45}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:min(42vh,320px);overflow-y:auto;overscroll-behavior:contain;padding:2px}.picker-card{position:relative;transition:transform .14s ease,box-shadow .16s ease,border-color .16s ease}.picker-card:hover,.picker-card:focus-visible{transform:translateY(-2px);border-color:#2f9f628c;box-shadow:0 6px 16px #2f9f6233;outline:none}.picker-card:active{transform:translateY(1px) scale(.985,.94)}.buy-tag{position:absolute;top:-6px;right:-4px;padding:2px 7px;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.01em;color:#4a3200;background:linear-gradient(180deg,#ffe27a,#ffc94a);box-shadow:0 2px 6px #78500047;pointer-events:none}.btn.wide{width:100%;justify-content:center}@media(max-width:480px){.picker-grid{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));max-height:min(38vh,260px)}.seed-preview{padding:10px}.seed-preview-orb{width:38px;height:38px;border-radius:11px}}.battle-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 58%,rgba(255,255,255,.95),rgba(255,226,170,.35) 45%,transparent 74%);will-change:opacity}.fx-shard{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:1px;background:#ffe9b0;box-shadow:0 0 6px #ffd278e6;animation:fxShard .62s cubic-bezier(.15,.6,.4,1) both}@keyframes fxShard{0%{transform:translate(0) rotate(0) scale(1.4);opacity:1}60%{opacity:.9}to{transform:translate(var(--dx),calc(var(--dy) + 34px)) rotate(var(--rot)) scale(.4);opacity:0}}.fx-bolt.is-struck{width:var(--len, 120px);height:9px;margin:-4.5px 0 0;border-radius:999px;transform-origin:100% 50%;transform:rotate(var(--tilt));background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c) 70%,transparent) 45%,#fff 88%,#fff);box-shadow:0 0 18px var(--c);animation:fxStreak .3s cubic-bezier(.2,.9,.3,1) both}.fx-bolt.is-struck.is-crit{height:13px;margin-top:-6.5px;box-shadow:0 0 26px var(--c),0 0 50px var(--c)}@keyframes fxStreak{0%{transform:rotate(var(--tilt)) scaleX(.2) scaleY(1.5);opacity:0}22%{opacity:1}to{transform:rotate(var(--tilt)) scaleX(1.15) scaleY(.4);opacity:0}}.fx-death{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:3px solid rgba(255,236,200,.9);box-shadow:0 0 26px #ffbe7899,inset 0 0 26px #ffbe7859;animation:fxDeath .66s cubic-bezier(.2,.8,.3,1) both}@keyframes fxDeath{0%{transform:scale(.3);opacity:1}30%{transform:scale(2.6);opacity:.7}to{transform:scale(4.4);opacity:0}}.fx-num.w-heavy{font-size:23px}.fx-num.w-crit{font-size:30px}.fx-num.w-kill{font-size:34px;color:#ffe08a;text-shadow:0 0 16px rgba(255,190,80,.85),0 2px 6px rgba(0,0,0,.85);letter-spacing:-.03em}.battler{will-change:transform}.battler .avatar{transform-origin:50% 100%;will-change:transform}@media(prefers-reduced-motion:reduce){.battler,.battler.dead .avatar .plantart{transition:none}.battler.victor .avatar{animation:none}.battle-flash{display:none}.fx-shard{animation:none;opacity:0}.fx-bolt.is-struck{animation:none;opacity:.85}}.fusion-overlay{position:fixed;display:grid;place-items:center;grid-auto-rows:min-content;align-content:center;gap:10px;background:radial-gradient(72% 58% at 50% 44%,#09140df0,#040a06fb);backdrop-filter:blur(6px);z-index:60}.fusion-stage{position:relative;width:min(78vw,340px);height:300px;display:grid;place-items:center}.fusion-parent{position:absolute;width:108px;height:108px;opacity:0;filter:saturate(.75) brightness(.8)}.fusion-parent.is-left{animation:fusionInL .62s cubic-bezier(.34,1.2,.5,1) both}.fusion-parent.is-right{animation:fusionInR .62s cubic-bezier(.34,1.2,.5,1) both}@keyframes fusionInL{0%{transform:translate(-84px,14px) scale(.7) rotate(-14deg);opacity:0}55%{transform:translate(-22px) scale(1.02) rotate(-4deg);opacity:1}to{transform:translate(0) scale(.2) rotate(0);opacity:0}}@keyframes fusionInR{0%{transform:translate(84px,14px) scale(.7) rotate(14deg);opacity:0}55%{transform:translate(22px) scale(1.02) rotate(4deg);opacity:1}to{transform:translate(0) scale(.2) rotate(0);opacity:0}}.fusion-core{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;opacity:0;animation:fusionCore .62s ease-out .56s both}@keyframes fusionCore{0%{transform:scale(0);opacity:0;box-shadow:0 0 #fff4d2e6}18%{transform:scale(2.6);opacity:1}40%{transform:scale(1.1);opacity:.95;box-shadow:0 0 44px 18px #ffecb400}to{transform:scale(.2);opacity:0}}.fusion-core:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,240,200,.9);animation:fusionShock .56s cubic-bezier(.2,.8,.3,1) .6s both}@keyframes fusionShock{0%{transform:scale(1);opacity:.9}to{transform:scale(11);opacity:0}}.fusion-flare{position:absolute;width:12px;height:12px;border-radius:50%;border:2.5px solid var(--rar, #ffd76a);box-shadow:0 0 18px var(--rar, #ffd76a),0 0 40px 6px color-mix(in srgb,var(--rar, #ffd76a) 55%,transparent);opacity:0;animation:fusionFlare .72s cubic-bezier(.16,.8,.3,1) .66s both}@keyframes fusionFlare{0%{transform:scale(.8);opacity:0}18%{opacity:1}to{transform:scale(17);opacity:0}}.fusion-mote{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:hsl(var(--hue, 90) 90% 72%);box-shadow:0 0 8px hsl(var(--hue, 90) 95% 66%);opacity:0;animation:fusionMote .78s cubic-bezier(.1,.7,.4,1) both}@keyframes fusionMote{0%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(var(--dx, 0),calc(var(--dy, 0) + 46px)) scale(.5);opacity:0}}.fusion-child{position:relative;isolation:isolate;width:204px;height:204px;opacity:0;transform-origin:50% 100%;animation:fusionChild .7s cubic-bezier(.18,1.5,.4,1) .62s both}.fusion-child:before{content:"";position:absolute;z-index:-1;inset:8% 2%;pointer-events:none;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rar, #ffeeb4) 34%,transparent),color-mix(in srgb,var(--rar, #a0dc8c) 12%,transparent) 52%,transparent 72%);opacity:0;animation:fusionHalo .9s ease-out .62s both}@keyframes fusionHalo{0%{opacity:0;transform:scale(.5)}40%{opacity:1}to{opacity:.8;transform:scale(1)}}@keyframes fusionChild{0%{transform:scale(.1);opacity:0}26%{transform:scale(.62,1.24);opacity:1}48%{transform:scale(1.18,.88);opacity:1}70%{transform:scale(.96,1.04)}to{transform:scale(1);opacity:1}}.fusion-panel{display:grid;gap:6px;justify-items:center;margin-top:6px}.fusion-caption{font-size:19px;font-weight:850;letter-spacing:-.02em;color:#f4faee;text-shadow:0 2px 14px rgba(0,0,0,.6);opacity:0;animation:fusionCaption .46s ease-out .9s both;display:grid;justify-items:center;gap:5px}.fusion-rarity{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rar, #ffd76a);text-shadow:0 0 12px color-mix(in srgb,var(--rar, #ffd76a) 60%,transparent)}@keyframes fusionCaption{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.fusion-hint{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e2f0d699;opacity:0;animation:fusionCaption .4s ease-out 1.15s both}.fusion-stage.is-calm .fusion-child,.fusion-stage.is-calm .fusion-caption,.fusion-stage.is-calm .fusion-hint{animation:none;opacity:1}.fusion-stage.is-calm .fusion-core,.fusion-stage.is-calm .fusion-parent,.fusion-stage.is-calm .fusion-mote{display:none}.rise-in{animation:riseIn .32s cubic-bezier(.2,.9,.3,1) both;animation-delay:var(--d, 0ms)}@keyframes riseIn{0%{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.fusion-parent,.fusion-core,.fusion-mote,.fusion-child,.fusion-caption,.fusion-hint,.rise-in{animation:none!important;opacity:1}.fusion-parent,.fusion-core,.fusion-mote{display:none}}.unlock-lock{margin-top:8px;padding:8px 10px;border-radius:12px;background:#5a684e1a;border:1px dashed rgba(90,104,78,.34)}.unlock-head{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#5c6b52;margin-bottom:5px}.unlock-rule{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:11.5px;color:#4a5543}.unlock-rule.is-met{color:#2f7a4a}.unlock-rule.is-met .grow{text-decoration:line-through;opacity:.72}.unlock-mark{width:14px;flex:none;text-align:center;font-size:11px;opacity:.8}.unlock-rule .mono{font-variant-numeric:tabular-nums;font-weight:700;font-size:11px;opacity:.85}.btn.is-locked{opacity:.42;filter:saturate(.4)}.plot-locked{display:grid;gap:4px;place-items:center;align-content:center;padding:10px 8px;border:1.5px dashed rgba(96,84,58,.38);background-image:repeating-linear-gradient(180deg,rgba(122,88,52,.035) 0 6px,transparent 6px 13px),radial-gradient(86% 74% at 50% 30%,#f8f0d2c7,#ecdcb0b3 50%,#d6c092a3 84%,#c3a97c99),linear-gradient(180deg,rgba(255,250,235,.4) 0 7px,transparent 7px);box-shadow:0 26px 20px #34546c29;text-align:center;cursor:default;transition:border-color .16s ease,box-shadow .16s ease}.plot-locked:before,.plot-locked:after{opacity:.42;filter:saturate(.55)}.plot-locked:hover{border-color:#2f9f6280}.plot-locked .plot-mark{min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;color:#6b5430;background:linear-gradient(180deg,#fbf0d2,#ecd7a4);box-shadow:0 1px 3px #3a281438,inset 0 1px #ffffffa6}.plot-locked .plot-req{position:relative;z-index:1;font-size:9.5px;font-weight:700;line-height:1.3;color:#5c5240}.plot-locked .plot-cost{position:relative;z-index:1;font-size:10.5px;font-weight:800;font-variant-numeric:tabular-nums;color:#8a6a20}.plot-locked.can-buy{border-color:#2f9f628c;box-shadow:0 0 0 2px #2f9f6238,0 26px 20px #34546c2e;cursor:pointer}.plot-locked.can-buy:before{opacity:.9;filter:none}.plot-locked.can-buy .plot-req{color:#2f6b45}.plot-progress{font-size:9px;font-weight:700;font-variant-numeric:tabular-nums;color:#6b7a62}.plot-progress .done{color:#2f7a4a}.levelbadge{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;align-items:center;column-gap:5px;padding:5px 10px 5px 9px;border-radius:12px;border:1px solid rgba(47,159,98,.32);background:linear-gradient(150deg,#2f9f622e,#2f9f620f);cursor:pointer;flex:none;position:relative;overflow:hidden;transition:border-color .18s ease,transform .18s ease}.levelbadge:hover{border-color:#2f9f628c;transform:translateY(-1px)}.levelbadge-num{grid-row:1;font-size:16px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:#1f6b42}.levelbadge-label{grid-row:1;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4a7a5c;align-self:center}.levelbadge-xp{grid-row:1;grid-column:3;align-self:center;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;color:#3d6b4e;white-space:nowrap}.levelbadge-bar{grid-row:2;grid-column:1 / -1;height:3px;border-radius:2px;background:#1f6b4229;overflow:hidden;margin-top:3px}.levelbadge-bar i{display:block;width:100%;height:100%;border-radius:2px;background:linear-gradient(90deg,#2f9f62,#6fce8f);transform-origin:left;transform:scaleX(0);transition:transform .45s cubic-bezier(.22,1,.36,1)}.levelbadge.is-levelled{animation:level-pop .75s cubic-bezier(.22,1,.36,1)}.levelbadge.is-levelled:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);animation:level-sweep .75s ease-out forwards}@keyframes level-pop{0%{transform:scale(1)}28%{transform:scale(1.14);box-shadow:0 0 0 4px #6fce8f59}to{transform:scale(1);box-shadow:0 0 #6fce8f00}}@keyframes level-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.notice-host{position:fixed;top:calc(var(--topbar-h, 52px) + 8px);left:50%;transform:translate(-50%);z-index:90;display:grid;gap:8px;width:min(94vw,430px);pointer-events:none}.notice{pointer-events:auto;padding:11px 14px;border-radius:16px;background:linear-gradient(150deg,#263428f7,#1a261df7);color:#eaf5ea;box-shadow:0 12px 32px #00000052,0 0 0 1px #ffffff12 inset;border:1px solid rgba(120,200,145,.22);cursor:pointer;opacity:0;transform:translateY(-16px) scale(.96);transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.notice.is-in{opacity:1;transform:translateY(0) scale(1)}.shell:has(.battlefield) .notice-host{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);width:min(86vw,330px)}.shell:has(.battlefield) .notice:not(:nth-last-child(-n+3)){display:none}@media(min-width:1024px){.shell:has(.battlefield) .notice-host{left:auto;right:calc((100vw - min(100vw - 40px,1560px))/2 + 18px);transform:none;width:300px}}.notice.is-out{opacity:0;transform:translateY(-10px) scale(.97);transition-duration:.26s}.notice.is-bump{animation:notice-bump .32s var(--spring)}@keyframes notice-bump{40%{transform:translateY(0) scale(1.045)}}.notice-title{font-size:13px;font-weight:800;letter-spacing:.01em}.notice-body{margin-top:3px;font-size:11.5px;line-height:1.45;color:#eaf5eac7}.notice-level{border-color:#8ce2a56b;background:linear-gradient(150deg,#1c3e28fa,#142c1efa);box-shadow:0 14px 38px #0000005c,0 0 0 1px #8ce2a533 inset;text-align:center}.notice-level .notice-title{font-size:17px;letter-spacing:.02em;color:#b9f0cb}.notice-species{display:flex;gap:8px;margin-top:9px;align-items:center}.notice-species-chip{flex:1;min-width:0;max-width:148px;display:grid;justify-items:center;gap:3px;padding:7px 4px;border-radius:12px;background:linear-gradient(170deg,#eef7ec,#dcebd8);border:1px solid rgba(31,107,66,.22);box-shadow:0 2px 8px #00000038;opacity:0;animation:notice-chip-in .42s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * 90ms + 90ms)}.notice-species-icon{width:40px;height:40px}.notice-species-icon svg{width:100%;height:100%;display:block}.notice-species-name{font-size:9.5px;font-weight:800;text-align:center;line-height:1.25;color:#1d3a2a;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notice-species-more{flex:none;align-self:center;display:grid;justify-items:center;gap:1px;padding:0 4px;font-variant-numeric:tabular-nums;color:#b9f0cb}.notice-species-more b{font-size:14px;font-weight:900;line-height:1}.notice-species-more small{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#b9f0cba6}@keyframes notice-chip-in{0%{opacity:0;transform:translateY(9px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.notice-goal,.notice-plot{background:linear-gradient(150deg,#263238f5,#1a242af5);border-color:#8cbedc3d}.notice-milestone{border-color:#f0c87866;background:linear-gradient(150deg,#3a2e1af7,#282012f7)}.notice-milestone .notice-title{color:#f7dfae}@media(prefers-reduced-motion:reduce){.levelbadge,.levelbadge-bar i{transition:none}.levelbadge.is-levelled{animation:none}.levelbadge.is-levelled:after{display:none}.notice,.notice.is-out{transition:opacity .16s linear;transform:none}.notice-species-chip{animation:none;opacity:1}}.tabs{display:flex;gap:3px;padding:3px;margin-bottom:14px;border-radius:14px;background:#ffffff6b;border:1px solid rgba(90,104,78,.14);position:sticky;top:-12px;z-index:20;backdrop-filter:blur(8px)}.tab{flex:1;min-width:0;height:38px;padding:0 10px;border:none;border-radius:12px;background:transparent;color:#4a5543;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .18s ease,color .18s ease,transform .18s ease}.tab:hover:not(.active){background:#5a684e17}.tab:active{transform:scale(.97)}.tab.active{background:linear-gradient(150deg,#1e7a4a,#17653e);color:#f2fbf3;box-shadow:0 2px 8px #17653e4d}.tab:focus{outline:none}.tab:focus-visible{outline:2px solid rgba(47,159,98,.6);outline-offset:1px}.scrollx.btn-row{gap:3px}@media(prefers-reduced-motion:reduce){.tab,.tab:active{transition:none}}.battler.is-morphed .avatar{filter:drop-shadow(0 0 12px var(--morph-colour, #ff9f68)) brightness(1.16) saturate(1.2)}.fx-morph-contract .avatar{filter:brightness(1.9) saturate(1.5)}.battler .avatar{transition:filter .32s ease}.fx-morph-ring{position:absolute;left:50%;top:58%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:2px solid var(--morph-colour, #ff9f68);pointer-events:none;animation:morph-ring .72s cubic-bezier(.16,1,.3,1) forwards}.fx-morph-ring.is-out{animation:morph-ring-out .45s ease forwards}@keyframes morph-ring{0%{transform:scale(.2);opacity:0;border-width:5px}22%{opacity:1}to{transform:scale(4.6);opacity:0;border-width:1px}}@keyframes morph-ring-out{to{transform:scale(.85);opacity:0}}.fx-morph-label{position:absolute;left:50%;top:4px;transform:translate(-50%);padding:3px 10px;border-radius:999px;white-space:nowrap;font-size:11px;font-weight:900;letter-spacing:.03em;color:#fff;background:var(--morph-colour, #ff9f68);box-shadow:0 3px 12px #0000004d;pointer-events:none;animation:morph-label 2.1s cubic-bezier(.22,1,.36,1) forwards}@keyframes morph-label{0%{opacity:0;transform:translate(-50%,8px) scale(.8)}14%{opacity:1;transform:translate(-50%) scale(1.06)}22%{transform:translate(-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-10px) scale(.94)}}@media(prefers-reduced-motion:reduce){.battler .avatar,.fx-morph-contract .avatar{transition:none}.fx-morph-ring{animation:none;opacity:0}.fx-morph-label{animation:none;opacity:1}}.seed-pop{position:fixed;z-index:120;width:min(94vw,400px);max-height:min(62vh,460px);display:flex;flex-direction:column;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 44px #3c502847,0 0 0 1px #fff9 inset;overflow:hidden;transform-origin:center top;animation:pop-in .2s cubic-bezier(.22,1,.36,1)}.seed-pop.is-above{transform-origin:center bottom;animation-name:pop-in-above}@keyframes pop-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pop-in-above{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.seed-pop:before{content:"";position:absolute;left:var(--arrow-x, 50%);width:12px;height:12px;margin-left:-6px;background:var(--panel);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:translateY(-6px) rotate(45deg)}.seed-pop.is-above:before{margin-left:-6px;transform:translateY(6px) rotate(225deg)}.seed-pop-scrim{position:fixed;inset:0;z-index:110;background:#26351d57;animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.plot.is-picking{border-color:var(--accent-fill);box-shadow:0 0 0 2px #26794f66;z-index:1}.seed-pop .seed-picker{padding:12px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion:reduce){.seed-pop,.seed-pop.is-above,.seed-pop-scrim{animation:none}}.account{display:grid;gap:10px}.account-fields{display:grid;gap:8px}.field{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:#fffdf4;color:var(--text);font:inherit;font-size:14px}.field:focus{outline:2px solid rgba(38,121,79,.5);outline-offset:1px;border-color:var(--accent-fill)}.account-sync{display:grid;gap:8px;padding:10px 12px;border-radius:12px;background:#5a684e14;border:1px solid rgba(90,104,78,.16)}.account-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#9aa89a;align-self:center}.account-sync>span:nth-child(2){line-height:1.4}.account-sync.is-synced .account-dot{background:#2f9f62}.account-sync.is-syncing .account-dot{background:#d98f1f;animation:sync-pulse .9s ease-in-out infinite}.account-sync.is-conflict .account-dot,.account-sync.is-paused .account-dot{background:#d9681f}.account-sync.is-error .account-dot{background:#c0392b}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.35}}.account-row{display:flex;gap:8px}.account-row .btn{flex:1}.account-err{margin:0;font-size:11.5px;font-weight:700;color:#a83a28;min-height:14px}.ts-box{margin:4px 0 2px}.ts-box:empty{display:none}.account-id{padding:10px 12px;border-radius:12px;background:#2f9f621a;border:1px solid rgba(47,159,98,.22)}.account-warn{line-height:1.45;color:#6a5a2a;background:#d98f1f1a;border:1px solid rgba(217,143,31,.24);border-radius:10px;padding:8px 10px}.account-more{margin-top:6px;padding-top:10px;border-top:1px solid rgba(90,104,78,.16)}.account-rowbtn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 12px;border-radius:12px;border:1px solid rgba(90,104,78,.18);background:#fff6;cursor:pointer;font:inherit;color:var(--text);transition:background .16s ease,border-color .16s ease}.account-rowbtn:hover{background:#5a684e14;border-color:#5a684e52}.account-rowbtn:active{transform:scale(.99)}.account-chevron{flex:none;font-size:16px;opacity:.5}@media(prefers-reduced-motion:reduce){.account-sync.is-syncing .account-dot{animation:none}}.fx-elem{position:absolute;width:0;height:0;pointer-events:none}.fx-elem-p{position:absolute;left:0;top:0;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--c, #fff);box-shadow:0 0 0 1.5px #18120c6b,0 0 9px var(--glow, rgba(255, 255, 255, .5));opacity:0;animation:fxElemFly var(--life, .7s) cubic-bezier(.18,.72,.32,1) var(--delay, 0ms) both}@keyframes fxElemFly{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}18%{transform:translate(calc(-50% + var(--dx) * .22),calc(-50% + var(--dy) * .22)) scale(calc(var(--scale) * 1.15));opacity:1}70%{opacity:.9}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + var(--fall))) scale(calc(var(--scale) * .35));opacity:0}}.fx-elem-ring{position:absolute;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid var(--c, #fff);box-shadow:0 0 0 1.5px #18120c4d;opacity:0;animation-name:fxElemRing;animation-timing-function:cubic-bezier(.16,.8,.3,1);animation-fill-mode:both}@keyframes fxElemRing{0%{transform:scale(.65);opacity:.95}to{transform:scale(calc(3 * var(--power, 1)));opacity:0}}.fx-elem-glyph{position:absolute;left:0;top:-40px;width:34px;height:34px;margin-left:-17px;opacity:0;animation:fxElemGlyph .62s ease-out both}.fx-elem-glyph svg{width:100%;height:100%;display:block;overflow:visible}.fx-elem-glyph path{fill:var(--c, #fff);filter:drop-shadow(0 0 1.5px rgba(24,18,12,.75)) drop-shadow(0 0 6px var(--glow, rgba(255, 255, 255, .6)))}@keyframes fxElemGlyph{0%{transform:scale(.5) translateY(6px);opacity:0}26%{transform:scale(1.15) translateY(0);opacity:1}62%{transform:scale(1);opacity:1}to{transform:scale(.9) translateY(-6px);opacity:0}}.fx-elem.is-fire .fx-elem-p{width:8px;height:12px;margin:-6px 0 0 -4px;border-radius:50% 50% 50% 0}.fx-elem.is-water .fx-elem-p{width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;box-shadow:0 0 0 1.5px #18120c59,0 0 8px var(--glow, rgba(92, 200, 255, .5))}.fx-elem.is-electric .fx-elem-p{width:17px;height:3.5px;margin:-1.75px 0 0 -8.5px;border-radius:2px;box-shadow:0 0 0 1.5px #18120c66,0 0 10px var(--glow, rgba(255, 214, 102, .7))}.fx-elem.is-wood .fx-elem-p{width:13px;height:7px;margin:-3.5px 0 0 -6.5px;border-radius:60% 10%}.fx-elem.is-earth .fx-elem-p{width:11px;height:9px;margin:-4.5px 0 0 -5.5px;border-radius:1px;box-shadow:0 0 0 1.5px #18120c66,0 1px 2px #00000040}.fx-elem.is-poison .fx-elem-p{background:transparent;border:2.5px solid var(--c, #b6e34a);box-shadow:0 0 0 1.5px #18120c59,0 0 8px var(--glow, rgba(176, 108, 255, .5))}.fx-elem.is-light .fx-elem-p{width:19px;height:3.5px;margin:-1.75px 0 0 -9.5px;border-radius:2px}.fx-elem.is-shadow .fx-elem-p{width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#140c20d9;border:2px solid var(--c, #a98bd8);box-shadow:0 0 10px #140c2099;animation-name:fxElemDrain}@keyframes fxElemDrain{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}30%{transform:translate(calc(-50% + var(--dx) * .7),calc(-50% + var(--dy) * .7)) scale(calc(var(--scale) * 1.2));opacity:1}to{transform:translate(-50%,-50%) scale(.1);opacity:0}}.fx-elem.is-shadow .fx-elem-ring{animation-name:fxElemRingIn}@keyframes fxElemRingIn{0%{transform:scale(calc(3 * var(--power, 1)));opacity:.85}to{transform:scale(.2);opacity:0}}@media(prefers-reduced-motion:reduce){.fx-elem-p{animation:none;opacity:0}.fx-elem-ring{animation:none;opacity:.35}.fx-elem-glyph{animation:none;opacity:.9}}.proto-box{margin-top:12px}.proto-chip{flex:none;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:78px;padding:7px 9px 6px;border:1px solid var(--line, #d8d2c6);border-radius:12px;background:#fffdf8;color:var(--ink, #2b2620);cursor:pointer;text-align:center;transition:transform .12s ease,border-color .16s ease,background .16s ease}.proto-chip:hover:not(:disabled){transform:translateY(-1px);border-color:var(--brand, #2f7d46)}.proto-chip.is-on{border-color:var(--brand, #2f7d46);border-width:2px;background:#eef7f0;box-shadow:0 1px #2f7d462e}.proto-chip:disabled,.proto-chip.is-locked{cursor:default;opacity:.62;background:#f3f0e9;border-style:dashed}.proto-ico{font-size:17px;line-height:1.1}.proto-name{font-size:11.5px;font-weight:700;line-height:1.2;white-space:nowrap}.proto-fee{font-size:10px;color:var(--muted, #6b6355)}.proto-chip.is-on .proto-fee{color:var(--brand, #2f7d46);font-weight:700}.proto-lock{font-size:9.5px;letter-spacing:.02em;color:#9a8f7c}.proto-cost{margin-top:8px;padding:8px 10px;border-radius:12px;background:#f4f1e9;border:1px solid var(--line, #d8d2c6)}.proto-cost.is-live{background:#fdf3e2;border-color:#e6c98d}.proto-cost.is-live .tiny:first-child{color:#6d4406}.proto-box .card .tiny:last-child{color:#6d4406}.account-google{min-height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.account-google>div[style*=width]{margin:0 auto}.account-sep{display:flex;align-items:center;gap:8px;margin:12px 0 8px;text-align:center;letter-spacing:.04em}.account-sep:before,.account-sep:after{content:"";flex:1;height:1px;background:var(--line, #d8d2c6)}.google-fallback{padding:8px 10px;border-radius:12px;background:#f4f1e9;border:1px dashed var(--line, #d8d2c6);text-align:center}.gpanel-wrap{margin:12px 0 4px}.gpanel-slot{min-height:56px;display:block}.gpanel-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:#fff;border:1px solid #d6d3cd;border-radius:12px;color:#1f1f1f;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease}.gpanel-btn[hidden]{display:none}.gpanel-btn:hover{border-color:#a8a49c;box-shadow:0 1px 3px #14100a14;transform:translateY(-1px)}.gpanel-btn:active{transform:translateY(0);box-shadow:none}.gpanel-btn.is-busy{opacity:.6;pointer-events:none}.gpanel-brand{flex:none;width:20px;height:20px}.gpanel-brand svg{width:100%;height:100%;display:block}.gpanel-text{min-width:0}.gpanel-title{font-size:14px;font-weight:700;line-height:1.25}.gpanel-sub{font-size:11.5px;line-height:1.35;color:#5f5b53;margin-top:2px}.gpanel-off{width:100%;padding:11px 13px;border:1px dashed #d6d3cd;border-radius:12px;background:#f6f4ee}.gpanel-note{margin:9px 0 0;line-height:1.45}.gpanel-inner{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center}.gate-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:#26301c9e;backdrop-filter:blur(6px);overflow-y:auto}.gate-card{position:relative;left:auto;right:auto;bottom:auto;width:100%;max-width:420px;max-height:none;border-radius:18px;border:1px solid var(--line);padding:18px 18px 16px;box-shadow:0 18px 48px #18221057;animation:gateRise .28s cubic-bezier(.22,1,.36,1) both}@keyframes gateRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.gate-card{animation:none}}.gate-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.gate-mark{width:34px;height:34px;flex:none;display:grid;place-items:center;font-size:22px;border-radius:10px;background:#eef7f0;border:1px solid #cfe4d4}.gate-title{margin:0;font-size:18px;line-height:1.2}.gate-sub{margin:0 0 12px;line-height:1.45}.gate-skip{display:block;width:100%;margin-top:14px;padding:9px 0 2px;background:none;border:0;font:inherit;font-size:12px;color:var(--muted, #6b6355);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.gate-skip:hover{color:var(--ink, #2b2620)}@media(prefers-reduced-motion:reduce){.gate-skip{transition:none}}.gpanel-step{margin:6px 0 0;min-height:1.4em;text-align:center;line-height:1.4}.roster{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(96px,1fr);gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px;margin-block:-4px;scrollbar-width:thin}.roster-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 7px;background:var(--panel);border:1px solid var(--line);border-radius:12px;cursor:pointer;text-align:center;scroll-snap-align:start;transition:transform .16s var(--spring),background .16s var(--ease),border-color .16s var(--ease)}.roster-card:hover{transform:translateY(-2px);background:var(--accent-soft);border-color:var(--accent-bright)}.roster-card:active{transform:translateY(0) scale(.97)}.roster-card:focus-visible{outline:2px solid var(--accent-fill);outline-offset:2px}.roster-thumb{width:54px;height:54px;display:grid;place-items:center;margin-bottom:2px}.roster-thumb svg{width:100%;height:100%;display:block}.roster-name{font-size:11.5px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.roster-streak{position:absolute;top:-6px;right:-5px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff;background:var(--accent-2-fill);border:2px solid var(--bg);border-radius:999px}.btn-stack{display:flex;flex-direction:column;gap:1px;min-width:0}.btn-stack-icon{font-size:22px;line-height:1.1;flex:none;align-self:center}.btn-stack-label{font-weight:800;white-space:nowrap}.btn-stack-note{font-size:11.5px;font-weight:500;opacity:.82;line-height:1.4}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px;line-height:1.45}.kv-k{flex:0 0 auto;white-space:nowrap;color:var(--muted)}.kv-v{flex:1 1 auto;min-width:0;text-align:right}.streak-note{margin-top:10px;padding:8px 10px;font-size:12.5px;font-weight:600;line-height:1.45;color:var(--accent-2);background:var(--accent-2-soft);border-radius:10px}.streak-note.is-lost{color:var(--muted);background:#4356361a}.codeinput{width:100%;padding:11px 12px;font-size:17px;font-weight:600;letter-spacing:.34em;text-indent:.34em;color:var(--text);background:var(--panel);border:2px solid var(--line);border-radius:12px}.codeinput::placeholder{font-size:13px;font-weight:500;letter-spacing:.16em;text-indent:.16em;color:var(--muted);opacity:.75}.codeinput:focus{border-color:var(--accent-bright);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.pill.ember{background:linear-gradient(180deg,#ffe0b0,#f7c46a);border-color:#d99b3a;color:#6e4912}.pill.pair{gap:4px}.pill .pair-sep{opacity:.4;margin:0 1px}.pill.bump{animation:pill-bump .42s var(--spring)}@keyframes pill-bump{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}.drop-line{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:5px;font-size:12.5px;font-weight:600;color:var(--accent)}.drop-line.is-empty{color:var(--muted);font-weight:500;font-style:italic}@media(prefers-reduced-motion:reduce){.pill.bump{animation:none}}.cur-tag{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--accent-2)}.friends{margin-bottom:4px}.friend-rows{margin-top:10px;display:grid;gap:6px}.friend-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.friend-row.invite{background:var(--accent-2-soft);border-color:#9f691a66}.plantcard.dex-gone{opacity:.62;filter:grayscale(.65)}.pickgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px;margin-top:4px}.pickcell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 5px;border-radius:12px;background:var(--panel);border:1px solid var(--line);text-align:center;font:inherit;color:inherit}.pickcell.is-blocked{filter:grayscale(.5)}.rostergrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-bottom:14px}.rostertile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;border-radius:14px;background:var(--panel);border:2px solid var(--line);font:inherit;color:inherit;text-align:center;cursor:pointer;transition:transform .16s var(--ease),border-color .16s,box-shadow .16s}.rostertile:not(:disabled):hover{transform:translateY(-2px);border-color:var(--accent-fill)}.rostertile-art{width:54px;height:54px;border-radius:12px;overflow:hidden;display:block}.rostertile-name{font-weight:800;font-size:12px;line-height:1.15;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rostertile-meta{font-size:10.5px;font-weight:600;color:var(--muted);line-height:1.25}.rostertile-meta.is-why{color:var(--accent-2)}.rostertile.is-picked{border-color:var(--accent-fill);background:var(--accent-soft);box-shadow:0 8px 18px -8px #26794f8c}.rostertile-check{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--accent-fill);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900;box-shadow:0 2px 6px #26794f73}.rostertile.is-blocked{opacity:.55;filter:grayscale(.4);cursor:not-allowed}.add-friend{display:flex;gap:8px;margin-top:10px}.add-friend input{padding:9px 11px;font-size:14px;color:var(--text);background:var(--panel);border:1.5px solid var(--line);border-radius:11px}.add-friend input:focus{border-color:var(--accent-bright);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.inbox .callout{margin-top:8px}.duel-result .callout{font-size:11.5px}@media(prefers-reduced-motion:reduce){.roster-card{transition:none}.roster-card:hover{transform:none}}.combometer{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:6;padding:3px 12px;border-radius:999px;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);background:#141e188c;border:1px solid rgba(255,255,255,.16);pointer-events:none;opacity:0;transition:opacity .16s ease}.combometer.is-live{opacity:1}.combometer.band1{background:#1e3c2899;border-color:#96dcaa4d}.combometer.band2{background:#784614a8;border-color:#ffc85a80;color:#ffe89a}.combometer.band3{background:#a0321eb3;border-color:#ff965aa6;color:#ffd9c0;font-size:18px}.combometer.is-broke{opacity:1;background:#1e222699;border-color:#b4bec84d;color:#ebf0f5d9;font-size:11.5px;font-weight:700}.combometer.is-pop{animation:comboPop .28s cubic-bezier(.2,1.5,.4,1)}@keyframes comboPop{0%{transform:translate(-50%) scale(1)}45%{transform:translate(-50%) scale(1.22)}to{transform:translate(-50%) scale(1)}}.battlefield.is-beat-win{animation:beatWin .5s cubic-bezier(.22,1,.36,1)}.battlefield.is-beat-lose{animation:beatLose .52s cubic-bezier(.4,0,.3,1)}@keyframes beatWin{0%{filter:brightness(1) saturate(1)}18%{filter:brightness(1.35) saturate(1.25) sepia(.15)}to{filter:brightness(1) saturate(1)}}@keyframes beatLose{0%{filter:brightness(1) saturate(1)}22%{filter:brightness(.72) saturate(.6) hue-rotate(-12deg)}to{filter:brightness(1) saturate(1)}}@media(prefers-reduced-motion:reduce){.combometer,.combometer.is-pop,.battlefield.is-beat-win,.battlefield.is-beat-lose{animation:none;transition:none;filter:none}.combometer.is-pop{transform:translate(-50%)}}@media(min-width:900px){html{background-image:radial-gradient(120% 90% at 50% 34%,rgba(255,255,255,.34),transparent 58%),radial-gradient(1100px 520px at 50% -14%,rgba(143,208,255,.8),transparent 64%),radial-gradient(560px 340px at 6% 6%,rgba(255,225,108,.42),transparent 58%),radial-gradient(150% 120% at 50% 50%,transparent 52%,rgba(46,68,38,.28) 100%),linear-gradient(180deg,#d8f2ff,#dcefc8 46%,#b9dd9c)}#app{align-items:center;padding:24px}.shell{width:min(900px,calc(100vw - 56px));height:min(100dvh - 48px,1040px);max-height:none;border-radius:24px;border:1px solid rgba(255,255,255,.5);box-shadow:0 1px #ffffffd9 inset,0 2px 6px #26351d1a,0 24px 60px -18px #1c30166b,0 60px 120px -40px #1c301659}}.account-volume{display:flex;flex-direction:column;gap:8px;padding:12px 14px;margin:6px 0;border-radius:14px;background:var(--panel-2);border:1px solid var(--line)}.volumeslider{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}.volumeslider::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent-fill),var(--accent-bright));box-shadow:0 1px 2px #26351d38 inset}.volumeslider::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent-fill),var(--accent-bright));box-shadow:0 1px 2px #26351d38 inset}.volumeslider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:#fff;border:2px solid var(--accent-fill);box-shadow:0 2px 6px #1c301657}.volumeslider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--accent-fill);box-shadow:0 2px 6px #1c301657}.volumeslider:focus-visible{outline:3px solid var(--accent-fill);outline-offset:3px;border-radius:8px}.volumeslider:disabled{opacity:.45;cursor:not-allowed}.account-value{flex:none;font-size:12px;font-weight:700;color:var(--accent-fill);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:4px 10px;white-space:nowrap}.replaybtn{align-self:flex-start;padding:6px 14px;font-size:12.5px;opacity:.78;transition:opacity .15s ease,background .15s ease,transform .08s ease}.replaybtn:hover{opacity:1;background:var(--panel)}.replaybtn:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.replaybtn{transition:none}.replaybtn:active{transform:none}}.coach{position:relative;padding:13px 15px 14px;margin-bottom:12px;border-radius:16px;background:linear-gradient(180deg,var(--panel) 0%,rgba(255,247,223,.86) 100%);border:1px solid var(--line);box-shadow:0 1px #ffffffb3 inset;overflow:hidden}.coach:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent-bright),var(--accent-fill))}.coach-list{list-style:none;margin:9px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}.coach-item{display:flex;align-items:flex-start;gap:9px;margin:0}.coach-mark{flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;border:2px solid var(--line);background:var(--panel-2);color:transparent;font-size:12px;font-weight:900;line-height:16px;text-align:center}.coach-item.done .coach-mark{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}.coach-body{display:flex;flex-direction:column;gap:1px;min-width:0}.coach-title{font-size:13.5px;font-weight:800}.coach-item.done .coach-title{color:var(--accent);opacity:.62;text-decoration:line-through;text-decoration-thickness:1px}.coach-how{font-size:12.5px;line-height:1.42;color:var(--text)}.coach-item.done .coach-how,.coach-item.done .coach-where{opacity:.45}.coach-where{font-size:11.5px;font-weight:700;color:var(--accent-fill)}.coach.has-next .coach-item:not(.done) .coach-mark{border-color:var(--accent-bright);background:#fff;box-shadow:0 0 0 3px #39ab7033}.coach.has-next .coach-item:not(.done) .coach-title{color:var(--accent-fill)}@media(min-width:720px){.coach-list{flex-direction:row;gap:14px}.coach-item{flex:1 1 0;flex-direction:column;gap:6px}.coach-where{margin-top:auto}}.qabar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 68px);z-index:28;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 10px);pointer-events:none;animation:qaDockIn .34s var(--spring) both}.qabar>*{pointer-events:auto}@media(min-width:900px){.qabar{bottom:calc((100dvh - min(100dvh - 48px,1040px))/2 + 66px)}}@keyframes qaDockIn{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.screen:has(.qabar){padding-bottom:208px}.shell:has(.qabar) .toast{bottom:190px}.qadock{display:flex;align-items:center;gap:3px;padding:7px;border-radius:22px;background:linear-gradient(180deg,#fffdf1f5,#fff2c6eb),#fff8e2f0;border:1px solid rgba(71,123,55,.32);backdrop-filter:blur(18px) saturate(1.25);box-shadow:inset 0 1px #ffffffb8,0 14px 38px #36583247;overflow-x:auto;scrollbar-width:none;max-width:100%}.qadock::-webkit-scrollbar{display:none}.qabtn{position:relative;flex:none;appearance:none;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:54px;height:56px;padding:4px 6px;border-radius:14px;font-family:inherit;color:var(--muted);transition:background .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease;overflow:hidden;isolation:isolate}.qabtn:before{content:"";position:absolute;inset:5px;border-radius:12px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.54),transparent 60%);opacity:0;transition:opacity .16s ease;z-index:-1}.qabtn .qaico{font-size:20px;line-height:1}.qabtn .qalbl{font-size:10px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.qabtn:hover{background:#2f9f621a}.qabtn:hover:before{opacity:1}.qabtn:active{transform:scale(.94)}.qabtn:focus-visible{outline:2px solid rgba(47,159,98,.6);outline-offset:1px}.qabtn.armed{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.28),transparent 54%),linear-gradient(150deg,#1e7a4a,#17653e);color:#f2fbf3;box-shadow:inset 0 1px #ffffff47,0 5px 14px #17653e5c;animation:qaArmedPop .28s var(--spring)}@keyframes qaArmedPop{0%{transform:scale(.92)}70%{transform:scale(1.04)}to{transform:scale(1)}}.qabtn.off{opacity:.45}.qabadge{position:absolute;top:2px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger-fill);color:#fffdf1;font-size:9.5px;font-weight:800;display:grid;place-items:center;box-shadow:0 1px 4px #a3231b66}.qabadge.quiet{background:var(--accent-2-fill);box-shadow:0 1px 4px #6e491259}.qasep{flex:none;width:1px;height:30px;margin:0 3px;background:#5a684e38}.qachips{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;max-width:100%}.qachips:empty{display:none}.qachip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#fff8e2f2;backdrop-filter:blur(12px) saturate(1.15);box-shadow:inset 0 1px #ffffffb8,0 8px 22px #50683538;font-size:11.5px;font-weight:700;color:var(--text);white-space:nowrap;animation:qaChipIn .24s var(--spring) both}@keyframes qaChipIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}button.qachip{appearance:none;font-family:inherit;cursor:pointer;transition:transform .1s ease,filter .15s ease}button.qachip:hover{filter:brightness(1.04)}button.qachip:active{transform:scale(.95)}.qachip.status{color:var(--accent);border-color:#26794f6b;background:#cde7d4f0}.qachip.act{color:var(--accent-2);border-color:#9f691a66;background:linear-gradient(160deg,#ffe9b8,#f7d88e)}.qachip.act.primary{color:#0f4c5c;border-color:#267cab61;background:linear-gradient(160deg,#dff5ff,#aee4ff)}.qachip.act.battle{color:#6a2d08;border-color:#cf612a61;background:linear-gradient(160deg,#ffe0b9,#ffc36a)}.qachip.hint.plant{color:var(--accent);border-color:#26794f59;background:linear-gradient(160deg,#e3f5d6,#cde7d4)}.qachip.hint{color:var(--info);border-color:#267cab5c;background:var(--info-soft)}.plots.armed-care .plantcard{cursor:pointer}.plots.armed-care .plantcard.can-tend{outline:2px solid rgba(56,171,112,.6);outline-offset:2px;box-shadow:0 0 0 4px #38ab7024,0 34px 26px #304e6452}.plots.armed-care .plantcard.can-tend:hover{transform:translateY(-3px)}.plots.armed-care .plantcard.cooling{filter:saturate(.7) brightness(.95)}.care-mark{position:absolute;right:6px;bottom:6px;display:none;padding:2px 7px;border-radius:999px;background:#fff9e6f2;border:1px solid var(--line);color:var(--muted);font-size:9.5px;font-weight:800;font-variant-numeric:tabular-nums;z-index:3}.care-mark.show{display:block}.plantcard.care-flash{animation:careFlash .55s var(--ease)}@keyframes careFlash{0%{filter:brightness(1);transform:translateY(0)}35%{filter:brightness(1.16) saturate(1.25);transform:translateY(-4px)}to{filter:brightness(1);transform:translateY(0)}}.plantcard.care-deny-shake,.shop-deny{animation:denyShake .34s ease}@keyframes denyShake{20%{transform:translate(-4px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}to{transform:translate(0)}}@media(max-width:560px){.qadock{gap:2px;padding:5px;border-radius:18px}.qabtn{min-width:40px;height:48px;padding:3px 4px;border-radius:12px}.qabtn .qaico{font-size:18px}.qabtn .qalbl{font-size:9.5px}.qachip{font-size:11px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){.qabar,.qachip,.qabtn.armed{animation:none}.qabtn,.qabtn:active,button.qachip,button.qachip:active{transition:none;transform:none}.plantcard.care-flash,.plantcard.care-deny-shake{animation:none}}.tab-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:6px;padding:0 5px;border-radius:999px;background:var(--danger-fill);color:#fffdf1;font-size:10px;font-weight:800;box-shadow:0 1px 4px #a3231b66;vertical-align:1px}.quest-tracker{display:block;width:100%;appearance:none;font-family:inherit;text-align:left;cursor:pointer;border:1px solid rgba(71,123,55,.26);border-radius:18px;padding:12px 14px;margin-bottom:14px;background:linear-gradient(140deg,#ffffff8c,#ffffff1a),linear-gradient(180deg,#fdf6dd,#e8f2c8);box-shadow:var(--shadow);transition:transform .12s var(--ease),box-shadow .2s var(--ease)}.quest-tracker:hover{transform:translateY(-1px)}.quest-tracker.has-claim{border-color:#9f691a8c;background:linear-gradient(140deg,#fff0bebf,#ffffff24),linear-gradient(180deg,#fff3cf,#eee4ad)}.quest-tracker-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.quest-track-row{display:flex;align-items:center;gap:9px;padding:4px 0}.quest-track-main{flex:1 1 0;min-width:0;display:grid;gap:4px}.quest-track-main b,.quest-track-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-track-main small{color:var(--muted);font-size:11px;font-weight:600}.quest-ico{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fffdf1cc;border:1px solid rgba(71,123,55,.18);font-size:17px}.quest-ico.sm{width:26px;height:26px;font-size:14px;border-radius:8px}.quest-count{flex:none;font-size:11px;font-weight:800;color:var(--muted)}.quest-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 12px}.quest-tab{appearance:none;border:1px solid var(--line);background:#fff8e2b8;border-radius:12px;padding:7px 4px;font-family:inherit;font-size:11.5px;font-weight:700;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;overflow:hidden;transition:background .15s ease,color .15s ease}.quest-tab>span:not(.quest-tab-ico):not(.tab-badge){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-tab .tab-badge,.quest-tab .quest-tab-ico{flex:none}.quest-tab .quest-tab-ico{font-size:14px}.quest-tab.active{background:linear-gradient(150deg,#1e7a4a,#17653e);border-color:transparent;color:#f2fbf3}.quest-list{display:grid;gap:8px}.quest-card{display:flex;align-items:center;gap:10px;width:100%;appearance:none;font-family:inherit;text-align:left;cursor:pointer;padding:10px 12px;border-radius:15px;border:1px solid rgba(71,123,55,.2);background:#fffdf1c7;transition:transform .12s var(--ease),box-shadow .15s var(--ease),background .15s ease}.quest-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #5068352e}.quest-card .quest-main{flex:1 1 0;min-width:0;display:grid;gap:3px}.quest-card .quest-main b{font-size:13px}.quest-card .quest-main small{color:var(--muted);font-size:11px;line-height:1.35}.quest-how{color:var(--ink)!important;opacity:.85;display:block;padding:3px 7px;border-radius:7px;background:#8cbeff12;border-left:2px solid rgba(140,190,255,.4);margin:1px 0 2px}.quest-rewards{display:flex;flex-wrap:wrap;gap:4px}.quest-reward{padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;background:var(--panel-2);border:1px solid var(--line)}.quest-reward.rw-exp{color:var(--accent);background:var(--accent-soft)}.quest-reward.rw-coin{color:var(--accent-2);background:var(--accent-2-soft)}.quest-reward.rw-item{color:var(--info);background:var(--info-soft)}.quest-reward.rw-crystal{color:#5b3fa0;background:#e8defc}.quest-reward.rw-unlock{color:var(--accent-2);background:#ffeec4;border-style:dashed}.quest-bar .bar{height:6px;border-radius:999px;background:#477b3729}.quest-bar .bar>i{background:linear-gradient(90deg,var(--accent-fill),var(--accent-bright))}.quest-cta{flex:none;min-width:40px;padding:6px 10px;border-radius:999px;text-align:center;font-size:11.5px;font-weight:800;background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}.quest-cta.claim{color:#5d3d05;background:linear-gradient(160deg,#ffd95e,#f0b42e);border-color:#9f691a80;box-shadow:0 3px 10px #f0b42e73}.quest-cta.claim.pulse{animation:questPulse 1.6s ease-in-out infinite}@keyframes questPulse{0%,to{box-shadow:0 3px 10px #f0b42e59}50%{box-shadow:0 3px 16px #f0b42ebf}}.quest-cta.done{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.quest-card.done{border-color:#9f691a80;background:linear-gradient(150deg,#ffecaacc,#fffdf1d9)}.quest-card.claimed{opacity:.62}.quest-card.locked{opacity:.78;background:#eef0e29e}@media(prefers-reduced-motion:reduce){.quest-cta.claim.pulse{animation:none}}.need-water{position:absolute;top:8px;right:8px;z-index:4;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#e8f7ff,#bfe4fb);border:1.5px solid rgba(38,124,171,.4);box-shadow:0 2px 6px #267cab4d;font-size:12px;animation:dropletBob 2.6s ease-in-out infinite}@keyframes dropletBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.plot.ready{box-shadow:0 0 0 2px #f0b42e8c,0 0 22px #f0be3c66,0 34px 26px #304e6452}.plot-shine{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:visible}.plot-shine i{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(50% 50% at 40% 35%,#fff8d8,#f0b42e);box-shadow:0 0 7px #f0be3ce6;opacity:0;animation:moteTwinkle 3.4s ease-in-out infinite}.plot-shine i:nth-child(1){left:18%;top:30%;animation-delay:0s}.plot-shine i:nth-child(2){left:74%;top:22%;animation-delay:1.2s}.plot-shine i:nth-child(3){left:52%;top:12%;animation-delay:2.3s}@keyframes moteTwinkle{0%,to{opacity:0;transform:translateY(4px) scale(.5)}45%{opacity:1;transform:translateY(-6px) scale(1)}70%{opacity:.4;transform:translateY(-10px) scale(.8)}}.grow-stage{align-items:center}.stage-chip{flex:none}.grow-timer{display:inline-flex;align-items:center;gap:5px;margin-left:auto}.grow-timer .ring{width:22px;height:22px}.grow-timer .ring .track{fill:none;stroke:#477b3733;stroke-width:3}.grow-timer .ring .fill{fill:none;stroke:var(--accent-fill);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.grow-timer-text{font-size:10px;color:var(--muted);font-weight:700}.plot-locked:before{filter:saturate(.5) brightness(.94)}.plot-locked .plot-mark{position:absolute;top:7px;left:8px;z-index:3;min-width:21px;height:21px;padding:0 6px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#5c523a;background:linear-gradient(180deg,#f2ecd8,#ddd3b4);border-radius:999px}.plot-locked .plot-veil{position:absolute;inset:22% -4% auto;height:52%;z-index:2;border-radius:50%;background:radial-gradient(50% 80% at 30% 42%,rgba(255,255,255,.95),transparent 75%),radial-gradient(55% 85% at 68% 46%,rgba(248,252,255,.9),transparent 78%);filter:blur(1px);pointer-events:none}.garden-scene{position:relative;isolation:isolate;border-radius:30px;padding:14px 10px 20px;margin-bottom:14px;background:radial-gradient(120% 60% at 50% -10%,rgba(255,244,190,.5),transparent 60%),linear-gradient(180deg,#a5d9f5,#c6e8f7 42%,#e6f4e0 78%,#d8eec4);border:1px solid rgba(120,168,196,.5);box-shadow:inset 0 2px 8px #ffffff8c,0 18px 40px #466e8c38;overflow:hidden}.scene-sun{position:absolute;top:-34px;right:6%;width:130px;height:130px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#fff8cf,#ffe27a 55%,#ffd66000 78%);filter:blur(.5px);opacity:.95;pointer-events:none;z-index:0}.scene-cloud{position:absolute;border-radius:999px;background:radial-gradient(55% 60% at 32% 40%,rgba(255,255,255,.96),transparent 72%),radial-gradient(60% 65% at 66% 46%,rgba(244,251,255,.92),transparent 76%);filter:blur(1.5px);pointer-events:none;z-index:0;animation:cloudDrift linear infinite}.scene-cloud.c1{width:220px;height:74px;top:8%;animation-duration:90s}.scene-cloud.c2{width:160px;height:56px;top:30%;opacity:.75;animation-duration:120s;animation-delay:-40s}.scene-cloud.c3{width:260px;height:88px;bottom:6%;opacity:.6;animation-duration:150s;animation-delay:-90s}@keyframes cloudDrift{0%{transform:translate(-30%)}to{transform:translate(calc(100vw - 100%))}}.scene-isle{position:absolute;border-radius:50% 50% 44% 44%/60% 60% 40% 40%;background:linear-gradient(180deg,#93cf66d9 0 42%,#9c7048cc 42% 100%);filter:blur(2.5px);opacity:.55;pointer-events:none;z-index:0;animation:isleBob ease-in-out infinite}.scene-isle.i1{width:92px;height:44px;left:4%;top:16%;animation-duration:7s}.scene-isle.i2{width:70px;height:34px;right:9%;top:52%;animation-duration:9s;animation-delay:-3s}@keyframes isleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.scene-flutter{position:absolute;z-index:0;font-size:13px;opacity:.75;pointer-events:none;animation:flutter linear infinite}.scene-flutter.f1{top:20%;animation-duration:34s}.scene-flutter.f2{top:58%;animation-duration:46s;animation-delay:-18s}@keyframes flutter{0%{transform:translate(-6%) rotate(-8deg)}25%{transform:translate(24vw,-16px) rotate(6deg)}50%{transform:translate(52vw,6px) rotate(-5deg)}75%{transform:translate(76vw,-12px) rotate(7deg)}to{transform:translate(104vw) rotate(-8deg)}}.scene-mist{position:absolute;left:-6%;right:-6%;bottom:-4%;height:34%;pointer-events:none;z-index:0}.scene-mist i{position:absolute;left:0;right:0;height:62%;border-radius:999px;background:radial-gradient(60% 100% at 30% 50%,rgba(255,255,255,.5),transparent 70%),radial-gradient(55% 100% at 70% 55%,rgba(238,248,252,.45),transparent 72%);filter:blur(6px);animation:mistDrift 26s ease-in-out infinite alternate}.scene-mist i:last-child{height:50%;bottom:0;opacity:.7;animation-duration:34s;animation-direction:alternate-reverse}@keyframes mistDrift{0%{transform:translate(-3%)}to{transform:translate(3%)}}@media(prefers-reduced-motion:reduce){.scene-cloud,.scene-isle,.scene-flutter,.need-water,.plot-shine i{animation:none}}.workspace{flex:1 1 auto;min-height:0;display:flex;position:relative}.side-panel{display:none}.workspace>.screen{flex:1 1 0;min-width:0}@media(min-width:1024px){.shell{width:calc(100vw - 40px);max-width:1560px;height:calc(100dvh - 40px);max-height:none}#app{padding:20px}.side-panel{display:block;flex:none;width:292px;overflow-y:auto;overflow-x:hidden;padding:12px 10px 24px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.side-panel:empty{display:none}.screen:has(.garden-scene)>.fadein>.tabs{display:none}.sheet{inset:10px 10px 10px auto;width:min(430px,42vw);max-height:none;border-radius:22px;border:1px solid var(--line);box-shadow:-14px 0 44px #5068354d;animation:sheetDock .28s cubic-bezier(.22,1,.36,1)}.sheet .handle{display:none}@keyframes sheetDock{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.qabar{bottom:86px}}.side-panel .quest-tracker{margin-bottom:10px}.side-panel .panel-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;padding:2px 2px 8px}.side-panel .panel-title .tiny{font-weight:700}.side-quest-list{display:grid;gap:6px}@media(min-width:1440px){.side-panel{width:318px}}.seed-sheet{display:grid;gap:12px}.seed-hero{display:flex;gap:12px;align-items:center;padding:10px;border-radius:16px;background:radial-gradient(80% 100% at 20% 0%,rgba(255,255,255,.6),transparent 60%),linear-gradient(160deg,#cde7d4bf,#fff8e2e6);border:1px solid rgba(71,123,55,.24)}.seed-hero-art{flex:none;width:96px;height:96px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(70% 60% at 50% 80%,#b08a5859,#fffdf180);overflow:hidden}.seed-hero-art svg{width:88px;height:88px}.seed-hero-info{flex:1 1 0;min-width:0;display:grid;gap:3px}.seed-hero-info b{font-size:15px}.seed-hero-info small{color:var(--muted);font-size:11px;line-height:1.4}.seed-hero-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.seed-hero-chips .tag{font-size:10px}.seed-pick-list{display:grid;gap:6px;max-height:40vh;overflow-y:auto;padding-right:2px}.seed-qty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px}.seed-qty:empty{display:none}.seed-qty .btn{width:30px;height:30px;padding:0;font-size:16px}.seed-qty-n{min-width:2ch;text-align:center;font-size:16px}.plant-batch{display:grid;gap:12px;width:min(400px,90vw);padding:16px;border-radius:20px;background:radial-gradient(90% 60% at 50% 0%,rgba(255,252,236,.9),transparent 70%),linear-gradient(170deg,#f8f0d8,#eee0bc);border:1px solid rgba(122,90,48,.3);box-shadow:0 24px 60px #14200e66,inset 0 1px #ffffffb3;animation:plantBatchIn .4s var(--spring, cubic-bezier(.2, .9, .3, 1.2)) both}@keyframes plantBatchIn{0%{transform:translateY(18px) scale(.94);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.plant-batch-title{font-weight:800;font-size:16px;text-align:center;color:#3d2c14}.plant-batch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:46vh;overflow-y:auto}.plant-batch-cell{display:grid;justify-items:center;gap:2px;animation:plantBatchPop .42s cubic-bezier(.2,.9,.3,1.4) both;animation-delay:var(--d, 0s)}@keyframes plantBatchPop{0%{transform:translateY(14px) scale(.6);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.plant-batch-art{width:56px;height:56px;border-radius:12px;background:radial-gradient(70% 60% at 50% 82%,#b08a5866,#fffdf18c);border:1px solid rgba(122,90,48,.22);display:grid;place-items:center;overflow:hidden}.plant-batch-art svg{width:50px;height:50px}.plant-batch-cell small{font-size:9.5px;font-weight:700;color:#5a4630;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plant-batch-more{display:grid;place-items:center;border-radius:12px;border:1.5px dashed rgba(122,90,48,.4);font-weight:800;font-size:15px;color:#7a5a30;min-height:56px}.seed-pick{display:flex;align-items:center;gap:10px;width:100%;appearance:none;font-family:inherit;text-align:left;cursor:pointer;padding:8px 10px;border-radius:13px;border:1.5px solid rgba(71,123,55,.16);background:#fffdf1b8;transition:border-color .14s ease,background .14s ease,transform .1s ease}.seed-pick:hover{background:#fffdf1f2}.seed-pick.selected{border-color:var(--accent-fill);background:var(--accent-soft);box-shadow:0 0 0 2px #38ab7040}.seed-pick .seed-orb{flex:none}.seed-pick-info{flex:1 1 0;min-width:0;display:grid;gap:1px}.seed-pick-info b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seed-pick-info small{color:var(--muted);font-size:10.5px}.seed-pick-meta{flex:none;display:grid;gap:1px;text-align:right;font-size:10px;color:var(--muted);font-weight:700}.seed-cta{font-size:14px;padding:12px;border-radius:14px}.detail-growth{display:grid;gap:8px;padding:10px 12px;margin-top:8px;border-radius:14px;background:#cde7d480;border:1px solid rgba(71,123,55,.2)}.whisper{margin-top:8px;text-align:center;font-style:italic;font-size:13px;color:var(--muted);min-height:0}.whisper:empty{display:none}.detail-growth .growline{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.detail-growth .bar{height:8px;border-radius:999px;background:#477b3729}.detail-growth .bar>i{background:linear-gradient(90deg,var(--accent-fill),var(--accent-bright))}.harvest-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;appearance:none;font-family:inherit;cursor:pointer;margin-top:8px;padding:12px;border:1px solid rgba(159,105,26,.5);border-radius:14px;font-size:14px;font-weight:800;color:#5d3d05;background:linear-gradient(160deg,#ffe07a,#f0b42e);box-shadow:0 5px 16px #f0b42e66;transition:transform .12s var(--ease),box-shadow .2s var(--ease)}.harvest-cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px #f0b42e8c}.harvest-cta:active{transform:translateY(1px)}@media(max-width:767px){.garden-scene{padding:10px 6px 16px;margin:0 -4px 12px;border-radius:24px}.seed-pick-list{max-height:34vh}}.garden-scene .scene-body{position:relative;z-index:1}.grow-stage .grow-timer{justify-content:flex-end;margin-top:0;margin-left:auto}.grow-stage .grow-timer .ring{position:static;width:22px;height:22px;flex:none}.tag.ok{color:#fffdf1;background:var(--accent-fill);border-color:transparent}.tag.gold{color:#5a3d08;background:var(--accent-2-soft);border-color:var(--accent-2-fill)}.lvstrip{display:flex;align-items:center;gap:6px;margin-top:6px;position:relative;z-index:2}.lvstrip-level{flex:none;font-size:10.5px;font-weight:800;color:var(--accent)}.lvstrip-bar{flex:1 1 0;height:6px;border-radius:999px;background:#477b3729;overflow:hidden}.lvstrip-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-fill),var(--accent-bright))}.lvstrip-xp{flex:none;font-size:9.5px;color:var(--muted)}.plot.needs-water{box-shadow:0 0 0 2px #56a9e84d,0 34px 26px #304e6452}.plot.needs-water:hover{box-shadow:0 0 0 2px #56a9e873,0 40px 30px #304e645c}@media(min-width:1024px){.screen .quest-tracker{display:none}}.sell-thumb{flex:none;width:34px;height:34px;border-radius:10px;overflow:hidden;background:#78b46424;display:grid;place-items:center}.sell-thumb svg{width:100%;height:100%;display:block}.lb-panel{margin-top:10px;padding:10px 10px 12px}.lb-sub{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:6px 0 4px}.lb-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;font-size:12px;min-width:0}.lb-row:nth-child(2n){background:#ffffff08}.lb-row.me{background:#7bbe5a24;border:1px solid rgba(123,190,90,.35)}.lb-rank{flex:none;width:30px;text-align:center;font-weight:800;font-size:11px}.lb-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.lb-val{flex:none;font-size:11px;font-weight:700;color:var(--accent-2, #ffd76e)}.lb-me{margin-top:8px;padding-top:6px;border-top:1px dashed var(--line)}.lb-refresh{border:none;background:transparent;color:var(--muted);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:6px}.lb-refresh:hover{color:var(--accent);background:#ffffff0f}.gardener-row{display:flex;gap:8px;margin:8px 0 10px}.gardener-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:9px 10px;border-radius:12px;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.gardener-btn .glbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gardener-btn:hover{border-color:var(--accent)}.gardener-btn:active{transform:scale(.97)}.gardener-btn .dot{width:7px;height:7px;border-radius:50%;background:#ff5c5c;flex:none}.gardener-btn.ci-btn:not(.done){border-color:#ffbe5a8c;background:linear-gradient(135deg,#ffbe5a24,#ff785a14)}.gardener-btn.ci-btn.done{opacity:.75}.gardener-btn.ad{border-style:dashed}.gardener-btn.ad .qa-ad{font-size:10px;font-weight:800;letter-spacing:.4px;padding:2px 5px;border-radius:5px;background:#ffc83c2e;color:#ffca4f;flex:none}.gardener-btn.active{border-color:#78dca08c;background:#5ac88c1f;cursor:default}.gardener-btn.busy{opacity:.6;pointer-events:none}.gico{flex:none;font-size:15px}.ci-sheet{display:grid;gap:10px;padding:4px 2px 6px}.ci-title{font-size:19px;margin:2px 0 0;text-align:center}.ci-streak{display:flex;align-items:baseline;justify-content:center;gap:7px}.ci-flame{font-size:20px}.ci-strip{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.ci-day{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);font-size:10px;color:var(--muted);background:#ffffff08}.ci-day.done{background:#6ec88c38;border-color:#6ec88c80;color:var(--ink)}.ci-day.today{outline:2px solid var(--accent);outline-offset:-1px}.ci-day.ms{font-size:12px;border-color:#ffc85a73;background:#ffbe5014}.ci-day.ms.done{background:#ffbe504d}.ci-gifts{display:grid;gap:6px;padding:10px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a}.ci-gifts.vip{border-color:#ffc85a8c;background:linear-gradient(160deg,#ffc85a1a,#ff8c5a0d)}.ci-vip-tag{text-align:center;font-size:11px;font-weight:800;letter-spacing:.8px;color:#ffca4f}.ci-gift{font-size:13.5px;font-weight:600;padding:4px 6px}.ci-gift.pop{animation:ciPop .4s ease backwards}.ci-gift.pop:nth-child(2){animation-delay:.06s}.ci-gift.pop:nth-child(3){animation-delay:.12s}.ci-gift.pop:nth-child(4){animation-delay:.18s}.ci-gift.pop:nth-child(5){animation-delay:.24s}.ci-gift.pop:nth-child(6){animation-delay:.3s}.ci-gift.pop:nth-child(7){animation-delay:.36s}@keyframes ciPop{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}.ci-claim{width:100%;padding:12px;font-size:15px}.ci-claimed{text-align:center;font-size:13px}.ad-sim{position:fixed;inset:0;z-index:400;display:grid;place-items:center;background:#060a08eb;color:#fff;font-size:17px;font-weight:700;letter-spacing:.3px}.lvlup{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:#08120c8c;backdrop-filter:blur(6px);animation:lvlupIn .22s ease-out both}.lvlup.is-leaving{animation:lvlupOut .28s ease-in both}.lvlup-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,rgba(255,236,170,.5),transparent 62%),linear-gradient(105deg,transparent 38%,rgba(255,255,255,.26) 50%,transparent 62%);animation:lvlupFlash .45s cubic-bezier(.22,1,.36,1) both}.lvlup-shake{position:absolute;inset:0;pointer-events:none;animation:lvlupShake .38s cubic-bezier(.36,.07,.19,.97) both}@keyframes lvlupIn{0%{opacity:0}to{opacity:1}}@keyframes lvlupOut{0%{opacity:1}to{opacity:0}}@keyframes lvlupFlash{0%{opacity:0}14%{opacity:1}to{opacity:0}}@keyframes lvlupShake{0%,to{transform:translate(0)}14%{transform:translate(-5px,3px)}28%{transform:translate(5px,-3px)}42%{transform:translate(-4px,-2px)}58%{transform:translate(3px,3px)}74%{transform:translate(-2px,1px)}88%{transform:translate(1px,-1px)}}.lvlup-panel{position:relative;width:min(420px,100%);max-height:88vh;overflow-y:auto;padding:20px 18px 18px;border-radius:20px;text-align:center;color:#fffdf1;border:1px solid rgba(255,236,170,.4);background:radial-gradient(120% 80% at 50% 0%,rgba(120,200,140,.28),transparent 62%),linear-gradient(180deg,#17452c,#0e2c1c 60%,#0a2115);box-shadow:0 0 0 1px #ffecaa2e inset,0 24px 60px #00000080;animation:lvlupPanelIn .42s cubic-bezier(.18,1.3,.36,1) both}@keyframes lvlupPanelIn{0%{opacity:0;transform:translateY(22px) scale(.86)}60%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}.lvlup-title{position:relative;font-size:30px;font-weight:900;letter-spacing:.06em;color:#ffe89a;animation:lvlupTitle .6s cubic-bezier(.18,1.4,.36,1) both .12s}.lvlup-title:after{content:"LÊN CẤP!";position:absolute;inset:0;color:#ffd45e;filter:blur(14px);opacity:.75;z-index:-1}@keyframes lvlupTitle{0%{opacity:0;transform:scale(.5) translateY(10px)}55%{transform:scale(1.14) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.lvlup-level{margin-top:4px;font-size:17px;font-weight:800;color:#bff0cd;animation:lvlupFade .4s ease-out both .24s}.lvlup-exp{margin-top:2px;font-size:12px;color:#fffdf1b8;animation:lvlupFade .4s ease-out both .3s}@keyframes lvlupFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lvlup-bar{margin:14px auto 6px;height:9px;border-radius:5px;overflow:hidden;background:#00000052;box-shadow:0 1px #ffffff1f inset}.lvlup-bar i{display:block;width:100%;height:100%;border-radius:5px;background:linear-gradient(90deg,#6fce8f,#ffe89a);transform-origin:left;transform:scaleX(0);transition:transform .9s cubic-bezier(.22,1,.36,1)}.lvlup-bar-text{font-size:11px;color:#fffdf1b3;font-variant-numeric:tabular-nums}.lvlup-rewards{display:grid;gap:8px;margin-top:14px}.lvlup-panel>.btn{margin-bottom:2px}.lvlup-reward{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;text-align:left;background:#ffffff12;border:1px solid rgba(255,236,170,.22);animation:lvlupCardIn .4s cubic-bezier(.22,1.2,.36,1) both;animation-delay:calc(.32s + var(--i) * .13s)}@keyframes lvlupCardIn{0%{opacity:0;transform:translate(-14px) scale(.94)}to{opacity:1;transform:translate(0) scale(1)}}.lvlup-reward-icon{font-size:22px;line-height:1;flex:none}.lvlup-reward-body{display:grid;gap:1px;min-width:0}.lvlup-reward-body b{font-size:13px;color:#ffe89a}.lvlup-reward-gloss{font-size:11px;line-height:1.35;color:#fffdf1bd}.lvlup-note{margin-top:12px}.lvlup-spark{position:fixed;width:7px;height:7px;border-radius:50%;pointer-events:none;z-index:91;transform:translate(-50%,-50%);animation:lvlupSpark 1s cubic-bezier(.15,.7,.3,1) both;animation-delay:var(--d, 0ms)}@keyframes lvlupSpark{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2)}}.lvlup-fly{position:fixed;z-index:92;pointer-events:none;font-size:14px;font-weight:800;color:#ffe89a;text-shadow:0 1px 6px rgba(0,0,0,.6);font-variant-numeric:tabular-nums;transform:translate(-50%,-50%);animation:lvlupFly 1.1s cubic-bezier(.5,0,.3,1) both;animation-delay:var(--d, 0ms)}@keyframes lvlupFly{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.5)}}@media(prefers-reduced-motion:reduce){.lvlup-flash,.lvlup-shake,.lvlup-spark,.lvlup-fly{display:none}.lvlup-panel,.lvlup-title,.lvlup-level,.lvlup-exp,.lvlup-reward{animation:none;opacity:1;transform:none}.lvlup-bar i{transition:none}}.lvlup.is-calm .lvlup-flash,.lvlup.is-calm .lvlup-shake{display:none}.lvlup.is-calm .lvlup-panel,.lvlup.is-calm .lvlup-title,.lvlup.is-calm .lvlup-level,.lvlup.is-calm .lvlup-exp,.lvlup.is-calm .lvlup-reward{animation:none;opacity:1;transform:none}.lvlup.is-calm .lvlup-bar i{transition:none}.expbar-target{position:relative}.expfly{position:fixed;z-index:92;pointer-events:none;font-size:15px;font-weight:900;color:#ffe89a;text-shadow:0 1px 0 rgba(0,0,0,.55),0 0 10px rgba(255,200,80,.6);font-variant-numeric:tabular-nums;transform:translate(-50%,-50%);animation:expflyMove 1.05s cubic-bezier(.45,0,.3,1) both;animation-delay:var(--d, 0ms)}.expfly-trail{position:absolute;left:0;top:0;width:3px;height:3px;border-radius:50%;background:#ffd45e;box-shadow:0 0 6px #ffd45ecc;pointer-events:none;animation:expflyTrail .42s ease-out both;animation-delay:var(--d, 0ms)}@keyframes expflyMove{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.45)}}@keyframes expflyTrail{0%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.2)}}.expbar-target.is-credited{animation:expBarCredit .44s ease-out}@keyframes expBarCredit{0%{filter:brightness(1)}40%{filter:brightness(1.35)}to{filter:brightness(1)}}.expbar-target.is-full{animation:expBarFull .85s cubic-bezier(.22,1,.36,1)}@keyframes expBarFull{0%{filter:brightness(1);transform:scaleY(1)}22%{filter:brightness(2) saturate(1.3);transform:scaleY(1.9)}50%{filter:brightness(1.5);transform:scaleY(1.15)}to{filter:brightness(1);transform:scaleY(1)}}.expbar-target.is-capped{animation:expBarCapped 1s cubic-bezier(.22,1,.36,1)}@keyframes expBarCapped{0%{filter:brightness(1)}20%{filter:brightness(2.2) sepia(.4) saturate(2.4)}60%{filter:brightness(1.3) sepia(.2) saturate(1.6)}to{filter:brightness(1)}}.lvlup-bar.is-full{animation:lvlupBarFull .9s cubic-bezier(.22,1,.36,1)}.lvlup-bar.is-capped{animation:lvlupBarCapped 1.05s cubic-bezier(.22,1,.36,1)}@keyframes lvlupBarFull{0%{transform:scaleY(1);filter:brightness(1)}25%{transform:scaleY(2.1);filter:brightness(1.9)}60%{transform:scaleY(1.1);filter:brightness(1.2)}to{transform:scaleY(1);filter:brightness(1)}}@keyframes lvlupBarCapped{0%{transform:scaleY(1);filter:brightness(1)}22%{transform:scaleY(2.4);filter:brightness(2.4) saturate(1.6)}55%{transform:scaleY(1.2);filter:brightness(1.5)}to{transform:scaleY(1);filter:brightness(1)}}.lvlup-reward-icon{position:relative;display:inline-block;animation:lvlupIconBounce .6s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(.42s + var(--i, 0) * .13s)}.lvlup-reward-icon:after{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(255,236,170,.5),transparent 68%);animation:lvlupIconGlow 1.1s ease-out both;animation-delay:calc(.42s + var(--i, 0) * .13s);pointer-events:none}@keyframes lvlupIconBounce{0%{transform:scale(.3) rotate(-14deg)}45%{transform:scale(1.35) rotate(6deg)}70%{transform:scale(.92) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes lvlupIconGlow{0%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.6)}}@media(prefers-reduced-motion:reduce){.expfly,.expfly-trail{display:none}.expbar-target.is-credited,.expbar-target.is-full,.expbar-target.is-capped,.lvlup-bar.is-full,.lvlup-bar.is-capped,.lvlup-reward-icon,.lvlup-reward-icon:after{animation:none;filter:none;transform:none;opacity:1}}@media(max-width:520px){.expfly{font-size:17px}.expfly-trail{width:4px;height:4px}}.lvstrip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;margin-top:5px}.lvstrip-level{font-size:10px;font-weight:800;color:#3d6b4e;font-variant-numeric:tabular-nums;flex:none}.lvstrip-bar{display:block;height:4px;border-radius:2px;overflow:hidden;background:#1f6b4229;box-shadow:0 1px #fff6 inset}.lvstrip-bar i{display:block;width:100%;height:100%;border-radius:2px;background:linear-gradient(90deg,#2f9f62,#8ad6a6);transform-origin:left;transform:scaleX(0);transition:transform .45s cubic-bezier(.22,1,.36,1)}.lvstrip-xp{font-size:9.5px;color:#3d6b4e;font-variant-numeric:tabular-nums;white-space:nowrap}.shelf .lvstrip-xp{display:none}@media(prefers-reduced-motion:reduce){.lvstrip-bar i,.levelbadge-bar i{transition:none}}.mastery{display:flex;align-items:center;gap:6px;margin-top:6px}.mastery-bar{display:block;flex:1;height:4px;border-radius:2px;overflow:hidden;background:#1f6b4229;box-shadow:0 1px #fff6 inset}.mastery-bar i{display:block;width:100%;height:100%;border-radius:2px;background:linear-gradient(90deg,#6f9fe0,#7fc4ff);transform-origin:left;transform:scaleX(0);transition:transform .45s cubic-bezier(.22,1,.36,1)}.mastery-text{flex:none;font-variant-numeric:tabular-nums}.stagebrief-objectives{display:grid;gap:4px;margin-top:12px}.stagebrief-objectives-title,.stagelive-objectives-title{font-weight:800;letter-spacing:.06em;text-transform:uppercase}.stagebrief-objective{display:flex;align-items:baseline;gap:7px;padding:6px 9px;border-radius:9px;font-size:12px;text-align:left;background:#78a0dc14;border:1px solid rgba(120,160,220,.2)}.stagebrief-objective b{font-weight:700}.stagebrief-objective-xp{flex:none;font-weight:800;color:#2f6f9f}.stagelive-objectives{display:grid;gap:4px;margin-top:12px;text-align:left}.stagelive-objective{display:flex;align-items:baseline;gap:7px;padding:6px 10px;border-radius:9px;font-size:12.5px;background:#0000002e;color:#fffdf18c}.stagelive-objective.is-met{background:#78c88c29;border:1px solid rgba(140,220,160,.3);color:#eafff2}.stagelive-objective.is-met .mono{color:#bff0cd}.stagelive-objective .mono{margin-left:auto;flex:none}.stagelive-xp-bonus{margin-top:2px;font-size:10.5px;font-weight:700;color:#bff0cdcc}@media(prefers-reduced-motion:reduce){.mastery-bar i{transition:none}}.stagebrief{position:fixed;inset:0;z-index:88;display:grid;place-items:center;padding:16px;background:#08120c8c;backdrop-filter:blur(5px);animation:lvlupIn .2s ease-out both}.stagebrief-panel{width:min(400px,100%);max-height:88vh;overflow-y:auto;padding:18px 16px 16px;border-radius:18px;color:var(--text);background:linear-gradient(180deg,#fffdf1,#f4f1dd);border:1px solid rgba(120,168,110,.4);box-shadow:0 22px 50px #1e3c2859;animation:lvlupPanelIn .34s cubic-bezier(.18,1.2,.36,1) both}.stagebrief-title{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#4a7a5c}.stagebrief-monster{font-size:19px;font-weight:900;margin-top:2px}.stagebrief-meta{margin-top:2px}.stagebrief-rows{display:grid;gap:5px;margin:14px 0 0}.stagebrief-row{display:flex;gap:8px;align-items:baseline;font-size:12.5px;padding:6px 9px;border-radius:9px;background:#2f9f6212;border:1px solid rgba(47,159,98,.14)}.stagebrief-pay{margin-top:14px;padding:11px 12px;border-radius:12px;background:#ffecaa57;border:1px solid rgba(200,150,40,.28)}.stagebrief-pay-title{font-weight:700}.stagebrief-pay-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;font-weight:700}.stagebrief-xp{margin-top:8px;font-size:12px;font-weight:700;color:#2f7a4c}.stagebrief-affixes{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.stagebrief-affix{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}.stagelive{position:fixed;inset:0;z-index:89;display:grid;place-items:center;padding:16px;backdrop-filter:blur(5px);animation:lvlupIn .24s ease-out both}.stagelive.is-win{background:radial-gradient(90% 70% at 50% 34%,#ffecaa6b,#08120cad 70%)}.stagelive.is-lose{background:radial-gradient(90% 70% at 50% 34%,#78829647,#080e14bd 70%)}.stagelive-panel{width:min(400px,100%);max-height:88vh;overflow-y:auto;padding:20px 18px 18px;border-radius:20px;text-align:center;color:#fffdf1;background:linear-gradient(180deg,#17452c,#0e2c1c 60%,#0a2115);border:1px solid rgba(255,236,170,.34);box-shadow:0 24px 60px #00000080;animation:lvlupPanelIn .4s cubic-bezier(.18,1.25,.36,1) both}.stagelive.is-lose .stagelive-panel{background:linear-gradient(180deg,#1d2a33,#131c24 60%,#0d151b);border-color:#aabed24d}.stagelive-mark{font-size:40px;line-height:1;animation:lvlupTitle .55s cubic-bezier(.18,1.4,.36,1) both}.stagelive-title{margin-top:6px;font-size:22px;font-weight:900}.stagelive.is-win .stagelive-title{color:#ffe89a}.stagelive-sub{margin-top:2px;font-size:12px;color:#fffdf1b8}.stagelive-goal{display:flex;align-items:center;gap:8px;margin-top:14px;padding:9px 11px;border-radius:11px;font-size:12.5px;text-align:left;background:#ffffff12;border:1px solid rgba(255,236,170,.2)}.stagelive-goal-label{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fffdf18c;flex:none}.stagelive-goal-result{margin-left:auto;font-weight:800;flex:none}.stagelive.is-win .stagelive-goal-result{color:#8ce6a8}.stagelive.is-lose .stagelive-goal-result{color:#ff9d9d}.stagelive-tally{display:grid;gap:5px;margin-top:14px;text-align:left}.stagelive-tally-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 10px;border-radius:9px;background:#00000038}.stagelive-tally-value{font-weight:800;color:#ffe89a;font-variant-numeric:tabular-nums}.stagelive-xp{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 11px;border-radius:11px;font-size:12.5px;text-align:left;background:#78c88c24;border:1px solid rgba(140,220,160,.26)}.stagelive-xp-next{margin-top:2px;font-size:11px;font-weight:700;color:#bff0cd}.stagelive-unlock{margin-top:10px;font-size:12.5px;font-weight:800;color:#ffe89a;animation:lvlupFade .4s ease-out both .6s}.stagelive .btn[disabled]{opacity:.45;cursor:default}@media(prefers-reduced-motion:reduce){.stagebrief,.stagelive,.stagebrief-panel,.stagelive-panel,.stagelive-mark,.stagelive-unlock{animation:none}}.stagemap{display:flex;gap:5px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.stagemap::-webkit-scrollbar{display:none}.stagemap-cell{position:relative;flex:none;min-width:44px;height:44px;padding:0 4px;border-radius:10px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;appearance:none;font-family:inherit;border:1px solid rgba(120,168,110,.34);background:linear-gradient(180deg,#fffdf1,#f2f0da);color:#35502f;transition:transform .16s ease,border-color .16s ease}.stagemap-cell:active{transform:translateY(1px)}.stagemap-cell.is-cleared{background:linear-gradient(180deg,#d8f0dc,#b9e2c2);border-color:#2f9f6280;color:#1f6b42}.stagemap-cell.is-now{border-color:#2f9f62;box-shadow:0 0 0 2px #2f9f6257;background:linear-gradient(180deg,#bff0cd,#93dca9)}.stagemap-cell.is-locked{cursor:default;opacity:.55;background:#fffdf180;border-color:#78826e3d;color:#6d7a68;font-size:13px}.stagemap-now{position:absolute;top:-7px;left:50%;transform:translate(-50%);font-size:9.5px;font-weight:800;letter-spacing:.06em;color:#1f6b42;background:#bff0cd;border:1px solid rgba(47,159,98,.45);border-radius:6px;padding:0 4px;white-space:nowrap}@media(prefers-reduced-motion:reduce){.stagemap-cell{transition:none}}.worldmap{display:flex;gap:6px;align-items:stretch;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.worldmap::-webkit-scrollbar{display:none}.wm-zone{position:relative;flex:1 0 96px;min-width:88px;padding:8px 9px 9px;border-radius:12px;border:1px solid rgba(120,168,110,.3);background:linear-gradient(180deg,#fffdf1,#f2f0da)}.wm-zone-name{font-size:11.5px;font-weight:800;color:#35502f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-zone-range{margin-top:1px}.wm-bar{margin-top:6px;height:5px;border-radius:4px;background:#78826e2e;overflow:hidden}.wm-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#5dbb76,#2f9f62)}.wm-zone.is-done{background:linear-gradient(180deg,#e4f6e7,#cdeed4);border-color:#2f9f6266}.wm-zone.is-here{border-color:#2f9f62;box-shadow:0 0 0 2px #2f9f624d}.wm-zone.is-ahead{opacity:.62}.wm-now{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:9.5px;font-weight:800;letter-spacing:.05em;color:#1f6b42;background:#bff0cd;border:1px solid rgba(47,159,98,.45);border-radius:6px;padding:0 5px;white-space:nowrap}.wm-zone.wm-endless{flex:0 0 auto;min-width:74px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-style:dashed;background:transparent;color:#6d7a68}.wm-zone.wm-endless .wm-zone-name{font-size:20px;line-height:1;color:#6d7a68}.wm-more{align-self:center;flex:0 0 auto;color:#6d7a68;font-weight:800}.stagebrief-name{font-size:21px;font-weight:900;margin-top:2px;letter-spacing:.01em}.stagebrief-diff{display:flex;align-items:center;gap:8px;margin-top:10px;padding:7px 10px;border-radius:10px;background:#2f9f6212;border:1px solid rgba(47,159,98,.16)}.stagebrief-diff-label{text-transform:uppercase;letter-spacing:.08em;font-weight:800}.stagebrief-diff-value{font-size:13px;font-weight:800}.stagebrief-diff-outlook{margin-left:auto;font-size:12px;font-weight:800}.stagebrief-diff.is-easy{background:#2f9f6221;border-color:#2f9f624d}.stagebrief-diff.is-easy .stagebrief-diff-outlook{color:#1f7a48}.stagebrief-diff.is-fair .stagebrief-diff-outlook{color:#8a6d1f}.stagebrief-diff.is-hard{background:#be46371c;border-color:#be463747}.stagebrief-diff.is-hard .stagebrief-diff-outlook{color:#a8402f}.stagebrief-hazard{display:grid;gap:2px;margin-top:10px;padding:9px 11px;border-radius:11px;background:#be78281c;border:1px solid rgba(190,120,40,.24)}.stagebrief-hazard b{font-size:12.5px;color:#8a5a1c}.stagelive-rule{margin-top:6px;padding:7px 11px;border-radius:10px;background:#0003;text-align:left}.stagemap-caption{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:4px 0 2px}.stagemap-caption-next{font-size:13px;font-weight:800}.stagemap-caption-sub{margin-left:auto}@media(prefers-reduced-motion:reduce){.stagebrief-diff,.stagebrief-hazard,.stagelive-rule,.stagemap-caption{transition:none}}.water-fx{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:visible}.water-drop{position:absolute;top:6%;left:calc(50% + var(--dx, 0px));width:7px;height:11px;border-radius:50% 50% 60% 60%/40% 40% 70% 70%;background:linear-gradient(180deg,#bfe8ff,#4aa8e8);box-shadow:inset 0 -2px 3px #1e608666;opacity:0;animation:waterFall .72s cubic-bezier(.4,0,.7,1) var(--d, 0s) forwards}@keyframes waterFall{0%{opacity:0;transform:translateY(-6px) scale(.7)}14%{opacity:1}82%{opacity:1}to{opacity:0;transform:translateY(96px) scale(1.05,.8)}}.water-ripple{position:absolute;left:50%;bottom:26%;width:66px;height:20px;border-radius:50%;border:2px solid rgba(74,168,232,.65);background:radial-gradient(60% 60% at 50% 50%,rgba(120,200,255,.4),transparent 70%);transform:translate(-50%) scale(.3);opacity:0;animation:waterRipple .9s cubic-bezier(.22,1,.36,1) .5s forwards}@keyframes waterRipple{0%{opacity:.9;transform:translate(-50%) scale(.3)}to{opacity:0;transform:translate(-50%) scale(1.4)}}.plant-wiggle svg{animation:wiggle .7s cubic-bezier(.34,1.56,.64,1) .15s!important}@keyframes wiggle{0%,to{transform:rotate(0) scale(1)}30%{transform:rotate(-3.4deg) scale(1.03)}60%{transform:rotate(2.6deg) scale(1.04)}}.plot.is-watered{filter:saturate(1.08) brightness(.96)}.plot.stage-pop{animation:stagePop .9s cubic-bezier(.34,1.56,.64,1)}@keyframes stagePop{0%{transform:scale(.94)}45%{transform:scale(1.05)}to{transform:scale(1)}}.plot.stage-pop .bed svg{animation:stageGrow .9s cubic-bezier(.34,1.56,.64,1)!important}@keyframes stageGrow{0%{transform:scale(.55) translateY(10%)}60%{transform:scale(1.12) translateY(-2%)}to{transform:scale(1) translateY(0)}}.plot.unlock-pop:before{animation:none}.unlock-veil{position:absolute;inset:-6%;z-index:7;pointer-events:none}.unlock-veil i{position:absolute;width:62%;height:46%;border-radius:50%;background:radial-gradient(60% 60% at 50% 40%,rgba(255,255,255,.96),rgba(240,248,255,.5) 78%,transparent);animation:veilPart 1.1s cubic-bezier(.22,1,.36,1) forwards}.unlock-veil i:first-child{left:-4%;top:18%}.unlock-veil i:last-child{right:-4%;top:30%;animation-name:veilPartR}@keyframes veilPart{to{transform:translate(-46%,-30%) scale(1.5);opacity:0}}@keyframes veilPartR{to{transform:translate(46%,-30%) scale(1.5);opacity:0}}.harvest-fx{position:absolute;inset:0;z-index:6;pointer-events:none}.harvest-mote{position:absolute;left:calc(50% + var(--dx, 0px));bottom:30%;width:8px;height:8px;border-radius:50%;background:radial-gradient(50% 50% at 40% 35%,#fff3c0,#f0b42e);box-shadow:0 0 8px #f0b42ecc;opacity:0;animation:moteRise 1.05s cubic-bezier(.22,1,.36,1) var(--d, 0s) forwards}@keyframes moteRise{0%{opacity:0;transform:translateY(4px) scale(.5)}22%{opacity:1}to{opacity:0;transform:translateY(-74px) scale(1.1)}}.rewardfly{position:fixed;z-index:400;font-size:16px;pointer-events:none;transform:translate(-50%,-50%);animation:rewardFly .72s cubic-bezier(.3,.6,.4,1) var(--d, 0s) forwards;filter:drop-shadow(0 2px 4px rgba(60,40,10,.4))}@keyframes rewardFly{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}to{opacity:.9;transform:translate(calc(-50% + var(--tx, 0px)),calc(-50% + var(--ty, 0px))) scale(.7)}}.spendchip{position:fixed;z-index:400;pointer-events:none;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:#8a5a12;text-shadow:0 1px 0 rgba(255,248,220,.9);transform:translate(-50%,-50%);animation:spendUp .82s cubic-bezier(.2,.7,.4,1) forwards;filter:drop-shadow(0 2px 4px rgba(60,40,10,.35))}@keyframes spendUp{0%{opacity:0;transform:translate(-50%) scale(.6)}18%{opacity:1;transform:translate(-50%,-10px) scale(1.08)}to{opacity:0;transform:translate(-50%,-46px) scale(.92)}}@media(prefers-reduced-motion:reduce){.water-fx,.harvest-fx,.unlock-veil,.rewardfly,.spendchip{display:none}.plot.stage-pop,.plot.stage-pop .bed svg,.plant-wiggle svg{animation:none!important}}:root{--fs-caption: 12px;--fs-secondary: 14px;--fs-body: 16px;--fs-section: 20px;--fs-title: 26px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--glass-tint: rgba(255, 253, 243, .72);--glass-tint-strong: rgba(255, 251, 231, .86);--glass-edge: rgba(255, 255, 255, .55);--glass-blur: 18px;--glass-shadow: 0 12px 34px rgba(46, 74, 40, .16), 0 2px 8px rgba(46, 74, 40, .1);--glass-edge-dark: rgba(38, 53, 29, .14);--solid-tint: #fdf8e8;--solid-edge: rgba(38, 53, 29, .2);--dur-press: 70ms;--dur-view: .19s;--dur-sheet: .27s}html[data-solid="1"]{--glass-tint: var(--solid-tint);--glass-tint-strong: var(--solid-tint);--glass-edge: var(--solid-edge);--glass-blur: 0px;--glass-shadow: 0 10px 26px rgba(46, 74, 40, .2), 0 2px 6px rgba(46, 74, 40, .12)}.glass{background:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.25);backdrop-filter:blur(var(--glass-blur)) saturate(1.25);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-tint-strong);-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 6px)) saturate(1.3);backdrop-filter:blur(calc(var(--glass-blur) + 6px)) saturate(1.3);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}html[data-solid="1"] .glass,html[data-solid="1"] .glass-strong{-webkit-backdrop-filter:none;backdrop-filter:none}.icn{flex:none;display:block}.iconbtn{appearance:none;border:1px solid transparent;background:transparent;color:var(--text);width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;cursor:pointer;transition:background var(--dur-press) ease,transform var(--dur-press) ease;font-family:inherit;padding:0}.iconbtn:hover{background:#26351d12}.iconbtn:active{transform:scale(.92);background:#26351d1a}.iconbtn:focus-visible{outline:2px solid var(--accent-fill);outline-offset:2px}.iconbtn:disabled{opacity:.45;cursor:default}.iconbtn.on{background:#2f9f6229;color:var(--accent)}.seg{display:flex;gap:2px;padding:3px;border-radius:14px;background:#26351d14;border:1px solid var(--glass-edge-dark)}html[data-solid="1"] .seg{background:#efe6cb}.seg>button{flex:1 1 0;appearance:none;border:0;background:transparent;color:var(--muted);font-family:inherit;font-size:var(--fs-secondary);font-weight:700;padding:8px 10px;border-radius:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:background var(--dur-view) var(--ease),color var(--dur-view) var(--ease)}.seg>button:hover{color:var(--text)}.seg>button.on{background:var(--glass-tint-strong);color:var(--accent);box-shadow:0 2px 8px #2e4a2824}html[data-solid="1"] .seg>button.on{background:#fff}.seg>button:focus-visible{outline:2px solid var(--accent-fill);outline-offset:1px}.sheet{background:var(--glass-tint-strong);-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 8px)) saturate(1.3);backdrop-filter:blur(calc(var(--glass-blur) + 8px)) saturate(1.3)}html[data-solid="1"] .sheet{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--solid-tint)}.navitem .ico{filter:none}.navitem{color:var(--muted)}.navitem.active{color:var(--accent)}.bottomnav{left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom) + 8px);border-radius:20px;border:1px solid var(--glass-edge);background:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.25);backdrop-filter:blur(var(--glass-blur)) saturate(1.25);box-shadow:var(--glass-shadow);padding:6px;gap:4px}html[data-solid="1"] .bottomnav{-webkit-backdrop-filter:none;backdrop-filter:none}.navitem{border-radius:14px;padding:7px 2px}.navitem.active{background:#2f9f6226}.screen{padding-bottom:calc(env(safe-area-inset-bottom) + 96px)}.combat-hub{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.combat-hub>.seg{margin:2px 2px 0;overflow-x:auto;scrollbar-width:none}.combat-hub>.seg::-webkit-scrollbar{display:none}.combat-hub:has(.battlefield)>.seg{display:none}.topbar{background:var(--glass-tint);border-bottom:1px solid var(--glass-edge-dark);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}html[data-solid="1"] .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--solid-tint)}@media(min-width:1024px){.bottomnav{position:absolute;display:grid;grid-template-columns:repeat(var(--tab-count, 5),minmax(0,auto));justify-content:center;gap:8px;padding:6px;border-radius:20px;inset:auto auto 12px 50%;transform:translate(-50%);width:auto}.navitem{flex-direction:row;gap:8px;padding:9px 16px;font-size:13px;font-weight:700}.navitem .icn{width:19px;height:19px}}html[data-motion=reduce] *,html[data-motion=reduce] *:before,html[data-motion=reduce] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:80ms!important}html[data-motion=reduce] .scene-cloud,html[data-motion=reduce] .scene-isle,html[data-motion=reduce] .scene-flutter,html[data-motion=reduce] .scene-mist i,html[data-motion=reduce] .plot-shine i,html[data-motion=reduce] .bed .leaf,html[data-motion=reduce] .bed svg{animation:none!important}html[data-quality=lite] .bed .leaf,html[data-quality=lite] .plantart.is-anim .l-leaves .leaf,html[data-quality=lite] .plot-shine i,html[data-quality=lite] .need-water,html[data-quality=lite] .scene-cloud,html[data-quality=lite] .scene-isle,html[data-quality=lite] .scene-flutter,html[data-quality=lite] .scene-mist i{animation:none!important}html[data-quality=lite] .l-aura{display:none}html[data-solid="1"] .qadock,html[data-solid="1"] .tabs,html[data-solid="1"] .toast,html[data-solid="1"] .notice,html[data-solid="1"] .battle-paused,html[data-solid="1"] .levelup,html[data-solid="1"] .stageoverlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--solid-tint)}html[data-solid="1"] .overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a261266}html[data-solid="1"] .fight-live .overlay,html[data-solid="1"] .stagelive{-webkit-backdrop-filter:none;backdrop-filter:none}
