@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;700&family=ZCOOL+XiaoWei&display=swap";:root{--bg-deep: #121812;--bg: #1a2118;--bg-elev: #243024;--bg-panel: rgba(28, 38, 28, .92);--moss: #5a7a48;--leaf: #8fbc6a;--amber: #d4a35c;--amber-hot: #e8c07a;--ink: #e8e0d0;--ink-dim: #a89f8e;--danger: #c45c4a;--line: rgba(232, 224, 208, .12);--font-display: "Syne", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif;--radius: 10px;--shadow: 0 12px 40px rgba(0, 0, 0, .35);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;height:100%;background:var(--bg-deep);color:var(--ink);font-family:var(--font-body)}#app{min-height:100%;height:100%}button,input{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:8px;padding:.55rem 1rem;background:var(--amber);color:#1a1510;font-weight:700;transition:transform .15s ease,background .15s ease,opacity .15s}button:hover{background:var(--amber-hot)}button:active{transform:translateY(1px)}button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}button.ghost:hover{background:#ffffff0a}button.danger{background:var(--danger);color:#fff}button:disabled{opacity:.45;cursor:not-allowed}input{width:100%;padding:.65rem .8rem;border-radius:8px;border:1px solid var(--line);background:#00000040;color:var(--ink)}input:focus{outline:2px solid rgba(212,163,92,.45);outline-offset:1px}.auth-screen{min-height:100%;min-height:100dvh;display:grid;place-items:center;padding:1.5rem;position:relative;overflow:hidden;background-color:#93cff9;background-image:url(/auth/welovesa-bg.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}.auth-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#12181247,#1218126b 55%,#1218128c);pointer-events:none}.auth-card{position:relative;z-index:1;width:min(420px,100%);padding:2rem 1.75rem 1.5rem;background:#161e16e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);animation:rise .55s ease both}@media(max-width:480px){.auth-screen{padding:1rem;background-position:center 20%}.auth-card{padding:1.5rem 1.15rem 1.25rem}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.brand{font-family:var(--font-display);font-weight:800;font-size:clamp(2.1rem,6vw,2.75rem);letter-spacing:-.03em;line-height:1.05;margin:0 0 .35rem;color:var(--ink)}.brand span{color:var(--leaf)}.tagline{margin:0 0 1.5rem;color:var(--ink-dim);font-size:.95rem}.field{display:grid;gap:.35rem;margin-bottom:.85rem}.field label{font-size:.8rem;color:var(--ink-dim);font-weight:600}.row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.status{min-height:1.25rem;margin-top:.75rem;font-size:.85rem;color:var(--ink-dim)}.status.error{color:var(--danger)}.status.ok{color:var(--leaf)}.auth-actions{justify-content:stretch}.auth-actions>button{flex:1;min-width:0}.auth-secondary{margin-top:.65rem;text-align:right}.auth-link-btn{background:none;border:none;padding:0;color:var(--leaf);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth-link-btn:hover{color:var(--ink)}.auth-hint{margin:0 0 1rem;font-size:.9rem;color:var(--ink-dim);line-height:1.4}.auth-hint.ok{color:var(--leaf)}.auth-links{margin-top:1.25rem;font-size:.8rem;color:var(--ink-dim)}.auth-links a{color:var(--amber)}.char-screen{min-height:100%;padding:1.25rem;display:grid;gap:1rem;align-content:start;max-width:720px;margin:0 auto}.char-screen h1{font-family:var(--font-display);margin:0}.char-list{display:grid;gap:.6rem}.char-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius)}.char-item strong{font-family:var(--font-display)}.game-shell{height:100%;display:grid;grid-template-rows:1fr;background:var(--bg-deep)}.scene-wrap{position:relative;min-height:0;overflow:hidden;cursor:url(/cdn/sprites/ui/00025000_1.png) 3 3,crosshair}.scene-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:inherit}.map-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#000;opacity:0;pointer-events:none;transition:opacity .32s ease}.map-fade.on{opacity:1;pointer-events:none;transition:opacity .18s ease}.scene-wrap .hud button,.scene-wrap .hud .chip{cursor:pointer}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:.6rem}.hud>*{pointer-events:auto}.hud-top{display:flex;flex-wrap:wrap;gap:.4rem;align-items:flex-start;justify-content:flex-end}.chip{background:var(--bg-panel);border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font-size:.78rem;color:var(--ink-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chip .chip-id{opacity:.65;font-size:.92em}.map-name-banner{position:absolute;top:18%;left:50%;transform:translate(-50%);z-index:9;padding:.65rem 1.35rem;background:#121812e0;border:1px solid var(--line);border-radius:6px;font-size:1.15rem;letter-spacing:.04em;color:var(--ink);pointer-events:none;white-space:nowrap;opacity:0}.map-name-banner.show{animation:map-name-in .35s ease-out forwards}.map-name-banner.fade-out{animation:map-name-out .45s ease-in forwards}@keyframes map-name-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes map-name-out{0%{opacity:1}to{opacity:0}}.chip strong{color:var(--ink);font-weight:700}.interact-bar{position:absolute;top:.45rem;left:.45rem;z-index:6;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.2rem;width:max-content;max-width:calc(100% - .9rem);padding:0;background:transparent;border:none;border-radius:0;pointer-events:none}.interact-bar>*{pointer-events:auto}.interact-bar-title{font-size:.65rem;font-weight:700;letter-spacing:.04em;color:var(--ink-dim);padding:.2rem .35rem;background:var(--bg-panel);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.interact-btn{padding:.28rem .5rem;font-size:.72rem;line-height:1.1;text-align:center;white-space:nowrap;background:#141820b8;color:var(--ink);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.interact-btn:hover{background:#d4a35c59}.interact-picker{position:absolute;top:2.6rem;left:.45rem;z-index:7;display:none;flex-direction:column;gap:.35rem;min-width:9rem;max-width:12rem;padding:.55rem;background:var(--bg-panel);border:1px solid var(--line);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);pointer-events:auto}.interact-picker-head{font-weight:700;font-size:.85rem}.interact-picker-sub{font-size:.72rem;color:var(--ink-dim);margin-bottom:.15rem}.interact-picker-list{display:flex;flex-direction:column;gap:.25rem}.interact-picker-item{padding:.4rem .55rem;font-size:.8rem;text-align:left;background:#ffffff0a;color:var(--ink);border:1px solid var(--line)}.interact-picker-item:hover{background:#8fbc6a33}.interact-picker-cancel{margin-top:.15rem;padding:.35rem .55rem;font-size:.75rem}.interact-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:80;padding:.55rem 1rem;background:#141a14eb;border:1px solid var(--line);border-radius:8px;font-size:.85rem;color:var(--ink);pointer-events:none;white-space:nowrap}.public-chat-bar{position:absolute;left:50%;bottom:.55rem;transform:translate(-50%);z-index:6;display:flex;flex-direction:row;align-items:center;gap:.35rem;width:min(28rem,calc(100% - 1.2rem));padding:0;pointer-events:none}.public-chat-bar>*{pointer-events:auto}.public-chat-channel{flex:0 0 auto;padding:.38rem .65rem;font-size:.72rem;white-space:nowrap;background:#506ea066;color:var(--ink);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.public-chat-channel.is-family{background:#a06e3c73}.public-chat-channel:hover{filter:brightness(1.08)}.public-chat-input{flex:1;min-width:0;padding:.4rem .65rem;font-size:.8rem;color:var(--ink);background:#141820c7;border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:none}.public-chat-input:focus{border-color:#d4a35ca6}.public-chat-send{padding:.38rem .75rem;font-size:.75rem;white-space:nowrap;background:#d4a35c59;color:var(--ink);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.public-chat-send:hover{background:#d4a35c80}.social-panel{position:absolute;right:.55rem;bottom:2.6rem;z-index:9;display:none;flex-direction:column;width:min(22rem,calc(100% - 1.1rem));max-height:min(22rem,70%);background:#12161cf0;border:1px solid var(--line);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);pointer-events:auto;overflow:hidden}.social-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;border-bottom:1px solid var(--line)}.social-title{font-weight:700;font-size:.85rem}.social-close{padding:.2rem .45rem;font-size:.72rem}.social-body{display:grid;grid-template-columns:7.5rem 1fr;min-height:12rem;max-height:18rem}.friend-list{display:flex;flex-direction:column;gap:.2rem;padding:.4rem;border-right:1px solid var(--line);overflow-y:auto}.friend-row{padding:.35rem .45rem;font-size:.78rem;text-align:left;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:6px}.friend-row:hover,.friend-row.active{background:#8fbc6a2e;border-color:var(--line)}.private-chat{display:flex;flex-direction:column;min-width:0;padding:.4rem;gap:.35rem}.private-chat-name{font-size:.78rem;font-weight:700;color:var(--ink-dim)}.private-thread{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;min-height:8rem;max-height:12rem;padding:.15rem}.pm-row{display:flex;flex-direction:column;max-width:85%;gap:.12rem}.pm-row.theirs{align-self:flex-start;align-items:flex-start}.pm-row.mine{align-self:flex-end;align-items:flex-end}.pm-meta{font-size:.65rem;color:var(--ink-dim)}.pm-bubble{padding:.35rem .55rem;font-size:.78rem;line-height:1.35;border-radius:8px;border:1px solid var(--line);word-break:break-word}.pm-row.theirs .pm-bubble{background:#ffffff0f}.pm-row.mine .pm-bubble{background:#d4a35c38}.private-composer{display:flex;gap:.3rem}.private-input{flex:1;min-width:0;padding:.35rem .5rem;font-size:.75rem;color:var(--ink);background:#00000040;border:1px solid var(--line);border-radius:6px;outline:none}.private-send{padding:.35rem .55rem;font-size:.72rem;background:#d4a35c4d;color:var(--ink);border:1px solid var(--line);border-radius:6px}.social-empty{padding:.6rem .35rem;font-size:.72rem;color:var(--ink-dim);line-height:1.4}.debug-bar{position:absolute;top:2.55rem;right:.45rem;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;max-width:min(280px,calc(100% - .9rem));pointer-events:none}.debug-bar>*{pointer-events:auto}.debug-bar-row{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.debug-btn{padding:.28rem .55rem;font-size:.72rem;line-height:1.15;white-space:nowrap;color:var(--ink);background:#141820c7;border:1px solid var(--line);border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.debug-btn:hover,.debug-btn--toggle[aria-pressed=true]{border-color:var(--accent, #8ab4ff);color:#fff}.debug-log{display:none;width:100%;max-height:7.5rem;overflow:auto;padding:.35rem .45rem;font-size:.62rem;line-height:1.35;color:var(--ink-dim);background:#0c1014b8;border:1px solid var(--line);border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.debug-log.debug-log--open:not([hidden]){display:block}.debug-log .log-line{margin:0 0 .15rem;word-break:break-word}.panel{padding:.7rem .85rem;border-bottom:1px solid var(--line);overflow:auto;min-height:0}.panel h2{margin:0 0 .5rem;font-family:var(--font-display);font-size:.95rem;letter-spacing:.02em}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.4rem}.inv-slot{border:1px solid var(--line);border-radius:8px;padding:.45rem;background:#0003;font-size:.75rem;text-align:left;color:var(--ink)}.inv-slot.empty{opacity:.4}.inv-slot .qty{color:var(--amber);font-weight:700}.dialogue{font-size:.88rem;line-height:1.4}.dialogue .speaker{color:var(--leaf);font-weight:700;margin-bottom:.35rem}.opt-list{display:grid;gap:.35rem;margin-top:.55rem}.opt-list button{text-align:left;background:var(--bg-elev);color:var(--ink);border-color:var(--line);font-weight:600;font-size:.82rem}.dlg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:1rem;background:#080c0873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;pointer-events:auto}.dlg-card{width:min(380px,100%);background:linear-gradient(165deg,#2a3628fa,#182018fa);border:1px solid rgba(212,163,92,.35);border-radius:14px;box-shadow:0 18px 48px #00000073,inset 0 1px #ffffff0f;padding:0;overflow:hidden;animation:dlg-in .18s ease-out}@keyframes dlg-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.dlg-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1rem .55rem;border-bottom:1px solid var(--line)}.dlg-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--amber);letter-spacing:.02em}.dlg-close{width:2rem;height:2rem;padding:0;border-radius:8px;background:transparent;color:var(--ink-dim);border-color:transparent;font-size:1.25rem;line-height:1;font-weight:500}.dlg-close:hover{background:#ffffff0f;color:var(--ink)}.dlg-body{padding:1rem 1.1rem .75rem;font-size:.95rem;line-height:1.55;color:var(--ink);min-height:3.2rem}.dlg-prompt{display:grid;gap:.35rem;padding:0 1.1rem .55rem}.dlg-prompt-label{font-size:.8rem;color:var(--muted, #667);font-weight:650}.dlg-prompt-input{width:100%;box-sizing:border-box;border:1px solid rgba(143,188,106,.4);border-radius:8px;padding:.55rem .7rem;font-size:.9rem;background:#ffffffeb;color:var(--ink)}.dlg-actions{display:grid;gap:.4rem;padding:.65rem 1rem 1rem}.dlg-opt{text-align:left;background:#8fbc6a1f;color:var(--ink);border:1px solid rgba(143,188,106,.35);font-weight:650;font-size:.88rem;border-radius:10px;padding:.65rem .85rem}.dlg-opt:hover{background:#8fbc6a38;border-color:#8fbc6a8c}.dlg-opt.shop{background:#d4a35c1f;border-color:#d4a35c66}.dlg-opt.shop:hover{background:#d4a35c38}.log-line{font-size:.75rem;color:var(--ink-dim);font-family:ui-monospace,monospace}.battle-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c140c;display:grid;place-items:stretch;padding:0;z-index:5}.battle-overlay[hidden]{display:none!important;pointer-events:none!important;background:transparent}.battle-wrap{position:relative;display:grid;grid-template-rows:1fr auto auto;width:100%;height:100%;min-height:0}.battle-stage{position:relative;width:100%;height:100%;min-height:280px;overflow:hidden;border:none;border-radius:0;box-shadow:none;image-rendering:pixelated;background-color:#2a3d1c}.battle-map-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;image-rendering:auto}.battle-stage>.battle-field{z-index:1}.battle-reward-toast{font-weight:800;letter-spacing:.02em;white-space:pre-line;text-align:left;line-height:1.45}.battle-field{position:absolute;left:50%;top:50%;transform-origin:center center;pointer-events:none}.battle-field.selecting-target{cursor:crosshair;pointer-events:none}.battle-field.selecting-target .battle-actor-sprite.selectable{pointer-events:auto}.battle-actor-sprite{position:absolute;width:1px;height:1px;pointer-events:none}.battle-actor-hit{position:absolute;left:-28px;top:-72px;width:56px;height:80px;padding:0;border:none;background:transparent;cursor:pointer;pointer-events:none;z-index:2}.battle-actor-sprite.selectable .battle-actor-hit{pointer-events:auto;outline:1px dashed rgba(240,220,80,.55);outline-offset:2px;background:#f0c83c14}.battle-actor-sprite.selectable:hover .battle-actor-hit,.battle-actor-sprite.selectable:focus-within .battle-actor-hit{outline-color:#f0dc50;background:#f0c83c2e}.battle-actor-sprite.dimmed{opacity:.45}.battle-actor-sprite__img{position:absolute;left:0;top:0;max-width:none;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.battle-actor-sprite.hidden{visibility:hidden;pointer-events:none}.battle-actor-sprite.dead .hp-bar{display:none}.battle-actor-sprite.flash .battle-actor-sprite__img{filter:brightness(1.35)}.battle-actor-label{position:absolute;left:0;top:-10px;transform:translate(-50%);font-size:11px;font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000;pointer-events:none;white-space:nowrap;z-index:5}.battle-actor-label--ally{color:#ffe14a;text-shadow:1px 1px 0 #402800,-1px 0 0 #000,0 -1px 0 #000}.battle-actor-label--enemy{color:#fff}.battle-result-card .dlg-body{white-space:pre-line;line-height:1.55}.hp-bar{position:absolute;left:0;top:-80px;width:48px;height:19px;margin-left:-24px;background:transparent center / 100% 100% no-repeat;image-rendering:pixelated;pointer-events:none;z-index:4}.hp-bar--has-mp{height:19px}.hp-bar--pet2,.hp-bar--ride{height:15px}.hp-bar--enemy:not(.hp-bar--pet2){height:10px}.hp-bar--ride{z-index:5}.hp-bar__fill,.hp-bar>i,.hp-bar>span{position:absolute;left:3px;display:block;height:2px;max-width:40px;border-radius:0;font-style:normal;font-size:0;line-height:0}.hp-bar__fill--hp{top:9px;background:#3ecf3e;box-shadow:0 1px #2a9e2a}.hp-bar__fill--mp{top:13px;background:#e8c84a;box-shadow:0 1px #a88820}.hp-bar--pet2 .hp-bar__fill--hp,.hp-bar--ride .hp-bar__fill--hp{top:9px}.hp-bar--enemy:not(.hp-bar--pet2) .hp-bar__fill--hp{top:4px}.battle-actor-ride-label{position:absolute;left:0;top:-10px;transform:translate(-50%);font-size:11px;font-weight:700;letter-spacing:.02em;color:#ffe14a;text-shadow:1px 1px 0 #402800,-1px 0 0 #000,0 -1px 0 #000;pointer-events:none;white-space:nowrap;z-index:5}.battle-actor-ride-label--enemy{color:#fff;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}.float-text{position:absolute;font-weight:800;font-family:var(--font-display);pointer-events:none;animation:floatUp .9s ease forwards;z-index:400;transform:translate(-50%)}.float-text.damage{color:#ff2a2a;font-size:18px;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000,1px 0 0 #000}.float-text.heal{color:#5ecf5e;font-size:18px;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}.float-text.miss{color:#f0f0f0;font-size:16px;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}.float-text.roar{color:#ffe14a;font-size:16px;white-space:nowrap;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}.float-text.guard,.float-text.counter,.float-text.arrange,.float-text.guard_break{color:#7ec8ff;font-size:18px;white-space:nowrap;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}.float-text.crush{color:#ff9a3c;font-size:20px;font-weight:900;white-space:nowrap;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000,0 0 6px rgba(255,120,0,.5)}.float-text.come,.float-text.go{color:#ffe566;font-size:20px;font-weight:800;white-space:nowrap;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}.float-text.vary{color:#c9a0ff;font-size:18px;font-weight:800;white-space:nowrap;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}.float-text.self_explode{color:#f53;font-size:20px;font-weight:900;white-space:nowrap;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000,0 0 8px rgba(255,60,0,.55)}.float-text.charge{color:#fc6;font-size:18px;font-weight:800;white-space:nowrap;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}.float-text.fail{color:#ff2a2a;font-size:20px;font-weight:800;white-space:nowrap;animation:comboBannerFade 1.1s ease forwards;transform:translate(-50%,-100%);text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000,1px 0 0 #000}.float-text.get{color:#ffe14a;font-size:28px;font-weight:900;white-space:nowrap;animation:comboBannerFade 1.2s ease forwards;transform:translate(-50%,-100%);text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000,1px 0 0 #000,0 0 8px rgba(255,136,0,.55)}.float-text.dodge_bang{color:#ffe14a;font-size:36px;font-weight:900;white-space:nowrap;animation:dodgeBangPop 1.1s ease forwards;transform:translate(-50%,-100%);text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000,1px 0 0 #000,0 0 8px rgba(255,136,0,.55)}@keyframes dodgeBangPop{0%{opacity:.2;transform:translate(-50%,-100%) scale(.45)}25%{opacity:1;transform:translate(-50%,-100%) scale(1.2)}70%{opacity:1;transform:translate(-50%,-100%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-100% - 16px)) scale(1.05)}}.float-text.crit{color:#ffe14a;font-size:22px;font-weight:900;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000,1px 0 0 #000,0 0 6px #ff8800}.float-text.combo{display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:.18em;color:#ffe14a;white-space:nowrap;animation:none;transform:translate(-50%,-100%);text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000,1px 0 0 #000,0 0 8px rgba(255,136,0,.55)}.float-text.combo.float-text--combo-fade{animation:comboBannerFade .28s ease forwards}.float-text.combo .combo-part{opacity:0;transform:scale(.6);display:inline-block}.float-text.combo .combo-word{opacity:1;transform:scale(1);font-size:18px;font-weight:800}.float-text.combo .combo-x{font-size:28px;font-weight:900}.float-text.combo .combo-n{font-size:40px;font-weight:900;color:#fff3a0}.float-text.combo .combo-bang{font-size:30px;font-weight:900}.float-text.combo .combo-part--on{opacity:1;transform:scale(1)}.float-text.combo .combo-part--pop{animation:comboPartPop .22s ease}@keyframes comboPartPop{0%{opacity:.2;transform:scale(.45)}70%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes comboBannerFade{0%{opacity:1;transform:translate(-50%,-100%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-100% - 18px)) scale(1.05)}}.float-icon{position:absolute;width:72px;height:36px;margin-top:-48px;background:transparent center / contain no-repeat;image-rendering:pixelated;pointer-events:none;animation:floatUp 1.1s ease forwards;z-index:420;transform:translate(-50%)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-28px)}}.vfx-burst{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:radial-gradient(circle,#fff6 0%,#d4a35c88 40%,transparent 70%);animation:pop .45s ease forwards;pointer-events:none;z-index:350}.vfx-burst--hit{width:36px;height:36px;margin:-18px 0 0 -18px;background:radial-gradient(circle,#fff 0%,#ff6a4088 35%,transparent 70%)}.vfx-burst--magic-heal{width:48px;height:48px;margin:-24px 0 0 -24px;background:radial-gradient(circle,#fff 0%,#9ef0ffaa 30%,#5ad0ff55 55%,transparent 75%);animation:pop .55s ease forwards}.vfx-burst--magic-hit{width:52px;height:52px;margin:-26px 0 0 -26px;background:radial-gradient(circle,#fff 0%,#ffd070cc 25%,#ff7040aa 50%,transparent 75%);animation:pop .5s ease forwards}.vfx-burst--effct{background:transparent;width:64px;height:64px;margin:-32px 0 0 -32px}.vfx-burst__spr{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.vfx-burst--missile{width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:0;background:transparent;z-index:360;opacity:1;pointer-events:none;filter:drop-shadow(0 1px 1px #000a)}.vfx-burst--missile:not(.vfx-burst--missile-spr).vfx-burst--missile-bow{width:36px;height:10px;margin:-5px 0 0 -18px;border-radius:2px;background:linear-gradient(90deg,transparent,#e8d080 30%,#fff 55%,#c8a040)}.vfx-burst--missile:not(.vfx-burst--missile-spr).vfx-burst--missile-axe{width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:3px;background:linear-gradient(135deg,#8a6a40,#d4b070 50%,#5a4030)}.vfx-burst--missile:not(.vfx-burst--missile-spr).vfx-burst--missile-stone{width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c8c0b0,#6a6458 70%)}.vfx-burst--missile:not(.vfx-burst--missile-spr).vfx-burst--missile-boomerang{width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:4px;background:conic-gradient(from 0deg,#c89040,#fff8,#c89040)}.vfx-burst--missile-spr{background:transparent!important}.vfx-burst--arrow{width:40px;height:40px;margin:-20px 0 0 -20px}@keyframes pop{0%{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}.battle-countdown{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:8;font-family:Impact,Arial Black,Helvetica Neue,sans-serif;font-size:clamp(64px,12vw,108px);line-height:1;letter-spacing:.04em;color:#9a9a9a;text-shadow:2px 2px 0 #3a3a3a,4px 4px 0 #1a1a1a,-1px -1px 0 #c8c8c8;opacity:0;pointer-events:none;transition:opacity .15s ease}.battle-countdown.visible{opacity:.92}.battle-ui{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;margin:0;z-index:9;pointer-events:none}.battle-ui .battle-picker{pointer-events:auto}.battle-cmd-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none}.battle-panel-base{position:absolute;width:220px;height:128px;transform:translate(-50%,-50%);background:transparent center / 100% 100% no-repeat;image-rendering:pixelated;pointer-events:none}.battle-cmd-buttons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.battle-cmd{position:absolute;width:40px;height:44px;padding:0;border:none;transform:translate(-50%,-50%);background:transparent center / contain no-repeat;image-rendering:pixelated;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:none;border-radius:0;color:transparent;font-size:0;pointer-events:auto;z-index:2}.battle-cmd--abs{position:absolute}.battle-cmd-cross{position:absolute;width:32px;height:32px;transform:translate(-50%,-50%);background:transparent center / contain no-repeat;image-rendering:pixelated;pointer-events:none;z-index:3}.battle-cmd:hover{filter:brightness(1.12)}.battle-cmd:active{filter:brightness(.92)}.battle-cmd--text{width:auto;min-width:48px;height:28px;padding:0 .45rem;font-size:.7rem;color:#e8d8a8;background:#141812bf;border:1px solid rgba(200,180,120,.35);border-radius:4px;transform:translate(-50%,-50%)}.battle-cmd--close{width:32px;height:32px}.battle-cmd--cancel,.battle-cmd--weapon{min-width:48px;height:36px;padding:0 .45rem;font-size:.72rem;font-weight:700;color:#f0e06a;background:#142814d9;border:2px solid #8a6230}.battle-cmd--disabled{opacity:.35;filter:grayscale(1);cursor:not-allowed;pointer-events:none}.battle-picker{position:absolute;left:50%;bottom:110px;transform:translate(-50%);z-index:12;display:none;flex-direction:column;gap:6px;min-width:180px;max-width:min(320px,92vw);max-height:42vh;padding:.55rem .65rem;background:linear-gradient(180deg,#122412f0,#0a160af5);border:3px solid #8a6230;box-shadow:inset 0 0 0 1px #3a5a2a;box-sizing:border-box}.battle-picker__head{font-size:.85rem;font-weight:700;color:#f0e06a;text-align:center}.battle-picker__list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:28vh}.battle-picker__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(200,180,120,.4);background:#1e301ce6;color:#e8d8a8;font-size:.78rem;font-weight:600;padding:.35rem .55rem;text-align:left;cursor:pointer;border-radius:0}.battle-picker__item:hover{filter:brightness(1.12);border-color:#c4a04a}.battle-picker__empty{color:#a89868;font-size:.75rem;text-align:center;padding:.4rem}.battle-picker__back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #8a6230;background:#142814e6;color:#f0e06a;font-size:.72rem;font-weight:700;padding:.3rem .5rem;cursor:pointer}.battle-msg{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:9;min-width:min(420px,86%);max-width:92%;padding:.55rem 1.1rem;text-align:center;font-size:.95rem;font-weight:700;color:#f0e06a;background:linear-gradient(180deg,#1a3a1a,#0e2810);border:4px solid #8a6230;box-shadow:inset 0 0 0 1px #3a5a2a,0 2px #4a3010;pointer-events:none}.battle-log{display:none}.dev-page{min-height:100%;padding:1.25rem;display:grid;gap:.85rem;justify-items:center;background:radial-gradient(ellipse at top,rgba(90,122,72,.25),transparent 50%),var(--bg-deep)}.dev-page h1{font-family:var(--font-display);margin:0;font-size:1.5rem}.dev-page p{margin:0;color:var(--ink-dim);max-width:36rem;text-align:center}.pet-fab{position:absolute;left:4.1rem;bottom:.55rem;z-index:7;padding:.4rem .7rem;font-size:.75rem;background:#141820c7;color:var(--ink);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.pet-fab:hover{background:#d4a35c47}@media(max-width:420px){.pet-fab{left:3.55rem;padding:.35rem .55rem;font-size:.68rem}}.pet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:none;place-items:center;background:var(--sa-overlay-dim, rgba(0, 0, 0, .18));pointer-events:auto}.pet-shell{pointer-events:auto;max-width:min(22rem,calc(100% - 1.2rem));max-height:min(96%,calc(100% - 1.2rem));overflow:visible}.pet-framework-note{display:none}.pet-panel{color:var(--sa-ink, #f0ebe0);font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", sans-serif)}.pet-loading{text-align:center;color:#f0ebe0}.pet-panel--list .pet-standby-hint{position:absolute;top:2.5%;right:6%;z-index:2;font-size:clamp(.5rem,2.2vw,.62rem);font-weight:700;color:#ffecc8e6;text-shadow:0 1px 2px #000;pointer-events:none}.pet-standby-hint--full{color:#ffb4a8}.pet-empty{position:absolute;top:20%;right:10%;bottom:20%;left:10%;display:grid;place-items:center;text-align:center;color:var(--sa-ink-muted, #c8c0b0);font-size:.8rem;pointer-events:none}.pet-panel--list .pet-status-btn,.pet-panel--list .pet-row-name,.pet-panel--list .pet-row-els,.pet-panel--list .pet-row-score,.pet-panel--list .pet-badge{position:absolute;box-sizing:border-box}.pet-panel--list .pet-row-name{display:flex;align-items:center;font-size:clamp(.62rem,2.8vw,.78rem);font-weight:700;color:var(--sa-ink, #f0ebe0);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;z-index:1}.pet-panel--list .pet-row-els{display:flex;align-items:center;justify-content:flex-start;gap:.12rem;pointer-events:none;z-index:2}.pet-el{width:.7rem;height:.7rem;border:1px solid rgba(0,0,0,.35);border-radius:1px}.pet-el--earth{background:#6a9a3a}.pet-el--water{background:#3a7ad4}.pet-el--fire{background:#d44a3a}.pet-el--wind{background:#d4c84a}.pet-panel--list .pet-row-score{display:flex;align-items:center;justify-content:flex-end;font-size:clamp(.58rem,2.6vw,.72rem);font-weight:800;color:#ffe08a;text-shadow:0 1px 1px #000;white-space:nowrap;overflow:hidden;pointer-events:none;z-index:1}.pet-row-name--sel{outline:none;background:transparent}.pet-panel--list .pet-status-btn{z-index:2;padding:0;margin:0;border:none;border-radius:0;outline:none;box-shadow:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;image-rendering:pixelated;image-rendering:crisp-edges;color:transparent;font-size:0;line-height:0;cursor:pointer}.pet-panel--list .pet-status-btn:hover{filter:brightness(1.08)}.pet-panel--list .pet-status-btn:active{filter:brightness(.94)}.pet-status-btn--standby-full{outline:1px dashed rgba(138,48,48,.55)}.pet-status--rest{--pet-status-icon: url(/ui/pet-status/9172.png)}.pet-status--battle{--pet-status-icon: url(/ui/pet-status/9173.png)}.pet-status--standby{--pet-status-icon: url(/ui/pet-status/9174.png)}.pet-status--mail{--pet-status-icon: url(/ui/pet-status/9175.png)}.pet-status--ride{--pet-status-icon: url(/ui/pet-status/126376.png)}.pet-panel--list .pet-status-btn.pet-status--rest,.pet-panel--list .pet-status-btn.pet-status--battle,.pet-panel--list .pet-status-btn.pet-status--standby,.pet-panel--list .pet-status-btn.pet-status--mail,.pet-panel--list .pet-status-btn.pet-status--ride{background-image:var(--pet-status-icon)}.pet-panel--list .pet-badge{display:flex;align-items:flex-end;font-size:clamp(.55rem,2.5vw,.7rem);font-weight:700;color:#fff;text-shadow:0 1px 1px #000;pointer-events:none;white-space:nowrap;overflow:hidden;box-sizing:border-box}.pet-row-slot--empty{opacity:0;pointer-events:none}.pet-row0-status{top:8.6883%;left:4.4322%;width:20.7064%;height:6.7768%}.pet-row0-name{top:9.2815%;left:26.9229%;width:28%;height:4.736%}.pet-row0-els{top:9.2815%;left:58%;width:20%;height:4.736%}.pet-row0-score{top:9.2815%;left:82%;width:12%;height:4.736%}.pet-row0-lv{top:16.6528%;left:39.6702%;width:13.1454%;height:5.298%}.pet-row0-hp{top:16.0308%;left:61.7502%;width:16.5%;height:6.1273%;justify-content:flex-start}.pet-row0-hpmax{top:16.0308%;left:81%;width:14%;height:6.1273%;justify-content:flex-start}.pet-row1-status{top:23.9029%;left:4.1883%;width:20.7064%;height:8.2281%}.pet-row1-name{top:25.5328%;left:26.1912%;width:28%;height:4.736%}.pet-row1-els{top:25.5328%;left:58%;width:20%;height:4.736%}.pet-row1-score{top:25.5328%;left:82%;width:12%;height:4.736%}.pet-row1-lv{top:32.6967%;left:39.9141%;width:12.6575%;height:5.0907%}.pet-row1-hp{top:31.4528%;left:62.238%;width:16%;height:5.7127%;justify-content:flex-start}.pet-row1-hpmax{top:31.4528%;left:81.2%;width:14%;height:5.7127%;justify-content:flex-start}.pet-row2-status{top:39.7395%;left:4.6761%;width:20.2185%;height:7.8134%}.pet-row2-name{top:40.9547%;left:27.1668%;width:28%;height:4.736%}.pet-row2-els{top:40.9547%;left:58%;width:20%;height:4.736%}.pet-row2-score{top:40.9547%;left:82%;width:12%;height:4.736%}.pet-row2-lv{top:48.7406%;left:39.4263%;width:14.121%;height:4.8834%}.pet-row2-hp{top:47.704%;left:62.7258%;width:15.5%;height:5.92%;justify-content:flex-start}.pet-row2-hpmax{top:47.704%;left:81%;width:14%;height:5.92%;justify-content:flex-start}.pet-row3-status{top:55.7835%;left:4.4322%;width:20.2185%;height:7.6061%}.pet-row3-name{top:57.6206%;left:26.4351%;width:28%;height:4.114%}.pet-row3-els{top:57.6206%;left:58%;width:20%;height:4.114%}.pet-row3-score{top:57.6206%;left:82%;width:12%;height:4.114%}.pet-row3-lv{top:64.7845%;left:39.9141%;width:12.6576%;height:5.298%}.pet-row3-hp{top:63.5406%;left:62.9697%;width:15.5%;height:5.92%;justify-content:flex-start}.pet-row3-hpmax{top:63.5406%;left:81%;width:14%;height:5.92%;justify-content:flex-start}.pet-row4-status{top:72.0347%;left:4.4322%;width:20.9502%;height:7.8134%}.pet-row4-name{top:72.4206%;left:26.679%;width:28%;height:4.736%}.pet-row4-els{top:72.4206%;left:58%;width:20%;height:4.736%}.pet-row4-score{top:72.4206%;left:82%;width:12%;height:4.736%}.pet-row4-lv{top:80.2065%;left:39.6702%;width:13.1454%;height:5.7127%}.pet-row4-hp{top:80.6211%;left:63.2136%;width:15%;height:4.8834%;justify-content:flex-start}.pet-row4-hpmax{top:80.6211%;left:81%;width:14%;height:4.8834%;justify-content:flex-start}.pet-panel--list .pet-btn-ok,.pet-panel--list .pet-btn-cancel{position:absolute;margin:0}.pet-panel--list .pet-btn-ok{top:90.0366%;left:13.3659%;width:30.6561%;height:6.878%;color:#26f50a}.pet-panel--list .pet-btn-cancel{top:90.2439%;left:59.8805%;width:29.4366%;height:6.4634%;color:#e70d0d}.pet-btn{padding:0;font-size:clamp(.62rem,2.8vw,.75rem);line-height:1}.pet-btn--rename{padding:0;font-size:clamp(.5rem,2.2vw,.62rem);color:#1a3868;margin:0}.pet-btn--action{color:#1a3868}.pet-btn--skills{color:#1a7a28}.pet-btn--nav{color:#1a7a28;font-size:.9rem;line-height:1}.pet-panel--status .pet-status-name{position:absolute;top:9%;left:7%;width:48%;height:4.5%;font-size:clamp(.7rem,3.4vw,.88rem);font-weight:700;color:#fff;text-shadow:0 1px 2px #000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pet-btn-rename{position:absolute;top:17%;left:7%;width:28%;height:5%}.pet-val{position:absolute;left:27%;width:14%;height:5%;display:flex;align-items:flex-end;justify-content:flex-start;font-size:clamp(.58rem,2.8vw,.72rem);color:#fff;text-shadow:0 1px 1px #000;line-height:1;padding-bottom:.05em;pointer-events:none;box-sizing:border-box;white-space:nowrap;overflow:hidden}.pet-val-level{top:24.52%}.pet-val-exp{top:31.75%}.pet-val-next{top:38.98%}.pet-val-hp{top:46.2%;left:27%;width:11%}.pet-val-hpmax{top:46.2%;left:41%;width:14%}.pet-val-atk{top:53.43%}.pet-val-def{top:60.66%}.pet-val-agi{top:67.89%}.pet-val-loyalty{top:75.12%}.pet-status-portrait,.pet-panel--status .pet-portrait{position:absolute;top:10%;left:52%;width:44%;height:35%;display:grid;justify-items:center;align-items:end;margin:0;background:transparent;border:none;image-rendering:pixelated;overflow:visible;z-index:3;-webkit-user-select:none;user-select:none;pointer-events:auto}.pet-portrait--anim{pointer-events:auto}.pet-portrait-sprite{width:auto;height:auto;max-width:none;max-height:none;object-fit:fill;image-rendering:pixelated;pointer-events:none}.pet-portrait-glyph{font-size:clamp(1.6rem,8vw,2.2rem);color:#e8c040;text-shadow:0 0 8px rgba(255,200,60,.45)}.pet-status-score{position:absolute;top:46%;left:52%;width:40%;height:5%;display:flex;align-items:center;justify-content:center;gap:.35rem;box-sizing:border-box;pointer-events:none;z-index:2;white-space:nowrap;overflow:hidden}.pet-status-score-label{font-size:clamp(.5rem,2.2vw,.62rem);font-weight:800;color:#c8e0a8;letter-spacing:.04em}.pet-status-score-value{font-size:clamp(.65rem,2.8vw,.82rem);font-weight:800;color:#ffe08a;text-shadow:0 1px 1px #000}.pet-status-elems{position:absolute;top:50.5%;left:52%;width:40%;height:4%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;z-index:2;white-space:nowrap;overflow:hidden;font-size:clamp(.52rem,2.3vw,.68rem);font-weight:800;color:#d8ecb8;letter-spacing:.03em;text-shadow:0 1px 1px #000}.pet-ebar-track{position:absolute;left:72.8%;width:17.92%;height:2.8%;background:transparent;border:none;overflow:hidden}.pet-ebar-earth{top:54.9%}.pet-ebar-water{top:62.2%}.pet-ebar-fire{top:69.4%}.pet-ebar-wind{top:75.4%}.pet-ebar-fill{display:block;height:100%;background:#4cff4c}.pet-ebar--water .pet-ebar-fill{background:#3a9aff}.pet-ebar--fire .pet-ebar-fill{background:#ff5a3a}.pet-ebar--wind .pet-ebar-fill{background:#e8d84a}.pet-btn-growth{position:absolute;top:82.5%;left:8%;width:40%;height:5.2%}.pet-btn-skills{position:absolute;top:82.5%;left:52%;width:40%;height:5.2%}.pet-btn-discard{position:absolute;top:15.5%;left:78%;width:16%;height:4%;color:#c02318;font-size:clamp(.42rem,1.9vw,.55rem);font-weight:800;padding:0;line-height:1;background-size:88% 88%!important}.pet-btn--discard{color:#c02318}.pet-btn-prev{position:absolute;top:91.8%;left:8%;width:12%;height:6.5%}.pet-btn-next{position:absolute;top:91.8%;left:22%;width:12%;height:6.5%}.pet-btn-back{position:absolute;top:91.8%;left:50%;width:42%;height:6.5%}.pet-confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#00000073;border-radius:inherit}.pet-confirm-card{width:min(78%,220px);padding:.85rem .9rem .7rem;background:linear-gradient(180deg,#3a342c,#2a251f);border:1px solid rgba(212,163,92,.55);border-radius:6px;box-shadow:0 8px 24px #00000073;color:#f4efe6;text-align:center}.pet-confirm-title{font-size:clamp(.72rem,3.2vw,.88rem);font-weight:700;margin-bottom:.35rem}.pet-confirm-body{font-size:clamp(.62rem,2.8vw,.74rem);opacity:.9;line-height:1.35;margin-bottom:.75rem}.pet-confirm-actions{display:flex;gap:.45rem;justify-content:center}.pet-confirm-actions button{min-width:4.2rem;padding:.28rem .55rem;font-size:.72rem;cursor:pointer;border-radius:4px;border:1px solid rgba(212,163,92,.45);background:#4a4034;color:#f4efe6}.pet-confirm-actions .pet-confirm-ok{background:#6b3a2e;border-color:#dc7850a6}.pet-skills-name,.pet-panel--skills .pet-skills-petname{position:absolute;top:2.5%;right:8%;left:auto;width:40%;height:4%;text-align:right;font-size:clamp(.5rem,2.2vw,.62rem);color:#f0ebe0d9;z-index:2}.pet-skill-row{position:absolute;left:7%;width:86%;height:5.8%;display:grid;grid-template-columns:2.4rem 1fr;align-items:center;gap:.3rem;padding:0 .15rem;cursor:pointer;box-sizing:border-box}.pet-skill-0{top:14%}.pet-skill-1{top:20%}.pet-skill-2{top:26%}.pet-skill-3{top:32%}.pet-skill-4{top:38%}.pet-skill-5{top:44%}.pet-skill-6{top:50%}.pet-skill-row--empty{cursor:default;opacity:.4}.pet-skill-row--selected .pet-skill-name{outline:1px solid #3cff3c;outline-offset:1px}.pet-skill-slot{padding:.08rem .15rem;font-size:clamp(.5rem,2.2vw,.62rem);font-weight:700;text-align:center;color:#e8f0ff;background:linear-gradient(180deg,#4a6a9a,#2a4068);border:1px solid #1a2840;border-radius:2px}.pet-skill-name{font-size:clamp(.62rem,2.8vw,.78rem);color:#f0ebe0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-skill-marker{margin-left:.25rem;color:#f0d060;font-weight:800}.pet-skill-desc{position:absolute;top:62%;left:28%;width:64%;height:18%;margin:0;padding:.25rem .35rem;font-size:clamp(.55rem,2.5vw,.7rem);line-height:1.25;color:#f0ebe0;background:transparent;border:none;overflow:auto;box-sizing:border-box}.pet-skills-btn-prev{position:absolute;top:88%;left:8%;width:12%;height:8%}.pet-skills-btn-next{position:absolute;top:88%;left:22%;width:12%;height:8%}.pet-skills-btn-back{position:absolute;top:88%;left:50%;width:42%;height:8%}.sa-frame.pet-panel--growth{padding:0;overflow:hidden}.pet-growth-title{position:absolute;top:5%;left:10%;width:40%;height:4.5%;font-weight:800;font-size:.85rem;color:#f0e8d0}.pet-growth-name{position:absolute;top:5%;left:54%;width:36%;height:4.5%;text-align:right;font-size:.75rem;color:#f0ebe0}.pet-growth-meta{position:absolute;top:10%;left:10%;width:80%;height:3.5%;font-size:clamp(.55rem,2.4vw,.68rem);font-weight:700;color:#ffe08a;text-shadow:0 1px 1px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pet-growth-colhead{position:absolute;top:14.5%;width:38%;height:3.8%;display:flex;align-items:center;font-size:clamp(.55rem,2.4vw,.68rem);font-weight:800;color:#c8e0a8;letter-spacing:.04em}.pet-growth-colhead--cap{left:10%}.pet-growth-colhead--coef{left:52%}.pet-growth-cell{position:absolute;width:38%;height:5.2%;display:grid;grid-template-columns:3.4rem 1fr;align-items:center;gap:.25rem;border-bottom:1px solid rgba(232,224,208,.18);box-sizing:border-box}.pet-growth-cap-vit{top:19%;left:10%}.pet-growth-cap-str{top:25%;left:10%}.pet-growth-cap-tgh{top:31%;left:10%}.pet-growth-cap-dex{top:37%;left:10%}.pet-growth-coef-vit{top:19%;left:52%}.pet-growth-coef-str{top:25%;left:52%}.pet-growth-coef-tgh{top:31%;left:52%}.pet-growth-coef-dex{top:37%;left:52%}.pet-growth-pred-head{position:absolute;top:45%;left:10%;width:80%;height:3.8%;display:flex;align-items:center;font-size:clamp(.55rem,2.4vw,.68rem);font-weight:800;color:#c8e0a8;letter-spacing:.04em}.pet-growth-pred-vit{top:50%;left:10%;width:80%}.pet-growth-pred-str{top:56%;left:10%;width:80%}.pet-growth-pred-tgh{top:62%;left:10%;width:80%}.pet-growth-pred-dex{top:68%;left:10%;width:80%}.pet-panel--growth .pet-stat-label{display:inline-block;padding:.08rem .25rem;font-size:.62rem;font-weight:700;color:#1a1510;background:linear-gradient(180deg,#c8c2b0,#9a9588);border:1px solid #6e6a5e;border-radius:2px;text-align:center}.pet-panel--growth .pet-stat-value{font-size:.72rem;color:#f0ebe0}.pet-growth-btn-prev{position:absolute;top:86%;left:10%;width:14%;height:6%}.pet-growth-btn-next{position:absolute;top:86%;left:26%;width:14%;height:6%}.pet-growth-btn-back{position:absolute;top:86%;left:50%;width:40%;height:6%}.status-fab{position:absolute;left:.55rem;bottom:.55rem;z-index:7;padding:.4rem .7rem;font-size:.75rem;background:#141820c7;color:var(--ink);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.status-fab:hover{background:#d4a35c47}.status-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:none;place-items:center;background:var(--sa-overlay-dim, rgba(0, 0, 0, .18));pointer-events:auto}.status-shell{position:relative;pointer-events:auto;max-width:min(22rem,calc(100% - 1.2rem));max-height:min(96%,calc(100% - 1.2rem));overflow:visible}.status-panel{color:var(--sa-ink, #f0ebe0);font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", sans-serif)}.status-loading{text-align:center;color:#f0ebe0}.status-slot-name{position:absolute;top:7.1729%;left:6.7683%;width:50.2927%;height:4.5686%;display:flex;align-items:flex-end;font-size:clamp(.7rem,3.6vw,.88rem);font-weight:700;color:#fff;text-shadow:0 1px 2px #000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1}.status-btn-dp{position:absolute;top:7.1414%;left:68.9756%;width:24%;height:5%}.status-dp{display:flex;align-items:flex-end;justify-content:flex-end;padding-right:.15em;padding-bottom:.08em;color:#1a3868;font-size:clamp(.55rem,2.5vw,.68rem);text-shadow:none;pointer-events:none;box-sizing:border-box}.status-slot-title{position:absolute;top:13.2786%;left:6.5854%;width:38%;height:4.3686%;display:flex;align-items:flex-end;font-size:clamp(.58rem,2.8vw,.72rem);color:#e8e0d0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-btn-title{position:absolute;top:13.6843%;left:61.5122%;width:30%;height:5%}.status-val{position:absolute;left:23.9024%;width:36%;height:5.8133%;display:flex;align-items:flex-end;font-size:clamp(.62rem,3vw,.78rem);color:#fff;line-height:1;padding-bottom:.08em;text-shadow:0 1px 1px #000;pointer-events:none;box-sizing:border-box;white-space:nowrap;overflow:hidden}.status-val-level{top:18.3943%}.status-val-exp{top:24.2076%}.status-val-next{top:30.0209%}.status-val-hp{top:35.8343%;left:23.9024%;width:15.5%;height:5.2604%;justify-content:flex-start}.status-val-hpmax{top:35.8343%;left:42.3%;width:18%;height:5.2604%;justify-content:flex-start;padding-left:.12em}.status-val-mp{top:41.6476%}.status-val-atk{top:47.4609%}.status-val-def{top:53.2742%}.status-val-agi{top:59.0876%}.status-val-charm{top:64.9009%}.status-slot-portrait{position:absolute;top:19.5529%;left:62.4878%;width:30%;height:22%;display:grid;place-items:center;background:transparent;border:none;image-rendering:pixelated;pointer-events:none}.status-portrait .char-face-stack{position:relative;width:100%;height:100%;display:grid;place-items:center}.status-portrait .char-face-layer{position:absolute;max-width:92%;max-height:92%;width:auto;height:auto;image-rendering:pixelated;pointer-events:none}.status-ebar-track{position:absolute;left:69.5678%;width:22.3654%;height:3.0399%;background:transparent;border:none;overflow:hidden}.status-ebar-earth{top:49.0218%}.status-ebar-water{top:55.1539%}.status-ebar-fire{top:60.5489%}.status-ebar-wind{top:66.4968%}.status-ebar-fill{display:block;height:100%;background:#4cff4c}.status-ebar--water .status-ebar-fill{background:#3a9aff}.status-ebar--fire .status-ebar-fill{background:#ff5a3a}.status-ebar--wind .status-ebar-fill{background:#e8d84a}.status-base-cell{position:absolute;display:flex;align-items:flex-end;justify-content:flex-start;box-sizing:border-box;font-size:clamp(.62rem,3vw,.78rem);color:#fff;text-shadow:0 1px 1px #000;pointer-events:none}.status-base-vit{top:79.0028%;left:28.7317%;width:12.6644%;height:5.3785%}.status-base-str{top:78.45%;left:72.7502%;width:13.3961%;height:5.7471%}.status-base-tgh{top:84.8601%;left:28.9756%;width:12.9083%;height:5.0099%}.status-base-dex{top:84.8601%;left:72.7502%;width:13.1522%;height:5.0099%}.status-skup-label{position:absolute;top:71.2%;left:6.5%;width:46%;height:5.2%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;font-size:clamp(.48rem,2.2vw,.62rem);font-weight:800;letter-spacing:.02em;color:#e01818;text-shadow:0 1px 0 rgba(255,255,255,.2);background-image:url(/ui/frame-button.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;image-rendering:pixelated;pointer-events:none}.status-val-skup{position:absolute;top:71.2%;left:54%;width:12%;height:5.2%;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;font-size:clamp(.7rem,3.2vw,.9rem);font-weight:800;color:#47e10e;text-shadow:0 1px 1px #000;pointer-events:none}.status-btn-skup-vit,.status-btn-skup-str,.status-btn-skup-tgh,.status-btn-skup-dex{position:absolute;width:11%;height:4.8%;color:#e01818;font-size:clamp(.5rem,2.3vw,.65rem);font-weight:800;letter-spacing:.02em}.status-btn-skup-vit{top:78.85%;left:42%}.status-btn-skup-str{top:78.35%;left:85%}.status-btn-skup-tgh{top:84.7%;left:42%}.status-btn-skup-dex{top:84.7%;left:85%}.status-btn--skup{padding:0;line-height:1}.status-btn-party,.status-btn-close{position:absolute;width:27.2415%;height:4.4729%}.status-btn-party{top:93.4486%;left:10.683%;color:#47e10e}.status-btn-close{top:93.6328%;left:61.8318%;color:#f20202}.status-btn{padding:0;font-size:clamp(.62rem,2.8vw,.75rem);line-height:1}.status-btn--title{font-size:clamp(.52rem,2.4vw,.65rem);color:#1a3868}.status-title-picker{position:absolute;top:8%;right:6%;bottom:8%;left:6%;z-index:3;display:flex;flex-direction:column;gap:.35rem;padding:.55rem .5rem .45rem;background:#0c1018f0;border:1px solid rgba(212,163,92,.45);border-radius:6px;box-sizing:border-box;pointer-events:auto}.status-title-picker__head{font-size:.78rem;font-weight:700;color:#f0ebe0;text-align:center}.status-title-picker__list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.25rem}.status-title-picker__item{display:block;width:100%;padding:.35rem .45rem;text-align:left;font-size:.72rem;color:#f0ebe0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;cursor:pointer}.status-title-picker__item:hover:not(:disabled){background:#d4a35c38}.status-title-picker__item.is-equipped,.status-title-picker__item:disabled{opacity:.7;cursor:default}.status-title-picker__item--clear{color:#c8c0b0;font-style:italic}.status-title-picker__loading,.status-title-picker__empty{font-size:.7rem;color:#a8a090;text-align:center;padding:.6rem .2rem}.status-title-picker-close{position:static!important;width:100%;height:auto;min-height:1.6rem;margin-top:.15rem}@media(max-width:420px){.status-fab{padding:.35rem .55rem;font-size:.68rem}}.item-fab{position:absolute;left:7.65rem;bottom:.55rem;z-index:7;padding:.4rem .7rem;font-size:.75rem;background:#141820c7;color:var(--ink);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.item-fab:hover{background:#8fbc6a47}@media(max-width:420px){.item-fab{left:6.55rem;padding:.35rem .55rem;font-size:.68rem}}.item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:none;place-items:center;background:var(--sa-overlay-dim, rgba(0, 0, 0, .18));pointer-events:auto}.item-shell{pointer-events:auto;max-width:min(24rem,calc(100% - 1rem));max-height:min(96%,calc(100% - 1rem));overflow:visible}.item-panel{color:var(--sa-ink, #f0ebe0);font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", sans-serif)}.item-loading{text-align:center;color:var(--sa-ink, #f0ebe0)}.item-equip-slot{position:absolute;display:grid;place-items:center;background:transparent;border:none;box-shadow:none;cursor:default;min-width:0;min-height:0;box-sizing:border-box}.item-equip-decoration{top:7.6154%;left:6.2439%;width:14.0645%;height:7.4223%}.item-equip-head{top:7.3399%;left:25.7064%;width:14.0645%;height:8.3867%}.item-equip-accessory{top:7.2021%;left:44.9451%;width:14.2884%;height:8.2489%}.item-equip-weapon{top:16.6511%;left:6.02%;width:14.96%;height:8.2489%}.item-equip-body{top:16.7888%;left:25.9303%;width:14.2884%;height:8.6622%}.item-equip-shield{top:16.9266%;left:45.169%;width:14.0645%;height:7.9734%}.item-equip-arms{top:26.1%;left:6.02%;width:14.96%;height:8.8%}.item-equip-belt{top:26.2378%;left:26.1542%;width:14.0645%;height:8.3867%}.item-equip-shoes{top:26.2378%;left:45.169%;width:14.5123%;height:8.6622%}.item-equip-slot--filled{cursor:pointer}.item-equip-slot--filled:hover,.item-equip-slot--sel{outline:2px solid #3cff3c;outline-offset:0}.item-btn-action{position:absolute;top:5.4335%;left:65.9851%;width:27.358%;height:7.2197%;font-size:clamp(.55rem,2.4vw,.68rem);color:#01f405}.item-btn--action{font-size:clamp(.55rem,2.4vw,.68rem);color:#01f405}.item-stone-value{position:absolute;top:18.8219%;left:65.3581%;width:30.209%;height:4.7245%;display:flex;align-items:center;justify-content:center;margin:0;padding:.15rem .25rem;font-size:clamp(.7rem,3vw,.88rem);font-weight:700;color:#f0ebe0;background:transparent;border:none;box-shadow:none;text-shadow:0 1px 1px #000;box-sizing:border-box}.item-btn-place{position:absolute;top:24.5202%;left:66.2832%;width:18%;height:4%}.item-place-value{position:absolute;top:30.8575%;left:65.911%;width:29.447%;height:3.8622%;display:flex;align-items:center;justify-content:center;min-width:0;padding:.15rem .25rem;text-align:center;font-size:clamp(.58rem,2.5vw,.72rem);font-weight:700;color:#f0ebe0;background:transparent;border:none;box-sizing:border-box}.item-bag-slot{position:absolute;display:grid;place-items:center;cursor:default;-webkit-user-select:none;user-select:none;box-sizing:border-box}.item-bag-0{top:39.6453%;left:3.6112%;width:17.2853%;height:10.2573%}.item-bag-1{top:39.6453%;left:22.3723%;width:17.5092%;height:10.1195%}.item-bag-2{top:39.6453%;left:41.3573%;width:17.5092%;height:9.9818%}.item-bag-3{top:39.5075%;left:59.6707%;width:17.7331%;height:10.3951%}.item-bag-4{top:39.6453%;left:78.208%;width:18.4047%;height:10.3951%}.item-bag-5{top:50.8868%;left:3.6112%;width:17.5092%;height:9.9818%}.item-bag-6{top:50.8868%;left:22.3723%;width:17.5092%;height:9.844%}.item-bag-7{top:50.8868%;left:41.3573%;width:17.5092%;height:9.9818%}.item-bag-8{top:50.749%;left:59.8946%;width:17.5092%;height:10.1195%}.item-bag-9{top:50.8868%;left:78.208%;width:17.5092%;height:10.1195%}.item-bag-10{top:61.9905%;left:2.9396%;width:17.9569%;height:9.844%}.item-bag-11{top:61.8527%;left:22.3723%;width:17.7331%;height:9.844%}.item-bag-12{top:61.7149%;left:41.5812%;width:17.2853%;height:10.1195%}.item-bag-13{top:61.5772%;left:59.8946%;width:17.5092%;height:10.5328%}.item-bag-14{top:61.5772%;left:78.6558%;width:17.5092%;height:10.6706%}.item-bag-slot[draggable=true]{cursor:grab}.item-bag-slot--dragging{opacity:.55}.item-bag-slot--drop{outline:2px solid #ffe566;outline-offset:1px}.item-bag-slot--sel .item-diamond{outline:2px solid #3cff3c;outline-offset:1px}.item-diamond{position:relative;width:100%;height:100%;display:grid;place-items:center;background:transparent;border:none;box-shadow:none;clip-path:none}.item-icon{width:88%;height:88%;object-fit:contain;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.item-equip-slot .item-icon{width:92%;height:92%}.item-slot-name{font-size:clamp(.42rem,2vw,.55rem);font-weight:800;line-height:1.05;text-align:center;color:#1a1510;max-width:90%;overflow:hidden;pointer-events:none;text-shadow:0 0 2px rgba(255,255,255,.55)}.item-qty{position:absolute;right:4%;bottom:6%;z-index:1;min-width:1em;padding:0 .12em;font-size:clamp(.42rem,2vw,.55rem);font-weight:800;line-height:1.1;color:#fff;text-shadow:0 0 2px #000,1px 1px 0 #000;pointer-events:none}.item-desc{position:absolute;top:78.9086%;left:3.8658%;width:92.4922%;height:13.5867%;margin:0;padding:.25rem .35rem;font-size:clamp(.55rem,2.4vw,.68rem);line-height:1.3;white-space:pre-wrap;color:#f0ebe0;background:transparent;border:none;box-shadow:none;overflow:auto}.item-btn-discard{position:absolute;top:73.2%;left:72%;width:23%;height:4.6%;z-index:3}.item-btn-close{position:absolute;top:93.842%;left:40.5819%;width:21.6419%;height:4.1223%;color:#f20202}.item-btn{padding:0 .55rem;font-size:clamp(.58rem,2.5vw,.72rem);line-height:1}.item-btn--place{font-size:clamp(.5rem,2.2vw,.62rem);padding:0 .25rem}.item-target-tabs{display:flex;gap:.25rem;margin:.1rem 0 .05rem}.item-target-tab{flex:1;padding:.32rem .4rem;font-size:.72rem;font-weight:700;color:var(--ink-dim, #a8a090);background:#ffffff0a;border:1px solid var(--line, rgba(255, 255, 255, .12));cursor:pointer}.item-target-tab.is-active{color:var(--ink, #f0ebe0);background:#8fbc6a47;border-color:#8fbc6a8c}.item-target-tab:disabled{opacity:.45;cursor:not-allowed}.item-target-empty{padding:.55rem .4rem;font-size:.75rem;color:var(--ink-dim, #a8a090);text-align:center}.merge-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;display:none;place-items:center;background:var(--sa-overlay-dim, rgba(0, 0, 0, .35));pointer-events:auto}.merge-shell{pointer-events:auto;max-width:min(22rem,calc(100% - 1rem));max-height:min(96%,calc(100% - 1rem));overflow:visible}.sa-frame.sa-frame--merge{aspect-ratio:272 / 281;width:min(20.5rem,92vw,calc(92vh * 272 / 281));max-height:92vh;height:auto;overflow:visible;--sa-frame-img: url(/ui/merge/9180.png);color:var(--sa-ink, #f0ebe0);font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", sans-serif)}.merge-panel{position:relative}.merge-loading{text-align:center;padding:40% 8%;color:var(--sa-ink, #f0ebe0);text-shadow:var(--sa-text-shadow)}.merge-panel .item-bag-slot.merge-bag-slot{cursor:pointer;background:transparent;border:none;box-shadow:none;outline:none}.merge-bag-0{top:7.829%;left:3.309%;width:17.647%;height:12.811%}.merge-bag-1{top:7.829%;left:22.059%;width:17.647%;height:13.167%}.merge-bag-2{top:8.185%;left:41.176%;width:17.279%;height:13.167%}.merge-bag-3{top:8.185%;left:59.926%;width:17.647%;height:13.167%}.merge-bag-4{top:8.541%;left:79.412%;width:16.912%;height:12.811%}.merge-bag-5{top:24.911%;left:3.309%;width:17.647%;height:13.167%}.merge-bag-6{top:24.911%;left:22.059%;width:17.647%;height:13.167%}.merge-bag-7{top:25.267%;left:41.544%;width:17.279%;height:12.811%}.merge-bag-8{top:25.267%;left:59.926%;width:17.647%;height:13.167%}.merge-bag-9{top:25.623%;left:78.676%;width:16.912%;height:13.167%}.merge-bag-10{top:42.349%;left:3.309%;width:17.647%;height:12.811%}.merge-bag-11{top:42.349%;left:22.059%;width:17.279%;height:13.167%}.merge-bag-12{top:42.705%;left:41.176%;width:17.279%;height:13.167%}.merge-bag-13{top:42.705%;left:59.926%;width:17.647%;height:12.456%}.merge-bag-14{top:43.06%;left:79.044%;width:16.912%;height:13.167%}.merge-bag-slot--taken{pointer-events:none}.merge-bag-slot--blocked{opacity:.42;cursor:default}.merge-bag-slot--blocked .item-icon,.merge-bag-slot--blocked .item-slot-name,.merge-bag-slot--blocked .item-qty{filter:grayscale(.35)}.merge-desc{position:absolute;top:58%;left:6%;width:88%;height:24%;overflow:auto;padding:.3rem .4rem;box-sizing:border-box;white-space:pre-wrap;font-size:.72rem;line-height:1.35;color:var(--sa-ink, #f0ebe0);text-shadow:var(--sa-text-shadow);pointer-events:auto}.merge-btn{position:absolute;display:grid;place-items:center;padding:0;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:.72rem;color:#c44;text-shadow:0 1px 0 rgba(255,255,255,.35)}.merge-btn:disabled{opacity:.45;cursor:default}.merge-btn-start{bottom:2.4%;left:8%;width:40%;height:7%;color:#c44}.merge-btn-close{bottom:2.4%;left:52%;width:40%;height:7%;color:#c44}.merge-pet-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;overflow:visible}.merge-pet-sprite{position:absolute;width:20%;height:auto;max-height:24%;transform:translate(-50%,-78%);image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.65));z-index:2}.merge-pet-sprite--spin{animation:merge-pet-spin .44s ease-in-out infinite}@keyframes merge-pet-spin{0%,to{transform:translate(-50%,-78%) scale(1)}50%{transform:translate(-50%,-82%) scale(1.04)}}.merge-carry-icon{position:absolute;width:7.5%;height:auto;max-height:9%;transform:translate(-50%,-50%);image-rendering:pixelated;pointer-events:none;z-index:3;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));transition:opacity .25s ease,transform .25s ease}.merge-carry-icon--done{opacity:0;transform:translate(-50%,-80%) scale(.4)}.merge-busy .merge-bag-slot{pointer-events:none}.shop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:none;place-items:center;background:#080c0847;pointer-events:auto;cursor:default}.shop-shell{pointer-events:auto;max-width:min(28rem,calc(100% - 1rem));max-height:min(96%,calc(100% - 1rem))}.shop-menu-panel{box-sizing:border-box;width:min(18rem,90vw);min-height:11rem;padding:1.1rem 1.35rem .85rem;display:flex;flex-direction:column;align-items:center;gap:.85rem;color:#f5f0e6;font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", monospace);background-color:#16100af0;border:2px solid rgba(212,163,92,.65);border-radius:8px;border-image:url(/ui/frame-shop-menu.png) 48 64 48 64 fill / 48px 64px / 0 stretch;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 12px 32px #00000073}.shop-menu-hint{width:100%;min-height:2.4em;font-size:clamp(.78rem,2vw,.9rem);line-height:1.4;text-align:center;color:#fff;text-shadow:0 1px 2px #000;white-space:pre-wrap}.shop-menu-actions{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:100%}.shop-menu-btn{box-sizing:border-box;min-width:7.5rem;min-height:2rem;padding:.35rem 1.1rem!important;border:1px solid rgba(240,220,160,.55)!important;border-radius:4px;background-color:#281c10eb!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;box-shadow:0 2px 8px #00000059!important;cursor:pointer;image-rendering:pixelated;image-rendering:crisp-edges;filter:none!important;color:#f5e6c8!important;font-weight:800;font-size:1.05rem;letter-spacing:.12em;text-shadow:0 1px 2px #000!important;font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", monospace)}.shop-menu-btn--buy{background-image:url(/ui/btn-shop-buy.png)!important}.shop-menu-btn--sell{background-image:url(/ui/btn-shop-sell.png)!important}.shop-menu-btn--buy,.shop-menu-btn--sell{color:#f5e6c8!important}.shop-menu-btn:hover{filter:brightness(1.08)!important}.shop-menu-btn:active{filter:brightness(.92)!important}.shop-menu-back{margin-top:.25rem}.shop-btn-back{min-width:6.5rem;padding:.2rem .85rem;border:none;border-radius:0;background:transparent url(/ui/frame-button.png) center / 100% 100% no-repeat;image-rendering:pixelated;color:#c02318;font-weight:800;font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", monospace);font-size:.82rem;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.25)}.shop-btn-back:hover{filter:brightness(1.08)}.shop-panel{display:flex;flex-direction:column;color:#f5f0e6;font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", monospace);image-rendering:pixelated;image-rendering:crisp-edges}.shop-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-shrink:0;padding:3.2% 5.5% 1.2% 4.5%;box-sizing:border-box}.shop-page{display:flex;align-items:center;gap:.35rem}.shop-page-btn{width:32px;height:16px;padding:0!important;border:none!important;border-radius:0;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;box-shadow:none!important;cursor:pointer;image-rendering:pixelated;image-rendering:crisp-edges;filter:none!important;color:transparent!important;text-shadow:none!important}.shop-page-btn--prev{background-image:url(/ui/btn-shop-prev.png)!important}.shop-page-btn--prev.shop-page-btn--pressed,.shop-page-btn--prev:active{background-image:url(/ui/btn-shop-prev-pressed.png)!important}.shop-page-btn--next{background-image:url(/ui/btn-shop-next.png)!important}.shop-page-btn--next.shop-page-btn--pressed,.shop-page-btn--next:active{background-image:url(/ui/btn-shop-next-pressed.png)!important}.shop-page-btn:hover{filter:none!important}.shop-page-label{min-width:4.5em;text-align:center;font-size:clamp(.72rem,2.1vw,.88rem);font-weight:700;color:#fff;text-shadow:var(--sa-text-shadow, 0 1px 2px #000);letter-spacing:.02em}.shop-money{font-size:clamp(.72rem,2.1vw,.88rem);font-weight:700;color:#fff;text-shadow:var(--sa-text-shadow, 0 1px 2px #000);white-space:nowrap}.shop-list{flex:1 1 auto;min-height:0;margin:.5% 4.8% 0;padding:.4% 1.2% .6%;overflow:hidden;display:flex;flex-direction:column;gap:0;box-sizing:border-box}.shop-empty{padding:1rem;text-align:center;color:#c8c0b0;text-shadow:0 1px 2px #000;font-size:.85rem}.shop-row{display:grid;grid-template-columns:1fr minmax(2.6em,auto) minmax(3.6em,auto);align-items:center;gap:.35rem;min-height:1.55em;padding:.12em .35em;box-sizing:border-box;cursor:pointer;border:2px solid transparent;color:#fff;font-size:clamp(.72rem,2vw,.86rem);font-weight:650;text-shadow:0 1px 2px rgba(0,0,0,.95);line-height:1.2}.shop-row:hover{background:#3cff3c14}.shop-row--sel{border-color:#3cff3c;background:#3cff3c1f}.shop-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.shop-row-fame,.shop-row-price{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.shop-detail{flex-shrink:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:.35rem .65rem;align-items:start;padding:2.2% 5% 3.8% 4.2%;box-sizing:border-box;min-height:22%}.shop-icon{grid-row:1 / span 2;width:clamp(2.6rem,9vw,3.4rem);height:clamp(2.6rem,9vw,3.4rem);display:grid;place-items:center;background:transparent}.shop-icon-img{width:88%;height:88%;object-fit:contain;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.shop-desc{grid-column:2;grid-row:1;min-height:2.4em;white-space:pre-wrap;font-size:clamp(.7rem,1.9vw,.82rem);line-height:1.35;color:#fff;text-shadow:0 1px 2px #000}.shop-btn-back{grid-column:1 / -1;justify-self:center;min-width:6.5rem;padding:.2rem .85rem!important;font-size:.82rem!important;color:#c02318!important;font-weight:800!important}.shop-qty-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:#00000073}.shop-qty-panel{box-sizing:border-box;min-width:12rem;max-width:min(16rem,92vw);padding:.85rem 1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.65rem;color:#f5f0e6;font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", monospace);background:#16100af5;border:2px solid rgba(212,163,92,.7);border-radius:6px;box-shadow:0 10px 28px #00000080;image-rendering:pixelated}.shop-qty-title{font-size:.88rem;font-weight:800;text-align:center;text-shadow:0 1px 2px #000;white-space:pre-wrap}.shop-qty-row{display:flex;align-items:center;gap:.45rem}.shop-qty-btn{width:20px;height:18px;padding:0!important;border:none!important;border-radius:0;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;cursor:pointer;image-rendering:pixelated;color:transparent!important}.shop-qty-btn--up{background-image:url(/ui/btn-shop-qty-up.png)!important}.shop-qty-btn--up.shop-qty-btn--pressed,.shop-qty-btn--up:active{background-image:url(/ui/btn-shop-qty-up-pressed.png)!important}.shop-qty-btn--down{background-image:url(/ui/btn-shop-qty-down.png)!important}.shop-qty-btn--down.shop-qty-btn--pressed,.shop-qty-btn--down:active{background-image:url(/ui/btn-shop-qty-down-pressed.png)!important}.shop-qty-value{min-width:2.4em;text-align:center;font-size:1.05rem;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.shop-qty-total{font-size:.82rem;font-weight:700;text-shadow:0 1px 2px #000}.shop-qty-actions{display:flex;gap:.55rem;margin-top:.15rem}.shop-qty-action{width:64px;height:20px;padding:0!important;border:none!important;border-radius:0;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;cursor:pointer;image-rendering:pixelated;color:transparent!important}.shop-qty-action--ok{background-image:url(/ui/btn-shop-ok.png)!important}.shop-qty-action--ok.shop-qty-action--pressed,.shop-qty-action--ok:active{background-image:url(/ui/btn-shop-ok-pressed.png)!important}.shop-qty-action--cancel{background-image:url(/ui/btn-shop-cancel.png)!important}.shop-qty-action--cancel.shop-qty-action--pressed,.shop-qty-action--cancel:active{background-image:url(/ui/btn-shop-cancel-pressed.png)!important}.friend-fab{position:absolute;left:11.2rem;bottom:.55rem;z-index:7;padding:.4rem .7rem;font-size:.75rem;background:#141820c7;color:var(--ink);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.friend-fab:hover{background:#8fbc6a47}.friend-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:none;place-items:center;background:var(--sa-overlay-dim, rgba(0, 0, 0, .18));pointer-events:auto}.friend-shell{pointer-events:auto;max-width:min(22rem,calc(100% - 1.2rem));max-height:min(96%,calc(100% - 1.2rem));overflow:visible}.friend-panel{color:var(--sa-ink, #f0ebe0);font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", sans-serif)}.friend-loading{text-align:center;color:var(--sa-ink-muted, #c8c0b0);font-size:.82rem}.friend-empty{position:absolute;top:40%;left:10%;width:80%;z-index:3;text-align:center;padding:.4rem;color:var(--sa-ink-muted, #c8c0b0);font-size:.78rem;pointer-events:none;text-shadow:0 1px 2px #000}.friend-avatar,.friend-card-name,.friend-stat-val,.friend-status-pill,.friend-btn--mail,.friend-btn--delete{position:absolute;box-sizing:border-box}.friend-avatar{display:grid;place-items:center;background:transparent;border:none;overflow:hidden}.friend-avatar--empty{background:transparent}.friend-avatar-glyph{font-size:clamp(1rem,5vw,1.35rem);font-weight:800;color:#2a4068;text-shadow:0 1px 0 rgba(255,255,255,.45)}.friend-card-name{display:flex;align-items:flex-end;font-size:clamp(.68rem,3vw,.85rem);font-weight:700;color:var(--sa-ink, #f0ebe0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 1px #000}.friend-stat-val{display:flex;align-items:flex-end;font-size:clamp(.62rem,2.8vw,.78rem);font-weight:700;color:var(--sa-ink, #f0ebe0);text-shadow:0 1px 1px #000;line-height:1}.friend-status-pill{text-align:center;padding:.12rem .2rem;font-size:clamp(.5rem,2.2vw,.62rem);font-weight:800;color:#ff4a4a;background:linear-gradient(180deg,#2a2a2a,#121212);border:1px solid #050505;border-radius:3px}.friend-status-pill--on{color:#5cff5c}.friend-btn{padding:.12rem .2rem;font-size:clamp(.52rem,2.3vw,.65rem);line-height:1.1}.friend-btn--ghost{opacity:0;pointer-events:none}.friend-btn--page{min-width:1.4rem;color:#1a7a28;padding:.1rem .25rem}.friend-btn--close{min-width:3.8rem;font-size:clamp(.65rem,2.8vw,.8rem)}.friend-card0-avatar{top:7.3314%;left:4.4366%;width:23.2146%;height:16.4162%}.friend-card0-name{top:6.0367%;left:29.3756%;width:48.2878%;height:4.7061%}.friend-card0-lv{top:12.8798%;left:36.239%;width:28.7073%;height:4.29%}.friend-card0-dp{top:18.9168%;left:36.4829%;width:29.1951%;height:4.1392%}.friend-card0-status{top:6.3383%;left:81.0951%;width:12.5171%;height:6.0993%}.friend-card0-mail{top:13.6076%;left:69.8756%;width:23.7366%;height:4.8569%}.friend-card0-delete{top:19.8476%;left:69.8756%;width:23.7366%;height:3.9522%}.friend-card1-avatar{top:29.2438%;left:4.9244%;width:22.7268%;height:15.8131%}.friend-card1-name{top:28.2507%;left:28.6439%;width:48.7756%;height:4.5553%}.friend-card1-lv{top:34.6415%;left:36.9707%;width:27%;height:4.29%}.friend-card1-dp{top:40.6784%;left:36.9707%;width:27%;height:4.29%}.friend-card1-status{top:28.2507%;left:81.339%;width:13.0049%;height:5.4962%}.friend-card1-mail{top:35.3692%;left:69.1439%;width:25.2%;height:5.46%}.friend-card1-delete{top:41.4584%;left:69.8756%;width:24.2244%;height:4.5553%}.friend-card2-avatar{top:51.1562%;left:4.4366%;width:23.2146%;height:15.5116%}.friend-card2-name{top:49.7108%;left:28.6439%;width:47.0683%;height:4.4046%}.friend-card2-lv{top:55.8%;left:36.9707%;width:27%;height:4.29%}.friend-card2-dp{top:62.5909%;left:37.4585%;width:27%;height:4.29%}.friend-card2-status{top:49.4092%;left:81.0951%;width:13.2488%;height:5.4962%}.friend-card2-mail{top:56.2262%;left:69.1439%;width:25.2%;height:5.46%}.friend-card2-delete{top:63.2201%;left:68.9%;width:24.9561%;height:4.2538%}.friend-card3-avatar{top:72.9179%;left:4.6805%;width:23.2146%;height:15.8131%}.friend-card3-name{top:70.8693%;left:29.6195%;width:46.3366%;height:5.0077%}.friend-card3-lv{top:77.7124%;left:36.4829%;width:13.0975%;height:4.5915%}.friend-card3-dp{top:84.8048%;left:36.9707%;width:27%;height:3.5361%}.friend-card3-status{top:71.4724%;left:81.0951%;width:13.2488%;height:5.1947%}.friend-card3-mail{top:78.4402%;left:69.6317%;width:25.2%;height:5.46%}.friend-card3-delete{top:85.1325%;left:69.3878%;width:24.9561%;height:4.103%}.friend-btn-prev,.friend-btn-next,.friend-page-num,.friend-btn-close{position:absolute;margin:0}.friend-btn-prev{top:93.3171%;left:6.0488%;width:8%;height:3.9368%;color:#faf9f9}.friend-page-num{top:92.2616%;left:14.0732%;width:8%;height:6.5%;display:grid;place-items:center;text-align:center;font-weight:800;font-size:clamp(.7rem,3vw,.85rem);color:var(--sa-ink, #f0ebe0)}.friend-btn-next{top:92.8648%;left:23.0732%;width:8%;height:5.2938%;color:#fafafa}.friend-btn-close{top:93.0155%;left:73.6585%;width:15.3658%;height:4.9922%;color:#f90101}@media(max-width:420px){.friend-fab{left:9.55rem;padding:.35rem .55rem;font-size:.68rem}}.family-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:none;place-items:center;background:var(--sa-overlay-dim, rgba(0, 0, 0, .28));pointer-events:auto}.family-shell--detail{pointer-events:auto;width:min(28rem,calc(100% - 1.2rem));max-height:min(92%,calc(100% - 1.2rem));overflow:auto;background:linear-gradient(180deg,#3a3024f5,#241e18f7);border:2px solid #8a7355;border-radius:6px;box-shadow:inset 0 0 0 1px #d2be9640,0 8px 24px #00000073;padding:.65rem .85rem .75rem;color:#f2e6c9;font-size:.82rem}.family-title-plaque{text-align:center;font-weight:700;letter-spacing:.12em;font-size:.95rem;padding:.35rem .6rem;margin:0 auto .55rem;width:fit-content;min-width:7rem;background:linear-gradient(180deg,#6b5438,#4a3a28);border:1px solid #c4a574;border-radius:4px;color:#ffe9b8}.family-tabs{display:flex;gap:.35rem;margin-bottom:.55rem;justify-content:center}.family-tab{font-size:.75rem;padding:.25rem .7rem;cursor:pointer;border-radius:3px;border:1px solid #7a6548;background:#282018d9;color:#dcc9a4}.family-tab.is-active{background:#785a328c;border-color:#d4b07a;color:#fff4d6}.family-detail-body{display:grid;grid-template-columns:1.35fr .9fr;gap:.65rem}@media(max-width:520px){.family-detail-body{grid-template-columns:1fr}}.family-detail-left,.family-detail-right{display:flex;flex-direction:column;gap:.35rem}.family-field{display:grid;grid-template-columns:5.2rem 1fr;gap:.35rem;align-items:baseline}.family-field-label{opacity:.75;font-size:.72rem}.family-field-value{color:#fff6dc;word-break:break-all}.family-motto{margin-top:.35rem;padding:.4rem .45rem;border:1px solid rgba(180,150,100,.35);border-radius:4px;background:#0003;min-height:4.5rem}.family-motto-label{font-size:.7rem;opacity:.7;margin-bottom:.25rem}.family-motto-text{white-space:pre-wrap;line-height:1.4;font-size:.78rem;color:#efe0c0}.family-pet-preview{margin-top:.35rem;min-height:5.5rem;display:grid;place-items:center;border:1px dashed rgba(180,150,100,.4);border-radius:4px;background:#00000040;color:#cbb890;font-size:.75rem}.family-member-table{display:flex;flex-direction:column;gap:.25rem;max-height:16rem;overflow:auto}.family-member-head,.family-member-row{display:grid;grid-template-columns:1.2fr .55fr .7fr 1.4fr;gap:.25rem;align-items:center;padding:.28rem .35rem;font-size:.75rem}.family-member-head{opacity:.7;border-bottom:1px solid rgba(180,150,100,.35)}.family-member-row{border:1px solid rgba(255,255,255,.06);border-radius:3px;background:#00000026}.family-row-acts{display:flex;flex-wrap:wrap;gap:.2rem}.family-actions{display:flex;gap:.35rem;margin-top:.4rem}.family-actions--exit{margin-top:.65rem;padding-top:.45rem;border-top:1px solid rgba(180,150,100,.3)}.family-btn,.family-actions button{font-size:.68rem;padding:.18rem .4rem;cursor:pointer;border-radius:3px;border:1px solid #7a6548;background:#372c20f2;color:#f2e6c9}.family-footer{display:flex;justify-content:center;margin-top:.7rem}.family-leave-btn{min-width:4.5rem;padding:.3rem .9rem;cursor:pointer;border-radius:4px;border:1px solid #a08050;background:linear-gradient(180deg,#6a4e32,#3e2f20);color:#ffe9b8;font-size:.8rem}.family-empty,.family-loading{font-size:.85rem;opacity:.9;padding:.75rem .25rem;text-align:center}.family-dengon-body{display:flex;flex-direction:column;gap:.45rem;min-height:12rem}.family-dengon-hint{font-size:.72rem;opacity:.85}.family-dengon-list{max-height:14rem;overflow:auto;display:flex;flex-direction:column;gap:.35rem;padding:.25rem 0;border-top:1px solid rgba(180,150,100,.25);border-bottom:1px solid rgba(180,150,100,.25)}.family-dengon-row{padding:.3rem .35rem;background:#0000002e;border-radius:3px}.family-dengon-text{white-space:pre-wrap;word-break:break-word}.family-dengon-meta{margin-top:.15rem;font-size:.68rem;opacity:.75}.family-dengon-form{display:flex;gap:.35rem;align-items:center}.family-dengon-input{flex:1;min-width:0;padding:.28rem .4rem;border-radius:3px;border:1px solid #7a6548;background:#1e1812f2;color:#f2e6c9;font-size:.78rem}.settings-fab{position:absolute;left:14.75rem;bottom:.55rem;z-index:7;padding:.4rem .7rem;font-size:.75rem;background:#141820c7;color:var(--ink);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.settings-fab:hover{background:#d4a35c47}.settings-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:none;place-items:center;background:var(--sa-overlay-dim, rgba(0, 0, 0, .18));pointer-events:auto}.settings-shell{pointer-events:auto;max-width:min(18rem,calc(100% - 1.2rem));max-height:min(94%,calc(100% - 1.2rem));overflow:auto}.settings-panel{position:relative;color:var(--sa-ink, #f0ebe0);font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", sans-serif)}[data-layout-id=settings-btn-logout],.settings-btn-logout{position:absolute;top:12.926%;left:7.8298%;width:86.0069%;height:4.174%;color:#1a2030;font-size:13.12px}[data-layout-id=settings-btn-record],.settings-btn-record{position:absolute;top:19.81%;left:7.2743%;width:86.0069%;height:4.174%;color:#1a2030;font-size:13.12px}[data-layout-id=settings-btn-autobattle-toggle],.settings-btn-autobattle-toggle{position:absolute;top:26.2%;left:7.2743%;width:86.0069%;height:4.174%;color:#1a2030;font-size:13.12px}[data-layout-id=settings-btn-autobattle],.settings-btn-autobattle{position:absolute;top:31.8%;left:7.2743%;width:86.0069%;height:4.174%;color:#1a2030;font-size:13.12px}[data-layout-id=settings-btn-accompany],.settings-btn-accompany{position:absolute;top:37.2%;left:7.2743%;width:86.0069%;height:4.174%;color:#1a2030;font-size:13.12px}[data-layout-id=settings-btn-music],.settings-btn-music{position:absolute;top:48.6%;left:6.9965%;width:86.0069%;height:4.174%;color:#1a2030;font-size:13.12px}[data-layout-id=settings-btn-lang-zh],.settings-btn-lang-zh{position:absolute;top:54.4%;left:7.2743%;width:42.0313%;height:4.0166%;color:#1a2030;font-size:12.48px}[data-layout-id=settings-btn-lang-en],.settings-btn-lang-en{position:absolute;top:54.4%;left:50.4167%;width:42.0313%;height:4.0166%;color:#1a2030;font-size:12.48px}.settings-row--hint{position:absolute;top:41.6%;left:7.2743%;width:86.0069%;margin:0;padding:0;font-size:.68rem;font-weight:700;color:var(--sa-ink-muted, #c8c0b0);pointer-events:none}[data-layout-id=settings-btn-close],.settings-btn-close{position:absolute;top:91.1693%;left:67.1702%;width:25%;height:4.174%;color:#1a2030;font-size:13.12px}.settings-header{display:flex;align-items:center;justify-content:center;margin:-.15rem 0 .55rem;padding:.28rem .75rem;background:linear-gradient(180deg,#8b4a22,#6a3518);border:2px solid #4a2a12;box-shadow:inset 0 1px #ffdca040}.settings-header-title{font-weight:800;font-size:.95rem;letter-spacing:.08em;color:#f0e8d0}.settings-list{display:flex;flex-direction:column;gap:.4rem}.settings-row{display:flex;flex-direction:column;gap:.25rem}.settings-row-label{font-size:.72rem;font-weight:700;color:var(--sa-ink-muted, #c8c0b0);padding-left:.1rem}.settings-btn{width:100%;padding:.45rem .55rem;font-size:.82rem}.settings-btn--close{width:auto;min-width:4.5rem}.settings-lang-btns{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.settings-lang-btn{padding:.4rem .35rem;font-size:.78rem}.settings-footer{display:flex;justify-content:flex-end;margin-top:.55rem;padding-top:.4rem;border-top:2px solid rgba(154,149,136,.55)}@media(max-width:420px){.settings-fab{left:12.55rem;padding:.35rem .55rem;font-size:.68rem}}.quest-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:none;place-items:center;background:var(--sa-overlay-dim, rgba(0, 0, 0, .18));pointer-events:auto}.quest-shell{pointer-events:auto;max-width:min(24rem,calc(100% - 1.2rem));max-height:min(94%,calc(100% - 1.2rem));overflow:auto}.quest-panel{color:var(--sa-ink, #f0ebe0);font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", sans-serif)}.quest-header{display:flex;justify-content:center;margin:-.1rem 0 .45rem;padding:.28rem .7rem;background:linear-gradient(180deg,#8b4a22,#6a3518);border:2px solid #4a2a12}.quest-header-title{font-weight:800;font-size:.92rem;color:#f0e8d0;letter-spacing:.06em}.quest-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.25rem;margin-bottom:.45rem}.quest-tab{padding:.3rem .25rem;font-size:.7rem}.quest-body{min-height:7rem;max-height:min(12rem,36vh);overflow:auto;display:flex;flex-direction:column;gap:.3rem;padding:.2rem;background:#0000000f;border:2px solid rgba(154,149,136,.55)}.quest-empty{text-align:center;padding:1.5rem .5rem;font-size:.82rem;color:var(--sa-ink-muted, #c8c0b0)}.quest-row{padding:.35rem .4rem;background:#14120e1f;border:1px solid #7a7568;cursor:pointer}.quest-row:hover{border-color:#a09070;background:#28201438}.quest-row--on{border-color:#c4a060;background:#5a3c1447}.quest-row-name{font-weight:800;font-size:.82rem;color:var(--sa-ink, #f0ebe0)}.quest-row-name--ok{color:#3ecf6a}.quest-row-name--locked{color:#8a8680}.quest-detail{margin-top:.4rem;padding:.45rem .5rem;background:#0000001a;border:2px solid rgba(154,149,136,.55);display:flex;flex-direction:column;gap:.28rem}.quest-detail-title{font-weight:800;font-size:.85rem;color:var(--sa-ink, #f0ebe0)}.quest-detail-steps{display:flex;flex-direction:column;gap:.22rem}.quest-detail-steps-label{font-size:.72rem;font-weight:800;color:#d8c090;letter-spacing:.04em}.quest-detail-desc{font-size:.72rem;color:var(--sa-ink-muted, #c8c0b0);line-height:1.4;white-space:pre-wrap;max-height:5.5rem;overflow:auto}.quest-detail-meta{font-size:.7rem;color:#d0c8b0;line-height:1.35}.quest-footer{display:flex;justify-content:flex-end;margin-top:.45rem;padding-top:.35rem;border-top:2px solid rgba(154,149,136,.55)}.quest-btn--close{min-width:4.5rem;padding:.35rem .55rem;font-size:.82rem}.quest-btn--nav{align-self:flex-start;min-width:4.5rem;margin-top:.15rem;padding:.3rem .55rem;font-size:.78rem}.quest-btn--disabled,.quest-btn--nav:disabled{opacity:.45;cursor:not-allowed}.rank-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:none;place-items:center;background:var(--sa-overlay-dim, rgba(0, 0, 0, .18));pointer-events:auto}.rank-shell{pointer-events:auto;max-width:min(28rem,calc(100% - 1.2rem));max-height:min(94%,calc(100% - 1.2rem));overflow:auto}.rank-panel{color:var(--sa-ink, #f0ebe0);font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", sans-serif)}.rank-header{display:flex;justify-content:center;margin:-.1rem 0 .45rem;padding:.28rem .7rem;background:linear-gradient(180deg,#8b4a22,#6a3518);border:2px solid #4a2a12}.rank-header-title{font-weight:800;font-size:.92rem;color:#f0e8d0;letter-spacing:.06em}.rank-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.25rem;margin-bottom:.45rem}.rank-tab{padding:.3rem .25rem;font-size:.7rem}.rank-tab--on{filter:brightness(1.15)}.rank-body{min-height:8rem;max-height:min(22rem,58vh);overflow:auto;display:flex;flex-direction:column;gap:.45rem;padding:.25rem;background:#0000000f;border:2px solid rgba(154,149,136,.55)}.rank-empty{text-align:center;padding:1rem .5rem;font-size:.82rem;color:var(--sa-ink-muted, #c8c0b0)}.rank-section{display:flex;flex-direction:column;gap:.3rem}.rank-section-title{font-size:.78rem;font-weight:700;color:#f0e0c0;letter-spacing:.04em}.rank-pod-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}.rank-card{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem .2rem;background:#14120e2e;border:1px solid #7a7568;font-size:.65rem;text-align:center;cursor:default}.rank-card--wide{flex-direction:row;text-align:left;gap:.4rem;padding:.35rem .4rem;cursor:pointer}.rank-card--wide:hover{border-color:#a09070}.rank-card-rank{font-weight:800;color:#e8c070}.rank-card-portrait{width:2.6rem;height:2.6rem;overflow:hidden;position:relative}.rank-card-portrait--pet{width:3rem;height:3rem}.rank-card-icon{width:2.4rem;height:2.4rem;display:grid;place-items:center}.rank-card-icon img{max-width:100%;max-height:100%;image-rendering:pixelated}.rank-card-name{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-card-sub{color:var(--sa-ink-muted, #c8c0b0);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-card-score{color:#9ed09a;font-weight:700}.rank-my{margin-top:.15rem;padding:.28rem .4rem;font-size:.72rem;background:#50321459;border:1px solid #9a7a40}.rank-link-btn,.rank-back,.rank-btn-close,.rank-nav-row{padding:.28rem .4rem;font-size:.72rem;cursor:pointer}.rank-nav-row{text-align:left;background:#14120e1f;border:1px solid #7a7568;color:inherit}.rank-nav-row:hover{border-color:#a09070}.rank-list-row{display:grid;grid-template-columns:2.2rem 1fr auto auto;gap:.35rem;align-items:center;padding:.28rem .35rem;font-size:.72rem;background:#14120e1f;border:1px solid #7a7568}.rank-list-rank{color:#e8c070;font-weight:800}.rank-list-score{color:#9ed09a;font-weight:700}.rank-list-sub{color:var(--sa-ink-muted, #c8c0b0);font-size:.65rem}.rank-btn-close{margin-top:.45rem;width:100%}.rank-detail-host{min-height:10rem}.rank-detail-host .rank-readonly-btn{opacity:.45;pointer-events:none}.rank-item-detail{display:flex;flex-direction:column;gap:.4rem;align-items:center;padding:.4rem}.rank-item-detail-icon{width:3.5rem;height:3.5rem;display:grid;place-items:center}.rank-item-detail-icon img{max-width:100%;max-height:100%;image-rendering:pixelated}.rank-item-desc{margin:0;width:100%;white-space:pre-wrap;font-size:.75rem;font-family:inherit;background:#0000001f;padding:.4rem;border:1px solid #7a7568}.rank-item-meta{font-size:.72rem;color:#9ed09a}.iprefs-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:none;place-items:center;background:var(--sa-overlay-dim, rgba(0, 0, 0, .18));pointer-events:auto}.iprefs-shell{pointer-events:auto;max-width:min(18rem,calc(100% - 1.2rem))}.iprefs-panel{color:var(--sa-ink, #f0ebe0);font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", sans-serif)}.iprefs-header{display:flex;justify-content:center;margin:-.1rem 0 .45rem;padding:.28rem .7rem;background:linear-gradient(180deg,#8b4a22,#6a3518);border:2px solid #4a2a12}.iprefs-header-title{font-weight:800;font-size:.9rem;color:#f0e8d0}.iprefs-list{display:flex;flex-direction:column;gap:.35rem}.iprefs-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;padding:.4rem .45rem;background:#5a585038;border:2px solid #8a8578;cursor:pointer}.iprefs-check{width:1.05rem;height:1.05rem;accent-color:#2e8b2e}.iprefs-label{font-size:.8rem;font-weight:700;color:var(--sa-ink, #f0ebe0)}.iprefs-state{font-size:.68rem;font-weight:800;color:#2a5080}.iprefs-footer{display:flex;justify-content:flex-end;margin-top:.45rem;padding-top:.35rem;border-top:3px solid #7a7568}.iprefs-btn--close{min-width:4.5rem;padding:.35rem .55rem;font-size:.82rem}.party-roster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:48;display:grid;place-items:center;background:var(--sa-overlay-dim, rgba(0, 0, 0, .35));pointer-events:auto}.party-roster-overlay .sa-frame.party-roster-panel,.party-roster-overlay .sa-frame--bamboo-tall.party-roster-panel{width:min(18rem,90vw);min-height:min(70vh,28rem);max-height:min(88vh,36rem);aspect-ratio:auto;padding:1.15rem 1rem 1rem;display:flex;flex-direction:column;gap:.55rem;overflow:auto;box-sizing:border-box}.party-roster-title{font:700 .95rem/1.2 var(--sa-font, "MS Gothic", sans-serif);color:var(--sa-ink, #f0ebe0);text-shadow:var(--sa-text-shadow);text-align:center}.party-roster-sub{font:600 .68rem/1.2 var(--sa-font, "MS Gothic", sans-serif);color:var(--sa-ink-muted, #c8c0b0);text-align:center;margin-top:-.25rem}.party-roster-empty{font:600 .75rem/1.4 var(--sa-font, "MS Gothic", sans-serif);color:var(--sa-ink-muted, #c8c0b0);text-align:center;padding:.75rem .4rem}.party-roster-list{display:flex;flex-direction:column;gap:.55rem;flex:1;min-height:0;overflow-y:auto}.party-roster-row{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;padding:.5rem .55rem;background:#00000059;border:1px solid rgba(240,235,224,.12)}.party-roster-info{flex:1;min-width:0}.party-roster-row--accompany{border:2px solid rgba(232,192,122,.85);background:#483010b8;box-shadow:inset 0 0 0 1px #ffdc9633}.party-roster-name{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font:700 .85rem/1.25 var(--sa-font, "MS Gothic", sans-serif);color:#f4efe6}.party-roster-badge{flex-shrink:0;display:inline-block;padding:.15rem .4rem;font:800 .72rem/1.1 var(--sa-font, "MS Gothic", sans-serif);letter-spacing:.06em;color:#1a1510!important;background:linear-gradient(180deg,#f0d090,#d4a35c)!important;border:1px solid rgba(255,236,190,.9);box-shadow:0 1px 2px #00000059}.party-roster-meta{font:600 .72rem/1.3 var(--sa-font, "MS Gothic", sans-serif);color:#b6e08a;margin-top:.18rem}.party-roster-panel .party-roster-kick,.sa-frame.party-roster-panel button.party-roster-kick{flex-shrink:0;width:100%;min-height:1.85rem;padding:.4rem .55rem!important;font:800 .78rem/1.1 var(--sa-font, "MS Gothic", sans-serif)!important;color:#fff5f0!important;background-color:#962418eb!important;background-image:none!important;border:1px solid rgba(255,190,170,.55)!important;border-radius:2px!important;cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,.45)!important;filter:none!important}.party-roster-panel .party-roster-kick--accompany,.sa-frame.party-roster-panel button.party-roster-kick--accompany{background-color:#aa4614f2!important;border-color:#ffc878a6!important;color:#fff8e8!important}.party-roster-panel .party-roster-kick:hover,.sa-frame.party-roster-panel button.party-roster-kick:hover{filter:brightness(1.1)!important}.party-roster-panel .party-roster-close,.sa-frame.party-roster-panel button.party-roster-close{align-self:center;margin-top:.25rem;min-width:5rem;min-height:1.7rem;padding:.35rem 1.2rem!important;font:700 .75rem/1 var(--sa-font, "MS Gothic", sans-serif)!important;color:#1a2030!important;cursor:pointer}.cc-screen{--cc-stone: #9a958c;--cc-stone-light: #c4bfb4;--cc-stone-dark: #6e6a62;--cc-ink: #3a2a18;--cc-ink-soft: #5c4030;--cc-green: #3d9a3a;--cc-blue: #2a5cff;--cc-red: #c62828;--cc-font: "ZCOOL XiaoWei", "Noto Serif TC", "Songti TC", serif;position:relative;min-height:100%;display:flex;flex-direction:column;font-family:var(--cc-font);color:var(--cc-ink);overflow:hidden}.cc-select{background:radial-gradient(ellipse 55% 40% at 50% 55%,#c4a574 0%,transparent 70%),linear-gradient(180deg,#7aab5a,#5f8f45 35%,#8b7348 55%,#6b8f4a)}.cc-compose{background:linear-gradient(105deg,rgba(245,236,210,.92) 0%,rgba(245,236,210,.55) 48%,transparent 70%),linear-gradient(160deg,#c8e0a8,#a8c878 40%,#d4c49a)}.cc-title-slab{align-self:flex-end;margin:.75rem 1.25rem 0;padding:.45rem 1.75rem;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:700;letter-spacing:.12em;color:var(--cc-ink);background:linear-gradient(180deg,var(--cc-stone-light) 0%,var(--cc-stone) 45%,var(--cc-stone-dark) 100%);border:2px solid #5a564e;border-radius:18px;box-shadow:inset 0 2px #ffffff59,inset 0 -2px #0000002e,0 4px #4a463e}.cc-title-left{align-self:flex-start}.cc-clearing{position:relative;flex:1;min-height:min(58vh,420px);margin:.5rem 1rem 0;border-radius:8px;background:radial-gradient(ellipse 40% 28% at 50% 58%,#a8844a 0%,#8a6a3a 45%,transparent 70%),linear-gradient(180deg,transparent 0%,rgba(90,70,40,.15) 100%)}.cc-firepit{position:absolute;left:50%;top:50%;width:56px;height:40px;transform:translate(-50%,-50%);z-index:5;background:radial-gradient(ellipse at 50% 70%,#ff6a1a 0%,#c43a00 40%,transparent 70%),radial-gradient(ellipse at 50% 90%,#4a3a28,#2a2018 80%);border-radius:50%;box-shadow:0 0 18px #ff78288c;animation:cc-flame 1.4s ease-in-out infinite alternate}@keyframes cc-flame{0%{filter:brightness(1);transform:translate(-50%,-50%) scale(1)}to{filter:brightness(1.15);transform:translate(-50%,-50%) scale(1.06)}}.cc-center-preview{position:absolute;transform:translate(-50%,-85%);width:96px;height:112px;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none;filter:drop-shadow(0 0 10px rgba(255,200,60,.85))}.cc-center-preview img{max-width:84px;max-height:96px;image-rendering:pixelated}.cc-model{position:absolute;transform:translate(-50%,-80%);width:72px;height:88px;padding:0;border:none;background:transparent;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:transform .15s ease,filter .15s ease;z-index:10}.cc-model:hover{transform:translate(-50%,-86%) scale(1.08);background:transparent;filter:drop-shadow(0 0 6px rgba(255,240,180,.7))}.cc-model.is-selected{filter:drop-shadow(0 0 8px rgba(255,220,80,.9))}.cc-model img{max-width:64px;max-height:72px;image-rendering:pixelated;pointer-events:none}.cc-model-ph{width:48px;height:64px;display:grid;place-items:center;background:var(--cc-stone);border:2px solid var(--cc-stone-dark);color:var(--cc-ink);font-weight:700}.cc-model-shadow{display:block;width:36px;height:10px;margin-top:-4px;background:radial-gradient(ellipse,rgba(0,0,0,.45) 0%,transparent 70%);border-radius:50%}.cc-nav{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1.25rem .5rem;align-items:center}.cc-btn{min-width:88px;min-height:72px;padding:.5rem .85rem;font-family:var(--cc-font);font-size:1.05rem;font-weight:700;letter-spacing:.06em;color:var(--cc-ink);background:linear-gradient(180deg,var(--cc-stone-light) 0%,var(--cc-stone) 50%,var(--cc-stone-dark) 100%);border:2px solid #4a463e;border-radius:10px;box-shadow:inset 0 2px #ffffff4d,0 3px #3a3630}.cc-btn:hover{background:linear-gradient(180deg,#d0cbc0 0%,var(--cc-stone-light) 50%,var(--cc-stone) 100%);color:var(--cc-ink)}.cc-btn-ok{color:var(--cc-blue)}.cc-btn-back{color:var(--cc-red)}.cc-btn-page{min-height:48px;min-width:72px;font-size:.95rem}.cc-footer-tip{margin-top:auto;padding:.55rem 1rem;background:#1e1e1eb8;color:#f2f2f2;text-align:center;font-size:.95rem;letter-spacing:.08em}.cc-status{min-height:1.2rem;padding:.25rem 1rem .6rem;text-align:center;font-size:.85rem;color:var(--cc-ink-soft);background:#f5ecd2a6}.cc-status.error{color:var(--cc-red);font-weight:700}.cc-status.ok{color:var(--cc-green)}.cc-compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1.25rem;padding:.75rem 1.25rem;flex:1;align-content:start}@media(max-width:720px){.cc-compose-grid{grid-template-columns:1fr}}.cc-name-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.65rem}.cc-label{font-weight:700;color:var(--cc-ink);white-space:nowrap}.cc-name-input{flex:1;max-width:220px;background:#2a2a2a;color:#f0e8d8;border:2px solid #1a1a1a;border-radius:4px;padding:.4rem .55rem;font-family:var(--cc-font)}.cc-panel{background:linear-gradient(180deg,var(--cc-stone-light) 0%,var(--cc-stone) 55%,#8a857c 100%);border:2px solid #4a463e;border-radius:8px;padding:.65rem .75rem .75rem;box-shadow:inset 0 1px #ffffff47,0 3px #3a3630}.cc-panel-title,.cc-panel-head{font-weight:700;margin-bottom:.5rem;color:var(--cc-ink);letter-spacing:.04em}.cc-panel-head{display:flex;justify-content:space-between;align-items:baseline}.cc-points{min-width:1.5rem;padding:.1rem .45rem;background:#1e1e1e;color:#fff;border-radius:3px;text-align:center;font-family:ui-monospace,monospace}.cc-face-row{display:flex;gap:.75rem;align-items:flex-start}.cc-face-preview{width:96px;height:96px;background:#2a2a2a;border:2px solid #1a1a1a;display:grid;place-items:center;position:relative;flex-shrink:0}.cc-body-preview{width:72px;height:96px;background:#2a2a2a;border:2px solid #1a1a1a;display:grid;place-items:end center;flex-shrink:0;padding-bottom:4px}.cc-body-preview img{max-width:64px;max-height:88px;image-rendering:pixelated}.cc-cycle-color .cc-cycle-label{min-width:3.5rem}.cc-face-stack-host{width:80px;height:80px;display:grid;place-items:center}.cc-face-preview .char-face-stack{position:relative;width:80px;height:80px;display:grid;place-items:center}.cc-face-preview .char-face-layer{position:absolute;max-width:80px;max-height:80px;image-rendering:pixelated}.cc-face-meta{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:.7rem;color:#ddd;background:#00000073}.cc-face-controls{display:grid;gap:.55rem;flex:1}.cc-cycle{display:flex;align-items:center;justify-content:space-between;gap:.35rem;background:#0000001f;border-radius:6px;padding:.25rem .35rem}.cc-cycle-label{font-weight:700;min-width:2rem;text-align:center}.cc-arrow{width:36px;height:32px;padding:0;border-radius:6px;border:1px solid #2d6b2a;background:linear-gradient(180deg,#6fd86a 0%,var(--cc-green) 100%);color:#0a2a0a;font-size:1.35rem;font-weight:800;line-height:1;box-shadow:inset 0 1px #ffffff59}.cc-arrow:hover{background:linear-gradient(180deg,#8af085,#4caf50);color:#0a2a0a}.cc-arrow:disabled{opacity:.35}.cc-stat-row,.cc-el-row{display:grid;grid-template-columns:4.5rem 1fr auto;align-items:center;gap:.4rem;margin-bottom:.4rem}.cc-stat-label{font-weight:700;font-size:.95rem}.cc-stat-val{justify-self:center;min-width:2rem;text-align:center;background:#1e1e1e;color:#fff;border-radius:3px;padding:.15rem .4rem;font-family:ui-monospace,monospace}.cc-stat-btns{display:flex;gap:.25rem}.cc-el-bar{height:12px;background:#00000059;border:1px solid #2a2a2a;border-radius:2px;overflow:hidden}.cc-el-fill{height:100%;transition:width .12s ease}.cc-el-earth .cc-el-fill{background:linear-gradient(90deg,#8b6914,#c4a035)}.cc-el-water .cc-el-fill{background:linear-gradient(90deg,#1a5cff,#5aa0ff)}.cc-el-fire .cc-el-fill{background:linear-gradient(90deg,#c62828,#ff7043)}.cc-el-wind .cc-el-fill{background:linear-gradient(90deg,#2e7d32,#81c784)}.char-hub{min-height:100%;padding:1.25rem;max-width:640px;margin:0 auto;display:grid;gap:.85rem;align-content:start}.char-hub h1{font-family:ZCOOL XiaoWei,"Noto Serif TC",serif;margin:0;letter-spacing:.08em}.char-hub .char-list{display:grid;gap:.55rem}:root{--sa-ink: #f0ebe0;--sa-ink-muted: #c8c0b0;--sa-ink-dark: #1a1510;--sa-shadow: 0 10px 28px rgba(0, 0, 0, .45);--sa-val: #ffffff;--sa-font: "MS Gothic", "Microsoft YaHei", "Figtree", monospace;--sa-text-shadow: 0 1px 2px rgba(0, 0, 0, .9), 0 0 4px rgba(0, 0, 0, .5);--sa-overlay-dim: rgba(0, 0, 0, .35);--sa-plate-mask: rgba(0, 0, 0, .62)}.sa-frame{--sa-frame-img: none;position:relative;box-sizing:border-box;margin:0;padding:0;border:none;outline:none;background-color:var(--sa-plate-mask);background-image:var(--sa-frame-img);background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:var(--sa-shadow);color:var(--sa-ink);font-family:var(--sa-font);overflow:hidden;flex-shrink:0}.sa-frame .status-stat-value,.sa-frame .status-val,.sa-frame .status-base-cell,.sa-frame .status-slot-name,.sa-frame .status-slot-title,.sa-frame .pet-stat-value,.sa-frame .pet-name,.sa-frame .item-stone-value,.sa-frame .item-place-value,.sa-frame .item-slot-name,.sa-frame .item-qty,.sa-frame .item-desc,.sa-frame .friend-card-name,.sa-frame .friend-stat-val,.sa-frame .quest-body,.sa-frame .settings-row-label,.sa-frame .iprefs-label,.sa-frame .iprefs-state{text-shadow:var(--sa-text-shadow)}.sa-frame.sa-frame--player-status{aspect-ratio:272 / 360;width:min(20.5rem,92vw,calc(92vh * 272 / 360));max-height:92vh;height:auto;--sa-frame-img: url(/ui/frame-player-status.png)}.sa-frame.sa-frame--pet{aspect-ratio:272 / 320;width:min(20.5rem,92vw,78.2vh);max-height:92vh;height:auto;--sa-frame-img: url(/ui/frame-pet.png)}.sa-frame.sa-frame--pet-status{aspect-ratio:272 / 332;width:min(20.5rem,92vw,calc(92vh * 272 / 332));max-height:92vh;height:auto;--sa-frame-img: url(/ui/frame-pet-status.png)}.sa-frame.sa-frame--item{aspect-ratio:272 / 442;width:min(22.5rem,94vw,calc(92vh * 272 / 442));max-height:92vh;height:auto;--sa-frame-img: url(/ui/frame-item.png)}.sa-frame.sa-frame--itemshop{aspect-ratio:432 / 420;width:min(27rem,94vw,calc(92vh * 432 / 420));max-height:92vh;height:auto;--sa-plate-mask: transparent;--sa-frame-img: url(/ui/frame-itemshop.png);box-shadow:none}.sa-frame.sa-frame--friends{aspect-ratio:272 / 440;width:min(20.5rem,92vw,calc(92vh * 272 / 440));max-height:92vh;height:auto;--sa-frame-img: url(/ui/frame-friends-list.png)}.sa-frame.sa-frame--spells{aspect-ratio:272 / 292;width:min(20.5rem,92vw,calc(92vh * 272 / 292));max-height:92vh;height:auto;--sa-frame-img: url(/ui/frame-spells.png)}.sa-frame.sa-frame--merge{aspect-ratio:272 / 281;width:min(20.5rem,92vw,calc(92vh * 272 / 281));max-height:92vh;height:auto;--sa-frame-img: url(/ui/merge/9180.png)}.sa-frame.sa-frame--bamboo{aspect-ratio:445 / 197;width:min(26rem,94vw);height:auto;--sa-frame-img: url(/ui/frame-bamboo-empty.png);color:var(--sa-ink);padding:10% 5% 14%;overflow:auto;box-sizing:border-box}.sa-frame.sa-frame--bamboo-tall{aspect-ratio:272 / 450;width:min(18rem,90vw);height:auto;--sa-frame-img: url(/ui/frame-friends-bamboo.png);padding:8% 7% 10%;overflow:auto;box-sizing:border-box}.sa-frame--has-plaque .sa-plaque-hide,.sa-frame--player-status .status-header,.sa-frame--pet-status .pet-header,.sa-frame--item .item-header,.sa-frame--friends .friend-header,.sa-frame--spells .pet-header{display:none}.sa-frame--player-status .status-stat-label,.sa-frame--player-status .status-ebar-label,.sa-frame--player-status .status-base-head,.sa-frame--pet-status .pet-stat-label,.sa-frame--pet-status .pet-ebar-label,.sa-frame--item .item-stone-label,.sa-frame--friends .friend-stat-badge{display:none!important}.sa-frame--player-status .status-title-bracket,.sa-frame--pet .pet-header,.sa-frame--friends .friend-header,.sa-frame--item .item-header{background:transparent;border:none;box-shadow:none}.sa-frame.status-loading,.sa-frame.pet-loading,.sa-frame.item-loading,.sa-frame.friend-loading{display:grid;place-items:center;color:var(--sa-ink);font-size:.85rem;text-shadow:0 1px 2px #000}.sa-btn,.sa-frame button:not(.shop-page-btn):not(.shop-menu-btn):not(.pet-status-btn),.status-btn,.pet-btn,.item-btn,.friend-btn,.settings-btn,.settings-lang-btn,.quest-btn,.quest-tab,.iprefs-btn{--sa-btn-img: url(/ui/frame-button.png);box-sizing:border-box;margin:0;padding:.15rem .35rem;border:none!important;border-radius:0;outline:none;background-color:transparent!important;background-image:var(--sa-btn-img)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;box-shadow:none!important;image-rendering:pixelated;image-rendering:crisp-edges;color:#1a2030;font-weight:800;font-family:var(--sa-font);line-height:1.15;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.25)}.sa-btn:hover,.sa-frame button:not(.shop-page-btn):not(.shop-menu-btn):not(.pet-status-btn):hover,.status-btn:hover,.pet-btn:hover,.item-btn:hover,.friend-btn:hover,.settings-btn:hover,.settings-lang-btn:hover,.quest-btn:hover,.quest-tab:hover,.iprefs-btn:hover{filter:brightness(1.08)}.sa-btn:active,.sa-frame button:not(.shop-page-btn):not(.shop-menu-btn):not(.pet-status-btn):active,.status-btn:active,.pet-btn:active,.item-btn:active,.friend-btn:active,.settings-btn:active,.settings-lang-btn:active,.quest-btn:active,.quest-tab:active,.iprefs-btn:active{filter:brightness(.94)}.status-btn--party,.pet-btn--ok,.friend-btn--mail,.item-btn--place{color:#1a7a28}.status-btn--close,.pet-btn--cancel,.pet-btn--back,.friend-btn--delete,.friend-btn--close,.item-btn--discard,.item-btn--close,.settings-btn--danger,.settings-btn--close,.quest-btn--close,.iprefs-btn--close{color:#c02318}.quest-tab--on,.settings-lang-btn--on{filter:brightness(1.12);color:#1a2030;outline:1px solid #3cff3c;outline-offset:0}.ab-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:13;display:none;place-items:center;background:var(--sa-overlay-dim, rgba(0, 0, 0, .22));pointer-events:auto}.ab-shell{pointer-events:auto;width:min(22rem,calc(100% - 1rem));max-height:min(94%,calc(100% - 1rem));overflow:auto}.ab-panel{position:relative;padding:.75rem .85rem .9rem;color:var(--sa-ink, #f0ebe0);font-family:var(--sa-font, "MS Gothic", "Microsoft YaHei", sans-serif);background:#1c222cf0;border:1px solid rgba(212,163,92,.45);border-radius:8px;box-shadow:0 8px 28px #00000059}.ab-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.ab-title{font-size:.95rem;font-weight:600;letter-spacing:.04em}.ab-tabs{display:flex;gap:.25rem;margin-bottom:.65rem}.ab-tab{flex:1;padding:.35rem .2rem;font-size:.72rem;border:1px solid rgba(212,163,92,.35);background:#00000040;color:#d8d2c4;border-radius:4px;cursor:pointer}.ab-tab--on{background:#d4a35c47;color:#fff8e8;border-color:#d4a35cb3}.ab-section{margin-bottom:.7rem;padding-bottom:.55rem;border-bottom:1px solid rgba(255,255,255,.08)}.ab-section:last-child{border-bottom:none}.ab-section-title{font-size:.78rem;color:#e0c48a;margin-bottom:.35rem}.ab-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:.35rem;font-size:.72rem}.ab-row label{min-width:4.5rem;color:#c8c2b4}.ab-row select,.ab-row input[type=number],.ab-row input[type=text]{flex:1;min-width:5rem;padding:.2rem .35rem;font-size:.72rem;background:#00000059;border:1px solid rgba(255,255,255,.15);color:#f0ebe0;border-radius:3px}.ab-check{display:flex;align-items:center;gap:.35rem;font-size:.72rem;margin-bottom:.35rem}.ab-footer{display:flex;justify-content:flex-end;gap:.4rem;margin-top:.55rem}.ab-btn{padding:.35rem .75rem;font-size:.75rem;border-radius:4px;border:1px solid rgba(212,163,92,.45);background:#d4a35c33;color:#fff8e8;cursor:pointer}.ab-btn--ghost{background:transparent;color:#c8c2b4}.ab-hint{font-size:.65rem;color:#9a9488;margin-top:.15rem}