:root{--gold: #d4af37;--gold-light: #ffd76a;--gold-dim: #6a5a2a;--ink: #e8e0c8;--ink-dim: #9a917d;--ink-faint: #6f6857;--danger: #e07a5f;--ok: #8fbc74;--panel: rgba(20, 17, 24, .94);--glass: rgba(14, 12, 18, .62);--glass-edge: rgba(255, 236, 190, .1);--blur: 16px;--panel-raised: rgba(255, 244, 214, .035);--input-bg: #14121a;--panel-border: #3a3428;--line: rgba(232, 224, 200, .08);--ring: rgba(255, 215, 106, .6);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--shadow-panel: 0 18px 48px rgba(0, 0, 0, .66), 0 1px 0 rgba(255, 236, 190, .08) inset;--frame: rgba(212, 175, 55, .55);--hair: rgba(212, 175, 55, .14);--arm: 15px;--inset: 5px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.3) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4af3742;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4af3773}:focus-visible{outline:2px solid var(--ring);outline-offset:1px}@keyframes panel-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0b0a10;color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}#game{position:fixed;inset:0}#game canvas{display:block}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui>*{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;background:radial-gradient(120% 90% at 50% 0%,#1a15208c,#060509e6) #0b0a10;overflow-y:auto;padding:20px}.screen:before{content:"";position:absolute;inset:-30px;background:linear-gradient(180deg,#0a091066,#08070cb3),url(/assets/art/ui/bg_login.jpg) center top / cover no-repeat;filter:blur(7px) saturate(.92) brightness(.95);pointer-events:none}.screen>*{margin:auto;position:relative}.panel{position:relative;width:min(420px,94vw);border-radius:var(--r-lg);padding:26px 24px;animation:panel-in .14s ease-out}.panel{background:linear-gradient(var(--frame),var(--frame)) var(--inset) var(--inset) / var(--arm) 2px no-repeat,linear-gradient(var(--frame),var(--frame)) var(--inset) var(--inset) / 2px var(--arm) no-repeat,linear-gradient(var(--frame),var(--frame)) right var(--inset) top var(--inset) / var(--arm) 2px no-repeat,linear-gradient(var(--frame),var(--frame)) right var(--inset) top var(--inset) / 2px var(--arm) no-repeat,linear-gradient(var(--frame),var(--frame)) left var(--inset) bottom var(--inset) / var(--arm) 2px no-repeat,linear-gradient(var(--frame),var(--frame)) left var(--inset) bottom var(--inset) / 2px var(--arm) no-repeat,linear-gradient(var(--frame),var(--frame)) right var(--inset) bottom var(--inset) / var(--arm) 2px no-repeat,linear-gradient(var(--frame),var(--frame)) right var(--inset) bottom var(--inset) / 2px var(--arm) no-repeat,linear-gradient(var(--hair),var(--hair)) var(--inset) var(--inset) / calc(100% - var(--inset) * 2) 1px no-repeat,linear-gradient(var(--hair),var(--hair)) var(--inset) var(--inset) / 1px calc(100% - var(--inset) * 2) no-repeat,linear-gradient(var(--hair),var(--hair)) right var(--inset) top var(--inset) / 1px calc(100% - var(--inset) * 2) no-repeat,linear-gradient(var(--hair),var(--hair)) left var(--inset) bottom var(--inset) / calc(100% - var(--inset) * 2) 1px no-repeat,linear-gradient(180deg,#ffecbe0e,#ffecbe00 110px),var(--panel);border:1px solid rgba(212,175,55,.3);box-shadow:var(--shadow-panel),inset 0 0 24px #00000080}.panel{background-color:var(--glass);backdrop-filter:blur(var(--blur)) saturate(1.08);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.08);box-shadow:var(--shadow-panel),inset 0 0 24px #00000080,inset 0 1px 0 var(--glass-edge)}.game-title{text-align:center;font-size:30px;font-weight:700;letter-spacing:8px;margin:0 0 4px;background:linear-gradient(180deg,var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.game-sub{text-align:center;color:var(--ink-dim);font-size:12px;letter-spacing:3px;margin:0 0 22px}.panel h2{position:relative;font-size:18px;margin:0 0 20px;padding-bottom:9px;letter-spacing:2px;text-align:center;color:var(--gold)}.panel h2:before{content:"";position:absolute;left:50%;bottom:0;width:min(240px,78%);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--gold-dim) 22%,var(--gold) 50%,var(--gold-dim) 78%,transparent)}.panel h2:after{content:"";position:absolute;left:50%;bottom:-3px;width:7px;height:7px;transform:translate(-50%) rotate(45deg);background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 0 6px #ffd76a73}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--ink-dim);margin-bottom:5px;letter-spacing:1px}.field input{width:100%;padding:11px 12px;background:var(--input-bg);border:1px solid var(--panel-border);color:var(--ink);border-radius:var(--r-sm);font-size:15px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d4af372e}.btn{display:block;width:100%;padding:12px;margin-top:8px;background:linear-gradient(180deg,#f2d97e,#dcb74d 46%,#b8912c);border:1px solid #8a6a1e;border-radius:8px;color:#221a06;font-size:15px;font-weight:700;letter-spacing:4px;text-shadow:0 1px 0 rgba(255,255,255,.28);cursor:pointer;box-shadow:0 3px #6b5115,0 7px 18px #00000073,inset 0 1px #ffffff6b;transition:filter .12s ease,transform 60ms ease,box-shadow .12s ease}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(3px);filter:brightness(.94);box-shadow:0 0 #6b5115,0 2px 8px #0006,inset 0 1px #ffffff4d}.btn.secondary{background:linear-gradient(180deg,#ffecbe12,#ffecbe05);border:1px solid var(--panel-border);color:var(--ink);font-weight:400;text-shadow:none;box-shadow:0 2px #00000059,inset 0 1px #ffecbe0f}.btn.secondary:hover{border-color:var(--gold-dim);background:#ffecbe17}.btn.secondary:active{transform:translateY(2px);box-shadow:0 0 #00000059,inset 0 1px 3px #0006}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.link-row{text-align:center;color:var(--ink-dim);font-size:13px;margin-top:14px;cursor:pointer}.link-row:hover{color:var(--gold)}.error-line{color:var(--danger);font-size:13px;min-height:18px;margin:2px 0 4px;text-align:center}.hint-line{color:var(--ink-dim);font-size:12px;margin:4px 0 8px}.seg{display:flex;gap:8px}.seg button{flex:1;padding:9px;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:8px;color:var(--ink);font-size:14px;cursor:pointer}.seg button.selected{border-color:var(--gold);color:var(--gold-light);background:#d4af371f}.sect-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}@media (max-width: 480px){.sect-grid{grid-template-columns:repeat(5,1fr)}}.sect-card{border:1px solid var(--panel-border);border-radius:8px;padding:8px 2px;text-align:center;cursor:pointer;background:var(--input-bg)}.sect-card.selected{border-color:var(--gold);background:#d4af371f}.sect-card .sect-name{display:block;font-size:12px;font-weight:700;color:var(--ink);letter-spacing:1px}.char-list{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.char-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:10px;cursor:pointer}.char-card:hover{border-color:var(--gold)}.char-avatar{width:44px;height:62px;border-radius:8px;background:#1e1a26;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;flex-shrink:0}.char-avatar canvas{image-rendering:pixelated}.char-info{flex:1;min-width:0}.char-name{font-size:15px;font-weight:700}.char-meta{font-size:12px;color:var(--ink-dim);margin-top:3px}.sect-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 3px;vertical-align:middle}.char-enter{flex-shrink:0;padding:8px 14px;width:auto;margin:0;letter-spacing:2px}#hud{position:absolute;inset:0;pointer-events:none}#hud>*{pointer-events:auto}.hud-card{position:absolute;top:calc(10px + env(safe-area-inset-top));left:10px;display:flex;align-items:center;gap:9px;padding:6px 11px 6px 6px;border-radius:12px;background:linear-gradient(180deg,#221c15e0,#0c0a10d1);border:1px solid rgba(212,175,55,.26);box-shadow:0 4px 16px #00000073,inset 0 1px #ffecbe1a;cursor:pointer}.hud-avatar{position:relative;width:42px;height:42px;flex:none}.hud-face{width:42px;height:42px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#3a3324,#14110c);box-shadow:0 0 0 2px #d4af37d9,0 0 0 4px #120f0ae6,0 0 10px #ffd76a38}.hud-avatar-img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 16%;transform:scale(1.75);transform-origin:50% 18%}.hud-lv{position:absolute;right:-5px;bottom:-3px;min-width:20px;padding:0 5px;border-radius:9px;background:linear-gradient(180deg,#e3c25a,#b8912c);color:#221a06;font-size:11px;font-weight:800;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 1px 3px #0000008c}.hud-meta{display:flex;flex-direction:column;gap:5px;min-width:170px}.hud-namerow{display:flex;align-items:baseline;gap:6px}.hud-name{font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--ink);text-shadow:0 1px 2px #000}.hud-sect{font-size:10px;letter-spacing:.5px;opacity:.9;text-shadow:0 1px 2px #000}.hud-barrow{display:flex;align-items:center;gap:8px}.hud-bar{flex:1;height:6px;border-radius:3px;background:#000000a8;box-shadow:inset 0 1px 2px #000000a6,inset 0 0 0 1px #ffecbe12;overflow:hidden}.hud-bar-fill{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#6fc4f0,#cdeeff);box-shadow:0 0 6px #8cd7ff8c;transition:width .24s ease}.hud-sub{flex:none;font-size:10px;letter-spacing:.5px;color:var(--ink-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.hud-gold{margin-left:auto;color:var(--gold-light);font-size:12px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;white-space:nowrap}.hud-points{color:var(--gold);font-size:11px;padding:0 5px;border-radius:8px;background:#d4af3724;border:1px solid rgba(212,175,55,.32);white-space:nowrap}.hud-points:empty{display:none}.hud-tr{position:absolute;top:calc(10px + env(safe-area-inset-top));right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:46vw}.hud-map{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:linear-gradient(180deg,#221c15e0,#0c0a10d1);border:1px solid rgba(212,175,55,.22);box-shadow:0 3px 12px #0006,inset 0 1px #ffecbe14;font-size:12px;letter-spacing:.5px}.hud-map-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px #8fbc74bf}.hud-map-name{color:var(--gold-light);font-weight:700}.hud-online{color:var(--ink);font-variant-numeric:tabular-nums}.hud-map-n{color:var(--ink-dim);font-size:11px}.hud-map{cursor:pointer}.hud-map:hover{background:linear-gradient(180deg,#2e2519eb,#100d14db)}.hud-map-go{margin-left:2px;padding:1px 5px;border-radius:999px;border:1px solid rgba(212,175,55,.38);background:#d4af3724;color:var(--gold);font-size:10px;font-style:normal;letter-spacing:0}.minimap-overlay{align-items:flex-start;justify-content:flex-start;overflow-y:auto}.minimap-overlay>*{margin:auto}.minimap-panel{width:min(380px,94vw)}.mm-meta{margin-bottom:8px;color:var(--ink-dim);font-size:11px;letter-spacing:.5px;text-align:center}.mm-stage{display:flex;justify-content:center;padding:6px;border-radius:var(--r-md);background:#0a0910;border:1px solid var(--panel-border);box-shadow:inset 0 0 0 1px #d4af371f,0 4px 14px #00000080}.mm-canvas{display:block;max-width:100%;height:auto;border-radius:4px;cursor:pointer}.mm-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin-top:9px;color:var(--ink-dim);font-size:11px}.mm-lg-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.mm-lg-dot,.mm-lg-diamond{width:7px;height:7px;box-shadow:0 0 0 1px #0009}.mm-lg-dot{border-radius:50%}.mm-lg-diamond{transform:rotate(45deg)}.mm-readout{min-height:18px;margin-top:8px;padding:6px 9px;border-radius:var(--r-sm);background:#0c0a10b3;border:1px solid rgba(90,80,50,.34);border-left:3px solid var(--gold);color:var(--gold-light);font-size:12px;text-align:center}.hud-quest{display:flex;align-items:center;gap:6px;max-width:100%;padding:6px 10px;border-radius:10px;background:#0c0a109e;border:1px solid rgba(90,80,50,.34);border-left:3px solid var(--gold);color:var(--gold-light);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.hud-quest b{flex:none;color:var(--gold);font-size:11px;letter-spacing:1px}.hud-quest span{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-quest:hover{background:#1a150ec7}.hud-dock{position:absolute;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;gap:8px}.hud-fab{display:flex;flex-direction:column;align-items:center;gap:3px;width:52px;padding:0;border:none;background:none;color:#bdb39b;font-size:11px;letter-spacing:1px;cursor:pointer}.hud-fab span{text-shadow:0 1px 2px #000}.hud-fab-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 50% 28%,#3e3524f5,#100d12f5);border:1px solid rgba(212,175,55,.34);box-shadow:0 3px 10px #00000080,inset 0 1px #ffecbe24;color:var(--gold-light);font-size:15px;font-weight:800;font-style:normal;transition:transform 90ms ease,border-color .12s ease,box-shadow .12s ease}.hud-fab-ico:before{content:attr(data-glyph)}.hud-fab:hover .hud-fab-ico{border-color:var(--gold);box-shadow:0 3px 14px #0000008c,0 0 12px #d4af3738,inset 0 1px #ffecbe33}.hud-fab:active .hud-fab-ico{transform:translateY(2px) scale(.96)}.hud-fab-exit .hud-fab-ico{color:#e8a9a0;border-color:#c86e5f57}@media (max-width: 560px){.hud-quest{font-size:11px}}.main-panel{width:min(420px,94vw);max-height:76vh;overflow-y:auto;overscroll-behavior:contain}.main-body .quest-box{margin-bottom:0}.main-list{display:flex;flex-direction:column;gap:4px}.main-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);background:#ffffff08;border:1px solid transparent;font-size:13px;color:var(--ink-faint)}.main-row.active{background:linear-gradient(90deg,#d4af3729,#d4af370a);border-color:#d4af3747;color:var(--ink)}.main-row.active .main-no,.main-row.active .main-state{color:var(--gold-light)}.main-row.done{color:var(--ink-faint)}.main-row.done .main-name{text-decoration:line-through;text-decoration-color:#9a917d80}.main-row.done .main-state{color:var(--ok);text-decoration:none}.main-row .main-no{flex:none;width:30px;text-align:center;color:var(--gold)}.main-row .main-name{flex:1;min-width:0}.main-row .main-state{font-size:12px;color:var(--ink-dim)}.main-ready{margin-top:8px;color:var(--gold-light);font-size:13px}.npc-panel p.npc-quest{color:var(--gold-light)}#chat-box{position:absolute;left:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:min(340px,calc(100vw - 232px));min-width:150px;display:flex;flex-direction:column;gap:6px}#chat-log{max-height:132px;overflow-y:auto;background:linear-gradient(180deg,#100d14b8,#08070bc7);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 10px;font-size:13px;line-height:1.55;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;overscroll-behavior:contain}.chat-row{color:var(--ink);word-break:break-word}#chat-log .chat-name{color:var(--gold-light);font-weight:700;margin-right:6px}#chat-log .chat-sys{color:var(--ink-faint);font-style:italic;font-size:12px;padding-left:8px;border-left:2px solid rgba(232,224,200,.14)}.chat-input-row{display:flex;gap:6px}.chat-input-row input{flex:1;padding:8px 10px;background:#0c0a10cc;border:1px solid var(--panel-border);border-radius:var(--r-sm);color:var(--ink);font-size:13px;outline:none;min-width:0;transition:border-color .12s ease,box-shadow .12s ease}.chat-input-row input::placeholder{color:var(--ink-faint)}.chat-input-row input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d4af372e}.chat-input-row button{padding:8px 14px;background:linear-gradient(180deg,#e3c25a,#b8912c);border:none;border-radius:var(--r-sm);color:#221a06;font-size:13px;font-weight:700;cursor:pointer;transition:filter .12s ease,transform 80ms ease}.chat-input-row button:hover{filter:brightness(1.1)}.chat-input-row button:active{transform:translateY(1px);filter:brightness(.94)}.chat-input-row button.chat-channel{background:#0c0a10cc;border:1px solid var(--panel-border);color:var(--ink-dim);min-width:46px}.chat-input-row button.chat-channel:hover{border-color:var(--gold-dim);color:var(--ink)}.chat-input-row button.chat-channel.team{background:#4a9fd840;border-color:#33607f;color:#8fd0f5}.chat-team .chat-name{color:#8fd0f5}#npc-dialog{position:absolute;left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom));display:flex;justify-content:center;padding:0 16px}.npc-panel{width:min(430px,94vw);padding:18px 20px}.npc-head{margin-bottom:10px;font-size:15px}.npc-head .npc-name{color:var(--gold-light);font-weight:700}.npc-head .npc-title{color:var(--ink-dim);font-size:13px}.npc-panel p{margin:6px 0;font-size:14px;line-height:1.7;color:var(--ink)}#toast{position:absolute;top:64px;left:50%;transform:translate(-50%);background:#141118f2;border:1px solid var(--panel-border);border-radius:8px;padding:10px 18px;font-size:13px;color:var(--ink);animation:toast-in .2s ease-out;max-width:80vw}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#08070cd9;color:var(--ink);font-size:14px;letter-spacing:2px}.spinner{width:34px;height:34px;border:3px solid rgba(212,175,55,.25);border-top-color:var(--gold);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#battle-overlay{position:absolute;inset:0;z-index:50;pointer-events:none;backdrop-filter:blur(15px) saturate(.68) brightness(.58);-webkit-backdrop-filter:blur(15px) saturate(.68) brightness(.58);will-change:backdrop-filter;background:radial-gradient(125% 62% at 50% 0%,#08060cbd,#08060c4d 58%,#08060c00 78%),radial-gradient(125% 62% at 50% 100%,#08060ccc,#08060c57 58%,#08060c00 78%),radial-gradient(80% 46% at 50% 50%,#1812084d,#06050900 72%),#060509b3;animation:fade-in .16s ease-out}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){#battle-overlay{background:#060509e0}}.in-battle #hud,.in-battle #chat-box{display:none}.bf-top{position:absolute;left:8px;right:8px;top:calc(8px + env(safe-area-inset-top));display:flex;align-items:flex-start;gap:8px}.bf-tl{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}.bf-tc{flex:0 0 auto;width:min(42vw,196px);display:flex;flex-direction:column;align-items:center}.bf-round{font-size:12px;letter-spacing:2px;color:var(--gold-light);text-shadow:0 1px 2px #000}.bf-timer{min-height:22px;font-size:21px;font-weight:700;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000,0 0 10px rgba(0,0,0,.7)}.bf-timer.urgent{color:#ff7a5a;text-shadow:0 0 12px rgba(255,90,60,.55)}.bf-lead{width:100%}.bf-lead.empty{visibility:hidden}.bf-lead-row{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:2px}.bf-lead-nm{font-size:11px;color:var(--ink);text-shadow:0 1px 2px #000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bf-lead-num{flex-shrink:0;font-size:10px;color:var(--ink-dim);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.bf-lead .bar{height:13px;margin-bottom:0}.bf-party{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;pointer-events:none;max-height:34vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.pc{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:6px 0 0 6px;border:1px solid rgba(212,175,55,.24);border-right:0;background:linear-gradient(90deg,#1e181080,#14100adb)}.pc-av{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(212,175,55,.3);border-radius:4px;background:radial-gradient(circle at 50% 32%,#2a2434,#14111a)}.pc-av canvas{image-rendering:pixelated}.pc-col{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.pc.down .pc-av{filter:grayscale(1) brightness(.7)}.pc-nm{font-size:10px;color:var(--ink);max-width:54px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pc-lv{font-size:10px;color:var(--gold-light);font-variant-numeric:tabular-nums}.pc-hp{position:relative;width:46px;height:8px;background:#0d0b12;border:1px solid #3a3428;border-radius:4px;overflow:hidden}.pc-fill{display:block;height:100%;width:100%;background:linear-gradient(180deg,#6fbd6c,#3d7a40);transition:width .3s ease}.pc.down .pc-fill{background:#555}.pc.down .pc-nm{color:var(--ink-faint)}.bf-field{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(54px,12vh,108px);padding-bottom:6vh}.bf-ring{position:absolute;left:50%;width:min(96vw,470px);height:min(46vh,300px);top:calc(50% - 3vh);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#d4af3724,#d4af370e 55%,#d4af3700 78%);box-shadow:inset 0 0 46px #d4af370f;pointer-events:none}.bf-side{--uw: 78px;display:flex;flex-direction:column;gap:2px}.bf-side.foe{align-items:center;padding-left:9vw}.bf-side.ally{align-items:center;padding-right:9vw}.bf-row{display:flex;gap:2px}.bf-row.front{z-index:2}.bf-row.back{z-index:1;transform:translate(var(--skew, 0px)) scale(.9);opacity:.88}.bf-side.foe .bf-row.back{--skew: -16px}.bf-side.ally .bf-row.back{--skew: 16px}.bf-unit{position:relative;width:var(--uw);display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 1px 3px;border:1px solid transparent;border-radius:8px;pointer-events:auto}.bf-unit .b-avatar,.bf-unit .b-avatar.monster{width:auto;height:auto;padding:0;margin:0;background:transparent;border:0;box-shadow:none;overflow:visible;position:relative}.bf-unit .b-avatar:after{content:"";position:absolute;left:12%;right:12%;bottom:-3px;height:7px;border-radius:50%;background:radial-gradient(closest-side,#00000080,#0000)}.u-bars{width:100%;display:flex;flex-direction:column;gap:2px}.bf-unit .bar{height:9px;margin-bottom:0;border-radius:5px}.bf-unit .bar.mp{height:8px;border-radius:4px}.bf-unit .bar.mp .bar-text{font-size:6px;letter-spacing:0}.bf-unit .bar-text{font-size:7px;line-height:1}.bf-unit .b-name{font-size:10px;margin:0;line-height:1.25;max-width:100%;text-shadow:0 1px 2px #000}.pet-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:1px}.pet-wrap.off{visibility:hidden}.bf-unit .b-avatar.pet.flash{animation:hitflash .5s}.pet-wrap.down .b-avatar.pet{filter:grayscale(1) brightness(.65)}.bf-unit .bar.pet{width:74%;border-color:#4a3c22}.bf-unit .bar.pet .bar-text{font-size:6px;letter-spacing:0}.pet-wrap.down .bar.pet .bar-text{color:#999;text-decoration:line-through}.bf-unit .bar.pet.flash{animation:hitflash .5s}.u-ring{position:absolute;left:50%;bottom:1px;width:86%;height:15px;transform:translate(-50%);border-radius:50%;border:2px solid transparent;opacity:0;pointer-events:none;z-index:0}.bf-unit.target .u-ring{opacity:1;border-color:#ffd678eb;box-shadow:0 0 8px #d4af378c,inset 0 0 6px #d4af374d;animation:ringpulse 1.5s ease-in-out infinite}.bf-unit.acting .u-ring{opacity:1;border-color:#7ee8b0f2;box-shadow:0 0 10px #50dc9699}@keyframes ringpulse{0%,to{box-shadow:0 0 6px #d4af3766,inset 0 0 5px #d4af3738}50%{box-shadow:0 0 12px #d4af37b8,inset 0 0 8px #d4af3766}}.b-bubble{position:absolute;right:-3px;top:-13px;z-index:3;display:flex;align-items:center;gap:2px;pointer-events:none}.b-bubble .u-lv{min-width:13px;padding:0 2px;font-size:8px;line-height:13px;text-align:center;color:#fff2cf;background:linear-gradient(180deg,#4a3a20,#241a0e);border:1px solid rgba(212,175,55,.5);border-radius:4px;text-shadow:0 1px 1px #000}.b-bubble .u-elem{min-width:13px;padding:0 2px;font-size:8px;line-height:13px;text-align:center;color:var(--ec, #ccc);background:#120e08d1;border:1px solid var(--ec, #888);border-radius:4px;text-shadow:0 1px 1px #000}.b-bubble .u-elem.off{display:none}.mon-scrim{position:absolute;inset:0;z-index:6;background:#0000001f}.mon-card{position:absolute;z-index:7;width:132px;padding:5px 6px 6px;border:1px solid rgba(212,175,55,.55);border-radius:8px;background:linear-gradient(180deg,#261e12e0,#14100ae6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px #0000008c;pointer-events:auto}.mon-card .mc-head{font-size:9px;letter-spacing:2px;text-align:center;color:#d9bd7a;padding-bottom:3px;margin-bottom:3px;border-bottom:1px solid rgba(212,175,55,.28)}.mon-card .mc-row{display:flex;justify-content:space-between;gap:4px;font-size:9px;line-height:1.5}.mon-card .mc-k{color:#a8977a;flex:none}.mon-card .mc-v{color:#f0e6cf;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mon-card .mc-row.low .mc-v{color:#e08a80}.mon-card .mc-row.good .mc-v{color:#8fd18f}.mon-card .mc-row.bad .mc-v{color:#e6a95c}.bf-unit .member-status{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;line-height:1}.bf-unit.monster{cursor:pointer}.bf-unit.me{border-color:transparent}.bf-unit.me .b-name{color:#cfe4ff;text-shadow:0 1px 2px #000,0 0 8px rgba(140,190,255,.45)}.bf-unit.target{background:transparent}.bf-unit.down{opacity:.38;cursor:default;filter:grayscale(.7)}.bf-unit.acting{background:transparent}.b-avatar{width:64px;height:70px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 32%,#2a2434,#14111a);border:1px solid rgba(212,175,55,.34);border-radius:var(--r-md);box-shadow:inset 0 2px 8px #0009,0 0 10px #d4af371a;flex-shrink:0;overflow:hidden}.b-avatar canvas{image-rendering:pixelated}.b-name{font-size:14px;font-weight:700;margin-bottom:4px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-name-row{display:flex;align-items:baseline;gap:4px;overflow:visible}.b-name-row .b-nm{min-width:0;overflow:hidden;text-overflow:ellipsis}.b-name-row .b-lv{flex-shrink:0;font-size:11px;font-weight:400;color:var(--ink-dim)}.bar{position:relative;height:14px;background:#0d0b12;border:1px solid #3a3428;border-radius:7px;overflow:hidden;margin-bottom:4px}.bar-fill{height:100%;width:50%;border-radius:6px;transition:width .3s ease}.bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;text-shadow:0 1px 2px #000}.bf-bl{position:absolute;left:calc(8px + env(safe-area-inset-left));bottom:calc(8px + env(safe-area-inset-bottom));pointer-events:auto}#battle-log{width:min(50vw,232px);height:82px;overflow-y:auto;background:linear-gradient(180deg,#06050999,#06050966);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sm);padding:5px 8px;font-size:11px;line-height:1.55;color:#ffffffd1;text-shadow:0 1px 2px #000;overscroll-behavior:contain;scrollbar-width:thin}#battle-log .b-log-line{border-bottom:1px dashed rgba(255,255,255,.06)}.bf-br{position:absolute;right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:auto;max-width:64vw}.bf-dock{display:flex;flex-direction:column;align-items:stretch;gap:5px}.battle-actions{display:grid;grid-template-columns:repeat(3,minmax(58px,74px));gap:5px}.battle-btn{min-height:46px;padding:8px 2px;background:linear-gradient(180deg,#3b3425,#241f16 55%,#191510);border:1px solid rgba(212,175,55,.28);border-radius:var(--r-md);color:var(--ink);font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;box-shadow:0 3px #100d09,inset 0 1px #ffecbe24;transition:filter .12s ease,transform 80ms ease,box-shadow 80ms ease}.battle-btn:not(:disabled):hover{filter:brightness(1.18)}.battle-btn.skill{border-color:#d4af3799;background:linear-gradient(180deg,#4b3f26,#2b2317 55%,#1c1710);color:var(--gold-light)}.battle-btn.primary{border-color:#d4af37c7;background:linear-gradient(180deg,#e6c874,#d0a94a 46%,#a8801f);color:#1a1305;text-shadow:none;box-shadow:0 3px #6b5115,inset 0 1px #fff4d280}.battle-btn.ghost{border-color:#96845c38;background:linear-gradient(180deg,#2a2620,#1b1813 55%,#14110d);color:var(--ink-faint, #b9ae95);font-weight:600;box-shadow:0 3px #0c0a07,inset 0 1px #ffecbe0f}.battle-btn.ghost:not(:disabled):hover{color:var(--ink)}.battle-btn:not(:disabled):active{transform:translateY(3px);box-shadow:0 0 #100d09,inset 0 1px #ffecbe1a;filter:brightness(1.25)}.battle-btn:disabled{opacity:.4;cursor:not-allowed}#battle-result{display:none;position:absolute;top:34%;left:50%;transform:translate(-50%);width:min(80vw,320px);z-index:70;pointer-events:auto;text-align:center;padding:14px 12px;border-radius:var(--r-md);font-size:17px;font-weight:700;letter-spacing:3px}#battle-result.show{display:block;animation:result-in .28s ease-out}@keyframes result-in{0%{opacity:0;transform:translate(-50%) scale(.86)}to{opacity:1;transform:translate(-50%) scale(1)}}#battle-result.win{background:linear-gradient(180deg,#57a05a42,#1e382038);color:#8fe292;border:1px solid #4c7d50;box-shadow:inset 0 1px #c8ffcd29;text-shadow:0 1px 0 rgba(0,0,0,.5)}#battle-result.lose{background:linear-gradient(180deg,#d85a4a42,#421a1638);color:#eba08c;border:1px solid #7d443c;box-shadow:inset 0 1px #ffd0be24;text-shadow:0 1px 0 rgba(0,0,0,.5)}#battle-result.caught{background:linear-gradient(180deg,#d4af373d,#3a2c1038);color:var(--gold-light);border:1px solid rgba(212,175,55,.55);box-shadow:inset 0 1px #ffecbe29;text-shadow:0 1px 0 rgba(0,0,0,.5)}#battle-result.flee,#battle-result.draw{background:linear-gradient(180deg,#9a917d33,#1e1c1833);color:var(--ink);border:1px solid var(--panel-border)}#battle-result-detail{display:none;position:absolute;top:56%;left:50%;transform:translate(-50%);z-index:70;justify-content:center;flex-wrap:wrap;gap:6px;width:min(86vw,340px);font-size:12px}#battle-result.show+#battle-result-detail{display:flex}.br-chip{padding:3px 10px;border-radius:999px;background:#14100a99;border:1px solid rgba(212,175,55,.32);color:var(--gold-light);letter-spacing:1px;white-space:nowrap}.battle-revive-btn{display:block;margin:10px auto 0;min-width:140px;background:linear-gradient(#5a4324,#3a2a16);border-color:#8a6a34;color:#f0dca8;letter-spacing:2px}.battle-revive-btn:disabled{opacity:.5}.battle-btn.catch{border-color:#7a5a20;color:#e8c060}.battle-btn.item{border-color:#4c6a2a;color:#bfe08a}#potion-panel{width:min(58vw,210px);max-height:28vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.modal-overlay{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 0%,#14101c99,#040407d1);backdrop-filter:blur(9px) saturate(.72);-webkit-backdrop-filter:blur(9px) saturate(.72);display:flex;align-items:center;justify-content:center;padding:12px;z-index:40;animation:fade-in .12s ease-out}.panel-head{position:sticky;top:-26px;z-index:2;margin:-26px -24px 12px;padding:22px 24px 10px;background:linear-gradient(180deg,#191521 62%,#191521db 88%,#191521b8);border-bottom:1px solid rgba(212,175,55,.16);display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;letter-spacing:2px;color:var(--gold)}.panel-head>span:first-child{position:relative;padding-left:11px}.panel-head>span:first-child:before{content:"";position:absolute;left:0;top:50%;width:3px;height:14px;transform:translateY(-50%);border-radius:2px;background:linear-gradient(180deg,var(--gold-light),var(--gold));box-shadow:0 0 6px #ffd76a4d}.panel-head .gold{color:var(--gold-light);font-size:13px;font-variant-numeric:tabular-nums}.panel-close{cursor:pointer;color:var(--ink-dim);font-size:18px;padding:2px 8px;margin:-2px -8px 0 0;border-radius:var(--r-sm)}.panel-close:hover{color:var(--gold);background:#ffecbe14}.inv-panel,.shop-panel,.quest-panel{width:min(430px,96vw);max-height:88vh;overflow-y:auto;overscroll-behavior:contain}.inv-section{margin-bottom:16px}.sec-title{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-dim);letter-spacing:2px;margin-bottom:7px;padding-bottom:4px;border-bottom:1px solid var(--line)}.sec-title:before{content:"";width:3px;height:11px;border-radius:2px;background:linear-gradient(180deg,var(--gold-light),var(--gold))}.equip-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.equip-slot{position:relative;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;background:linear-gradient(180deg,var(--panel-raised),rgba(0,0,0,0)),var(--input-bg);border:1px solid var(--panel-border);border-radius:var(--r-md);padding:6px 4px;cursor:pointer;box-shadow:inset 0 2px 6px #0000008c,inset 0 -1px #ffecbe0d;transition:border-color .12s ease,box-shadow .12s ease}.equip-slot:hover{border-color:var(--gold-dim)}.equip-slot.filled{border-color:#d4af376b;box-shadow:inset 0 2px 6px #0000008c,inset 0 0 10px #d4af371a,0 0 0 1px #d4af371f,0 2px 10px #00000059}.equip-slot.selected{border-color:var(--gold);box-shadow:inset 0 2px 6px #00000080,0 0 0 2px #d4af3780,0 0 14px #ffd76a33}.equip-slot .slot-name{font-size:10px;color:var(--ink-dim);letter-spacing:1px}.equip-slot .slot-item{max-width:100%;font-size:11px;font-weight:700;line-height:1.25;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equip-slot .slot-en{position:absolute;right:2px;top:2px;padding:0 4px;border-radius:7px;background:linear-gradient(180deg,#e3c25a,#b8912c);color:#221a06;font-size:10px;font-weight:800;line-height:15px;font-variant-numeric:tabular-nums;box-shadow:0 1px 3px #0000008c}.equip-detail{margin-top:8px;padding:10px 11px;border-radius:var(--r-md);background:linear-gradient(180deg,#fff4d60a,#0000),var(--input-bg);border:1px solid var(--panel-border);box-shadow:inset 0 2px 6px #00000073}.ed-head{display:flex;align-items:center;gap:8px}.ed-name{font-size:14px;font-weight:700;letter-spacing:.5px;color:var(--gold-light)}.ed-head .mini-btn{margin-left:auto}.ed-stats{margin-top:3px;font-size:11px;color:var(--gold-light);opacity:.85;font-variant-numeric:tabular-nums}.ed-empty{margin-top:3px;font-size:11px;color:var(--ink-faint)}.ed-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}.ed-tag,.slot-cost{font-size:10px;color:var(--ink-faint);letter-spacing:1px;font-variant-numeric:tabular-nums}.ed-cost{font-size:10px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.ed-max{font-size:12px;color:var(--gold-light)}.equip-detail .slot-gems{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}.equip-detail .slot-affix{border-left:none;padding-left:0;padding-top:9px}.equip-detail .mini-btn{margin:0}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px}.item-cell{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:112px;background:linear-gradient(180deg,var(--panel-raised),rgba(0,0,0,0)),var(--input-bg);border:1px solid var(--panel-border);border-radius:var(--r-md);padding:9px 6px 8px;box-shadow:inset 0 2px 6px #00000080,inset 0 -1px #ffecbe0a;transition:border-color .12s ease}.item-ico{flex:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:19px;font-weight:700;color:var(--gold-light);background:radial-gradient(72% 72% at 50% 28%,#d4af3733,#00000057);border:1px solid rgba(212,175,55,.3);box-shadow:inset 0 1px #ffecbe24,inset 0 -8px 14px #00000073}.item-cell .item-name{font-size:12px;line-height:1.25;text-align:center}.item-cell .item-name .qty{display:block;margin-left:0;font-size:10px}.item-cell .item-desc{margin:0;font-size:10px;line-height:1.35;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.item-cell .mini-btn{width:100%;margin:auto 0 0}.item-cell:hover{border-color:#6a5a2a99}.item-cell.t-mid,.equip-slot.t-mid{border-color:#78a8d26b}.item-cell.t-high,.equip-slot.t-high{border-color:#b284e075}.item-cell.t-top,.equip-slot.t-top{border-color:#d4af3799}.item-cell.t-mid .item-name{color:#a8d0ee}.item-cell.t-high .item-name{color:#d7b4f2}.item-cell.t-top .item-name{color:var(--gold-light)}.item-name{font-size:13px;font-weight:700}.item-name .qty{color:var(--gold-light);font-size:11px;margin-left:4px;font-variant-numeric:tabular-nums}.item-desc{font-size:10px;color:var(--ink-dim);margin:3px 0 5px}.mini-btn{padding:5px 12px;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:var(--r-sm);color:var(--ink);font-size:12px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform 60ms ease}.mini-btn:hover{border-color:var(--gold-dim);background:#ffecbe0f}.mini-btn.gold{border-color:var(--gold-dim);background:linear-gradient(180deg,#d4af3742,#d4af371a);color:var(--gold-light);font-weight:600}.mini-btn.gold:hover{background:linear-gradient(180deg,#d4af3761,#d4af3729)}.mini-btn.warn{border-color:#6a3a34;background:#e07a5f14;color:#e08a76}.mini-btn.warn:hover{background:#e07a5f29}.mini-btn:active{transform:translateY(1px);filter:brightness(1.25)}.mini-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}.pet-list{display:flex;flex-direction:column;gap:6px}.pet-card{display:flex;align-items:center;justify-content:space-between;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px}.pet-card.active{border-color:#7a5a20}.pet-card .pet-main{display:flex;flex-direction:column;gap:3px}.pet-card .pet-name{font-size:13px;font-weight:700}.pet-card .pet-sub{font-size:11px;color:var(--ink-dim);letter-spacing:.5px}.apt-box{display:flex;flex-direction:column;gap:6px;padding:4px 0 8px}.apt-row{display:flex;align-items:center;gap:8px;font-size:12px}.apt-row .apt-name{width:64px;color:var(--ink-dim);flex:none}.apt-row .apt-bar{position:relative;flex:1;height:8px;border-radius:4px;background:#00000073;overflow:hidden}.apt-row .apt-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#6d5a2a,var(--gold))}.apt-row .apt-num{width:26px;text-align:right;color:var(--gold-light);flex:none}.pet-skill-list{display:flex;flex-direction:column;gap:5px;padding:4px 0 8px}.pet-skill{display:flex;flex-direction:column;gap:2px;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:6px;padding:6px 9px}.pet-skill .pet-skill-name{font-size:12px;font-weight:700;color:var(--gold-light)}.pet-skill .pet-skill-desc{font-size:11px;color:var(--ink-dim);line-height:1.5}.quest-box{background:var(--input-bg);border:1px solid var(--panel-border);border-radius:8px;padding:10px}.quest-title{font-size:14px;font-weight:700;margin-bottom:4px}.quest-progress{font-size:12px;color:var(--gold-light)}.shop-list{display:flex;flex-direction:column;gap:6px}.shop-row{display:flex;align-items:center;justify-content:space-between;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px}.shop-row .shop-info{flex:1;min-width:0}.npc-line{margin:4px 0 10px;font-size:13px;color:var(--ink);line-height:1.7}.stats-panel{width:min(400px,96vw);max-height:88vh;overflow-y:auto}.stats-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.stats-id{flex:1;min-width:0}.stats-name{font-size:16px;font-weight:700}.stats-level{font-size:12px;color:var(--ink-dim);margin:3px 0 5px}.exp-bar{position:relative;height:14px;background:#0d0b12;border:1px solid #3a3428;border-radius:7px;overflow:hidden}.exp-fill{height:100%;background:linear-gradient(90deg,#b8912c,#e3c25a);transition:width .3s ease}.exp-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;text-shadow:0 0 5px #000,0 0 5px #000,0 1px 2px #000}.points-line{text-align:center;font-size:13px;color:var(--gold-light);letter-spacing:1px;background:#d4af3714;border:1px dashed #6a5a2a;border-radius:8px;padding:7px;margin-bottom:8px}.stat-rows{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.stat-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px}.stat-name{grid-area:1 / 1;font-size:13px;font-weight:700}.stat-desc{grid-area:2 / 1;font-size:9px;color:var(--ink-dim);line-height:1.35}.stat-row .mini-btn{grid-area:1 / 2 / span 2;align-self:center}.derived-box{background:linear-gradient(180deg,var(--panel-raised),rgba(0,0,0,0)),var(--input-bg);border:1px solid var(--panel-border);border-radius:var(--r-md);padding:6px 12px}.kv-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 6px;font-size:13px;border-radius:var(--r-sm)}.kv-row:nth-child(odd){background:#ffffff07}.kv-label{flex:none;width:3.5em;color:var(--ink-dim);letter-spacing:1px}.kv-value{min-width:0;text-align:right;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.kv-chips{flex-direction:column;align-items:stretch;gap:4px}.kv-chips .kv-label{width:auto}.kv-chips .kv-value{display:flex;flex-wrap:wrap;gap:4px;text-align:left;font-weight:400}.kvc{font-size:11px;line-height:1.5;padding:1px 8px;border-radius:999px;color:var(--gold-light);background:#d4af3717;border:1px solid rgba(212,175,55,.24)}.pet-detail-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.act-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.act-cell .mini-btn{width:100%;min-height:40px}.act-hint{font-size:10px;line-height:1.4;color:var(--ink-dim)}.fx-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:60}.float-text{position:absolute;width:40px;text-align:center;font-weight:700;pointer-events:none;animation:floatUp .9s ease-out forwards;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.6)}.float-text.dmg{color:#ff8a7a;font-size:17px}.float-text.crit{color:#ffd76a;font-size:23px;width:60px;margin-left:-10px;animation:floatCrit 1s ease-out forwards}.float-text.heal{color:#7fd882;font-size:16px}.float-text.miss{color:#9ad8ff;font-size:13px}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-48px)}}@keyframes floatCrit{0%{opacity:0;transform:translateY(6px) scale(.6)}25%{opacity:1;transform:translateY(-4px) scale(1.25)}to{opacity:0;transform:translateY(-52px) scale(1)}}.b-avatar.flash{animation:hitflash .5s}@keyframes hitflash{0%,to{filter:none}20%,60%{filter:brightness(2.6) saturate(.4);transform:translate(2px)}40%,80%{transform:translate(-2px)}}.fx-banner{position:absolute;top:44%;left:50%;transform:translate(-50%);padding:6px 26px;font-size:16px;font-weight:700;letter-spacing:5px;border-radius:20px;animation:bannerIn 1.1s ease-out forwards;pointer-events:none;white-space:nowrap}.fx-banner.p{color:#ffe9a8;background:#5a46148c;border:1px solid #8a6a2a;text-shadow:0 0 10px rgba(255,200,80,.6)}.fx-banner.m{color:#ffc0b0;background:#5a1e148c;border:1px solid #8a3a2a;text-shadow:0 0 10px rgba(255,80,50,.6)}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%) scale(.7)}20%{opacity:1;transform:translate(-50%) scale(1.05)}75%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1)}}.auto-switch{font:inherit;font-size:11px;letter-spacing:1px;padding:4px 12px;align-self:flex-end;border-radius:999px;border:1px solid rgba(212,175,55,.32);background:#0c0a10b8;color:var(--ink-dim);cursor:pointer;flex-shrink:0}.auto-switch.on{background:linear-gradient(180deg,#d8b45a,#8a6a1e);border-color:#ffe8aab3;color:#241a06;font-weight:700;box-shadow:0 0 8px #d4af3759}.battle-order{display:flex;align-items:center;gap:4px;overflow-x:auto;overscroll-behavior:contain;pointer-events:auto;padding:2px 0;scrollbar-width:none}.battle-order .bo-label{font-size:9px;color:var(--gold-light);letter-spacing:1px;flex-shrink:0;padding-right:2px;text-shadow:0 1px 2px #000}.bo-chip{flex-shrink:0;font-size:10px;line-height:1;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0c0a10ad;color:var(--ink-dim);white-space:nowrap;max-width:92px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px #000}.bo-chip.plr{border-color:#8cbeff57;color:#cfe4ff}.bo-chip.pet{border-color:#8fbc7466;color:#b9d8a4}.bo-chip.mon{border-color:#e07a5f70;color:#f0b6a6}.bo-chip.done{opacity:.32}.bo-chip.wait{border-style:dashed;opacity:.6}.bo-chip.acting{background:linear-gradient(180deg,#d8b45a,#9a7626);border-color:#ffe8b0;color:#231a06;font-weight:700;box-shadow:0 0 10px #d4af3773}.bg{font-style:normal;font-size:8px;line-height:1;padding:2px 4px;border-radius:3px;white-space:nowrap;border:1px solid rgba(255,255,255,.16);background:#0a080ebd;color:var(--ink);text-shadow:0 1px 1px #000}.bg.tail{border-color:#d4af3766;color:var(--gold-light)}.party-invite{position:absolute;top:calc(76px + env(safe-area-inset-top));left:0;right:0;width:max-content;max-width:min(86vw,300px);margin:0 auto;background:linear-gradient(180deg,#282118f5,#0e0c12f0);border:1px solid rgba(212,175,55,.5);border-radius:var(--r-md);padding:12px 16px 14px;z-index:30;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-panel),inset 0 1px #ffecbe1f;animation:drop-in .25s ease-out}@keyframes drop-in{0%{opacity:0;transform:translateY(-8px)}}.party-invite .pi-head{font-size:12px;letter-spacing:4px;color:var(--gold-light);text-align:center}.party-invite .pi-text{font-size:14px;color:var(--ink);text-align:center}.party-invite .pi-text b{color:var(--gold-light)}.party-invite .pi-bar{height:3px;border-radius:2px;background:#ffffff1a;overflow:hidden}.party-invite .pi-bar-fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--gold),#e3c25a);transition:width .5s linear}.party-invite .pi-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.party-invite .pi-actions .mini-btn{width:100%;min-height:40px}.art-img{display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}.art-img.char,.art-img.monster{filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}.char-avatar,.b-avatar{background:transparent}.create-preview{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:14px;padding:10px;border:1px solid var(--panel-border);border-radius:12px;background:radial-gradient(ellipse at 50% 18%,#d4af3724,#0000 70%)}.create-preview-tag{font-size:12px;letter-spacing:2px;color:var(--gold-light)}.hud-party{position:absolute;top:calc(70px + env(safe-area-inset-top));left:10px;display:flex;align-items:center;gap:6px;max-width:64vw;padding:4px 5px 4px 9px;border-radius:999px;background:linear-gradient(180deg,#221c15e0,#0c0a10d1);border:1px solid rgba(212,175,55,.26);box-shadow:0 3px 12px #0006,inset 0 1px #ffecbe14;animation:fade-in .2s ease-out}.hud-party .hp-tag{font-size:11px;letter-spacing:1px;color:var(--gold-light);flex:none}.hud-party .hp-name{font-size:12px;padding:2px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-party .hp-name.me{border-color:#d4af3780;background:#d4af3724}.hud-party .hp-count{font-size:11px;color:var(--ink-dim);font-variant-numeric:tabular-nums;flex:none}.hud-party .hp-leave{flex:none;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(190,90,74,.6);background:#be5a4a29;color:#e8b0a4;font-size:12px;cursor:pointer}.hud-party .hp-leave:hover{background:#be5a4a4d}.hud-party .hp-leave:active{transform:translateY(1px)}.create-hero{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:14px}.create-hero .create-preview{margin-bottom:0}.create-info{display:flex;flex-direction:column;gap:6px;min-width:0}.create-info .ci-desc{font-size:12px;color:var(--ink);line-height:1.5}.create-info .ci-skill{display:flex;flex-direction:column;gap:2px;padding:6px 9px;border-radius:var(--r-sm);background:#d4af3714;border:1px solid rgba(212,175,55,.24)}.create-info .ci-skill b{font-size:12px;color:var(--gold-light)}.create-info .ci-skill span{font-size:11px;color:var(--ink-dim);line-height:1.4}.create-info .ci-vs{font-size:11px;color:var(--ink-dim)}.sect-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:62px;padding:8px 2px}.sect-elem{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:15px;font-weight:800;font-style:normal;background:#00000040}.sect-card.selected .sect-elem{box-shadow:0 0 0 2px #d4af3780,0 0 10px #ffd76a4d}#potion-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:6px}.potion-btn{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:baseline;min-height:44px;padding:6px 10px;text-align:left;cursor:pointer;border:1px solid rgba(212,175,55,.3);border-radius:var(--r-sm);background:linear-gradient(180deg,#2a2418,#14111a);color:var(--ink)}.potion-btn:hover{border-color:var(--gold)}.potion-btn:active{transform:translateY(1px)}.potion-btn .pb-name{font-size:13px;font-weight:700;color:var(--gold-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.potion-btn .pb-qty{font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}.potion-btn .pb-desc{grid-column:1 / -1;font-size:10px;color:var(--ink-dim);line-height:1.4}@media (max-width: 420px){.screen{padding:12px}.field input,.chat-input-row input{font-size:16px}.modal-overlay{padding:calc(6px + env(safe-area-inset-top)) 6px calc(6px + env(safe-area-inset-bottom)) 6px}.panel,.inv-panel,.shop-panel,.quest-panel,.main-panel,.stats-panel{--arm: 11px;--inset: 4px;width:100%;max-width:100%;border-radius:var(--r-md)}.panel{padding:18px 14px}.inv-panel,.shop-panel,.quest-panel,.stats-panel{max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px)}.main-panel{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.hud-card{gap:7px;padding:5px 9px 5px 5px}.hud-avatar,.hud-face{width:38px;height:38px}.hud-meta{min-width:118px;gap:4px}.hud-sect,.hud-sub{display:none}.hud-gold{font-size:11px}.hud-tr{max-width:44vw}.hud-quest,.hud-map{font-size:11px}.hud-map-go{padding:0 4px;font-size:9px}.minimap-panel{padding:20px 14px 14px}.minimap-panel .panel-head{margin:-20px -14px 10px;padding:16px 14px 8px}.mm-stage{padding:4px}.mm-legend{gap:3px 8px;font-size:10px}.mm-readout{font-size:11px}.hud-dock{gap:6px;right:8px}.hud-fab{width:48px;font-size:10px}.hud-fab-ico{width:40px;height:40px;font-size:14px}#chat-box{width:calc(100vw - 20px);max-width:320px;bottom:calc(78px + env(safe-area-inset-bottom))}.chat-input-row input{flex:1 1 auto;min-width:0}.item-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.item-cell{min-height:100px}.item-cell .item-desc{-webkit-line-clamp:1;line-clamp:1}.equip-slot .slot-item{font-size:10px}.bf-top{left:6px;right:6px}.bf-tc{width:min(40vw,170px)}.bf-side.foe{padding-left:5vw}.bf-side.ally{padding-right:5vw}.bf-side.foe .bf-row.back{--skew: -10px}.bf-side.ally .bf-row.back{--skew: 10px}#battle-log{width:min(44vw,186px);height:68px;font-size:10px}.bf-br{max-width:68vw}.battle-actions{grid-template-columns:repeat(3,minmax(52px,66px));gap:4px}.battle-btn{min-height:44px;font-size:13px}.bf-party{max-height:20vh}.pc-nm{max-width:42px}.pc-hp{width:38px}#potion-panel{width:min(54vw,180px)}.battle-order{gap:3px}.bo-chip{font-size:9px;padding:3px 6px;max-width:68px}.bg{font-size:7px;padding:1px 3px}.hud-party{top:calc(62px + env(safe-area-inset-top));left:8px;gap:5px;max-width:72vw}.hud-party .hp-name{font-size:11px;padding:2px 7px;max-width:74px}.hud-party .hp-leave{min-height:34px;padding:0 12px}#potion-panel{grid-template-columns:1fr}.create-info .ci-desc{font-size:11px}}