: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);--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:linear-gradient(180deg,#0a0910bd,#08070ce0),url(/assets/art/ui/bg_login.jpg) center top / cover no-repeat,#0b0a10;overflow-y:auto;padding:20px}.screen>*{margin:auto}.panel{position:relative;width:min(420px,94vw);border-radius:var(--r-lg);padding:26px 24px;animation:panel-in .14s ease-out}.panel,.battle-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}.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: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;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#14101ab8,#060509ed);backdrop-filter:blur(3px);z-index:50;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.battle-panel{width:min(480px,96vw);max-height:94vh;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--r-lg);padding:16px 18px;animation:panel-in .14s ease-out}.battle-head{text-align:center;font-size:18px;font-weight:700;letter-spacing:8px;color:var(--gold);margin-bottom:12px;text-shadow:0 1px 0 rgba(0,0,0,.8),0 0 14px rgba(212,175,55,.22)}.battle-vs{color:var(--ink-dim);font-size:14px;letter-spacing:2px;flex-shrink:0}.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}.battle-round{text-align:center;color:var(--ink-dim);font-size:12px;letter-spacing:2px;margin:8px 0 6px}#battle-log{height:130px;overflow-y:auto;background:linear-gradient(180deg,#0000006b,#0000003d);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;font-size:12px;line-height:1.7;color:var(--ink);overscroll-behavior:contain;scrollbar-width:thin}#battle-log .b-log-line{border-bottom:1px dashed rgba(255,255,255,.06)}.battle-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.battle-btn{min-height:44px;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:13px;font-weight:700;letter-spacing:2px;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: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;text-align:center;margin-top:10px;padding:12px 10px;border-radius:var(--r-md);font-size:16px;font-weight:700;letter-spacing:3px}#battle-result.show{display:block;animation:drop-in .28s ease-out}#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;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:8px;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-pet{position:relative;height:12px;margin:6px 2px 0;background:#0d0b12;border:1px solid #4a3a20;border-radius:6px;overflow:hidden}.battle-pet .bar-fill{height:100%;background:#c89030;transition:width .3s ease}.battle-pet .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}.battle-actions.six{grid-template-columns:repeat(3,1fr)}.battle-btn.catch{border-color:#7a5a20;color:#e8c060}#potion-panel{margin-top:6px}.modal-overlay{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 0%,#18142080,#060509bd);backdrop-filter:blur(3px);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(2,1fr);gap:6px}.item-cell{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:8px;box-shadow:inset 0 2px 6px #00000080,inset 0 -1px #ffecbe0a;transition:border-color .12s ease}.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 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:flex;align-items:center;justify-content:space-between;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px}.stat-name{font-size:13px;font-weight:700}.stat-desc{font-size:9px;color:var(--ink-dim);margin-left:4px;flex:1}.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}.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:14%;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)}}.multi-stage{display:flex;align-items:stretch;gap:6px;background:linear-gradient(180deg,#ffecbe0a,#0000),#14111a;border:1px solid rgba(212,175,55,.2);border-radius:10px;padding:8px;min-height:180px;box-shadow:inset 0 2px 10px #0009}.member-list{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;min-height:0;overflow-y:auto}.member-row{display:flex;align-items:center;gap:8px;background:#ffffff08;border-radius:8px;padding:4px 8px}.member-row.me{border:1px solid #4a3f2a}.member-row .b-avatar.small{width:36px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.member-row .b-stats{flex:1;min-width:0}.member-row .bar{height:10px;margin-bottom:2px}.member-row .bar .bar-text{font-size:8px}.member-row .pet-line{font-size:9px;color:#c89030}.member-row .member-status{font-size:10px;color:var(--gold-light);white-space:nowrap;flex-shrink:0;min-width:32px;text-align:center}.monster-box{display:flex;align-items:center;gap:8px;flex-shrink:0;cursor:pointer;border:1px solid transparent;border-radius:8px;padding:2px 4px}.monster-list{display:flex;flex-direction:column;justify-content:center;gap:6px;flex-shrink:0}.monster-box.target{border-color:#d4af378c;background:#d4af3714;box-shadow:0 0 6px #d4af3740}.monster-box.down{cursor:default;opacity:.4}.battle-head{display:flex;align-items:center;justify-content:center;gap:12px}.battle-head>span{letter-spacing:8px}.auto-switch{font:inherit;font-size:11px;letter-spacing:1px;padding:3px 9px;border-radius:999px;border:1px solid rgba(212,175,55,.32);background:#ffffff0d;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;padding:2px 0 6px;margin-bottom:6px;border-bottom:1px solid rgba(212,175,55,.14)}.battle-order .bo-label{font-size:9px;color:var(--ink-faint);letter-spacing:1px;flex-shrink:0;padding-right:2px}.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:#ffffff0d;color:var(--ink-dim);white-space:nowrap;max-width:92px;overflow:hidden;text-overflow:ellipsis}.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}.member-row.acting,.monster-box.acting .b-avatar.monster{outline:1px solid rgba(212,175,55,.6);outline-offset:1px;box-shadow:0 0 12px #d4af374d}.member-row .member-status{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:40px}.member-row .member-status:empty{min-width:0}.bg{font-style:normal;font-size:9px;line-height:1;padding:2px 5px;border-radius:3px;white-space:nowrap;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:var(--ink-dim)}.bg.tail{border-color:#d4af3757;color:var(--gold-light)}.battle-round.urgent{color:#ff8a72;text-shadow:0 0 8px rgba(255,90,60,.4)}.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}.b-avatar.monster{width:104px;height:104px}.member-row .b-avatar.small{width:34px;height:50px}.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,.battle-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)}.battle-panel{padding:12px;max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px)}.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:min(58vw,210px);bottom:calc(78px + env(safe-area-inset-bottom))}.item-grid .item-cell .item-desc{display:none}.equip-slot .slot-item{font-size:10px}.multi-stage{gap:4px;padding:6px}.monster-box{min-width:0;gap:6px;flex-direction:column;align-items:stretch}.monster-box .b-avatar.monster{width:56px;height:56px;align-self:center}.monster-box .b-name{font-size:12px}.monster-box .b-avatar.monster .art-img{max-width:100%;max-height:100%}.monster-box .b-stats{min-width:0}.member-list{flex:0 0 150px;min-width:0}.monster-list,.monster-box{flex:1 1 auto;min-width:0}.member-row .member-status:empty{min-width:0}.battle-order{gap:3px}.bo-chip{font-size:9px;padding:3px 6px;max-width:68px}.member-row .member-status{min-width:34px;gap:1px}.bg{font-size:8px;padding:1px 4px}.member-row .b-name{font-size:12px}.member-row{gap:6px}.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}}