:root{--checkerA:#3d7a4c;--checkerB:#2c5738;--cream:#f5ecd7;--creamHi:#fbf5e6;--creamLo:#e3d3b2;--outline:#3a2a1e;--ink:#1a120a;--goldTitle:#ffebaa;--goldDeep:#d6a84a;--goldDim:#aa843c;--bright:#fff8eb;--brown:#5c3b20;--qWhite:#e8e8e8;--qGreen:#6bd46b;--qBlue:#5aa8ff;--qPurple:#b96bff;--qOrange:#ffa940;--qRed:#ff5a5a;--green1:#79c95a;--green2:#4e9440;--yellow1:#f2b23c;--yellow2:#d99a26;--navy:#254632;--navyLo:#1a3223;--red:#e84c3e;--gain:#76e076}*{box-sizing:border-box;margin:0;padding:0;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}html,body{height:100%}body{color:var(--bright);background:#0f1a11;justify-content:center;display:flex}#app{-webkit-user-select:none;user-select:none;background:#0c1710;width:100%;max-width:480px;height:100dvh;position:relative;overflow:hidden}.checkerfield{isolation:isolate;overflow:hidden}.checkerfield:before{content:"";z-index:0;pointer-events:none;background:repeating-conic-gradient(var(--checkerA) 0% 25%, var(--checkerB) 0% 50%);background-size:88px 88px;position:absolute;inset:-60%;transform:rotate(45deg)}.checkerfield>*{z-index:1;position:relative}.topbar{z-index:40;background:linear-gradient(#0a180ceb,#0a180c8c 70%,#0000);align-items:center;gap:6px;height:64px;padding:14px 10px 0;display:flex;position:absolute;top:0;left:0;right:0}.tb-icon{cursor:pointer;filter:drop-shadow(0 2px #00000080);font-size:19px}.tb-id{flex-direction:row;align-items:center;gap:7px;min-width:0;display:flex}.badgedot{background:radial-gradient(circle at 35% 30%, #9fe08a, var(--green2) 70%);border:2px solid var(--ink);cursor:pointer;border-radius:50%;flex:none;width:12px;height:12px;padding:0;box-shadow:0 0 6px #79c95acc}.tb-name{color:var(--bright);text-shadow:0 2px #0009;white-space:nowrap;cursor:pointer;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.titlechip{color:var(--goldTitle);border:2px solid var(--goldDeep);cursor:pointer;white-space:nowrap;background:#46320a73;border-radius:999px;align-items:center;gap:3px;padding:2px 9px;font-size:11px;font-weight:900;display:inline-flex}.titlechip:active{transform:scale(.94)}.res{flex:none;gap:5px;margin-left:auto;display:flex}.respill{white-space:nowrap;background:var(--navy);border:2px solid var(--ink);width:min(100px,26vw);color:var(--goldTitle);cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:4px;padding:3px 7px;font-size:12px;font-weight:800;display:flex;overflow:hidden;box-shadow:inset 0 2px #ffffff1f,0 3px #0006}.pages{position:absolute;inset:0}.page{scrollbar-width:none;padding:10px 12px 20px;display:none;position:absolute;inset:64px 0 76px;overflow-y:auto}.page::-webkit-scrollbar{display:none}.page.on{display:block}.page#page-bag.on{flex-direction:column;display:flex}.tabbar{z-index:40;background:linear-gradient(#0d1b0f99,#0d1b0ff5 40%);justify-content:space-around;align-items:center;height:76px;padding:10px 8px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.tab{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:5px 8px;display:flex;position:relative}.tab .ico{filter:drop-shadow(0 2px #00000080);font-size:22px}.tab .lb{color:var(--goldDim);text-shadow:0 2px #0009;font-size:12px;font-weight:800}.tab.on{background:var(--navy);border:2px solid var(--ink);box-shadow:inset 0 2px #ffffff24,0 3px #00000073}.tab.on .lb{color:var(--goldTitle)}.tab .dot{background:var(--red);border:2px solid #142416;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:10px}.panel{background:linear-gradient(180deg, var(--creamHi), var(--cream) 30%, var(--creamLo));border:3px solid var(--outline);border-radius:18px;margin-bottom:10px;padding:12px;box-shadow:inset 0 3px #ffffffb3,inset 0 -4px #3a2a1e2e,0 5px #00000073}.btn{border:2px solid var(--ink);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-shadow:0 2px #00000073;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:inset 0 2px #fff6,inset 0 -3px #00000040,0 4px #00000080,0 6px 8px #0000004d}.btn:active{transform:translateY(2px);box-shadow:inset 0 2px #fff6,inset 0 -3px #00000040,0 2px #00000080}.btn.green{background:linear-gradient(180deg, var(--green1), var(--green2))}.btn.yellow{background:linear-gradient(180deg, var(--yellow1), var(--yellow2))}.btn.n{background:var(--navy)}.btn.sm{border-radius:10px;padding:5px 12px;font-size:12px}.btn.lock{color:#c9c2a8;background:#456b4e;border-style:dashed;box-shadow:0 3px #0006}.pill{background:var(--navy);border:2px solid var(--ink);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:inset 0 2px #ffffff1f,0 3px #0006}.pill.gold{color:var(--goldTitle)}.pill.green{color:var(--gain);background:#2c5a24}.pill.blue{color:#9cc6ff;background:#1f3f77}.pill.red{color:#ffb0a6;background:#6e2019}.pill.sel{color:var(--goldTitle);cursor:pointer;background:#3e7d4c}.prog{border:2px solid var(--ink);background:#15281a;border-radius:999px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #0009}.prog .fill{background:linear-gradient(#8fe06c,#4e9440);border-radius:999px;width:0%;position:absolute;inset:0;box-shadow:inset 0 2px #ffffff73}.prog .txt{color:var(--bright);text-shadow:0 1px #000;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;inset:0}.slot{border:3px solid var(--qWhite);cursor:pointer;background:#ffffffe0;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 3px #0006}.slot.empty{background:#ffffff17;border-color:#ffffff59}.slot .ic{filter:drop-shadow(0 2px 1px #00000059);font-size:24px}.slot .nm{white-space:nowrap;color:var(--bright);text-shadow:0 1px #000,0 0 3px #000;font-size:9px;font-weight:700;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.slot .ct{color:#000;border:2px solid var(--ink);z-index:2;background:#fff;border-radius:8px;padding:0 4px;font-size:10px;font-weight:900;position:absolute;bottom:-6px;right:-6px}.q-green{border-color:var(--qGreen)!important;background:#b5eab5!important}.q-blue{border-color:var(--qBlue)!important;background:#add4ff!important}.q-purple{border-color:var(--qPurple)!important;background:#dcb5ff!important}.q-orange{border-color:var(--qOrange)!important;background:#ffd4a0!important}.q-red{border-color:var(--qRed)!important;background:#ffadad!important}.iq-1{color:#35a04a}.iq-2{color:#2f7fe0}.iq-3{color:#9250e8}.iq-4{color:#d97c1f}.iq-5{color:#e04848}.sect{color:var(--goldTitle);text-shadow:0 2px #0009;margin:13px 2px 7px;font-size:13px;font-weight:900}.hrow{align-items:center;gap:8px;display:flex}.grow{flex:1}.pv{color:var(--brown);font-size:12px;font-weight:800}.pt{color:#8a6a34;font-size:11px;font-weight:700}.pt2{color:#8a6a34;margin-top:5px;font-size:11px;font-weight:700}.petname{color:#2b6fd6;text-shadow:-1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink), 1px 1px 0 var(--ink);font-size:19px;font-weight:900}.mrow{color:var(--brown);border-bottom:1px dashed #3a2a1e47;align-items:center;gap:7px;padding:6px 0;font-size:13px;font-weight:700;display:flex}.mrow:last-child{border-bottom:none}.dotn{background:var(--red);color:#fff;border:1px solid var(--ink);border-radius:99px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:900;display:inline-flex}.newn{color:#142416;background:var(--goldTitle);border:1px solid var(--ink);border-radius:5px;padding:1px 4px;font-size:9px;font-weight:900}.zgrid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.zcard{background:var(--navy);border:2px solid var(--ink);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 7px;display:flex;position:relative;box-shadow:inset 0 2px #ffffff1a,0 3px #0006}.zcard .ic{filter:drop-shadow(0 2px #00000080);font-size:22px}.zcard .nm{color:var(--bright);font-size:12px;font-weight:800}.zcard .ds{color:var(--goldTitle);font-size:9px;font-weight:800}.zcard .ds.off{color:var(--goldDim);opacity:.7}.zcard:active{transform:translateY(2px)}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fgrid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.fcard{background:var(--navy);border:2px solid var(--ink);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex;position:relative;box-shadow:inset 0 2px #ffffff1a,0 3px #0006}.fcard:active{transform:translateY(2px)}.fcard .ic{border:2px solid var(--ink);background:#2e4a36;border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.fcard .nm{color:var(--bright);font-size:14px;font-weight:900}.fcard .ds{color:var(--goldDim);font-size:10px;font-weight:700}.fcard .dot{background:var(--red);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;font-weight:900;display:flex;position:absolute;top:-5px;right:-5px}.stages{scrollbar-width:none;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.stages::-webkit-scrollbar{display:none}.stagec{border:2px solid var(--outline);text-align:center;background:#ffffff24;border-radius:12px;flex:0 0 78px;min-width:78px;padding:6px 4px}.stagec.cur{border-color:var(--goldDeep);box-shadow:0 0 0 2px #ffebaa59}.stagec .th{justify-content:center;align-items:center;height:40px;font-size:22px;display:flex}.stagec .nm{color:var(--bright);text-shadow:0 1px #000;font-size:10px;font-weight:800}.stagec .st{color:var(--goldTitle);font-size:9px;font-weight:800}.stagec.lk{opacity:.55}.grid2{grid-template-columns:1fr 1fr;gap:9px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.grid5{grid-template-columns:repeat(5,1fr);gap:20px 6px;padding:2px;display:grid}.grid5 .slot{aspect-ratio:1;width:100%;height:auto}.townhr{background:#fff8eb29;border:none;border-radius:2px;height:2px;margin:15px 2px 12px}.attrcell{border:2px solid var(--outline);text-align:center;background:#ffffff8c;border-radius:10px;padding:6px 2px 5px}.attrcell .av{color:var(--brown);font-size:12px;font-weight:900;line-height:1.2}.attrcell .al{color:#8a6a34;margin-top:2px;font-size:9px;font-weight:800}.bag-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.bag-actions,.bag-bulk{gap:5px;display:flex}.bag-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:7px;display:grid}.bag-tab{border:2px solid var(--outline);min-height:32px;color:var(--brown);background:#ffffff73;border-radius:8px;font-size:11px;font-weight:900}.bag-tab.on{background:var(--navy);color:var(--goldTitle)}.bag-bulk{justify-content:flex-end;margin-bottom:6px}.bag-list{scrollbar-width:none;flex:1;min-height:0;max-height:none;overflow-y:auto}.bag-list::-webkit-scrollbar{display:none}.bag-row{border-bottom:1px solid #3a2a1e2e;align-items:center;gap:6px;min-height:52px;display:flex}.bag-check{flex:none}.bag-item-main{min-width:0;color:var(--brown);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:7px;padding:5px 0;display:flex}.bag-item-main .grow{flex-direction:column;gap:2px;min-width:0;display:flex}.bag-item-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.bag-item-main small{color:var(--goldDim);font-size:9px}.bag-icon{border:2px solid var(--outline);background:#ffffff8c;border-radius:7px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.eq-glyph{border:2px solid var(--outline);width:100%;height:100%;color:var(--ink);background:#ffffff8c;border-radius:6px;place-items:center;font-size:16px;font-weight:900;display:grid}.sk-glyph{width:100%;height:100%;color:var(--ink);place-items:center;font-weight:900;display:grid}.bag-icon .sk-glyph{font-size:15px}.bag-icon.large .sk-glyph{font-size:26px}.pet-skill-slot .sk-glyph{font-size:15px}.bag-icon.large .eq-glyph{font-size:26px}.shop-ic{width:44px;height:44px;margin:0 auto}.feed-ic{width:30px;height:30px;margin:0 auto}.learn-ic{width:34px;height:34px;margin:0 auto}.loot-ic,.pick-ic{flex:0 0 26px;width:26px;height:26px}.shop-ic,.feed-ic,.learn-ic,.loot-ic,.pick-ic,.lib-dex-art{place-items:center;display:grid}.bag-icon .art-img,.trade-icon .art-img,.shop-ic .art-img,.feed-ic .art-img,.learn-ic .art-img,.loot-ic .art-img,.pick-ic .art-img,.hatch-egg-ic .art-img,.lib-dex-art .art-img{width:calc(100% - 6px);height:calc(100% - 6px)}.bag-pet-head{color:var(--goldDim);padding:8px 2px 2px;font-size:10px}.bag-pet-grid{flex-wrap:wrap;gap:8px;padding:8px 2px;display:flex}.bag-pet-cell{border:2px solid var(--outline);background:#ffffff8c;border-radius:9px;flex-direction:column;align-items:center;gap:3px;width:58px;padding:6px 2px 4px;display:flex;position:relative}.bag-pet-cell small{text-overflow:ellipsis;white-space:nowrap;max-width:54px;color:var(--brown);font-size:9px;font-weight:800;overflow:hidden}.bag-pet-cell em{color:var(--gain);font-size:8px;font-style:normal;position:absolute;top:2px;right:3px}.bag-icon.large{width:58px;height:58px;margin:0 auto 8px;font-size:30px}.pet-row-name{color:var(--brown);font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:900}.pet-capacity{color:var(--goldTitle);text-shadow:0 2px #0009;justify-content:space-between;align-items:center;margin:0 2px 6px;font-size:13px;font-weight:900;display:flex}.pet-filter-row{scrollbar-width:none;align-items:center;gap:4px;margin:0 0 2px;display:flex;overflow-x:auto}.pet-filter{border:1px solid var(--outline);min-height:25px;color:var(--brown);font:inherit;background:#ffffff8c;border-radius:999px;flex:none;padding:2px 8px;font-size:9px;font-weight:900}.pet-filter.on{background:var(--navy);color:var(--goldTitle)}.pet-bar{scrollbar-width:none;gap:5px;min-height:68px;padding:8px 1px;display:flex;overflow-x:auto}.pet-bar::-webkit-scrollbar{display:none}.pet-bar-cell{border:2px solid var(--outline);background:#ffffff8c;border-radius:8px;flex:0 0 56px;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative}.pet-bar-cell.on{box-shadow:0 0 0 2px #76e07640;border-color:var(--gain)!important}.pet-bar-cell em{color:var(--gain);font-size:8px;font-style:normal;position:absolute;top:2px;right:2px}.pet-bar-art{flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid;position:relative}.art-img{object-fit:contain;width:100%;height:100%;display:block}.art-img.art-failed{display:none}.pet-sig{border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.sig-xs{--D:30px;width:30px;height:30px}.sig-s{--D:40px;width:40px;height:40px}.sig-m{--D:56px;width:56px;height:56px}.sig-l{--D:96px;width:96px;height:96px}.pet-sig .sig-ring{background:rgb(var(--ray));border-radius:50%;position:absolute;inset:0}.pet-sig .sig-face{color:var(--ink);border:2px solid var(--outline);background:radial-gradient(circle at 35% 30%, var(--el-hi), var(--el-mid) 60%, var(--el-lo));border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;inset:6%;overflow:hidden;box-shadow:inset 3px 4px #ffffff40,inset -3px -4px #00000038,0 2px 4px #00000040}.sig-initial{z-index:2;position:relative}.sig-elem-bg{opacity:.2;z-index:1;place-items:center;display:grid;position:absolute;inset:12%}.sig-elem-bg svg{filter:drop-shadow(0 1px #00000047);width:100%;height:100%}.sig-xs .sig-face{font-size:10px}.sig-s .sig-face{font-size:13px}.sig-m .sig-face{font-size:20px}.sig-l .sig-face{font-size:36px}.sig-pips{pointer-events:none;position:absolute;inset:0}.sig-pips .pip{width:calc(var(--D)*.075);height:calc(var(--D)*.075);border:2px solid var(--ink);transform:translate(-50%,-50%) rotate(calc(var(--i)*36deg)) translateY(calc(var(--D)*-.29));border-radius:50%;position:absolute;top:50%;left:50%}.sig-pips .pip.intrinsic{background:#f28a61}.sig-pips .pip.learnable{background:var(--green1)}.sig-pips .pip.learned{background:var(--qBlue)}.sig-pips .pip.locked{background:#b3a58c}.sig-pips .pip.shiny-empty{background:#ffd650}.sig-pips .pip.shiny-learned{background:#ffd650;animation:1.8s ease-in-out infinite pip-pulse}@keyframes pip-pulse{0%,to{box-shadow:0 0 1px #ffebaa80}50%{box-shadow:0 0 4px #ffebaaf2}}.sig-gems{pointer-events:none;position:absolute;inset:0}.sig-gems .gem{width:calc(var(--D)*.08);height:calc(var(--D)*.15);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:translate(-50%,-50%) rotate(calc(var(--a)*1deg)) translateY(calc(var(--D)*-.46));filter:drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink)) drop-shadow(0 1px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink)) drop-shadow(0 2px 2px #00000059);position:absolute;top:50%;left:50%}.sig-gems .gem.empty,.sig-gems .gem.q-white{background:#f4f1e6}.sig-gems .gem.q-green{background:var(--qGreen)}.sig-gems .gem.q-blue{background:var(--qBlue)}.sig-gems .gem.q-purple{background:var(--qPurple)}.sig-gems .gem.q-orange{background:var(--qOrange)}.sig-gems .gem.q-red{background:var(--qRed)}.sig-gems .gem.set{filter:drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink)) drop-shadow(0 1px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink)) drop-shadow(0 0 3px #d6a84af2)}.pet-sig.shiny .sig-face{box-shadow:inset 3px 4px 0 #fff6, inset -3px -4px 0 #0000002e, 0 0 0 2px var(--goldTitle), 0 2px 6px #0000004d}.pet-sig .sig-shine{pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffff80 50%,#0000 58%) 0 0/250% 100%;border-radius:50%;animation:2.6s ease-in-out infinite sig-shine-sweep;position:absolute;inset:0}@keyframes sig-shine-sweep{0%,55%{background-position:130% 0}to{background-position:-130% 0}}.el-fire{--el-hi:#f7c48a;--el-mid:#ef9434;--el-lo:#c2620f}.el-water{--el-hi:#a9cdec;--el-mid:#5d9de6;--el-lo:#2e57a8}.el-wind{--el-hi:#c0e6ca;--el-mid:#69bd86;--el-lo:#2f7256}.el-earth{--el-hi:#dfc093;--el-mid:#bc9053;--el-lo:#7f5c30}.el-thunder{--el-hi:#f6d576;--el-mid:#efbe28;--el-lo:#b57c09}.el-dark{--el-hi:#c9bfe6;--el-mid:#8b7cc2;--el-lo:#574a92}.el-nature{--el-hi:#abdf80;--el-mid:#6cba4e;--el-lo:#3a742f}.el-ice{--el-hi:#c0e1f4;--el-mid:#7fb3e3;--el-lo:#4374a6}.el-beast{--el-hi:#e3b381;--el-mid:#b1742f;--el-lo:#713d16}.el-wild{--el-hi:#d4ca97;--el-mid:#93894f;--el-lo:#5a542d}.el-undead{--el-hi:#c1d2c2;--el-mid:#7b9a88;--el-lo:#425d4f}.el-poison{--el-hi:#cbe694;--el-mid:#89b62b;--el-lo:#4f700b}.el-machine{--el-hi:#cbd0d5;--el-mid:#84919d;--el-lo:#46515b}.rank-badge{border:2px solid var(--outline);background:linear-gradient(180deg,#ffd97a,var(--goldDeep));color:#5b3a10;vertical-align:middle;border-radius:6px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;font-weight:900;line-height:1;display:inline-grid}.rank-badge.zero{color:#6b6455;background:linear-gradient(#e8e2d2,#b9b2a0)}.rank-badge.high{box-shadow:0 0 0 2px #ffd55a59,0 0 8px #ffc85080}.growth-dial{border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid;position:relative}.growth-dial:before{content:"";background:var(--creamHi);border:1px solid #3a2a1e40;border-radius:50%;position:absolute;inset:4px}.growth-dial b{color:var(--brown);font-size:8px;font-weight:900;position:relative}.pet-bar-art.shiny:after{content:"✦";color:var(--goldTitle);font-size:12px;position:absolute;transform:translate(8px,-9px)}.pet-card,.pet-equip-panel,.pet-skill-panel{width:min(100%,390px);margin-left:auto;margin-right:auto}.pet-card{padding:10px 12px;display:block}.hero-id-row{align-items:center;gap:10px;min-width:0;display:flex}.hero-id-main{flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.hero-id-row .petname{color:#2b6fd6;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 1px 0 var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(14px,6vw,18px);font-weight:900;line-height:1.15;overflow:hidden}.hero-chips{flex-wrap:wrap;gap:5px;display:flex}.hero-chips .chip{color:var(--brown);white-space:nowrap;background:#ffffff80;border:1px solid #3a2a1e52;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:800}.pet-id-art{cursor:pointer;background:0 0;border:0;flex:none;padding:0}.pet-growth-line{align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.hero-panel.high-rk{position:relative}.hero-panel.high-rk:after{content:"";background:radial-gradient(circle at 72% 26%, rgba(var(--ray),.26), transparent 64%);pointer-events:none;border-radius:12px;position:absolute;inset:0}.hero-panel .prog,.hero-panel .hero-id-row{z-index:1;position:relative}.rk0{--ray:245,245,235}.rk1{--ray:168,224,168}.rk2{--ray:96,220,116}.rk3{--ray:88,166,255}.rk4{--ray:185,107,255}.rk5{--ray:255,162,53}.rk6{--ray:245,93,77}.rk7{--ray:255,183,60}@media (prefers-reduced-motion:reduce){.pet-sig .sig-shine,.sig-pips .pip.shiny-learned{animation:none}}.pet-exp-row{align-items:flex-end;gap:8px;margin-top:9px;display:flex}.pet-exp-copy{min-width:0;color:var(--brown);flex-direction:column;flex:1;gap:4px;display:flex}.pet-exp-copy>div:first-child{justify-content:space-between;gap:8px;font-size:10px;display:flex}.pet-exp-copy span{color:var(--goldDim)}.pet-exp-track{border:2px solid var(--outline);background:#3a2a1e2e;border-radius:999px;height:10px;overflow:hidden}.pet-exp-track span{border-radius:inherit;background:linear-gradient(90deg,var(--gain),#d8f37a);height:100%;display:block}.pet-equip-panel{padding:8px}.pet-page-equip-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(6,56px);gap:5px;padding:3px 3px 7px;display:grid;overflow-x:auto}.pet-page-equip-grid::-webkit-scrollbar{display:none}.pet-equip-slot{border:2px solid var(--outline);width:56px;min-width:56px;height:56px;color:var(--goldDim);scroll-snap-align:start;background:#ffffff59;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;display:flex}.pet-equip-slot.filled{border-color:var(--goldDeep);background:#d6a84a2e}.pet-equip-slot span{font-size:18px}.pet-equip-slot small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.pet-equip-glyph{width:30px;height:30px}.pet-set-summary{min-height:36px;color:var(--brown);border-top:1px dashed #3a2a1e47;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:7px;font-size:10px;font-weight:900;display:flex}.pet-skill-panel{padding:9px 10px;display:block}.pet-skill-head{min-height:34px;color:var(--brown);justify-content:space-between;align-items:center;gap:8px;display:flex}.pet-skill-head>div{flex-direction:column;gap:2px;min-width:0;display:flex}.pet-skill-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pet-skill-head span{color:var(--goldDim);font-size:9px}.pet-skill-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(10,40px);justify-content:start;gap:6px;margin-top:8px;padding:3px 3px 7px;display:grid;overflow-x:auto}.pet-skill-grid::-webkit-scrollbar{display:none}.pet-skill-slot{border:2px solid var(--outline);width:40px;height:40px;color:var(--ink);scroll-snap-align:start;border-radius:7px;place-items:center;font-size:15px;font-weight:900;display:grid}.pet-skill-slot.intrinsic{border-color:var(--qRed);background:linear-gradient(145deg,#ffad80,#e96a43)}.pet-skill-slot.normal{background:#f7f2e6}.pet-skill-slot.locked{opacity:.42}.pet-skill-slot.shiny{color:var(--goldTitle);background:#b98a55;border-color:#7f5d36}.pet-skill-slot.on{box-shadow:0 0 0 3px #d6a84a73}.pet-function-row{flex-wrap:wrap;gap:6px;padding-bottom:12px;display:flex}.item-detail{text-align:center;color:var(--brown);padding:12px 5px}.item-detail .muted{color:var(--brown);margin-top:8px;font-size:11px;line-height:1.6;display:block}.slime{border:3px solid var(--ink);background:radial-gradient(circle at 38% 28%,#b9e8ff,#5aa8ff 58%,#3c6fd0);border-radius:48% 52% 55% 45%/62% 58% 38% 40%;position:absolute;box-shadow:inset 5px 7px #ffffff59,inset -6px -8px #0000002e}.mapgrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mapcard{background:var(--navy);border:2px solid var(--ink);cursor:pointer;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px #00000073}.mapcard:active{transform:translateY(2px)}.mapthumb{border-bottom:2px solid var(--ink);justify-content:space-around;align-items:flex-end;height:78px;padding-bottom:8px;display:flex;position:relative}.mapthumb .mslime{border-width:2px;width:28px;height:24px}.m1{background:radial-gradient(circle at 35% 30%,#c8f0a8,#6bd46b 60%,#3f8f3f)}.m2{background:radial-gradient(circle at 35% 30%,#cde6ff,#5aa8ff 60%,#33619f)}.m3{background:radial-gradient(circle at 35% 30%,#ffd9a8,#ffa940 60%,#b06a1d)}.m4{background:radial-gradient(circle at 35% 30%,#e6c8ff,#b96bff 60%,#7236b8)}.mapname{color:var(--goldTitle);text-shadow:0 2px #0009;padding:6px 10px 2px;font-size:14px;font-weight:900}.mapmeta{flex-wrap:wrap;align-items:center;gap:4px;padding:4px 10px 9px;display:flex}.stars{color:var(--goldDeep);text-shadow:0 1px #000;font-size:12px;position:absolute;top:6px;right:8px}.lockveil{color:var(--goldDim);z-index:3;text-align:center;background:#0a180cc7;justify-content:center;align-items:center;padding:6px;font-size:11px;font-weight:800;display:flex;position:absolute;inset:0}.newtag{z-index:3;position:absolute;top:6px;left:8px}.townhead{border:2px solid var(--ink);background:linear-gradient(#8ec9dd 0%,#a9d8a1 46%,#7fae6a 100%);border-radius:16px;height:130px;position:relative;overflow:hidden;box-shadow:0 4px #00000073}.townhead .cap{background:var(--navy);border:2px solid var(--ink);color:var(--goldTitle);border-radius:999px;padding:3px 12px;font-size:11px;font-weight:800;position:absolute;bottom:8px;left:10px}.boot-phone-gate{isolation:isolate;background:#0c1710;place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.boot-phone-gate:before{content:"";z-index:-1;pointer-events:none;background:repeating-conic-gradient(var(--checkerA) 0% 25%,var(--checkerB) 0% 50%);background-size:88px 88px;position:absolute;inset:-60%;transform:rotate(45deg)}.boot-phone-panel{border:3px solid var(--outline);background:linear-gradient(180deg,var(--creamHi),var(--cream) 45%,var(--creamLo));width:min(100%,370px);color:var(--brown);border-radius:18px;padding:28px 26px;box-shadow:inset 0 3px #ffffffb3,inset 0 -4px #3a2a1e2e,0 6px #00000073}.boot-phone-panel h1{text-align:center;color:var(--brown);text-shadow:0 2px #ffffff8c;margin:4px 0 8px;font-size:28px;font-weight:900}.boot-game-copy{text-align:center;color:var(--green2);margin:0 0 10px;font-size:15px;font-weight:900}.boot-phone-panel .muted{color:var(--brown);text-align:center;margin:0 0 20px;font-size:12px;line-height:1.6}.boot-phone-panel label{color:var(--brown);gap:6px;margin:12px 0;font-size:13px;font-weight:900;display:grid}.boot-phone-panel input{box-sizing:border-box;border:2px solid var(--outline);background:var(--creamHi);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:8px;padding:11px 12px;font-weight:700}.boot-phone-panel .phone-code-row{gap:8px;display:flex}.boot-phone-panel .phone-code-row input{flex:1}.boot-phone-panel .form-error{min-height:20px;color:var(--red);margin:8px 0;font-size:13px;font-weight:900}.boot-phone-note{text-align:center;color:var(--green2);margin:6px 0 7px;font-size:11px;font-weight:900}.boot-phone-panel #boot-login{width:100%;margin-top:0}.winlayer{z-index:70;pointer-events:none;display:none;position:absolute;inset:0}.winlayer.on{pointer-events:auto;display:block}.dimmer{background:#08100aa8;position:absolute;inset:0}.win{background:linear-gradient(180deg, var(--creamHi), var(--cream) 30%, var(--creamLo));border:3px solid var(--outline);border-radius:18px;flex-direction:column;width:min(344px,100% - 36px);height:min(568px,100% - 90px);padding:16px 13px 12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 3px #ffffffb3,inset 0 -4px #3a2a1e2e,0 8px 24px #0000008c}.win.l2{width:min(300px,100% - 36px);height:auto;min-height:150px;max-height:min(300px,100% - 120px)}.wttl{z-index:2;flex:none;justify-content:center;margin:-32px 0 10px;display:flex;position:relative}.wttl span{background:var(--navy);border:2px solid var(--ink);color:var(--goldTitle);border-radius:999px;padding:4px 22px;font-size:16px;font-weight:900;box-shadow:0 3px #0006}.wbody{scrollbar-width:none;flex:1;overflow-y:auto}.wbody::-webkit-scrollbar{display:none}.win.l2 .wttl span{padding:3px 18px;font-size:14px}.win.compact{height:min(418px,100% - 90px)}.win.auto{height:auto;min-height:170px;max-height:min(568px,100% - 90px)}.win.auto.half{min-height:284px}.wsect{color:var(--brown);letter-spacing:1px;align-items:center;gap:6px;margin:10px 2px 3px;font-size:12px;font-weight:900;display:flex}.wsect:before{content:"";background:var(--goldDeep);border-radius:2px;width:4px;height:12px}.drawer{background:linear-gradient(180deg, var(--creamHi), var(--cream) 30%, var(--creamLo));border:3px solid var(--outline);border-bottom:none;border-radius:22px 22px 0 0;flex-direction:column;height:min(600px,82%);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:inset 0 3px #ffffffb3,0 -8px 28px #00000080}.drawer.slideup{animation:.3s cubic-bezier(.2,.8,.25,1) drwup}@keyframes drwup{0%{transform:translateY(106%)}to{transform:translateY(0)}}.drawer .grab{cursor:pointer;background:#3a2a1e59;border-radius:3px;flex:none;width:46px;height:5px;margin:8px auto 0}.drawer .dbody{scrollbar-width:none;flex:1;padding:6px 13px 16px;overflow-y:auto}.drawer .dbody::-webkit-scrollbar{display:none}.wtabs{flex-wrap:wrap;gap:5px;margin-bottom:9px;display:flex}.wchip{border:2px solid var(--ink);color:var(--brown);cursor:pointer;background:#ffffff73;border-radius:999px;align-items:center;padding:3px 11px;font-size:11px;font-weight:800;display:inline-flex}.wchip.sel{background:var(--navy);color:var(--goldTitle);box-shadow:0 2px #00000059}.wbtns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.winput{border:2px solid var(--outline);width:100%;color:var(--ink);background:#fffc;border-radius:10px;outline:none;padding:8px 10px;font-size:14px;font-weight:700}.winput:focus{border-color:var(--goldDeep)}.phone-code-row{align-items:stretch;gap:8px;display:flex}.phone-code-row .winput{flex:1;min-width:0}.phone-code-row .btn{white-space:nowrap;flex-shrink:0}.settings-head{color:var(--brown);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.settings-head span:last-child{color:var(--goldDim);font-size:10px}.settings-section{border-top:1px solid color-mix(in srgb, var(--outline) 22%, transparent);padding:10px 0}.settings-section h3{color:var(--brown);margin:0 0 8px;font-size:13px}.settings-row{min-height:44px;color:var(--brown);justify-content:space-between;align-items:center;gap:10px;padding:5px 8px;display:flex}.settings-row:nth-of-type(odd),.settings-command:nth-of-type(2n){background:color-mix(in srgb, var(--outline) 7%, transparent)}.settings-value{overflow-wrap:anywhere;text-align:right;max-width:62%;color:var(--goldDim);font-size:11px}.settings-nickname{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.settings-nickname>span{text-overflow:ellipsis;white-space:nowrap;color:var(--goldDim);font-size:11px;font-weight:800;overflow:hidden}.settings-note{color:var(--brown);opacity:.78;margin:0 8px 9px;font-size:10px;line-height:1.55}.quality-toggles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 7px;padding:0 8px;display:grid}.quality-toggle{border:1px solid color-mix(in srgb, var(--outline) 24%, transparent);background:color-mix(in srgb, var(--creamHi) 78%, transparent);width:100%;min-height:30px;color:var(--brown);font:inherit;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:800;display:flex}.quality-toggle.on{border-color:color-mix(in srgb, var(--outline) 24%, transparent);box-shadow:none}.quality-swatch{background:var(--quality-color);border:1px solid color-mix(in srgb, var(--outline) 45%, transparent);width:14px;height:14px;color:var(--ink);border-radius:50%;flex:0 0 14px;place-items:center;font-size:10px;font-weight:900;line-height:1;display:grid}.q-white{--quality-color:var(--qWhite)}.q-green{--quality-color:var(--qGreen)}.q-blue{--quality-color:var(--qBlue)}.q-purple{--quality-color:var(--qPurple)}.q-orange{--quality-color:var(--qOrange)}.q-red{--quality-color:var(--qRed)}.settings-actions{gap:6px;display:grid}.settings-actions h3{grid-column:1/-1}.settings-command{width:100%;min-height:48px;color:var(--brown);font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.settings-command span:first-child{font-size:12px;font-weight:900}.settings-command span:last-child{opacity:.72;font-size:10px}.field-label{color:var(--brown);margin:0 0 6px;font-size:11px;font-weight:800;display:block}.title-summary,.gold-ledger-head{min-height:38px;color:var(--brown);border-bottom:1px solid #3a2a1e33;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.title-summary span:last-child{color:var(--goldDim);font-size:10px}.title-list{scrollbar-width:none;max-height:min(420px,55dvh);overflow-y:auto}.title-list::-webkit-scrollbar{display:none}.title-row{min-height:54px;color:var(--brown);border-bottom:1px solid #3a2a1e2e;align-items:center;gap:8px;padding:6px 2px;display:flex}.title-row.locked{opacity:.42}.title-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.title-copy strong{text-overflow:ellipsis;white-space:nowrap;color:var(--goldDim);font-size:12px;overflow:hidden}.title-copy span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.title-row.wearing .title-copy strong{color:var(--green2)}.gold-ledger-head strong{color:var(--goldDim);font-size:14px}.gold-ledger-list{scrollbar-width:none;max-height:min(320px,48dvh);overflow-y:auto}.gold-ledger-list::-webkit-scrollbar{display:none}.gold-ledger-row{min-height:48px;color:var(--brown);border-bottom:1px solid #3a2a1e2e;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 2px;display:grid}.gold-ledger-row>div{flex-direction:column;gap:2px;min-width:0;display:flex}.gold-ledger-row>div:last-child{text-align:right}.gold-ledger-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.gold-ledger-row span{color:var(--goldDim);font-size:9px}.gold-ledger-row.income>div:last-child strong{color:var(--green2)}.gold-ledger-row.expense>div:last-child strong{color:var(--red)}.pet-detail-title{color:var(--brown);align-items:center;gap:8px;display:flex}.pet-detail-title strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;overflow:hidden}.pet-detail-head{align-items:center;gap:10px;margin-top:6px;display:flex}.pet-detail-meta{min-width:0;color:var(--goldDim);flex:1;font-size:10px;line-height:1.5}.pet-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:10px 0;display:grid}.pet-stat-grid>div{border:2px solid var(--outline);color:var(--brown);background:#ffffff73;border-radius:8px;flex-direction:column;align-items:center;padding:6px 2px;display:flex}.pet-stat-grid strong{font-size:12px}.pet-stat-grid small{color:var(--goldDim);font-size:9px}.pet-stat-grid.twenty{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pet-stat-grid.twenty>div{min-height:46px}.pet-feed-summary{color:var(--brown);flex-direction:column;align-items:center;gap:4px;display:flex}.pet-feed-summary span{color:var(--goldDim);font-size:10px}.pet-feed-summary b{color:var(--goldDeep)}.feed-rows{flex-direction:column;gap:7px;margin-top:9px;display:flex}.feed-row-label{color:var(--goldDim);padding-left:2px;font-size:10px;font-weight:800}.feed-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.feed-cell{border:2px solid var(--outline);color:var(--brown);min-height:58px;font:inherit;cursor:pointer;background:#ffffff80;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;display:flex}.feed-cell strong{font-size:12px}.feed-cell .feed-count{color:var(--goldDeep);font-size:11px;font-weight:900}.feed-cell small{color:var(--goldDim);font-size:9px}.feed-cell:disabled{opacity:.45;cursor:default}.feed-cell:not(:disabled):active{background:#ffffffd9;transform:translateY(1px)}.feed-hint{text-align:center;color:var(--goldDim);margin-top:9px;font-size:9px}[data-hold]{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hatch-hint{color:var(--goldDim);text-align:center;margin:0 0 2px;font-size:10px}.hatch-slot{min-height:56px;color:var(--brown);border-bottom:1px solid #3a2a1e33;align-items:center;gap:9px;padding:8px 2px;display:flex}.hatch-slot>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hatch-slot strong{font-size:12px}.hatch-slot span{color:var(--goldDim);font-size:9px}.hatch-egg-ic{border:2px solid var(--outline);background:#ffffff80;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.hatch-slot.empty .hatch-egg-ic{opacity:.4}.hatch-slot.done .hatch-egg-ic{border-color:var(--gain);box-shadow:0 0 0 2px #76e0764d}.hatch-remain{color:var(--goldDeep);font-variant-numeric:tabular-nums;font-size:12px;font-weight:900}.hatch-actions{flex:none;gap:6px;display:flex}.hatch-speed-egg{color:var(--brown);flex-direction:column;align-items:center;gap:3px;display:flex}.hatch-speed-egg span{color:var(--goldDim);font-size:10px}.hatch-speed-rows{flex-direction:column;gap:7px;margin-top:10px;display:flex}.dispatch-slot{min-height:56px;color:var(--brown);border-bottom:1px solid #3a2a1e33;align-items:center;gap:9px;padding:8px 2px;display:flex}.dispatch-slot>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dispatch-slot strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dispatch-slot span{color:var(--goldDim);font-size:9px}.dispatch-slot-no{border:2px solid var(--outline);background:var(--goldDeep);width:26px;height:26px;color:var(--ink);border-radius:50%;flex:0 0 26px;place-items:center;font-size:11px;font-weight:900;display:grid}.dispatch-slot.empty .dispatch-slot-no{color:var(--goldDim);background:#ffffff8c}.dispatch-remain{color:var(--goldDeep);font-variant-numeric:tabular-nums;font-size:12px;font-weight:900}.dispatch-map-ic{border:2px solid var(--outline);background:#ffffff80;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.dispatch-pet-bar{scrollbar-width:none;gap:5px;min-height:68px;padding:8px 1px;display:flex;overflow-x:auto}.dispatch-pet-bar::-webkit-scrollbar{display:none}.dispatch-pet-bar .pet-bar-cell:disabled{opacity:.45;cursor:default}.dispatch-picked{color:var(--goldDim);margin:2px 2px 6px;font-size:10px}.dispatch-map-list{scrollbar-width:none;touch-action:pan-y;height:174px;overflow-y:auto}.dispatch-map-list::-webkit-scrollbar{display:none}.workshop-slots{scrollbar-width:none;gap:5px;padding:6px 1px;display:flex;overflow-x:auto}.workshop-slots::-webkit-scrollbar{display:none}.workshop-slot{border:2px solid var(--outline);height:46px;color:var(--brown);background:#ffffff8c;border-radius:8px;flex-direction:column;flex:0 0 46px;justify-content:center;align-items:center;gap:1px;display:flex}.workshop-slot i{color:var(--goldDim);font-size:10px;font-style:normal;font-weight:900}.workshop-slot small{text-overflow:ellipsis;white-space:nowrap;max-width:42px;color:var(--goldDim);font-size:8px;overflow:hidden}.workshop-slot.empty{opacity:.5}.workshop-slot.intrinsic{border-color:var(--goldDeep)}.workshop-slot.shiny{opacity:.6;border-style:dashed}.workshop-skill-ic{border:2px solid var(--outline);background:#ffffff80;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.pet-skill-slot.workshop{box-shadow:0 0 0 2px #76e0764d;border-color:var(--gain)!important}.skill-pop-head{color:var(--brown);justify-content:center;align-items:center;gap:7px;margin-bottom:6px;display:flex}.skill-pop-head strong{font-size:14px}.skill-description{text-align:left;color:var(--brown);margin:8px 0 10px;font-size:12px;line-height:1.65}.skill-warn{color:var(--brown);background:#e84c3e14;border:2px solid #e84c3e66;border-radius:8px;margin:6px 2px;padding:7px 8px;font-size:10px;line-height:1.6}.skill-star-row{min-height:44px;color:var(--brown);border-bottom:1px solid #3a2a1e33;justify-content:space-between;align-items:center;padding:6px 2px;font-size:10px;display:flex}.skill-star-row>div{align-items:center;gap:8px;display:flex}.skill-star-row b{text-align:center;min-width:20px;color:var(--goldDeep);font-size:13px}.skill-learn-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.skill-learn-cell{border:2px solid var(--outline);min-height:56px;color:var(--brown);font:inherit;cursor:pointer;background:#ffffff80;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;display:flex}.skill-learn-cell strong{font-size:11px}.skill-learn-cell span{color:var(--goldDim);font-size:9px}.skill-learn-cell:disabled{opacity:.45;cursor:default}.skill-learn-cell:not(:disabled):active{background:#ffffffd9;transform:translateY(1px)}.smith-tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:7px;display:grid}.smith-slot-filters{flex-wrap:wrap;gap:4px;margin-bottom:7px;display:flex}.smith-slot-filter{color:var(--brown);border:2px solid var(--outline);cursor:pointer;background:#ffffff8c;border-radius:6px;flex:none;padding:4px 10px;font-size:10px;font-weight:600;transition:all .15s}.smith-slot-filter:hover{background:#ffffffbf}.smith-slot-filter.on{background:var(--goldDeep);color:var(--cream);border-color:var(--goldDeep)}.smith-equip-bar{scrollbar-width:thin;scrollbar-color:var(--goldDim) transparent;cursor:grab;-webkit-user-select:none;user-select:none;gap:5px;min-height:66px;padding:6px 1px;display:flex;overflow-x:auto}.smith-equip-bar:active{cursor:grabbing}.smith-equip-bar::-webkit-scrollbar{height:6px}.smith-equip-bar::-webkit-scrollbar-track{background:0 0}.smith-equip-bar::-webkit-scrollbar-thumb{background:var(--goldDim);border-radius:3px}.smith-equip-bar::-webkit-scrollbar-thumb:hover{background:var(--goldDeep)}.smith-equip-bar.scrollable{scroll-behavior:smooth}.smith-equip-cell{border:2px solid var(--outline);background:#ffffff8c;border-radius:9px;flex-direction:column;flex:0 0 64px;justify-content:center;align-items:center;gap:2px;padding:6px 2px;display:flex;position:relative}.smith-equip-cell strong{color:var(--brown);font-size:10px}.smith-equip-cell small{text-overflow:ellipsis;white-space:nowrap;max-width:58px;color:var(--goldDim);font-size:8px;overflow:hidden}.smith-equip-cell em{color:var(--gain);font-size:8px;font-style:normal;position:absolute;top:2px;right:3px}.smith-equip-cell.on{box-shadow:0 0 0 2px #76e07640;border-color:var(--gain)!important}.smith-anchor{border:2px solid var(--outline);background:#ffffff73;border-radius:9px;justify-content:space-between;align-items:center;gap:7px;margin:4px 0 8px;padding:7px 9px;display:flex}.smith-anchor strong{color:var(--brown);font-size:13px}.smith-anchor span{color:var(--goldDim);margin-top:2px;font-size:9px;display:block}.smith-affixes{flex-direction:column;gap:2px;display:flex}.smith-affix{color:var(--brown);border-bottom:1px solid #3a2a1e1f;justify-content:space-between;padding:3px 2px;font-size:10px;display:flex}.smith-affix b{color:var(--goldDeep)}.smith-affix.special b{color:var(--qPurple)}.smith-gems{flex-wrap:wrap;gap:5px;padding:6px 0;display:flex}.smith-gem{border:2px solid var(--outline);color:var(--brown);background:#ffffff8c;border-radius:8px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.smith-gem.empty{opacity:.5;color:var(--goldDim);font-weight:400}.smith-check-row{color:var(--brown);flex-wrap:wrap;gap:8px;padding:7px 2px;font-size:11px;display:flex}.smith-check-row label{align-items:center;gap:4px;display:flex}.smith-pet-bar{scrollbar-width:none;gap:5px;padding:6px 1px;display:flex;overflow-x:auto}.smith-pet-bar::-webkit-scrollbar{display:none}.smith-worn-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px 0;display:grid}.smith-worn-slot{border:2px solid var(--outline);color:var(--brown);font:inherit;background:#ffffff80;border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;display:flex}.smith-worn-slot span{font-size:11px;font-weight:900}.smith-worn-slot small{text-overflow:ellipsis;white-space:nowrap;max-width:90px;color:var(--goldDim);font-size:8px;overflow:hidden}.smith-worn-slot.filled{cursor:pointer}.smith-body{min-height:120px}.pet-growth-anchor{border:2px solid var(--outline);color:var(--brown);background:#ffffff73;border-radius:9px;align-items:center;gap:9px;padding:7px;display:flex}.pet-growth-anchor>div{flex-direction:column;gap:2px;min-width:0;display:flex}.pet-growth-anchor small,.pet-growth-anchor span{color:var(--goldDim);font-size:9px}.pet-growth-anchor strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pet-growth-route,.pet-growth-cost,.combo-slot{min-height:48px;color:var(--brown);border-bottom:1px solid #3a2a1e33;align-items:center;gap:7px;padding:6px 2px;display:flex}.pet-growth-route>div,.combo-slot>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pet-growth-route strong,.combo-slot strong{font-size:11px}.pet-growth-route span,.combo-slot span,.combo-slot em{color:var(--goldDim);font-size:9px;font-style:normal}.pet-growth-cost{justify-content:space-between;font-size:10px}.pet-growth-cost strong{text-align:right;max-width:68%}.combo-rank{color:var(--goldDim);text-align:right;margin:8px 2px 2px;font-size:10px}.combo-slot.locked{opacity:.55}.combo-pet-art{flex:0 0 36px;place-items:center;width:36px;display:grid}.combo-pet-name{text-overflow:ellipsis;white-space:nowrap;min-width:52px;max-width:76px;font-size:11px;overflow:hidden}.combo-slot>div b{color:var(--brown);font-size:11px}.pet-growth-route .route-cost{color:var(--goldDeep);font-weight:800}.optional-material{border:2px solid var(--outline);max-width:60%;color:var(--brown);font:inherit;background:#ffffffb3;border-radius:8px;padding:3px 6px;font-size:10px;font-weight:700}.optional-material:disabled{opacity:.5}.pet-select-list{flex-direction:column;display:flex}.pet-select-row{min-height:58px;color:var(--brown);border-bottom:1px solid #3a2a1e33;align-items:center;gap:7px;padding:5px 2px;display:flex}.pet-select-row>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pet-select-row strong{font-size:11px}.pet-select-row span{color:var(--goldDim);font-size:9px}.trade-head{justify-content:space-between;align-items:center;min-height:38px;display:flex}.trade-title{color:var(--brown);font-size:17px;font-weight:900}.iconcmd{border:2px solid var(--outline);background:var(--navy);width:34px;height:34px;color:var(--goldTitle);cursor:pointer;border-radius:7px;flex:none;padding:0;font-size:18px;font-weight:900}.trade-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:3px 0 8px;display:grid}.trade-tab{border:2px solid var(--outline);min-height:34px;color:var(--brown);cursor:pointer;background:#ffffff80;border-radius:7px;font-size:12px;font-weight:900}.trade-tab.on{background:var(--navy);color:var(--goldTitle)}.trade-offline{border-left:4px solid var(--goldDeep);color:var(--brown);background:#ffffff7a;margin-bottom:7px;padding:6px 8px;font-size:11px;font-weight:800}.trade-filters{scrollbar-width:none;gap:4px;padding-bottom:6px;display:flex;overflow-x:auto}.trade-filters::-webkit-scrollbar{display:none}.trade-filters .wchip{flex:none}.trade-search{grid-template-columns:minmax(90px,1fr) minmax(105px,.75fr) 34px;gap:5px;margin-bottom:8px;display:grid}.trade-search .winput{min-width:0;height:34px;padding:5px 8px;font-size:12px}.trade-select{border:2px solid var(--outline);background:var(--bright);min-width:0;height:34px;color:var(--brown);border-radius:7px;padding:0 5px;font-size:11px;font-weight:800}.trade-list{scrollbar-width:none;min-height:180px;max-height:360px;overflow-y:auto}.trade-list::-webkit-scrollbar{display:none}.trade-row{border-bottom:1px solid #3a2a1e3d;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding:6px 2px;display:grid}.trade-row.sold{opacity:.48}.trade-icon{border:2px solid var(--outline);background:#ffffff94;border-radius:6px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.trade-row-main{min-width:0}button.trade-row-main{text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:0;display:block}.trade-name{text-overflow:ellipsis;white-space:nowrap;color:var(--brown);font-size:12px;font-weight:900;overflow:hidden}.trade-meta{color:var(--goldDim);flex-wrap:wrap;gap:7px;margin-top:3px;font-size:10px;font-weight:800;display:flex}.trade-empty{min-height:260px;color:var(--goldDim);text-align:center;place-items:center;font-size:12px;font-weight:800;line-height:1.8;display:grid}.trade-footer{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.trade-footer .btn{min-width:0;padding-inline:5px}.trade-detail-name{color:var(--brown);margin-bottom:8px;font-size:14px;font-weight:900}.trade-field{color:var(--brown);grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:800;display:grid}.trade-field .winput{min-width:0;height:34px}.trade-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:9px;display:grid}.trade-steps span{border-bottom:3px solid var(--creamLo);color:var(--goldDim);text-align:center;padding:5px 2px;font-size:11px;font-weight:900}.trade-steps span.on{border-color:var(--green2);color:var(--brown)}.trade-picker{scrollbar-width:none;max-height:420px;overflow-y:auto}.trade-picker::-webkit-scrollbar{display:none}.trade-pick{width:100%;min-height:42px;color:var(--brown);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #3a2a1e38;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.trade-pick b{color:var(--goldDim);white-space:nowrap;font-size:10px}.trade-pick-label{align-items:center;gap:6px;min-width:0;font-style:normal;display:flex}.trade-pick-label .pet-bar-art{flex:0 0 34px}.trade-selected{min-height:48px;color:var(--brown);justify-content:space-between;align-items:center;gap:8px;display:flex}.trade-selected .seal{color:var(--green2);text-align:right;font-size:11px;font-weight:900}.trade-expiry{color:var(--goldDim);text-align:center;margin-top:9px;font-size:10px;font-weight:800}@media (max-width:350px){.trade-search{grid-template-columns:minmax(80px,1fr) 96px 34px}.trade-meta{gap:4px}.trade-row{gap:5px}}.team-adventure-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.team-adventure-card b{color:var(--brown);font-size:13px}.team-status{color:var(--goldDim);margin-bottom:5px;font-size:11px;font-weight:900}.team-list,.team-members{scrollbar-width:none;max-height:340px;overflow-y:auto}.team-list::-webkit-scrollbar{display:none}.team-members::-webkit-scrollbar{display:none}.team-row,.team-member{border-bottom:1px solid #3a2a1e33;justify-content:space-between;align-items:center;gap:7px;min-height:48px;padding:5px 0;display:flex}.team-member>div,.team-row>div{flex:1;min-width:0}.team-pet-line{align-items:center;gap:6px;margin-top:2px;display:flex}.team-pet-line .pet-bar-art{flex:0 0 34px}.team-online{color:var(--green2);font-size:10px;font-weight:900}.team-pager{color:var(--brown);justify-content:center;align-items:center;gap:12px;margin:8px 0;font-weight:900;display:flex}.team-target{grid-template-columns:minmax(0,1fr) 110px;gap:6px;margin:8px 0;display:grid}.team-summary{color:var(--brown);justify-content:space-between;margin-bottom:6px;display:flex}.team-chat{border-top:2px solid #3a2a1e40;margin-top:8px;padding-top:6px}.team-chat-log{scrollbar-width:none;background:#ffffff59;border-radius:6px;height:92px;padding:5px 7px;overflow-y:auto}.team-chat-log::-webkit-scrollbar{display:none}.team-chat-line{color:var(--brown);overflow-wrap:anywhere;font-size:11px;line-height:1.6}.team-chat-send{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:6px;display:grid}.loot-fab{border:3px solid var(--outline);background:var(--yellow1);z-index:3;border-radius:50%;width:46px;height:46px;font-size:22px;position:sticky;bottom:12px;left:calc(100% - 52px);box-shadow:0 4px #00000073}.loot-dot{border:2px solid var(--bright);background:var(--red);border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px}.loot-summary{color:var(--brown);margin-bottom:8px;font-weight:900}.loot-list{scrollbar-width:none;max-height:430px;overflow-y:auto}.loot-list::-webkit-scrollbar{display:none}.loot-row{min-height:44px;color:var(--brown);border-bottom:1px solid #3a2a1e33;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.shop-banner{border:2px solid var(--outline);background:var(--creamHi);text-align:left;width:100%;font:inherit;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin:2px 0 7px;padding:8px 10px;display:flex}.shop-banner strong{color:var(--brown);font-size:12px;font-weight:900;display:block}.shop-banner span{color:var(--goldDim);font-size:10px;font-weight:800;display:block}.shop-banner-buy{color:var(--brown);background:var(--goldDeep);border:2px solid var(--outline);border-radius:8px;flex:none;padding:5px 9px;font-size:12px;font-weight:900;display:inline-block}.shop-banner.on{border-color:var(--green1)}.shop-banner-badge{color:var(--bright);background:var(--green2);border:2px solid var(--outline);border-radius:8px;flex:none;padding:5px 9px;font-size:12px;font-weight:900}.shop-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:5px;display:grid}.shop-wallet{color:var(--brown);justify-content:flex-end;gap:12px;padding:2px 2px 6px;font-size:11px;font-weight:900;display:flex}.shop-body{min-height:120px}.shop-hint{color:var(--goldDim);text-align:center;margin:0 0 5px;font-size:10px}.shop-limit{color:var(--goldDim);font-size:10px;font-weight:800}.shop-limit.maxed{color:var(--red)}.shop-price{color:var(--goldDeep);white-space:nowrap;font-size:12px;font-weight:900}.shop-owned{color:var(--goldDim);font-size:9px;font-style:normal;font-weight:800}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px 0;display:grid}.shop-cell{border:2px solid var(--outline);min-height:98px;font:inherit;background:#ffffff8c;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 4px 8px;display:flex;position:relative}.shop-cell strong{color:var(--brown);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:900;overflow:hidden}.shop-cell.bought{opacity:.55}.shop-tier{color:var(--ink);border:1px solid var(--outline);background:#fff9;border-radius:6px;padding:1px 6px;font-size:9px;font-weight:900;display:inline-block}.shop-tier.rare{background:var(--qPurple)}.shop-tier.legendary{background:var(--qOrange)}.shop-strike{color:var(--goldDim);font-size:10px;font-weight:800;text-decoration:line-through}.shop-discount{color:var(--red);font-size:10px;font-style:normal;font-weight:900}.shop-soldout{color:var(--red);letter-spacing:2px;background:#f5ecd7b8;border-radius:7px;place-items:center;font-size:15px;font-weight:900;display:grid;position:absolute;inset:0}.shop-detail-desc{color:var(--goldDim);margin-bottom:6px;font-size:11px;font-weight:800;line-height:1.5}.hero-panel{cursor:pointer}.hero-name-row{margin-top:9px}.hero-name-row .petname{font-size:17px}.idle-strip{margin-bottom:8px;padding:8px 12px}.idle-strip .idle-title{color:var(--brown);white-space:nowrap;font-size:13px;font-weight:900}.idle-strip .idle-title.off{color:var(--goldDim)}.idle-strip .idle-tally{margin-top:5px}.todo-panel{padding:2px 12px}.todo-panel .mrow{color:var(--brown);min-height:40px;font-size:12px;font-weight:800}.activity-panel{box-shadow:none;color:var(--goldDim);text-align:center;background:#ffffff0f;border-style:dashed;padding:14px;font-size:12px;font-weight:800}.lib-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:6px;display:grid}.lib-subtabs{scrollbar-width:none;gap:4px;padding-bottom:5px;display:flex;overflow-x:auto}.lib-subtabs::-webkit-scrollbar{display:none}.lib-subtab{flex:none;min-width:52px;min-height:26px;padding:0 8px;font-size:10px}.lib-body{min-height:120px}.lib-progress-head{color:var(--brown);padding:2px 2px 6px;font-size:11px;font-weight:900}.lib-hint{color:var(--goldDim);text-align:center;padding:6px 0 2px;font-size:10px;font-weight:800}.lib-empty{min-height:120px;color:var(--goldDim);place-items:center;font-size:12px;font-weight:800;display:grid}.lib-task-row{border-bottom:1px solid #3a2a1e33;align-items:center;gap:9px;min-height:58px;padding:8px 4px;display:flex}.lib-task-row.claimed{opacity:.55}.lib-task-main{flex:1;min-width:0}.lib-task-main strong{color:var(--brown);font-size:12px;font-weight:900;display:block}.lib-task-main span{color:var(--goldDim);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;display:block;overflow:hidden}.lib-task-meta{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.lib-reward{color:var(--goldDeep);border:1px solid var(--outline);background:#ffffff73;border-radius:6px;padding:1px 5px;font-size:9px;font-style:normal;font-weight:900}.lib-points{color:var(--goldDim);margin-left:5px;font-size:9px;font-style:normal}.lib-task-side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.lib-count{color:var(--goldDeep);font-variant-numeric:tabular-nums;font-size:11px;font-weight:900}.lib-ach-head{color:var(--brown);justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 7px;font-size:12px;font-weight:900;display:flex}.lib-chests{gap:6px;display:flex}.lib-chest{border:2px solid var(--outline);font:inherit;background:#ffffff80;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:118px;padding:8px 10px;display:flex}.lib-chest b{color:var(--brown);font-size:12px;font-weight:900}.lib-chest span{color:var(--goldDim);font-size:10px;font-weight:800}.lib-chest small{color:var(--goldDeep);flex-direction:column;align-items:center;gap:1px;font-size:10px;font-weight:800;display:flex}.lib-chest small i{white-space:nowrap;font-style:normal}.lib-chest.ready{border-color:var(--green1)}.lib-chest.ready span{color:var(--green2)}.lib-chest.claimed{opacity:.5}.lib-dex-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:4px 0;display:grid}.lib-dex-cell{border:2px solid var(--outline);min-height:56px;color:var(--goldDim);background:#ffffff40;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 2px;display:flex}.lib-dex-art{width:30px;height:30px}.lib-dex-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:900;overflow:hidden}.lib-dex-cell span{font-size:8px;font-weight:800}.lib-dex-cell.on{color:var(--brown);border-color:var(--green1);background:#fff9}.lib-dex-cell.on span{color:var(--green2)}.act-invite-block{border:2px solid var(--outline);background:#ffffff73;border-radius:12px;margin-bottom:10px;padding:10px 12px}.act-label{color:var(--brown);font-size:12px;font-weight:900}.act-code{border:2px dashed var(--goldDeep);background:var(--navy);color:var(--goldTitle);letter-spacing:6px;text-shadow:0 2px #0009;border-radius:10px;justify-content:center;align-items:center;margin-top:6px;padding:8px 4px;font-size:26px;font-weight:900;display:flex}.act-progress{color:var(--brown);flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:9px;font-size:11px;font-weight:800;display:flex}.act-dots{gap:3px;display:inline-flex}.act-dots i{border:1px solid var(--outline);background:#3a2a1e2e;border-radius:50%;width:8px;height:8px}.act-dots i.on{background:var(--green2);box-shadow:0 0 4px #76e07699}.act-boss-head{text-align:center;margin-bottom:8px}.act-boss-name{color:#b8322a;text-shadow:-1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink), 1px 1px 0 var(--ink);font-size:20px;font-weight:900}.boss-worldbar{height:22px;margin-bottom:10px}.boss-worldbar .fill.danger{background:linear-gradient(#ff8a72,#d63c2c 55%,#a52a1c)}.act-boss-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.act-boss-rules{line-height:1.75}.boss-reward-track{margin:10px 2px 8px}.boss-reward-rail{height:58px;margin:10px 12px 0;position:relative}.boss-reward-line,.boss-reward-fill{border:1px solid var(--outline);border-radius:99px;height:7px;position:absolute;top:15px;left:0;right:0}.boss-reward-line{background:#3a2a1e2e}.boss-reward-fill{background:linear-gradient(90deg, var(--green1), var(--goldTitle));right:auto}.boss-reward-node{z-index:1;position:absolute;top:3px;transform:translate(-50%)}.boss-reward-point{border:2px solid var(--outline);background:var(--cream);cursor:pointer;border-radius:50%;place-items:center;width:31px;height:31px;padding:0;display:grid;position:relative}.boss-reward-dot{background:var(--goldDim);border:1px solid var(--outline);border-radius:50%;width:11px;height:11px}.boss-reward-node.ready .boss-reward-point{border-color:var(--green2);background:#f5ffe8}.boss-reward-node.ready .boss-reward-dot{background:var(--green2)}.boss-reward-node.claimed .boss-reward-point{border-color:var(--goldDeep);background:var(--goldTitle)}.boss-reward-node.claimed .boss-reward-dot{background:var(--goldDeep)}.boss-reward-node.selected .boss-reward-point{box-shadow:0 0 0 3px #ffce4a66}.boss-reward-popover{border:2px solid var(--outline);background:var(--creamHi);width:max-content;max-width:180px;color:var(--brown);white-space:normal;text-align:center;pointer-events:none;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:900;line-height:1.45;display:none;position:absolute;bottom:36px;left:50%;transform:translate(-50%);box-shadow:0 3px #00000038}.boss-reward-node:hover .boss-reward-popover,.boss-reward-node:focus-within .boss-reward-popover,.boss-reward-node.selected .boss-reward-popover{display:block}.boss-reward-node.start .boss-reward-popover{text-align:left;left:0;transform:none}.boss-reward-node.end .boss-reward-popover{text-align:right;left:auto;right:0;transform:none}.boss-reward-detail{border:2px solid var(--goldDeep);min-height:30px;color:var(--brown);text-align:center;background:#ffffff7a;border-radius:8px;margin:0 8px;padding:7px 9px;font-size:11px;font-weight:900}.board-list{scrollbar-width:none;max-height:330px;overflow-y:auto}.board-list::-webkit-scrollbar{display:none}.board-row{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #3a2a1e47;align-items:center;gap:8px;width:100%;min-height:52px;padding:5px 8px;display:flex}.board-row:active{background:#fff6}.board-rank{text-align:center;color:var(--brown);flex:0 0 28px;font-size:13px;font-weight:900}.board-pet{flex:none}.board-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--brown);flex:auto;font-size:13px;font-weight:900;overflow:hidden}.board-metric{color:#b8322a;flex:none;font-size:14px;font-weight:900}.board-context{text-overflow:ellipsis;white-space:nowrap;max-width:40%;color:var(--goldDim);flex:0 auto;font-size:10px;font-weight:800;overflow:hidden}.board-snap-head{align-items:center;gap:12px;margin-top:8px;display:flex}.board-snap-meta{color:var(--brown);flex-direction:column;gap:4px;font-size:12px;font-weight:800;display:flex}.board-snap-meta b{font-size:16px}.snap-skill-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.snap-skill{border:2px solid var(--outline);width:36px;height:36px;color:var(--ink);background:#f7f2e6;border-radius:7px;place-items:center;font-size:14px;font-weight:900;display:grid}.board-snap-equips{grid-template-columns:repeat(6,46px);gap:5px;margin-top:6px;display:grid}.board-snap-equips .pet-equip-slot{width:46px;min-width:46px;height:46px}.board-snap-equips .pet-equip-glyph{width:26px;height:26px}.toasts{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:74px;left:0;right:0}.toast{border:2px solid var(--goldDeep);color:var(--bright);background:#102816f2;border-radius:9px;max-width:calc(100% - 40px);padding:6px 14px;font-size:12px;font-weight:700;animation:2.4s forwards tst}.toast.bad{border-color:var(--red)}.toast.good{border-color:var(--gain)}@keyframes tst{0%{opacity:0;transform:translateY(-6px)}10%,80%{opacity:1;transform:none}to{opacity:0}}.booterr{color:#e33;text-align:center;justify-content:center;align-items:center;padding:24px;font-size:14px;line-height:1.8;display:flex;position:absolute;inset:0}.battle{z-index:60;display:none;position:absolute;inset:0;overflow:hidden}.battle.on{animation:.24s ease-out battle-in;display:block}@keyframes battle-in{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}.battle-field{background:radial-gradient(at 50% 28%,#43633f 0%,#31502f 45%,#223a22 100%);position:absolute;inset:0;overflow:hidden}.battle-field:before{content:"";opacity:.12;background:repeating-conic-gradient(#081408 0 25%, transparent 0 50%);background-size:80px 80px;position:absolute;inset:-60%;transform:rotate(45deg)}.battle-field.berserk{background:radial-gradient(at 50% 30%,#8a1a12 0%,#55100c 45%,#2a0606 100%)}.battle-field.berserk:before{opacity:1;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'><g fill='%233d0808' fill-opacity='.52'><g transform='translate(75,42) rotate(45)'><circle cx='0' cy='-2' r='17'/><path d='M-13 -12 C-24 -20 -27 -32 -19 -38 C-21 -28 -16 -20 -8 -15 Z'/><path d='M13 -12 C24 -20 27 -32 19 -38 C21 -28 16 -20 8 -15 Z'/><path d='M-11 8 L-7 22 L-3 15 L0 24 L3 15 L7 22 L11 8 Z'/></g><g transform='translate(0,117) rotate(45)'><circle cx='0' cy='-2' r='17'/><path d='M-13 -12 C-24 -20 -27 -32 -19 -38 C-21 -28 -16 -20 -8 -15 Z'/><path d='M13 -12 C24 -20 27 -32 19 -38 C21 -28 16 -20 8 -15 Z'/><path d='M-11 8 L-7 22 L-3 15 L0 24 L3 15 L7 22 L11 8 Z'/></g><g transform='translate(150,117) rotate(45)'><circle cx='0' cy='-2' r='17'/><path d='M-13 -12 C-24 -20 -27 -32 -19 -38 C-21 -28 -16 -20 -8 -15 Z'/><path d='M13 -12 C24 -20 27 -32 19 -38 C21 -28 16 -20 8 -15 Z'/><path d='M-11 8 L-7 22 L-3 15 L0 24 L3 15 L7 22 L11 8 Z'/></g></g></svg>") 0 0/150px 150px;animation:24s linear infinite berserk-scroll;inset:0;transform:none}@keyframes berserk-scroll{0%{background-position:0 0}to{background-position:150px 150px}}.battle-field.berserk:after{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#0000 52%,#6008088c 100%);position:absolute;inset:0}.battle-canvas{width:100%;height:100%;position:absolute;inset:0}.battle-field.boss-raid{background:radial-gradient(at 50% 32%,#4a1430 0%,#341026 48%,#1a0812 100%)}.battle-field.boss-raid:before{opacity:.35;background:repeating-linear-gradient(45deg,#0000 0 34px,#ff8a7214 34px 36px),repeating-linear-gradient(-45deg,#0000 0 34px,#5a28501f 34px 36px);animation:40s linear infinite berserk-scroll;inset:0;transform:none}.battle-field.boss-raid:after{content:"";pointer-events:none;background:radial-gradient(at 50% 42%,#0000 48%,#18040e99 100%);position:absolute;inset:0}.battle-heading{top:max(14px, env(safe-area-inset-top));z-index:2;color:var(--bright);text-shadow:0 2px #000;flex-direction:column;gap:2px;display:flex;position:absolute;left:14px}.battle-heading strong{font-size:16px}.battle-heading span{color:var(--goldTitle);font-size:11px;font-weight:800}.battle-actions{top:max(12px, env(safe-area-inset-top));z-index:3;gap:6px;display:flex;position:absolute;right:12px}.battle-actions .btn{min-width:54px;min-height:38px;padding-inline:9px}.battle-bossbar{top:max(72px, calc(env(safe-area-inset-top) + 60px));z-index:2;width:min(340px,100% - 28px);display:none;position:absolute;left:50%;transform:translate(-50%)}.battle-bossbar.on{animation:.34s cubic-bezier(.18,.9,.32,1.18) bossbar-in;display:block}@keyframes bossbar-in{0%{opacity:0;transform:translate(-50%)translateY(-18px)scale(.88)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.battle-boss-name{text-align:center;color:#ffb9b0;letter-spacing:2px;text-shadow:0 2px #000;margin-bottom:4px;font-size:14px;font-weight:900}.battle-bossbar .track{background:#200c14;border:2px solid #e8b44a;border-radius:999px;height:20px;position:relative;overflow:hidden;box-shadow:0 3px #00000073,inset 0 2px 4px #000000b3}.battle-bossbar .fill.danger{background:linear-gradient(#ff8a72,#d63c2c 55%,#a52a1c);border-radius:999px;width:100%;transition:width .25s ease-out;position:absolute;inset:0;box-shadow:inset 0 2px #ffffff59}.battle-bossbar .fill.danger:after{content:"";background:repeating-linear-gradient(115deg,#ffffff38 0 8px,#0000 8px 18px);animation:1.1s linear infinite bossbar-flow;position:absolute;inset:0}@keyframes bossbar-flow{0%{background-position:0 0}to{background-position:36px 0}}.battle-bossbar .txt{z-index:1;color:var(--bright);text-shadow:0 1px #000;justify-content:center;align-items:center;font-size:10px;font-weight:900;display:flex;position:absolute;inset:0}.battle-bossbar.low .fill.danger{animation:.62s ease-in-out infinite alternate bossbar-low}@keyframes bossbar-low{0%{filter:brightness()}to{filter:brightness(1.5)}}.battle-progress{top:max(42px, calc(env(safe-area-inset-top) + 30px));z-index:2;color:var(--goldTitle);background:#0a140cad;border:2px solid #ffffff59;border-radius:9px;padding:5px 10px;font-size:11px;font-weight:900;position:absolute;left:14px}.battle-gains{top:max(118px, calc(env(safe-area-inset-top) + 106px));z-index:2;background:#0a140cad;border:2px solid #ffffff59;border-radius:10px;flex-direction:column;gap:3px;width:170px;max-height:142px;padding:7px 9px;display:flex;position:absolute;right:12px;overflow:hidden}.battle-gains .gl{color:var(--bright);text-overflow:ellipsis;text-shadow:0 1px #000;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.battle-gains .gold{color:var(--goldTitle)}.battle-gains .exp{color:var(--gain)}.battle-gains .drop{color:#9cc6ff}.battle-gains .empty{color:#ffffffa6}.battle-gains .kill-reward{border-bottom:1px solid #ffffff1f;min-width:0;padding-bottom:3px}.battle-gains .kill-reward:last-child{border-bottom:0;padding-bottom:0}.battle-gains .kill-reward-head{color:var(--bright);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:900;overflow:hidden}.battle-gains .kill-reward-values{gap:7px;font-size:9px;font-weight:800;display:flex}.battle-gains .kill-reward-items{color:#9cc6ff;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.battle-petbar{z-index:2;min-height:82px;padding:12px 14px max(12px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#0a180c94 28%,#0a180cf5);align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.battle-petface{flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.battle-petbar .prog{flex:1;height:20px}.battle-buffrow{right:14px;bottom:max(94px, calc(env(safe-area-inset-bottom) + 84px));z-index:2;pointer-events:none;flex-wrap:wrap;gap:4px;max-height:60px;display:flex;position:absolute;left:14px;overflow:hidden}.bchip{min-width:22px;height:22px;color:var(--bright);text-shadow:0 1px #000;white-space:nowrap;background:#0a180cc7;border:2px solid;justify-content:center;align-items:center;gap:2px;padding:0 3px;font-size:9px;font-weight:800;line-height:1;display:inline-flex;overflow:hidden}.bchip b{font-size:11px;font-weight:900}.bchip.skill{border-radius:6px}.bchip.equip{border-radius:999px}.bchip.pos{border-color:#76e078}.bchip.neg{border-color:#ff6a5e}.bchip i{color:var(--goldTitle);font-style:normal;font-weight:900}.battle-result{z-index:4;background:#08100ab8;justify-content:center;align-items:center;padding:22px;display:none;position:absolute;inset:0}.battle-result.on{animation:.18s ease-out battle-result-in;display:flex}@keyframes battle-result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.battle-result-panel{border:3px solid var(--outline);background:linear-gradient(180deg, var(--creamHi), var(--creamLo));text-align:center;border-radius:16px;width:min(330px,100%);padding:20px 16px 16px;box-shadow:0 10px 28px #0000008c}.battle-result-title{color:var(--brown);font-size:24px;font-weight:900}.battle-result-stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.battle-result-stats span{color:var(--brown);border-bottom:1px dashed #3a2a1e59;padding:7px 4px;font-size:12px;font-weight:800}.mapcard.locked{cursor:default;opacity:.72}.mapcard .map-action{color:var(--gain)}.map-detail-title{color:var(--brown);font-size:17px;font-weight:900}.difficulty-group{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;display:grid}.difficulty-option{min-height:46px;position:relative}.difficulty-option input{opacity:0;pointer-events:none;position:absolute}.difficulty-option span{border:2px solid var(--outline);min-height:46px;color:var(--brown);cursor:pointer;background:#ffffff8c;border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.difficulty-option input:checked+span{background:var(--navy);color:var(--goldTitle);box-shadow:inset 0 2px #ffffff24}.difficulty-option input:disabled+span{cursor:not-allowed;opacity:.46}.battle-toggle-row{min-height:48px;color:var(--brown);justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;font-weight:800;display:flex}.battle-toggle-row input{width:22px;height:22px;accent-color:var(--green2)}.active-battle-strip{border:2px solid var(--goldDeep);background:var(--navy);color:var(--goldTitle);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:9px 10px;font-size:12px;font-weight:900;display:flex}@media (prefers-reduced-motion:reduce){.battle.on,.battle-result.on,.battle-bossbar.on,.battle-field.berserk:before,.battle-bossbar .fill.danger:after,.battle-bossbar.low .fill.danger{animation:none}.battle-bossbar .fill.danger{transition:none}.bdrop,.bdrop-name,.bdrop.q-orange,.bdrop.q-red{animation:none}.bdrop{opacity:1;transition:opacity .16s linear;transform:translate(-50%,-50%)}.bdrop.out{opacity:0;animation:none}.bdrop.q-orange:after,.bdrop.q-red:after,.bdrop-screenshow{display:none}}.bdrops{--d-in:.46s;--d-stay:3.2s;--d-out:.54s;--d-beam:2.1s;--d-glow:1.5s;--d-float:2.6s;--d-flash:.65s;z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bdrop{white-space:nowrap;text-overflow:ellipsis;max-width:min(178px,46vw);color:var(--bq,var(--bright));text-shadow:0 1px 0 #000, 0 0 6px var(--bq-glow,transparent);animation:bdrop-in var(--d-in) cubic-bezier(.22, 1.1, .36, 1.2) both;will-change:transform, opacity;background:#0a140ca8;border:1px solid #ffffff29;border-radius:8px;padding:3px 12px 4px;font-size:11px;font-weight:900;line-height:1.35;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}@keyframes bdrop-in{0%{opacity:0;transform:translate(calc(-50% + var(--dx,0px)), -170%) scale(.55)}55%{opacity:1;transform:translate(calc(-50% + var(--dx,0px)), 4%) scale(1.07)}75%{transform:translate(calc(-50% + var(--dx,0px)), -30%) scale(1)}to{transform:translate(calc(-50% + var(--dx,0px)), -50%) scale(1)}}.bdrop-name{z-index:1;animation:bdrop-float var(--d-float) ease-in-out var(--d-in) infinite;display:inline-block;position:relative}@keyframes bdrop-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.bdrop:before{content:"";background:radial-gradient(50% 100% at 50% 100%, var(--bq-glow,transparent) 0%, transparent 72%);opacity:.85;pointer-events:none;height:92%;position:absolute;bottom:-46%;left:6%;right:6%}.bdrop.q-white{--bq:var(--qWhite);--bq-glow:#e8e8e84d;--bq-line:#e8e8e873}.bdrop.q-green{--bq:var(--qGreen);--bq-glow:#6bd46b57;--bq-line:#6bd46b80}.bdrop.q-blue{--bq:var(--qBlue);--bq-glow:#5aa8ff66;--bq-line:#5aa8ff8c}.bdrop.q-purple{--bq:var(--qPurple);--bq-glow:#b96bff70;--bq-line:#b96bff94}.bdrop.q-orange{--bq:var(--qOrange);--bq-glow:#ffa94085;--bq-line:#ffa9409e}.bdrop.q-red{--bq:var(--qRed);--bq-glow:#ff5a5a99;--bq-line:#ff5a5ab8}.bdrop.q-blue,.bdrop.q-purple,.bdrop.q-orange,.bdrop.q-red{border-color:var(--bq-line)}.bdrop.q-orange,.bdrop.q-red{animation:bdrop-in var(--d-in) cubic-bezier(.22, 1.1, .36, 1.2) both, bdrop-halo var(--d-glow) ease-in-out var(--d-in) infinite}@keyframes bdrop-halo{0%,to{box-shadow:0 0 6px -1px var(--bq-glow), 0 0 14px -4px var(--bq-glow)}50%{box-shadow:0 0 12px 1px var(--bq-glow), 0 0 26px -2px var(--bq-glow)}}.bdrop.q-orange:after,.bdrop.q-red:after{content:"";width:34%;animation:bdrop-beam var(--d-beam) ease-in-out var(--d-in) infinite;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffffbf 45%,#ffebaae6 50%,#ffffffbf 55%,#0000 100%);position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-140%)skew(-12deg)}@keyframes bdrop-beam{0%{transform:translate(-140%)skew(-12deg)}22%{transform:translate(320%)skew(-12deg)}to{transform:translate(320%)skew(-12deg)}}.bdrop.out{animation:bdrop-out var(--d-out) ease-in both}@keyframes bdrop-out{0%{opacity:1;transform:translate(calc(-50% + var(--dx,0px)), -50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx,0px)), 28%) scale(.92)}}.bdrop-screenshow{z-index:3;pointer-events:none;animation:bdrop-screenshow var(--d-flash) ease-out 1 both;background:radial-gradient(120% 90% at 50% 45%,#0000 42%,#ff5a5a57 100%),linear-gradient(#ff5a5a1a,#ff5a5a1a);position:absolute;inset:0}@keyframes bdrop-screenshow{0%{opacity:0}10%{opacity:1}34%{opacity:.22}52%{opacity:.8}to{opacity:0}}@media (max-width:430px){.bdrop{max-width:42vw;padding:2px 9px 3px;font-size:10px}}.battle-ballslot-wrap{z-index:3;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:104px;right:12px}.battle-ballslot{border:2px solid var(--ink);background:var(--cream);color:var(--brown);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;box-shadow:0 3px #0006}.battle-ballslot.empty{opacity:.55}.battle-potionslot-wrap{z-index:3;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:70px;right:12px}.battle-potionslot{border:2px solid var(--ink);color:var(--brown);cursor:pointer;background:#eef7ff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;box-shadow:0 3px #0006}.battle-potionpop{border:2px solid var(--outline);background:var(--creamHi);border-radius:10px;flex-direction:column;gap:4px;min-width:128px;padding:6px;display:flex}.potionpop-row{border:2px solid var(--outline);color:var(--brown);text-align:left;cursor:pointer;background:#fff9;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800}.potionpop-row.on{color:#0e2a12;background:#d6efff;border-color:#2f6f8f}.battle-ballpop{background:var(--creamHi);border:2px solid var(--outline);border-radius:10px;flex-direction:column;gap:4px;min-width:128px;padding:6px;display:flex}.battle-ballpop[hidden],.battle-potionpop[hidden]{display:none}.ballpop-row{border:2px solid var(--outline);color:var(--brown);text-align:left;cursor:pointer;background:#fff9;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800}.ballpop-row.on{background:var(--green1);color:#0e2a12;border-color:#2f7f45}.ballpop-tip{color:var(--goldDim);padding:2px 3px 1px;font-size:9px}.battle-wildhot{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.battle-wildhot:active{outline-offset:3px;outline:2px dashed #5fd07a}.battle-wildhot.miss{animation:.18s ease-in-out wildhot-miss}@keyframes wildhot-miss{0%,to{transform:translate(0)}30%{transform:translate(-4px)}60%{transform:translate(4px)}}