@font-face{font-family:LxRounded;src:url(/assets/fonts/resource-han-rounded-medium.woff2)format("woff2");font-weight:100 599;font-display:swap}@font-face{font-family:LxRounded;src:url(/assets/fonts/resource-han-rounded-bold.woff2)format("woff2");font-weight:600 900;font-display:swap}@font-face{font-family:LxDisplay;src:url(/assets/fonts/resource-han-rounded-bold.woff2)format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}:root{--font-display:"LxDisplay", "Yuanti SC", "YouYuan", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:"LxRounded", "Yuanti SC", "YouYuan", "Hiragino Maru Gothic ProN", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--cocoa:#6a3f22;--cocoa-soft:#8f5d38;--cocoa-deep:#4a2a14;--ink:#5a3820;--muted:#a4805c;--cream:#fffaf0;--cream-2:#fff0d2;--well:#fbefd6;--line:#efd9b0;--line-2:#e2bf8a;--caramel:#f7c469;--peach:#ff9a3c;--peach-hi:#ffcf6b;--mint:#3fbf7f;--mint-hi:#7fe0a8;--sky:#4fa9e8;--berry:#ff6b8b;--lemon:#ffe27a;--ok:#2f9e62;--bad:#e0463a;--gold:#e07a10;--gold-dim:#e2bf8a;--jade:#3fbf7f;--paper:#fffaf0;--wood:#fffaf0f0;--wood-2:#fff0d2f5;--outline:-1.5px -1.5px 0 var(--cocoa), 1.5px -1.5px 0 var(--cocoa), -1.5px 1.5px 0 var(--cocoa), 1.5px 1.5px 0 var(--cocoa), 0 -1.5px 0 var(--cocoa), 0 1.5px 0 var(--cocoa), -1.5px 0 0 var(--cocoa), 1.5px 0 0 var(--cocoa);--outline-sm:-1px -1px 0 var(--cocoa), 1px -1px 0 var(--cocoa), -1px 1px 0 var(--cocoa), 1px 1px 0 var(--cocoa), 0 -1px 0 var(--cocoa), 0 1px 0 var(--cocoa), -1px 0 0 var(--cocoa), 1px 0 0 var(--cocoa);--outline-lg:-2px -2px 0 var(--cocoa), 2px -2px 0 var(--cocoa), -2px 2px 0 var(--cocoa), 2px 2px 0 var(--cocoa), 0 -2px 0 var(--cocoa), 0 2px 0 var(--cocoa), -2px 0 0 var(--cocoa), 2px 0 0 var(--cocoa), 0 4px 0 var(--cocoa-deep)}html,body,#root{height:100%;color:var(--ink);font-family:var(--font-body);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#cfe8d6;margin:0;overflow:hidden}.game{touch-action:none;position:absolute;inset:0}button{font-family:inherit}.panel{background:linear-gradient(180deg, var(--wood), var(--wood-2));border:3px solid var(--cocoa);color:var(--ink);border-radius:18px;box-shadow:inset 0 3px #ffffffe6,inset 0 -3px #e9be7859,0 4px #4a2a144d,0 8px 18px #4a2a1440}.btn{border:3px solid var(--cocoa);color:#fff;font-family:var(--font-display);letter-spacing:2px;cursor:pointer;text-shadow:var(--outline-sm);box-shadow:inset 0 3px 0 #ffffff80, inset 0 -4px 0 #78320a29, 0 4px 0 var(--cocoa);border-radius:999px;padding:9px 18px 10px;font-size:18px;font-weight:400;transition:transform 80ms,box-shadow 80ms,filter .15s;position:relative}.btn:hover:not(:disabled){filter:brightness(1.06)saturate(1.05)}.btn:active:not(:disabled){box-shadow:inset 0 3px 0 #ffffff80, inset 0 -2px 0 #78320a29, 0 1px 0 var(--cocoa);transform:translateY(3px)scale(1.02,.96)}.btn:disabled{filter:grayscale(.85);opacity:.6;cursor:default}.btn.gold{background:linear-gradient(180deg, var(--peach-hi), var(--peach))}.btn.jade{background:linear-gradient(180deg, var(--mint-hi), var(--mint))}.login-screen{background:linear-gradient(#0000 60%,#ffd6aa59),url(/assets/ui/login.webp) 50%/cover no-repeat,radial-gradient(at 50% 30%,#ffe9c9,#bfe3f2);position:absolute;inset:0}.login{width:min(360px,90vw);box-shadow:0 0 0 4px var(--caramel), 0 0 0 7px var(--cocoa), inset 0 3px 0 #fff, 0 12px 0 4px #4a2a144d, 0 18px 40px #4a2a1459;border-radius:26px;flex-direction:column;gap:12px;padding:26px 24px;animation:.5s cubic-bezier(.34,1.56,.64,1) both pop-in;display:flex;position:absolute;bottom:max(9vh,36px);left:50%;transform:translate(-50%)}.login h1{text-align:center;font-family:var(--font-display);letter-spacing:6px;color:#fff;text-shadow:var(--outline-lg);margin:-74px 0 4px;font-size:44px;font-weight:400}.login h1 small{background:var(--cream);border:2px solid var(--cocoa);letter-spacing:4px;color:var(--cocoa-soft);text-shadow:none;border-radius:999px;margin-top:6px;padding:2px 14px;font-size:13px;display:inline-block}.login input,.chat input{border:2px solid var(--line-2);color:var(--ink);font-family:var(--font-body);-webkit-user-select:text;user-select:text;background:#fff;border-radius:999px;outline:none;padding:10px 16px;font-size:16px;box-shadow:inset 0 2px #e9be7840}.login input::placeholder,.chat input::placeholder{color:#c9ab86}.login input:focus,.chat input:focus{border-color:var(--peach);box-shadow:0 0 0 3px #ffcf6b8c}.login .row{gap:12px;display:flex}.login .row .btn{flex:1}.login .row .btn.gold{flex:2}.login .error{color:var(--bad);text-align:center;margin:0;font-size:14px}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)translateY(24px)scale(.9)}}.portrait{top:calc(8px + env(safe-area-inset-top,0));pointer-events:none;border-radius:48px 20px 20px 48px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex;position:absolute;left:8px}.avatar{width:66px;height:66px;box-shadow:0 0 0 3px var(--cocoa), inset 0 -6px 10px #2f8fd040;background:radial-gradient(circle at 50% 30%,#eaf7ff,#9fd3f5 70%,#7fc0ec);border:3px solid #fff;border-radius:50%;flex:none;position:relative;overflow:hidden}.avatar img{height:480%;position:absolute;top:2px;left:50%;transform:translate(-42%)}.avatar .lv{background:radial-gradient(circle at 40% 30%, #fff6c0, var(--lemon) 60%, #f5b83a);border:2px solid var(--cocoa);min-width:24px;height:24px;color:var(--cocoa);font-family:var(--font-display);text-align:center;border-radius:12px;padding:0 4px;font-size:14px;line-height:20px;position:absolute;bottom:-1px;right:-1px}.stats{flex-direction:column;gap:4px;min-width:132px;display:flex}.stats .name{font-family:var(--font-display);color:var(--cocoa);font-size:18px;line-height:1.1}.bar{border:2px solid var(--cocoa);background:#f3dcc0;border-radius:999px;height:14px;position:relative;overflow:hidden}.bar i{border-radius:999px;height:100%;transition:width .3s;display:block;box-shadow:inset 0 3px #ffffff73,inset 0 -2px #0000001f}.bar.hp i{background:linear-gradient(#ffa092,#ff5d5d 60%,#e8433f)}.bar.mp i{background:linear-gradient(#9fdcff,#4fa9e8 60%,#3a8fd4)}.bar span{text-align:center;color:#fff;text-shadow:var(--outline-sm);font-size:10px;font-weight:700;line-height:10px;position:absolute;inset:0}.gold-line{color:var(--gold);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.gold-line:not(:empty):before{content:"";border:1.5px solid var(--cocoa);background:radial-gradient(circle at 35% 30%,#fff6c0,#ffd23f 60%,#e9a21a);border-radius:50%;width:11px;height:11px}.minimap-box{top:calc(14px + env(safe-area-inset-top,0));text-align:center;pointer-events:none;padding:18px 8px 6px;position:absolute;right:8px}.map-title{white-space:nowrap;background:linear-gradient(180deg, var(--peach-hi), var(--peach));border:3px solid var(--cocoa);font-family:var(--font-display);letter-spacing:3px;color:#fff;text-shadow:var(--outline-sm);box-shadow:inset 0 2px 0 #ffffff80, 0 2px 0 var(--cocoa);border-radius:999px;padding:1px 16px 3px;font-size:17px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.minimap{border:2px solid var(--line-2);background:radial-gradient(at 50% 40%,#e3f5ff,#bfe3f5);border-radius:12px;width:168px;display:block}.coord{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:3px;font-size:12px}.chat{left:8px;bottom:calc(8px + env(safe-area-inset-bottom,0));background:#fffaf0db;flex-direction:column;gap:4px;width:min(340px,44vw);padding:6px;display:flex;position:absolute}.chat ul{min-height:60px;max-height:120px;margin:0;padding:4px 8px;font-size:13px;line-height:1.5;list-style:none;overflow:hidden}.chat b{color:var(--gold);font-weight:700}.chat input{padding:6px 14px;font-size:14px}.menu-bar{right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0));flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:calc(100vw - min(340px,44vw) - 32px);display:flex;position:absolute}.menu-btn{--c:#ffa45c;--hi:#ffd9b3;--lo:#e27a2e;color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:58px;height:68px;padding:0;display:flex;position:relative}.menu-btn[data-menu=role]{--c:#ff7a9c;--hi:#ffd0dc;--lo:#e0507a}.menu-btn[data-menu=bag]{--c:#ffa45c;--hi:#ffd9b3;--lo:#e27a2e}.menu-btn[data-menu=pet]{--c:#c58cf2;--hi:#eed9ff;--lo:#9a5fd0}.menu-btn[data-menu=team]{--c:#5cb8f2;--hi:#cfeaff;--lo:#2f8fd0}.menu-btn[data-menu=hunt]{--c:#4fcf8e;--hi:#cdf6e0;--lo:#2ea86a}.menu-btn[data-menu=furnace]{--c:#ff7a5c;--hi:#ffcdbd;--lo:#d9503a}.menu-btn[data-menu=market]{--c:#3fc7c0;--hi:#c6f4f0;--lo:#22a39c}.menu-btn[data-menu=shop]{--c:#ffc93f;--hi:#fff1b8;--lo:#e0a41a}.menu-btn[data-menu=sys]{--c:#9aa5d6;--hi:#e3e7ff;--lo:#6f7bb5}.menu-btn .glyph{width:48px;height:48px;font-family:var(--font-display);color:#fff;text-shadow:var(--outline);background:radial-gradient(circle at 50% 28%, var(--hi) 0%, var(--c) 55%, var(--lo) 100%);border:3px solid var(--cocoa);box-shadow:inset 0 -4px 0 #00000024, 0 3px 0 var(--cocoa-deep);border-radius:50%;place-items:center;font-size:24px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative}.menu-btn .glyph:after{content:"";background:#ffffffbf;border-radius:50%;width:14px;height:8px;position:absolute;top:5px;left:9px;transform:rotate(-25deg)}.menu-btn:hover .glyph{transform:translateY(-4px)rotate(-4deg)}.menu-btn:active .glyph{transform:scale(.9)}.menu-btn .label{font-family:var(--font-display);letter-spacing:1px;color:#fff;text-shadow:var(--outline);font-size:13px}.toast{background:var(--cream);border:3px solid var(--cocoa);color:var(--cocoa);font-family:var(--font-display);pointer-events:none;z-index:30;border-radius:999px;padding:8px 22px;font-size:17px;animation:.35s cubic-bezier(.34,1.56,.64,1) both toast-pop;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:0 4px #4a2a1459}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}}.map-iris{z-index:40;pointer-events:none;animation:1.25s linear forwards iris-done;position:absolute;inset:0;overflow:hidden}.map-iris .hole{border:6px solid var(--caramel);outline-offset:4px;border-radius:50%;outline:14px dotted #fff3d6;width:0;height:0;animation:1.1s cubic-bezier(.65,0,.35,1) forwards iris-open;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 150vmax #7a4a2a}.map-iris .name{white-space:nowrap;background:linear-gradient(180deg, var(--peach-hi), var(--peach));border:3px solid var(--cocoa);box-shadow:inset 0 3px 0 #ffffff80, 0 4px 0 var(--cocoa-deep);font-family:var(--font-display);letter-spacing:6px;color:#fff;text-shadow:var(--outline);border-radius:999px;padding:6px 30px 8px;font-size:30px;animation:1.25s forwards iris-name;position:absolute;top:50%;left:50%}.map-iris .name:before,.map-iris .name:after{content:"✦";color:var(--lemon);text-shadow:var(--outline-sm);font-size:18px;position:absolute;top:-14px}.map-iris .name:before{left:-6px}.map-iris .name:after{top:auto;bottom:-12px;right:-4px}@keyframes iris-open{0%,32%{width:0;height:0}to{width:260vmax;height:260vmax}}@keyframes iris-name{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}26%{transform:translate(-50%,-50%)scale(1)}62%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)scale(.9)}}@keyframes iris-done{0%,88%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.map-iris{display:none}}.modal{z-index:10;width:min(640px,94vw);max-height:min(78vh,640px);box-shadow:0 0 0 4px var(--caramel), 0 0 0 7px var(--cocoa), inset 0 3px 0 #fff, 0 12px 0 4px #4a2a1447, 0 20px 40px #4a2a144d;background:radial-gradient(#e9be7833 1.3px,#0000 1.8px) 0 0/18px 18px,linear-gradient(#fffaf0,#fff0d2);border-radius:24px;flex-direction:column;padding:26px 16px 14px;font-size:14px;animation:.32s cubic-bezier(.34,1.56,.64,1) both modal-pop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes modal-pop{0%{opacity:0;transform:translate(-50%,-46%)scale(.92)}}.modal header{justify-content:space-between;align-items:center;display:flex}.modal h2{white-space:nowrap;background:linear-gradient(180deg, var(--peach-hi), var(--peach));border:3px solid var(--cocoa);box-shadow:inset 0 3px 0 #ffffff80, inset 0 -3px 0 #a03c1433, 0 3px 0 var(--cocoa-deep);font-family:var(--font-display);letter-spacing:6px;color:#fff;text-shadow:var(--outline);border-radius:999px;margin:0;padding:3px 34px 5px;font-size:22px;font-weight:400;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.modal h2:before,.modal h2:after{content:"";background:radial-gradient(circle at 60% 40%, #fff 0 25%, var(--cream) 26%);border:3px solid var(--cocoa);border-radius:50%;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%}.modal h2:before{left:-12px}.modal h2:after{right:-12px}.modal h3{font-family:var(--font-display);letter-spacing:1px;color:var(--cocoa);margin:12px 0 6px;font-size:17px;font-weight:400}.modal h3:before{content:"";background:var(--peach);width:9px;height:9px;box-shadow:0 0 0 2px var(--cocoa);vertical-align:middle;border-radius:50%;margin:0 7px 2px 2px;display:inline-block}.modal h3 small{font-family:var(--font-body)}.modal small,.modal .muted{color:var(--muted)}.modal .ok{color:var(--ok)}.modal .error{color:var(--bad);text-align:center;background:#ffe4dc;border-radius:999px;margin:8px 0 0;padding:4px 12px}.modal .close{border:3px solid var(--cocoa);width:40px;height:40px;box-shadow:inset 0 2px 0 #ffffff80, 0 3px 0 var(--cocoa-deep);color:#fff;font-family:var(--font-display);text-shadow:var(--outline-sm);cursor:pointer;z-index:2;background:radial-gradient(circle at 40% 30%,#ffc1b5,#ff6b5a 60%,#e0463a);border-radius:50%;padding:0 0 3px;font-size:26px;line-height:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:-18px;right:-18px}.modal .close:hover{transform:rotate(90deg)scale(1.08)}.modal-body{padding:4px 6px 4px 2px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.furnace-bag::-webkit-scrollbar{width:6px}.item-grid::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}.furnace-bag::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}.item-grid::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}.modal select,.modal input[type=number]{border:2px solid var(--line-2);color:var(--ink);font-family:var(--font-body);background:#fff;border-radius:10px;max-width:100%;padding:4px 10px;font-size:13px}.modal input[type=number]{width:72px}.btn.small{letter-spacing:1px;white-space:nowrap;box-shadow:inset 0 2px 0 #ffffff80, inset 0 -3px 0 #78320a24, 0 3px 0 var(--cocoa);border-width:2px;padding:3px 12px 5px;font-size:14px}.btn.small:active:not(:disabled){box-shadow:inset 0 2px 0 #ffffff80, 0 1px 0 var(--cocoa);transform:translateY(2px)scale(1.02,.95)}.modal .row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.rows,.list,.chips{margin:0;padding:0;list-style:none}.rows li{border-bottom:2px dashed var(--line);justify-content:space-between;align-items:center;gap:8px;padding:6px 4px;display:flex}.rows li>span{flex:1}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips li{border:2px solid var(--line);background:#fff;border-radius:999px;padding:2px 10px}.hunt h3 small{font-size:12px;font-weight:400}.hunt-now{background:#eafaf1;border:2px solid #9fe0bf;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;padding:8px 12px;display:flex}.hunt-now .chips{flex-basis:100%}.hunt .chips li.member{font-size:12px}.hunt .chips li.you{border-color:var(--peach);color:var(--gold)}.hunt .chips li em{color:#2f8fd0;font-style:normal}.hunt .chips li.grace em{color:var(--bad)}.hunt-parties li.on{background:#fff3c9;border-radius:12px}.hunt-parties li.closed>span{opacity:.55}.hunt-parties .chips{margin-top:4px}.hunt em.tag{color:var(--cocoa-soft);background:#f6e3c0;border-radius:999px;margin-left:6px;padding:0 8px;font-size:11px;font-style:normal}.hunt em.tag.gold{color:var(--gold);border:1.5px solid var(--peach);background:#fff0c2}.hunt-confirm{justify-content:flex-end;margin-top:10px}.hunt details summary{cursor:pointer;color:var(--cocoa-soft)}.grid2,.grid4{grid-template-columns:max-content 1fr;gap:4px 10px;margin:4px 0;display:grid}.grid2>dl{grid-template-columns:max-content 1fr;gap:4px 10px;margin:0;display:grid}div.grid2{grid-template-columns:1fr 1fr}.grid2 dt,.grid4 dt{color:var(--muted)}.grid2 dd,.grid4 dd{margin:0}.split{grid-template-columns:minmax(120px,34%) 1fr;gap:12px;display:grid}.list button{text-align:left;border:2px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;margin-bottom:4px;padding:6px 10px;transition:transform .12s}.list button:hover{transform:translate(2px)}.list button.on{border-color:var(--peach);box-shadow:0 2px 0 var(--peach);background:#fff3c9}.modal.wide{width:min(880px,96vw);max-height:min(88vh,720px)}.furnace{grid-template-columns:380px 1fr;gap:14px;display:grid}.furnace-left{flex-direction:column;gap:8px;display:flex}.bagua-disc{background:radial-gradient(circle, #fff6dc 0 40%, transparent 41%), radial-gradient(circle, #fbe7c1 0 69%, var(--caramel) 70% 72%, transparent 73%);border-radius:50%;width:360px;height:360px;margin:0 auto;position:relative}.gua{width:92px;transform:translate(-50%, -50%) rotate(var(--a)) translateY(-132px) rotate(calc(-1 * var(--a)));text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex;position:absolute;top:50%;left:50%}.gua-name{color:var(--cocoa-soft);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.gua-cell{border:2px dashed var(--line-2);width:84px;min-height:40px;color:var(--muted);cursor:pointer;background:#fff;border-radius:14px;padding:3px;font-size:12px}.gua-cell.filled{color:var(--ink);background:#e6f8ee;border-style:solid;border-color:#7fd6a8}.gua.main .gua-name{color:var(--gold)}.gua.main .gua-cell{border:3px solid var(--peach);box-shadow:0 0 0 3px #ffcf6b80}.gua.armed .gua-cell{border-color:var(--mint);box-shadow:0 0 0 3px #7fe0a88c}.gua-note{font-size:11px;line-height:1.2}.taiji{border:3px solid var(--cocoa);cursor:pointer;background:radial-gradient(circle at 50% 25%,#fff6e0 0 8%,#0000 9%),radial-gradient(circle at 50% 75%,#5a3820 0 8%,#0000 9%),radial-gradient(circle at 50% 25%,#5a3820 0 25%,#0000 26%),radial-gradient(circle at 50% 75%,#fff6e0 0 25%,#0000 26%),linear-gradient(90deg,#5a3820 50%,#fff6e0 50%);border-radius:50%;width:96px;height:96px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px #4a2a144d}.needle{transform-origin:50% 100%;pointer-events:none;width:6px;height:64px;margin:-64px 0 0 -3px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%}.needle:before{content:"";filter:drop-shadow(0 0 0 var(--cocoa)) drop-shadow(0 2px 0 var(--cocoa));border:8px solid #0000;border-top:0;border-bottom:34px solid #ff5d5d;position:absolute;top:0;left:-5px}.furnace-product{border:2px solid var(--line-2);background:#fff;border-radius:16px;flex-direction:column;gap:2px;min-height:58px;padding:6px 12px;display:flex}.furnace-right{flex-direction:column;gap:6px;min-width:0;display:flex}.furnace-bag{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;max-height:340px;display:grid;overflow-y:auto}.bag-cell{border:2px solid var(--line);color:var(--ink);cursor:grab;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:12px;display:flex}.bag-cell.gear{background:#eafaf1}.bag-cell.worn{border-style:dashed}.bag-split{grid-template-columns:1fr 1fr;gap:14px;display:grid}.item-grid{grid-template-columns:repeat(8,44px);gap:4px;max-height:240px;padding:2px 0 4px 2px;display:grid;overflow:hidden auto}.item-cell{border:2px solid var(--line-2);cursor:pointer;background:linear-gradient(#fff,#fbf0dc);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .12s;display:flex;position:relative;box-shadow:inset 0 -3px #e2bf8a59}.item-cell:not(.empty):not(.big):hover{transform:translateY(-2px)}.item-cell.empty{border-color:var(--line);cursor:default;background:#f7ead0;box-shadow:inset 0 2px #e2bf8a59}.item-cell.on{border-color:var(--peach);box-shadow:0 0 0 3px #ffcf6bb3}.item-cell img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.cell-glyph{color:var(--muted);font-size:11px}.item-cell img.broken{visibility:hidden}.item-cell img:not(.broken)+.cell-glyph{display:none}.item-cell .tier,.item-cell .count,.item-cell .worn{color:#fff;text-shadow:var(--outline-sm);font-size:10px;font-weight:700;line-height:1;position:absolute}.item-cell .tier{color:var(--lemon);top:2px;left:3px}.item-cell .count{bottom:2px;right:3px}.item-cell .worn{color:var(--mint-hi);top:2px;right:3px}.item-cell.grade-1{border-color:#6cc56c}.item-cell.grade-2{background:radial-gradient(circle,#6fa8e059,#fff 72%);border-color:#5aa8ee;box-shadow:0 0 6px 1px #6fa8e0d9,inset 0 0 6px #6fa8e073}.item-cell.grade-3,.item-cell.grade-4{overflow:hidden}.item-cell.grade-3{--glow:185, 138, 230;--spark:#d9b8ff;background:radial-gradient(circle,#b98ae666,#fff 72%);border-color:#b98ae6;animation:2.4s ease-in-out infinite grade-pulse}.item-cell.grade-4{--glow:255, 190, 80;--spark:#ffe27a;background:radial-gradient(circle,#ffbe508c,#fff3d6 72%);border-color:#f5b52e;animation:1.8s ease-in-out infinite grade-pulse}.item-cell.grade-3:after,.item-cell.grade-4:after,.item-cell.grade-4:before{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.item-cell.grade-3:after{background:radial-gradient(circle, var(--spark) 0 1.2px, transparent 2.2px) 15% 70% / 100% 100% no-repeat, radial-gradient(circle, var(--spark) 0 1px, transparent 2px) 80% 40% / 100% 100% no-repeat, radial-gradient(circle, var(--spark) 0 .8px, transparent 1.8px) 45% 90% / 100% 100% no-repeat;animation:3s linear infinite grade-sparks}.item-cell.grade-4:before{background:linear-gradient(115deg,#0000 35%,#ffffffbf 50%,#0000 65%) 0 0/250% 100%;animation:2.6s linear infinite grade-sweep}.item-cell.grade-4:after{background:radial-gradient(circle, #fff 0 1.4px, transparent 2.6px) 0 0 / 50% 50%, radial-gradient(circle, var(--spark) 0 1.2px, transparent 2.4px) 25% 30% / 33% 40%, radial-gradient(circle, #ffb020 0 1px, transparent 2px) 60% 10% / 45% 35%;animation:1.8s linear infinite grade-sparks}.item-cell.grade-3 .tier,.item-cell.grade-3 .count,.item-cell.grade-3 .worn,.item-cell.grade-4 .tier,.item-cell.grade-4 .count,.item-cell.grade-4 .worn{z-index:2}@keyframes grade-pulse{0%,to{box-shadow:0 0 4px rgba(var(--glow), .7), inset 0 0 4px rgba(var(--glow), .35)}50%{box-shadow:0 0 10px 2px rgba(var(--glow), 1), inset 0 0 10px rgba(var(--glow), .7)}}@keyframes grade-sweep{0%{background-position:150% 0}to{background-position:-100% 0}}@keyframes grade-sparks{0%{opacity:0;transform:translateY(40%)}30%{opacity:1}to{opacity:0;transform:translateY(-40%)}}@media (prefers-reduced-motion:reduce){.item-cell.grade-3,.item-cell.grade-4,.item-cell.grade-3:after,.item-cell.grade-4:before,.item-cell.grade-4:after{animation:none}}.item-cell.big{cursor:default;flex:none;width:64px;height:64px}.item-detail{border:2px dashed var(--line);background:#fff;border-radius:16px;grid-column:1/-1;gap:12px;margin-top:10px;padding:10px;display:flex}.item-detail p{margin:2px 0}.item-detail input{width:64px}.gold-text{color:var(--gold)}.tabbed{grid-template-columns:1fr auto;gap:10px;display:grid}.tab-body{min-width:0}.side-tabs{flex-direction:column;gap:6px;display:flex}.side-tabs button{writing-mode:vertical-rl;letter-spacing:4px;border:2px solid var(--line-2);color:var(--cocoa-soft);font-family:var(--font-display);cursor:pointer;background:#f7e6c4;border-left:0;border-radius:0 16px 16px 0;padding:12px 6px;font-size:15px;transition:transform .15s}.side-tabs button:hover{transform:translate(2px)}.side-tabs button.on{background:linear-gradient(90deg, var(--peach), var(--peach-hi));border-color:var(--cocoa);color:#fff;text-shadow:var(--outline-sm)}.seg{gap:4px;margin:6px 0;display:flex}.seg button{border:2px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:2px 12px;font-size:12px}.seg button.on{border-color:var(--peach);color:var(--gold);background:#fff3c9}.figure{object-fit:contain;filter:drop-shadow(0 4px 4px #4a2a144d);max-width:100%;max-height:100%;display:block}.role-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.role-figure{border:2px solid var(--line-2);background:radial-gradient(at 50% 88%,#fff3c9,#dff1ff 70%);border-radius:16px;justify-content:center;align-items:flex-end;width:96px;height:120px;display:flex}.role-id{flex-direction:column;gap:4px;display:flex}.role-id b{font-family:var(--font-display);color:var(--cocoa);font-size:20px;font-weight:400}.meter{grid-template-columns:3em 1fr;align-items:center;gap:8px;margin:5px 0;display:grid}.meter .bar{height:16px}.meter .bar span{font-size:11px;line-height:12px}.attr-list{background:var(--well);border:2px solid var(--line);border-radius:16px;grid-template-columns:max-content 1fr max-content 1fr;gap:6px 12px;margin:6px 0 0;padding:10px 12px;display:grid}.attr-list.wide-dt{grid-template-columns:max-content 1fr}.attr-list dt{color:var(--muted)}.attr-list dd{margin:0}.points-free{margin:4px 0 6px}.points-free b{font-family:var(--font-display);color:var(--gold);font-size:20px;font-weight:400}.points-rows{background:var(--well);border:2px solid var(--line);border-radius:16px;gap:6px;padding:10px 12px;display:grid}.points-row{grid-template-columns:3em 1fr 4.5em 30px 30px;align-items:center;gap:8px;display:grid}.points-row b{color:var(--cocoa-soft)}.points-val{text-align:right;font-variant-numeric:tabular-nums}.points-row .step{border:2px solid var(--cocoa-soft);width:30px;height:28px;box-shadow:0 2px 0 var(--line-2);color:var(--gold);font-family:var(--font-display);cursor:pointer;background:#fff;border-radius:10px;padding:0;font-size:18px}.points-row .step:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.points-row .step:disabled{opacity:.35;cursor:default}.points-hint{border:2px solid var(--mint);color:var(--ok);cursor:pointer;background:#e6f8ee;border-radius:999px;align-self:flex-start;padding:1px 10px;font-size:12px}.tabbed .bag-split{grid-template-columns:minmax(0,1fr) auto}.doll{flex-direction:column;gap:8px;display:flex}.doll-body{border:2px solid var(--line-2);background:radial-gradient(at 50% 88%,#fff3c9,#e6f4ff 65%);border-radius:18px;grid-template-columns:52px 1fr 52px;gap:8px;padding:10px 8px;display:grid}.doll-col{flex-direction:column;justify-content:center;gap:10px;display:flex}.doll-slot{width:52px;height:52px}.doll-slot.empty .cell-glyph{color:#c9ab86}.doll-figure{justify-content:center;align-items:flex-end;height:196px;display:flex}.doll-foot{flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.doll-foot>span:first-child{flex-basis:100%}.doll-foot .coin{border:2px solid var(--line);background:#fff;border-radius:999px;padding:2px 10px}.task-track{top:calc(114px + env(safe-area-inset-top,0));z-index:6;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;width:min(240px,60vw);padding:8px 12px;font-size:12px;display:flex;position:absolute;left:8px}.task-track b{font-family:var(--font-display);color:var(--gold);font-size:14px;font-weight:400}.task-track .muted{color:var(--muted)}.task-track{max-height:min(360px,45vh);overflow-y:auto}.task-track details{width:100%}.task-track .task-description{margin:4px 0;display:block}.task-track .task-summary{cursor:pointer}.first-loop-desc{margin:4px 0}@media (height<=520px){.first-loop-desc{display:none}}.report{z-index:12;width:min(380px,90vw)}@media (width<=560px){.split,div.grid2,.furnace,.bag-split,.tabbed,.tabbed .bag-split{grid-template-columns:1fr}.doll-figure{height:150px}.tabbed>.side-tabs{flex-direction:row;order:-1}.side-tabs button{writing-mode:horizontal-tb;border-left:2px solid var(--line-2);border-radius:999px;padding:4px 14px}.attr-list{grid-template-columns:max-content 1fr}.item-grid{grid-template-columns:repeat(auto-fill,40px)}.item-cell{width:40px;height:40px}.bagua-disc{margin:-24px auto;transform:scale(.86)}.menu-btn{width:50px;height:60px}.menu-btn .glyph{width:42px;height:42px;font-size:20px}}.portrait,.minimap-box,.chat,.menu-bar,.sys-menu{z-index:6}.battle{z-index:5;background:#1c2a1a 50%/cover no-repeat;animation:.35s ease-out battle-in;position:absolute;inset:0;overflow:hidden}@keyframes battle-in{0%{opacity:0;filter:brightness(2.2)blur(3px)}}.battle .stage{transform-origin:50%;position:absolute;top:50%;left:50%}.battle header{z-index:2;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.battle .round{font-family:var(--font-display);letter-spacing:3px;color:#fff;background:linear-gradient(180deg, var(--peach-hi), var(--peach));border:3px solid var(--cocoa);box-shadow:inset 0 2px 0 #ffffff80, 0 3px 0 var(--cocoa-deep);text-shadow:var(--outline-sm);border-radius:999px;padding:2px 20px 4px;font-size:20px}.battle .fighter{width:0;height:0;transition:opacity .5s,filter .5s;position:absolute}.battle .fighter .shadow{background:radial-gradient(#00000073,#0000 70%);border-radius:50%;width:68px;height:20px;position:absolute;top:-10px;left:-34px}.battle .body{pointer-events:none;position:absolute}.battle .body.sheet{background-repeat:no-repeat}.battle .body.idle{transform-origin:bottom;animation:2.4s ease-in-out infinite breathe;bottom:0;left:0}@keyframes breathe{0%,to{transform:translate(-50%)scaleY(1)}50%{transform:translate(-50%)scaleY(1.025)}}.battle .fighter.hit .body{filter:brightness(1.8)saturate(.6)}.battle .fighter.dead{opacity:.3;filter:grayscale()}.battle .fighter.monster.dead{opacity:0}.battle .hpbar{border:2px solid var(--cocoa);background:#f3dcc0;border-radius:999px;width:54px;height:8px;position:absolute;left:-27px;overflow:hidden}.battle .hpbar i{background:linear-gradient(#ffa092,#e8433f);height:100%;transition:width .25s;display:block}.battle .fighter:not(.monster) .hpbar i{background:linear-gradient(#9af0a6,#2fae5a)}.battle .tag{white-space:nowrap;font-family:var(--font-display);color:#fff;text-shadow:var(--outline);font-size:15px;position:absolute;top:8px;left:0;transform:translate(-50%)}.battle .fighter.monster .tag{color:#ffd9b0}.battle .tag small{color:var(--lemon)}.battle .guard{white-space:nowrap;color:#fff;background:var(--sky);border:2px solid var(--cocoa);border-radius:999px;padding:0 6px;font-size:12px;font-style:normal;position:absolute;left:0;transform:translate(-50%)}.battle .dmg{font-family:var(--font-display);white-space:nowrap;color:#ff7eb6;-webkit-text-stroke:1.5px #5a0a2c;text-shadow:0 3px #5a0a2c;pointer-events:none;z-index:1000;font-size:36px;line-height:1;position:absolute;left:0}.battle .dmg.crit{color:#ffd84a;-webkit-text-stroke-color:#6a2a00;text-shadow:0 4px #6a2a00;font-size:50px}.battle .dmg small{text-align:center;-webkit-text-stroke:0;color:#fff3c4;text-shadow:var(--outline-sm);font-size:18px;display:block}.battle .outcome{font-family:var(--font-display);letter-spacing:4px;color:#fff;white-space:nowrap;border:3px solid var(--cocoa);background:linear-gradient(180deg, var(--peach-hi), var(--peach));box-shadow:inset 0 3px 0 #ffffff80, 0 5px 0 var(--cocoa-deep);text-shadow:var(--outline);z-index:2;border-radius:999px;margin:0;padding:8px 40px 10px;font-size:30px;animation:.4s cubic-bezier(.34,1.56,.64,1) both toast-pop;position:absolute;top:38%;left:50%;transform:translate(-50%)}.battle .outcome.enemy{background:linear-gradient(#c7c2d9,#8f89ad)}.battle .mode{border:3px solid var(--cocoa);background:var(--cream);height:30px;color:var(--cocoa);font-family:var(--font-display);box-shadow:0 3px 0 var(--cocoa-deep);cursor:pointer;border-radius:999px;padding:0 14px;font-size:14px}.battle .mode.manual{color:var(--cocoa);background:linear-gradient(180deg, #fff3a8, var(--lemon))}.battle .countdown{font-family:var(--font-display);color:var(--lemon);-webkit-text-stroke:3px var(--cocoa);text-shadow:0 6px 0 var(--cocoa-deep);pointer-events:none;z-index:3;font-size:104px;line-height:1;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.battle .commands{right:calc(8px + env(safe-area-inset-right,0));z-index:3;flex-direction:column;align-items:stretch;gap:7px;width:84px;padding:8px 7px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.battle .commands .who{font-family:var(--font-display);text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--gold);font-size:14px;overflow:hidden}.battle .tutorial-hint{background:var(--cream);width:min(500px,60vw);color:var(--cocoa);z-index:8;pointer-events:none;border-radius:12px;margin:0;padding:8px 12px;font-size:12px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.battle .commands .hint{text-align:center;color:var(--ink);font-size:12px}.battle .commands button{height:40px;font-family:var(--font-display);letter-spacing:1px;color:#fff;text-shadow:var(--outline-sm);background:linear-gradient(180deg, var(--peach-hi), var(--peach));border:2px solid var(--cocoa);box-shadow:inset 0 2px 0 #ffffff80, 0 3px 0 var(--cocoa);cursor:pointer;border-radius:14px;padding:0 6px 2px;font-size:17px}.battle .commands button:active:not(:disabled){box-shadow:0 1px 0 var(--cocoa);transform:translateY(2px)}.battle .commands button:disabled{color:#b5a58e;text-shadow:none;box-shadow:none;cursor:not-allowed;background:#efe4d2;border-color:#cdb99a}@media (height<=520px){.battle .commands{top:calc(8px + env(safe-area-inset-top,0));grid-template-columns:1fr 1fr;gap:4px;width:124px;padding:6px 5px;display:grid;transform:none}.battle .commands .who,.battle .commands .hint{grid-column:1/-1}.battle .commands button{height:30px;padding:0 2px;font-size:14px}.game:has(.battle .commands) .minimap-box{visibility:hidden}}.battle .waiting{white-space:nowrap;color:var(--cocoa);background:var(--cream);border:3px solid var(--cocoa);z-index:3;border-radius:999px;margin:0;padding:6px 16px;position:absolute;top:calc(44% + 64px);left:50%;transform:translate(-50%)}.battle .aim{border:3px dashed var(--lemon);cursor:crosshair;z-index:5;background:#ffe27a29;border-radius:18px;width:90px;padding:0;animation:1s ease-in-out infinite aim-bob;position:absolute;left:-45px}@keyframes aim-bob{50%{border-color:#fff}}.battle .fighter.gone{opacity:0}.battle .note{white-space:nowrap;font-family:var(--font-display);color:#e3ecff;-webkit-text-stroke:1px #1a2440;text-shadow:0 2px #1a2440;pointer-events:none;z-index:1000;font-size:22px;position:absolute;left:0;transform:translate(-50%)}.battle .note.ok{color:#9af0a6;-webkit-text-stroke-color:#0a3a18;text-shadow:0 2px #0a3a18}.battle .outcome.fled{background:linear-gradient(#cfe3f5,#8fb8d9)}.battle .tag em.baby{border:1.5px solid var(--cocoa);color:var(--cocoa);text-shadow:none;background:linear-gradient(#fff2a8,#f0b93a);border-radius:999px;margin-right:4px;padding:0 5px;font-size:11px;font-style:normal}.battle .sealed{position:absolute;top:0;left:0}.battle .seal-ring{filter:drop-shadow(0 0 6px #ffc850e6);pointer-events:none;background:url(/assets/fx/seal.webp) 50%/contain no-repeat;width:120px;height:120px;position:absolute;top:0;left:0}.battle .seal-orb{pointer-events:none;background:radial-gradient(circle at 35% 30%,#ffffff8c,#ffe28c2e 45%,#ffbe3c59 70%,#0000 72%);border-radius:50%;position:absolute;left:0;transform:translate(-50%,-50%);box-shadow:0 0 18px #ffd264b3}.battle .seal-orb.caught{background:radial-gradient(circle,#fff 0 20%,#ffe28ccc 45%,#0000 72%)}.battle .seal-shard{clip-path:polygon(50% 0,100% 60%,40% 100%,0 40%);pointer-events:none;background:linear-gradient(160deg,#fff6c8,#f0b93a);width:10px;height:16px;position:absolute}.battle .missile{pointer-events:none;z-index:900;position:absolute}.battle .missile.arrow{filter:drop-shadow(0 0 4px #c8e6ffe6);background:url(/assets/fx/arrow.webp) 50%/contain no-repeat;width:44px;height:6px}.battle .missile.ring{filter:drop-shadow(0 0 6px #ffd76ae6);background:url(/assets/fx/ring.webp) 50%/contain no-repeat;width:30px;height:30px}.battle .missile.feather{filter:drop-shadow(0 0 6px #8ce6ffe6);background:url(/assets/fx/feather.webp) 50%/contain no-repeat;width:36px;height:11px}.battle .missile.talisman{filter:drop-shadow(0 0 6px #ffdc78e6);background:url(/assets/fx/talisman.webp) 50%/contain no-repeat;width:14px;height:30px}.npc-talk{z-index:12;border-radius:24px;align-items:flex-end;gap:12px;width:min(560px,94vw);padding:12px 16px 14px;animation:.3s cubic-bezier(.34,1.56,.64,1) both talk-in;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}@keyframes talk-in{0%{opacity:0;transform:translate(-50%)translateY(16px)}}.npc-talk .npc-face{filter:drop-shadow(0 3px #4a2a144d);flex:none;height:118px;margin:-34px 0 -6px}.npc-talk b{background:linear-gradient(180deg, var(--peach-hi), var(--peach));border:2px solid var(--cocoa);font-family:var(--font-display);color:#fff;letter-spacing:2px;text-shadow:var(--outline-sm);border-radius:999px;padding:1px 14px 3px;font-size:16px;font-weight:400;display:inline-block}.npc-talk p{margin:8px 0 10px;font-size:15px;line-height:1.7}.npc-actions{flex-wrap:wrap;gap:8px;display:flex}.sys-menu{right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0));z-index:20;flex-direction:column;gap:8px;padding:12px;animation:.25s cubic-bezier(.34,1.56,.64,1) both toast-pop;display:flex;position:absolute}.sys-menu button{border:2px solid var(--cocoa-soft);min-width:150px;color:var(--cocoa);font-family:var(--font-display);box-shadow:0 3px 0 var(--line-2);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px 8px;font-size:15px}.sys-menu button:active{box-shadow:none;transform:translateY(2px)}.book-entry{align-items:center;display:inline-flex}.book-del{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px}.pet-panel{grid-template-columns:148px 1fr;gap:12px;display:grid}.pet-roster{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pet-roster button{border:2px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:6px;padding:4px;transition:transform .12s;display:flex}.pet-roster button:hover{transform:translate(2px)}.pet-roster button.on{border-color:var(--peach);box-shadow:0 2px 0 var(--peach);background:#fff3c9}.pet-roster img{object-fit:contain;background:radial-gradient(#fff3c9,#e6f4ff 70%);border-radius:12px;flex:none;width:44px;height:44px}.pet-roster button>span{flex-direction:column;min-width:0;font-size:13px;line-height:1.3;display:flex}.pet-head{grid-template-columns:200px 1fr;align-items:start;gap:12px;display:grid}.pet-head h3{margin-top:0}.pet-stage{--el:255, 207, 107;border:3px solid var(--cocoa);background:radial-gradient(ellipse 80% 60% at 50% 100%, rgba(var(--el), .45), transparent 70%), linear-gradient(180deg, #bfe3ff 0%, #e9f6ff 55%, #fff4dc 100%);cursor:pointer;border-radius:18px;height:210px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 -6px #e9be784d}.pet-stage.el-metal{--el:246, 206, 110}.pet-stage.el-wood{--el:110, 214, 130}.pet-stage.el-water{--el:100, 170, 255}.pet-stage.el-fire{--el:255, 126, 90}.pet-stage.el-earth{--el:220, 160, 90}.pet-stage .halo{background:radial-gradient(circle, rgba(var(--el), .55), rgba(var(--el), .28) 40%, rgba(var(--el), .08) 58%, transparent 70%);border-radius:50%;width:240px;height:240px;margin:-120px 0 0 -120px;animation:5.2s ease-in-out infinite pet-halo;position:absolute;top:48%;left:50%}@keyframes pet-halo{0%,to{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}.pet-stage .array{width:170px;height:170px;margin:-85px 0 0 -85px;position:absolute;top:86%;left:50%;transform:scaleY(.3)}.pet-stage .array:before,.pet-stage .array:after{content:"";border-radius:50%;position:absolute;inset:0}.pet-stage .array:before{border:3px solid rgba(var(--el), .9);background:radial-gradient(circle, rgba(var(--el), .3), transparent 70%);box-shadow:0 0 16px rgba(var(--el), .6), inset 0 0 22px rgba(var(--el), .45)}.pet-stage .array:after{border:3px dashed rgba(var(--el), .7);animation:24s linear infinite pet-array;inset:16px}@keyframes pet-array{to{transform:rotate(360deg)}}.pet-stage .shade{background:radial-gradient(#4a2a1459,#0000 70%);border-radius:50%;width:96px;height:18px;position:absolute;top:86%;left:50%}.pet-stage .feet{filter:drop-shadow(0 0 6px rgba(var(--el), .35));position:absolute;top:84%;left:50%}.pet-stage .body{pointer-events:none;position:absolute}.pet-stage .body.sheet{background-repeat:no-repeat}.pet-stage .body.idle{transform-origin:bottom;animation:2.4s ease-in-out infinite breathe;bottom:0;left:0}.pet-stage .motes{pointer-events:none;position:absolute;inset:0}.pet-stage .motes i{box-shadow:0 0 6px 2px rgba(var(--el), .9);opacity:0;background:#fff;border-radius:50%;animation:7s ease-in-out infinite pet-mote;position:absolute;bottom:12%}@keyframes pet-mote{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:.9}50%{transform:translate(8px,-80px)scale(1)}80%{opacity:.5}to{opacity:0;transform:translate(-6px,-160px)scale(.4)}}.pet-stage .burst{border:3px solid rgba(var(--el), .9);width:120px;height:120px;box-shadow:0 0 18px rgba(var(--el), .6);pointer-events:none;border-radius:50%;margin:-60px 0 0 -60px;animation:.5s ease-out forwards pet-burst;position:absolute;top:52%;left:50%}@keyframes pet-burst{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.pet-stage .halo,.pet-stage .array:after,.pet-stage .motes i{animation:none}}.pet-bars{grid-template-columns:max-content 1fr 40px;align-items:center;gap:6px 8px;margin:10px 0 4px;display:grid}.pet-bars>span{color:var(--muted);font-size:13px}.pet-bars .bar{height:16px}.pet-bars .bar i{background:linear-gradient(#b4f08f,#5cc24a 60%,#3fa53a)}.pet-bars .bar span{font-size:11px;line-height:12px}.modal .gold,.grade-epic,.grade-divine{color:var(--gold)}.grade-fine{color:#2f86d6}@media (width<=560px){.pet-panel,.pet-head{grid-template-columns:1fr}.pet-roster{flex-direction:row;overflow-x:auto}.pet-roster li{flex:none}}.journey-bar{top:calc(12px + env(safe-area-inset-top,0));z-index:7;border-radius:999px;align-items:center;gap:8px;max-width:min(560px,92vw);padding:6px 8px 6px 16px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.journey-bar b{font-family:var(--font-display);color:var(--gold);font-size:15px;font-weight:400}.journey-bar small{color:var(--muted)}.journey-bar.compact{padding:4px 6px}.battle~.journey-bar{display:none}.tag.far{background:#ffd6c8}.menu-badge{font-family:var(--font-display);background:var(--berry);color:#fff;box-shadow:0 0 0 2px var(--cocoa);text-shadow:none;border:2px solid #fff;border-radius:999px;padding:0 5px;font-size:11px;line-height:16px;position:absolute;top:-2px;right:-2px}.team-strip{top:calc(236px + env(safe-area-inset-top,0));z-index:6;max-width:200px;font:inherit;color:var(--ink);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 12px;font-size:12px;display:flex;position:absolute;right:8px}.team-strip b{font-family:var(--font-display);color:var(--gold);font-size:14px;font-weight:400}.team-strip span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.team-strip .you{color:var(--ok);font-weight:700}.team-strip .away{opacity:.6}.team-tabs{border-bottom:3px solid var(--line);gap:6px;margin-bottom:10px;display:flex}.team-tabs button{border:2px solid var(--line-2);color:var(--cocoa-soft);font-family:var(--font-display);cursor:pointer;background:#f7e6c4;border-bottom:0;border-radius:16px 16px 0 0;margin-bottom:-3px;padding:5px 18px 4px;font-size:15px}.team-tabs button.on{background:linear-gradient(180deg, var(--peach-hi), var(--peach));border-color:var(--cocoa);color:#fff;text-shadow:var(--outline-sm)}.team-target{justify-content:space-between}.team-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.team-card{border:2px solid var(--line-2);min-height:210px;box-shadow:0 3px 0 var(--line-2);text-align:center;background:linear-gradient(#dff1ff,#fff8ea 62%);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;font-size:12px;display:flex;position:relative}.team-card.you{border-color:var(--peach);box-shadow:0 0 0 3px #ffcf6bb3, 0 3px 0 var(--peach)}.team-card.away img{filter:grayscale(.8);opacity:.6}.team-card.empty{box-shadow:none;background:#fbf1dc;border-style:dashed;justify-content:center}.team-card .slot{font-family:var(--font-display);color:#fff;text-shadow:var(--outline);font-size:20px;position:absolute;top:3px;left:8px}.team-card .badge{border:2px solid var(--cocoa);font-family:var(--font-display);background:linear-gradient(180deg, #ff9fb4, var(--berry));color:#fff;text-shadow:var(--outline-sm);border-radius:999px;padding:0 7px 1px;font-size:12px;position:absolute;top:5px;right:5px}.team-card img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 3px #4a2a1433);width:100%;height:120px}.team-card .pet{color:var(--muted);font-size:11px}.team-card .name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-display);color:var(--cocoa);font-size:14px;font-weight:400;overflow:hidden}.team-card .vacant{font-family:var(--font-display);color:#d2b48a;font-size:15px}.team-card em.st{border-radius:999px;padding:0 6px;font-size:11px;font-style:normal}.team-card em.st.on{color:var(--ok);background:#d8f5e5}.team-card em.st.cloud{color:#2f7fd0;background:#dcecff}.team-card em.st.away{color:#c77a1f;background:#ffeccf}.team-card .kick{color:var(--bad);cursor:pointer;background:#fff;border:2px solid #f3a99c;border-radius:999px;margin-top:2px;padding:1px 10px;font-size:11px}.team-list em.tag{background:#fff0c2;border-radius:999px;margin-left:6px;padding:0 7px;font-size:11px;font-style:normal}.team-list em.tag.far{background:#ffd6c8}@media (width<=560px){.team-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.team-card{min-height:170px}.team-card img{height:90px}}@media (width<=560px) and (orientation:portrait){.portrait{left:max(8px, env(safe-area-inset-left,0px));right:max(8px, env(safe-area-inset-right,0px))}.portrait .stats{flex:1;min-width:0}.portrait .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.minimap-box{top:calc(128px + env(safe-area-inset-top,0));right:max(8px, env(safe-area-inset-right,0px));padding:14px 6px 4px}.minimap-box .minimap{width:88px}.minimap-box .map-title{letter-spacing:1px;text-overflow:ellipsis;max-width:calc(100% + 8px);padding:2px 6px;font-size:12px;overflow:hidden}.minimap-box .coord{font-size:10px}.task-track{left:max(8px, env(safe-area-inset-left,0px));width:min(240px, calc(100vw - 132px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));padding:8px}.modal .close{right:0}.team-strip{top:calc(260px + env(safe-area-inset-top,0));left:max(8px, env(safe-area-inset-left,0px));width:min(240px, calc(100vw - 132px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-width:none;right:auto}}@media (height<=520px){.portrait{left:max(8px, env(safe-area-inset-left,0px));transform-origin:0 0;transform:scale(.8)}.task-track{top:calc(90px + env(safe-area-inset-top,0));left:max(8px, env(safe-area-inset-left,0px));width:min(210px,40vw);padding:5px 10px}.task-track>span{display:none}.minimap-box{right:max(8px, env(safe-area-inset-right,0px));transform-origin:100% 0;transform:scale(.72)}.team-strip{top:calc(128px + env(safe-area-inset-top,0));right:max(8px, env(safe-area-inset-right,0px))}.chat{left:max(8px, env(safe-area-inset-left,0px));width:min(260px,32vw);padding:4px}.chat ul{min-height:0;max-height:60px;padding:2px 6px;font-size:12px}.chat ul:empty{display:none}.chat input{padding:4px 12px;font-size:13px}.menu-bar{right:max(8px, env(safe-area-inset-right,0px));flex-wrap:nowrap;gap:3px;max-width:none}.menu-btn{width:44px;height:52px}.menu-btn .glyph{border-width:2.5px;width:36px;height:36px;font-size:18px}.menu-btn .glyph:after{width:10px;height:6px;top:4px;left:7px}.menu-btn .label{letter-spacing:0;font-size:10px}.tabbed .bag-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.item-grid{grid-template-columns:repeat(auto-fill,44px)}}@media (width<=560px) and (height<=520px) and (orientation:portrait){.team-strip{top:calc(164px + env(safe-area-inset-top,0));right:auto}}.role-figure{position:relative}.look-change{white-space:nowrap;border:2px solid var(--cocoa);background:linear-gradient(180deg, var(--lemon), var(--caramel));box-shadow:0 2px 0 var(--cocoa);font-family:var(--font-display);color:var(--cocoa);cursor:pointer;border-radius:999px;padding:1px 10px 2px;font-size:12px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.look-change:active{box-shadow:none;transform:translate(-50%)translateY(2px)}.look-pick{z-index:40;background:radial-gradient(#ffffff59 1.4px,#0000 2px) 0 0/22px 22px,radial-gradient(at 50% 30%,#fff3c9e6,#8fcfeceb 70%);place-items:center;animation:.3s both lp-fade;display:grid;position:fixed;inset:0}@keyframes lp-fade{0%{opacity:0}}.lp-card{width:min(900px,96vw);height:min(540px,90vh);box-shadow:0 0 0 4px var(--caramel), 0 0 0 7px var(--cocoa), inset 0 3px 0 #fff, 0 12px 0 4px #4a2a1447, 0 20px 40px #4a2a144d;background:radial-gradient(#e9be7833 1.3px,#0000 1.8px) 0 0/18px 18px,linear-gradient(#fffaf0,#fff0d2);border-radius:26px;padding:30px 18px 16px;animation:.4s cubic-bezier(.34,1.56,.64,1) both lp-pop;position:relative}@keyframes lp-pop{0%{opacity:0;transform:translateY(16px)scale(.94)}}.lp-card h2{white-space:nowrap;background:linear-gradient(180deg, #ffb3c6, var(--berry));border:3px solid var(--cocoa);box-shadow:inset 0 3px 0 #ffffff80, 0 3px 0 var(--cocoa-deep);font-family:var(--font-display);letter-spacing:6px;color:#fff;text-shadow:var(--outline);border-radius:999px;margin:0;padding:3px 36px 5px;font-size:22px;font-weight:400;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.lp-close{z-index:1;border:3px solid var(--cocoa);background:linear-gradient(180deg, #ffb3a8, var(--bad));color:#fff;width:34px;height:34px;text-shadow:var(--outline-sm);box-shadow:0 3px 0 var(--cocoa);cursor:pointer;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:-16px;right:-16px}.lp-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;height:100%;display:grid}.lp-stage{border:3px solid var(--line-2);background:radial-gradient(at 50% 38%,#fffbe6,#cfeeff 75%);border-radius:20px;position:relative;overflow:hidden}.lp-glow{background:radial-gradient(circle,#fff4bef2,#fff4be00 68%);border-radius:50%;width:260px;height:260px;margin:-130px 0 0 -130px;animation:3.2s ease-in-out infinite lp-breathe;position:absolute;top:44%;left:50%}@keyframes lp-breathe{50%{opacity:.8;transform:scale(1.08)}}.lp-pedestal{border:3px solid var(--cocoa);background:radial-gradient(ellipse at 50% 35%, #fffaf0, var(--caramel) 80%);width:170px;height:46px;box-shadow:inset 0 -6px 0 #a05a1e40, 0 5px 0 var(--cocoa-soft);border-radius:50%;margin-left:-85px;position:absolute;bottom:118px;left:50%}.lp-figure{width:0;height:0;animation:.45s cubic-bezier(.34,1.56,.64,1) both lp-hop;position:absolute;bottom:140px;left:50%}@keyframes lp-hop{0%{opacity:0;transform:translateY(-26px)scale(.9)}}.lp-sprite{filter:drop-shadow(0 4px 3px #4a2a1440);position:absolute;left:0;overflow:hidden}@keyframes lp-strip{0%{transform:translate(0)}to{transform:translateX(var(--strip-end))}}.lp-still{filter:drop-shadow(0 4px 3px #4a2a1440);height:200px;position:absolute;bottom:0;left:0;transform:translate(-50%)}.lp-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.lp-name{font-family:var(--font-display);letter-spacing:3px;color:#fff;text-shadow:var(--outline-lg);font-size:26px;font-weight:400}.lp-tag{border:2px solid var(--cocoa);font-family:var(--font-display);color:#fff;text-shadow:var(--outline-sm);background:linear-gradient(#ffc2a8,#ff8a5c);border-radius:999px;padding:1px 10px 2px;font-size:13px}.lp-tag.ranged{background:linear-gradient(180deg, #bfe6ff, var(--sky))}.lp-motto{border:2px dashed var(--line-2);text-align:center;color:var(--ink);background:#fffaf0eb;border-radius:14px;flex-basis:100%;margin:2px 0 0;padding:6px 12px;font-size:14px}.lp-side{flex-direction:column;gap:8px;min-height:0;display:flex}.lp-hint{color:var(--muted);text-align:center;margin:0;font-size:13px}.lp-grid{flex:1;grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(0,1fr);gap:8px;min-height:0;padding:10px 8px 4px;display:grid;overflow-y:auto}.lp-cell{border:3px solid var(--line-2);background:var(--cream);min-height:0;box-shadow:0 3px 0 var(--line-2);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 5px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.lp-cell:hover{transform:translateY(-3px)}.lp-cell.on{border-color:var(--cocoa);background:linear-gradient(180deg, #fff6c8, var(--peach-hi));box-shadow:0 3px 0 var(--cocoa);transform:translateY(-3px)scale(1.04)}.lp-face{background:radial-gradient(at 50% 70%,#fff3c9,#dff1ff 75%);border-radius:12px;flex:1;width:100%;min-height:56px;position:relative;overflow:hidden}.lp-cell .lp-face img{pointer-events:none;height:190%;position:absolute;top:6%;left:50%;transform:translate(-50%)}.lp-cell-name{font-family:var(--font-display);color:var(--cocoa);white-space:nowrap;font-size:13px}.lp-now{border:2px solid var(--cocoa);background:var(--mint);font-style:normal;font-family:var(--font-display);color:#fff;text-shadow:var(--outline-sm);border-radius:999px;padding:0 6px 1px;font-size:11px;position:absolute;top:-8px;right:-6px}.lp-actions{justify-content:flex-end;align-items:center;gap:10px;padding-bottom:4px;display:flex}.lp-error{color:var(--bad);margin-right:auto;font-size:13px}@media (height<=520px){.lp-card{height:calc(100vh - 56px);margin-top:16px;padding-top:24px}.lp-pedestal{width:140px;margin-left:-70px;bottom:96px}.lp-figure{transform-origin:0 100%;animation:none;bottom:114px;transform:scale(.72)}.lp-name{font-size:20px}.lp-motto{padding:4px 8px;font-size:12px}.lp-hint{display:none}}@media (width<=560px){.lp-body{grid-template-rows:46% 1fr;grid-template-columns:1fr}.lp-grid{grid-template-columns:repeat(5,1fr)}}