:root{--bg: #0b0a08;--panel: rgba(22, 19, 15, .94);--panel-2: #1b1712;--well: #0d0b08;--line: #3b3022;--line-2: #5a4628;--text: #ecdfc4;--dim: #a6977a;--gold: #f2c55c;--gold-2: #c99a3e;--hp: #d8323c;--mp: #3a7bd8;--exp: #e8b83a;--accent: #b8913e;--good: #9fe28a;--bad: #ff7a7a;--serif: "Noto Serif KR", "Nanum Myeongjo", "AppleMyungjo", "Batang", "Times New Roman", serif;--frame: inset 0 0 0 1px rgba(201, 154, 62, .55), inset 0 0 0 2px rgba(0, 0, 0, .6), inset 0 1px 12px rgba(255, 220, 150, .04), 0 6px 18px rgba(0, 0, 0, .55);--panel-bg: linear-gradient(180deg, rgba(34, 29, 22, .95) 0%, rgba(18, 15, 11, .95) 100%);--hud-bg: linear-gradient(180deg, rgba(28, 24, 18, .82) 0%, rgba(12, 10, 8, .82) 100%);--touch: 48px;--edge-t: max(8px, env(safe-area-inset-top));--edge-b: max(8px, env(safe-area-inset-bottom));--edge-l: max(8px, env(safe-area-inset-left));--edge-r: max(8px, env(safe-area-inset-right));--hud-w: min(270px, 48vw);--map-w: min(220px, 40vw);--act: 58px;--act-gap: 8px;--slot: 42px;--pad-size: 140px;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.game{position:absolute;left:0;top:0;width:100vw;height:100vh;height:100dvh;transform-origin:0 0}.game>.screen{position:fixed;inset:0;touch-action:none;display:block}.game-ui{position:fixed;inset:0;pointer-events:none;touch-action:manipulation}.game-ui>*{pointer-events:auto}.game-ui>.toast,.game-ui>.enchant-flash,.game-ui>.notice-banner{pointer-events:none}#conn-banner{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);padding:6px 14px;border-radius:6px;font-size:13px;text-align:center;color:#ffe0a0;background:#281808eb;box-shadow:inset 0 0 0 1px #a8741f}#conn-replaced{z-index:1001}.perf-hud{position:fixed;top:max(2px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:999;pointer-events:none;padding:1px 8px;border-radius:4px;font:11px/1.5 ui-monospace,monospace;white-space:nowrap;color:#cfe8c0;background:#0000008c}.perf-hud .warn{color:#ffd479}.perf-hud .bad{color:#ff7a6b}html[data-form=phone-p] .leaving-banner{top:calc(var(--edge-t) + 128px)}.leaving-banner{position:fixed;top:44px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);padding:6px 14px;border-radius:6px;font-size:13px;text-align:center;color:#ffd0d0;background:#320c0ceb;box-shadow:inset 0 0 0 1px #a84a4a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#4a3a22;border-radius:4px}::-webkit-scrollbar-track{background:transparent}button{font:inherit;color:var(--text);cursor:pointer;touch-action:manipulation;min-height:32px;padding:6px 12px;border-radius:6px;background:linear-gradient(180deg,#3a3124,#251f16);border:1px solid #0a0806;box-shadow:inset 0 0 0 1px var(--line-2),inset 0 1px #ffe6aa2e;text-shadow:0 1px 1px #000;transition:filter .1s,transform .05s}button:hover{filter:brightness(1.18)}button:active{transform:translateY(1px);filter:brightness(.92)}button:disabled{opacity:.5;cursor:default;filter:none}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}button.primary{color:#fff4d6;background:linear-gradient(180deg,#b8862e,#7a531a);box-shadow:inset 0 0 0 1px #e8b95a,inset 0 1px #fff5d273}button.danger-btn,button.danger{color:#ffd0d0;background:linear-gradient(180deg,#6a2222,#3e1212);box-shadow:inset 0 0 0 1px #a84a4a,inset 0 1px #ffc8c833}button.ghost{background:transparent;box-shadow:none}button.wide{display:block;width:100%;margin:6px 0;text-align:left}input,select{font:inherit;color:var(--text);background:var(--well);border:1px solid #0a0806;border-radius:6px;padding:9px 10px;-webkit-user-select:text;user-select:text;box-shadow:inset 0 0 0 1px var(--line),inset 0 2px 4px #0009}input::placeholder{color:#6f644f}input:focus,select:focus{box-shadow:inset 0 0 0 1px var(--gold-2),inset 0 2px 4px #0009;outline:none}.overlay{position:fixed;inset:0;display:grid;place-items:center;overflow-y:auto;padding:16px 0;background:radial-gradient(ellipse at 50% 18%,rgba(201,154,62,.16),transparent 55%),radial-gradient(circle at 50% 40%,#221d16,#070605 75%)}.overlay.dim-bg{background:#0009}.login{width:min(420px,calc(100vw - 32px));padding:26px 24px;text-align:center;display:flex;flex-direction:column;gap:12px;background:var(--panel-bg);border:1px solid #0a0806;border-radius:10px;box-shadow:var(--frame);position:relative}.login:before,.login:after{content:"";position:absolute;left:50%;width:120px;height:2px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--gold-2),transparent)}.login:before{top:6px}.login:after{bottom:6px}.login.wide:after{position:static;transform:none;align-self:center;flex:none}.login h1{margin:0;font-family:var(--serif);font-size:34px;letter-spacing:3px;font-weight:800;background:linear-gradient(180deg,#fff1c4,#f2c55c 45%,#a8741f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #2a1a04) drop-shadow(0 0 12px rgba(242,197,92,.25))}.login .sub,.login .hint{margin:0;color:var(--dim);font-size:13px}.login .error{color:var(--bad);min-height:1em;font-size:13px}.login .notice{color:var(--good);min-height:1em;font-size:13px}.login .account{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.login .row,.login .account .row{display:flex;gap:8px}.login .row button{flex:1}.login button{min-height:42px}.login.wide{width:min(580px,calc(100vw - 24px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.char-list-box{display:flex;flex-direction:column;gap:8px}.char-search{width:100%}.char-list{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;max-height:min(52vh,460px);overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 2px 2px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.char-row{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 8px;text-align:left;border-radius:8px;cursor:pointer;min-height:52px;background:linear-gradient(90deg,#3c301e80,#14110c99);border:1px solid #0a0806;box-shadow:inset 0 0 0 1px var(--line)}.char-row[hidden],.char-list-box [hidden]{display:none}.char-row:hover,.char-row:focus-visible{box-shadow:inset 0 0 0 1px var(--gold-2);outline:none;background:linear-gradient(90deg,#5a441e99,#1a140cbf)}.char-row.recent{box-shadow:inset 0 0 0 1px var(--gold-2),0 0 10px #f2c55c2e}.char-portrait{image-rendering:pixelated;width:44px;height:52px;margin:-6px -4px -6px -6px;flex:none;filter:drop-shadow(0 2px 1px rgba(0,0,0,.6))}.char-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.char-info b{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;color:var(--gold);font-family:var(--serif);font-size:15px}.char-name{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-info small{color:var(--dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-info .char-move{color:#7fd08a}.char-tag{flex:none;padding:0 6px;white-space:nowrap;border-radius:8px;font-family:inherit;font-size:10px;vertical-align:2px;color:#1a1206;background:var(--gold)}.char-enter{flex:none;font-size:12px;color:var(--gold);padding:0 4px}.char-tag.playing{color:#0e1a10;background:#7fd08a}.online-limit{display:flex;flex-direction:column;gap:6px;margin:8px 0;padding:10px;border-radius:8px;box-shadow:inset 0 0 0 1px #a04030;background:#3c140e8c}.online-limit p{margin:0 0 4px;font-size:13px}.online-limit button{display:flex;align-items:center;gap:4px;text-align:left}.online-limit .limit-go{flex:none;font-size:12px;color:var(--gold)}.online-limit button small{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login .char-del{flex:none;min-height:32px;width:32px;padding:0;color:#b87a7a;font-size:13px}.login .char-del:hover{color:#ffd0d0;background:#6a222299}@media(min-width:560px){.char-list{grid-template-columns:repeat(2,minmax(0,1fr))}.char-enter{display:none}}.login details{text-align:left;border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px}.login details>summary{cursor:pointer;color:var(--gold);font-family:var(--serif);list-style:none}.login details>summary:before{content:"▸ ";color:var(--gold-2)}.login details[open]>summary:before{content:"▾ "}.login details[open]>*:not(summary){margin-top:8px}.char-create{display:flex;flex-direction:column}.account-row{display:flex;gap:8px;margin-top:12px}.account-row button{flex:1}.hud-col{position:absolute;top:var(--edge-t);left:var(--edge-l);width:var(--hud-w);display:flex;flex-direction:column;gap:8px}.game-ui>.hud-col{pointer-events:none}.hud-col>*{pointer-events:auto}.hud{padding:8px 10px;font-size:12px;background:var(--hud-bg);border:1px solid #0a0806;border-radius:8px;box-shadow:var(--frame)}.hud .who{display:flex;align-items:center;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden}.hud .who .nm{flex:0 1 auto;min-width:0;margin-left:.3em;overflow:hidden;text-overflow:ellipsis}.hud .who>b,.hud .who>.badge,.hud .who>.menu-btn{flex:none}.hud .who b{color:var(--gold);font-family:var(--serif)}.badge{margin-left:6px;background:linear-gradient(#e0602a,#a0381a);color:#fff;border-radius:10px;padding:0 7px;font-size:11px;cursor:pointer;box-shadow:0 0 6px #e0602a99}.bar{position:relative;height:16px;margin:4px 0;overflow:hidden;border-radius:4px;background:#080706;border:1px solid #000;box-shadow:inset 0 0 0 1px #2b241a,inset 0 2px 3px #000c}.bar i{position:absolute;inset:1px auto 1px 1px;border-radius:3px;transition:width .2s}.bar i:after{content:"";position:absolute;left:0;right:0;top:0;height:45%;background:linear-gradient(#ffffff59,#fff0);border-radius:3px 3px 0 0}.bar span{position:relative;display:block;text-align:center;line-height:14px;font-size:11px;font-weight:600;text-shadow:0 1px 1px #000,0 0 3px #000}.bar.hp i{background:linear-gradient(#ff5f5a,#b5202a 60%,#7a1018)}.bar.hp em{position:absolute;left:1px;bottom:1px;height:4px;max-width:calc(100% - 2px);background:linear-gradient(#dff4ff,#8fd0ff 50%,#3a8fd0);border-radius:0 0 3px 3px;box-shadow:0 -1px #0009;transition:width .2s}.bar.mp i{background:linear-gradient(#6aa8ff,#2a5fbe 60%,#183a7a)}.bar.exp{height:10px}.bar.exp span{line-height:8px;font-size:9px}.bar.exp i{background:linear-gradient(#ffe07a,#c8961e 60%,#7a5a10)}.gold{color:var(--gold);margin-top:4px}.spirit-pts{color:#8fe8ff;font-size:11px;margin-top:2px;text-shadow:0 1px 0 #000}.map-col{position:absolute;top:var(--edge-t);right:var(--edge-r);width:var(--map-w);display:flex;flex-direction:column;gap:8px}.game-ui>.map-col{pointer-events:none}.map-col>*{pointer-events:auto}.minimap{position:relative;padding:4px;background:var(--hud-bg);border:1px solid #0a0806;border-radius:8px;box-shadow:var(--frame)}.minimap-canvas{width:100%;image-rendering:pixelated;display:block;border-radius:4px;cursor:pointer}.zone-name{text-align:center;font-size:12px;color:var(--gold);padding:2px;font-family:var(--serif);opacity:.6}.zoom{position:absolute;bottom:6px;right:6px;display:flex;gap:4px}.zoom button{width:28px;height:28px;min-height:0;padding:0;font-size:16px;line-height:1}.menu-btn{width:24px;height:24px;min-height:0;padding:0;margin-right:6px;font-size:14px;line-height:1;vertical-align:middle}.panel-menu{width:min(340px,calc(100vw - 16px))}.menu-list{display:flex;flex-direction:column;gap:8px;margin:12px 0 8px}.menu-wins{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 10px}.menu-wins button{padding:6px 4px}.menu-wins .key{margin-left:4px;font-size:9px;font-style:normal;font-weight:700;color:#fff0d266}.panel-menu .sub{margin:10px 0 4px;color:var(--gold);font-family:var(--serif);font-size:13px}.panel-menu .row.seg{display:flex;flex-wrap:wrap;gap:6px}.panel-menu .row.seg button{flex:1 1 auto}.panel-hotkeys{width:min(440px,calc(100vw - 16px))}.hotkey-sec{margin-top:12px}.hotkey-title{color:var(--gold);font-family:var(--serif);margin-bottom:4px}.hotkey-row{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:baseline;padding:2px 0}.hotkey-row kbd{font:inherit;font-size:12px;text-align:center;padding:1px 6px;border:1px solid #5a4a30;border-radius:4px;background:#00000059;color:#f0e0c0}.quest-track{padding:6px 8px;background:var(--hud-bg);border:1px solid #0a0806;border-radius:8px;box-shadow:var(--frame);font-size:12px;cursor:pointer}.quest-track:empty{display:none}.qt-head{color:var(--gold);font-family:var(--serif);font-size:11px}.qt-title{font-weight:700;margin:2px 0 4px}.qt-obj{color:#d8d0c0}.qt-obj.done{color:#7ad08a}.qt-where{margin-top:4px;color:var(--dim);font-size:11px}.qt-where.ready,.qt-where.offer{color:#ffd76a}.qt-line+.qt-line{margin-top:5px;padding-top:5px;border-top:1px solid var(--line)}.qt-more{margin-top:4px;color:var(--dim);font-size:11px}.quest-sec+.quest-sec{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.hunt-table{width:100%;border-collapse:collapse;margin-top:6px;font-size:12px}.hunt-table th,.hunt-table td{text-align:left;padding:3px 4px;border-bottom:1px solid var(--line)}.hunt-table .ok{color:#7ad08a}.hunt-table tr.dim td{opacity:.55}.hunt-low{margin:0 0 6px;padding:5px 8px;border-left:3px solid var(--gold);border-radius:3px;background:#f2c55c1a;color:var(--gold);font-size:12px}.hunt-stack-wrap{margin:6px 0}.hunt-stack-title{font-size:12px;margin-bottom:3px}.hunt-stack{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;padding:4px;border:1px solid var(--line);border-radius:4px}.hunt-block{display:flex;align-items:center;padding:0 6px;font-size:10px;line-height:1;border-radius:3px;background:linear-gradient(90deg,#3d6b8f,#2c4f6b);color:#e8f2fa;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:none}.hunt-mark{flex:none;font-size:11px;color:#9aa4ad;border-top:1px dashed #6b747c;padding-top:1px;text-align:right}.hunt-mark.reached{color:#f2c94c;border-top:2px solid #f2c94c;font-weight:700}.quest-offer{padding:8px;margin-bottom:8px;border:1px solid var(--gold);border-radius:6px;background:#ffd76a0f}.chat-box{position:absolute;left:var(--edge-l);bottom:var(--edge-b);width:min(360px,calc(50vw - 230px));min-width:220px}.chat-box .chat-open,.chat-box .chat-close{display:none}.chat-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.chat-tabs::-webkit-scrollbar{display:none}.chat-tabs button{position:relative;flex:1 0 auto;min-height:0;height:24px;padding:0 6px;font-size:11px;color:var(--dim);white-space:nowrap;border-radius:6px 6px 0 0;border:none;background:#0a080680;box-shadow:inset 0 0 0 1px #5a462859}.chat-tabs button.on{color:var(--gold);background:#0a0806bf;box-shadow:inset 0 0 0 1px #c99a3e8c,inset 0 -2px 0 var(--gold)}.chat-tabs button.unread:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 4px var(--gold)}.log{height:140px;overflow-y:auto;padding:6px 8px;font-size:12px;line-height:1.5;-webkit-user-select:text;user-select:text;background:linear-gradient(180deg,#0a080659,#0a0806b3);border-radius:0;box-shadow:inset 0 0 0 1px #5a462859;text-shadow:0 1px 1px #000}.line.sys{color:#dccfb4}.line.loot{color:var(--good)}.line.warn{color:#ff9a7a}.line.boss{color:#d6a8ff;font-weight:700}.line.notice{color:#e2b6ff;font-weight:800;text-shadow:0 0 6px rgba(178,92,255,.7),0 1px 1px #000}.line.chat{color:#fff}.line.world{color:#8fd3ff}.line-time{opacity:.65;font-variant-numeric:tabular-nums}.line.whisper,.line.whisper_to{color:#ff9ee6}.line.warn_zone,.line.warn_world,.line.warn_whisper{color:#ff9a7a}.line.dmg_out{color:#ffe07a}.line.dmg_in{color:#ff8a8a}.chat-input{width:100%;border-radius:0 0 8px 8px;padding:7px 8px;font-size:13px}.actions{position:absolute;right:var(--edge-r);bottom:var(--edge-b);display:grid;grid-template-columns:repeat(3,var(--act));gap:var(--act-gap)}.act{width:var(--act);height:var(--act);min-height:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3e3426,#1a1510 70%);border:1px solid #000;box-shadow:inset 0 0 0 2px var(--line-2),inset 0 0 0 3px #000,inset 0 2px 6px #ffdc9626,0 3px 8px #0009}.act b{font-size:20px;line-height:1}.act small{font-size:10px;color:var(--dim)}.act.big{background:radial-gradient(circle at 50% 35%,#7a2a22,#3a100c 70%);box-shadow:inset 0 0 0 2px #c0503a,inset 0 0 0 3px #000,inset 0 2px 6px #ffb49640,0 3px 10px #0009}.act.big small{color:#ffd0c0}.act.on{box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 3px #000,0 0 12px var(--gold)}.act.on small{color:var(--gold)}.act.on.paused{box-shadow:inset 0 0 0 2px #8a7a5a,inset 0 0 0 3px #000}.act.on.paused small{color:#c8b890}.act{position:relative;padding-top:8px}.act .key{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:9px;font-style:normal;font-weight:700;line-height:1;letter-spacing:.5px;color:#fff0d261;pointer-events:none}.skillbar .set .key{margin-left:3px;font-size:9px;font-style:normal;font-weight:700;color:#fff0d259;pointer-events:none}.popup .pbtns .key{margin-left:4px;font-size:9px;font-style:normal;font-weight:700;color:#fff0d273;pointer-events:none}@media(hover:none)and (pointer:coarse){.act .key,.skillbar .set .key,.popup .pbtns .key,.menu-wins .key,.party-ctl .key{display:none}.act{padding-top:0}}.macro-pick{position:absolute;right:calc(100% + 8px);bottom:0;width:84px;height:58px;min-height:0;padding:0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:29px;background:radial-gradient(circle at 50% 35%,#3e3426,#1a1510 70%);border:1px solid #000;box-shadow:inset 0 0 0 1px var(--line-2),0 3px 8px #0009}.macro-pick b{font-size:12px;color:var(--gold);line-height:1}.macro-pick small{max-width:100%;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.macro-menu{display:flex;flex-direction:column;gap:4px;min-width:180px;max-height:70vh;overflow-y:auto}.macro-menu>button{text-align:left}.macro-menu>button.on{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.toast{position:absolute;top:20%;left:50%;transform:translate(-50%);font-size:24px;font-weight:800;font-family:var(--serif);letter-spacing:2px;color:var(--gold);text-shadow:0 2px 4px #000,0 0 14px #000;opacity:0;pointer-events:none;text-align:center;width:90vw}.toast.show{animation:toast 2.6s ease-out}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0}}.notice-banner{position:absolute;bottom:calc(80% + 4px);left:50%;transform:translate(-50%);width:min(90vw,760px);text-align:center;pointer-events:none;opacity:0;font-size:20px;font-weight:900;font-family:var(--serif);letter-spacing:1px;line-height:1.3;color:#e7c2ff;text-shadow:0 0 10px rgba(178,92,255,.95),0 0 22px rgba(140,60,230,.7),0 2px 3px #000}.notice-banner small{display:block;font-size:12px;letter-spacing:3px;color:#c58cff}.notice-banner.show{animation:notice 7s ease-out}@keyframes notice{0%{opacity:0;transform:translate(-50%,-8px)}6%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}.panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 16px));max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;--pad-b: 12px;padding:0 12px var(--pad-b);font-size:13px;background:var(--panel-bg);border:1px solid #0a0806;border-radius:10px;box-shadow:var(--frame)}html[data-input=touch] .panel.fade-t>.panel-head:after{content:"";position:absolute;left:0;right:0;top:100%;height:44px;pointer-events:none;background:linear-gradient(rgba(6,5,3,.95) 20%,transparent)}html[data-input=touch] .panel:not(.has-foot):after{content:"";display:block;position:sticky;bottom:calc(-1 * var(--pad-b));height:48px;margin:-48px -12px 0;pointer-events:none;background:linear-gradient(transparent,#060503f2 75%);opacity:0;transition:opacity .15s}html[data-input=touch] .panel.fade-b:after{opacity:1}html[data-input=touch] .scroll-fade{--fade-t: 0px;--fade-b: 0px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-t),#000 calc(100% - var(--fade-b)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-t),#000 calc(100% - var(--fade-b)),transparent)}html[data-input=touch] .scroll-fade.fade-t{--fade-t: 28px}html[data-input=touch] .scroll-fade.fade-b{--fade-b: 28px}.panel-inventory{left:auto;right:var(--edge-r);transform:translateY(-50%)}.panel-stats{left:var(--edge-l);transform:translateY(-50%);width:min(340px,calc(100vw - 16px))}.panel-dialog{left:50%}.panel-foot{position:sticky;bottom:calc(-1 * var(--pad-b));z-index:1;margin:8px -12px calc(-1 * var(--pad-b));padding:6px 12px var(--pad-b);background:linear-gradient(180deg,#1c1812,#120f0b);border-top:1px solid #0a0806;box-shadow:0 -1px #c99a3e59}.panel-foot>.foot:first-child{margin-top:0}.panel-foot>button.wide{margin:4px 0}.panel-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;margin:0 -12px 10px;padding:8px 10px 8px 14px;font-family:var(--serif);font-weight:700;font-size:15px;color:var(--gold);letter-spacing:1px;background:linear-gradient(180deg,#3c2e1af2,#1e1810f2);border-bottom:1px solid #0a0806;box-shadow:0 1px #c99a3e59}.panel-head .x{width:30px;height:30px;min-height:0;padding:0}.inv-top{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 10px}.equip{display:grid;grid-template-columns:repeat(7,44px);gap:4px}.inv-gold{font-size:12px;color:var(--dim)}.grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:8px}.panel-inventory .grid{max-height:min(300px,40vh);overflow-y:auto;padding:2px 4px 2px 2px;overscroll-behavior:contain}.grid.bag-fixed{height:min(204px,30vh);height:min(204px,30dvh);align-content:start;overflow-y:auto;padding:2px 4px 2px 2px;overscroll-behavior:contain}.panel-inventory .grid.bag-fixed{height:min(300px,40vh);height:min(300px,40dvh)}.panel-dialog .grid.bag-fixed,.panel-pet .grid.bag-fixed{height:min(152px,22vh);height:min(152px,22dvh)}.panel-dialog .grid.stash-scroll{max-height:min(152px,22vh);max-height:min(152px,22dvh);overflow-y:auto;padding:2px 4px 2px 2px;overscroll-behavior:contain}.hint .sort{flex:none;min-height:28px;padding:2px 12px}.slot{aspect-ratio:1;min-width:36px;display:grid;place-items:center;position:relative;cursor:pointer;border-radius:4px;background:radial-gradient(circle at 50% 40%,#1a1610,#0b0907);border:1px solid #000;box-shadow:inset 0 0 0 1px #2e261a,inset 0 2px 5px #000c}.slot:hover{box-shadow:inset 0 0 0 1px var(--gold-2),inset 0 2px 5px #000c}.slot.eq{width:44px;height:44px}.slot.selected{outline:2px solid var(--gold)}.slot.ench-ok{outline:2px solid #ffd36a;outline-offset:-1px;animation:ench-ok 1.1s ease-in-out infinite alternate}.slot.ench-dim{filter:grayscale(.8) brightness(.45)}@keyframes ench-ok{0%{box-shadow:inset 0 0 6px #ffd36a59,0 0 4px #ffd36a66}to{box-shadow:inset 0 0 14px #ffd36abf,0 0 12px #ffd36ae6}}@media(prefers-reduced-motion:reduce){.slot.ench-ok{animation:none;box-shadow:inset 0 0 12px #ffd36ab3,0 0 10px #ffd36ad9}}.slot-name{font-size:10px;color:#5e533f}.icon{position:relative;width:100%;height:100%;display:grid;place-items:center;border-radius:4px}.icon img{width:80%;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #000)}.icon.tier3{box-shadow:inset 0 0 8px #f5c54280}.icon.tier4{box-shadow:inset 0 0 10px #8f7cffcc}.ench{position:absolute;top:0;left:2px;font-size:10px;font-weight:700;color:#7cc4ff;text-shadow:0 1px 1px #000}.lock{position:absolute;top:0;right:1px;font-size:9px;line-height:1;filter:drop-shadow(0 1px 1px #000);pointer-events:none}.qty{position:absolute;bottom:0;right:2px;font-size:10px;text-shadow:0 1px 1px #000,0 0 2px #000}.hint{font-size:12px;color:var(--dim);margin-top:8px;display:flex;gap:8px;align-items:center;justify-content:space-between}.hint.warn{color:var(--gold)}.hint.pick-grade{justify-content:flex-start;margin-top:4px}.hint.pick-grade select{min-height:28px}.popup{position:fixed;z-index:10;min-width:200px;max-width:280px;max-height:calc(100dvh - 16px);overflow-y:auto;padding:10px 12px;font-size:12px;line-height:1.6;background:var(--panel-bg);border:1px solid #0a0806;border-radius:8px;box-shadow:var(--frame),0 10px 28px #000000b3}.popup.macro-menu{max-height:70vh}@media(max-height:560px){.popup.macro-menu{max-height:55vh}}.popup.center{top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px}.pname{font-weight:700;font-size:14px;margin-bottom:4px;font-family:var(--serif)}.tier1{color:#ecdfc4}.tier2{color:#7cc4ff}.tier3{color:var(--gold)}.tier4{color:#b8aaff}.pbtns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dim{color:var(--dim)}.ok{color:var(--good)}.danger{color:var(--bad);font-weight:700}.stat-row{display:grid;grid-template-columns:44px minmax(32px,auto) 1fr 36px;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid rgba(90,70,40,.35)}.stat-row b{font-family:var(--serif);white-space:nowrap}.stat-row small{color:var(--dim);font-size:11px}.stat-row .plus{min-height:28px;padding:2px 0;color:#fff4d6;background:linear-gradient(180deg,#b8862e,#7a531a);box-shadow:inset 0 0 0 1px #e8b95a}.points{color:var(--gold);margin-bottom:6px}.derived{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;margin-top:10px;padding:8px;font-size:12px;color:var(--dim);background:#00000040;border-radius:6px;box-shadow:inset 0 0 0 1px #5a46284d}.derived .dline{grid-column:1 / -1}.derived .deck-aff{grid-column:1 / -1;color:var(--good)}.derived .aff-head{grid-column:1 / -1;margin-top:4px;font-weight:600;color:var(--text)}.derived .stage-line{grid-column:1 / -1}.derived .deck-aff.bad{color:var(--bad)}.derived .dline small{display:block;color:var(--dim);font-size:11px;opacity:.85}.npc-text{margin:0 0 10px;line-height:1.6}.shop-row{display:grid;grid-template-columns:28px 1fr auto auto auto;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid rgba(90,70,40,.25)}.shop-row img{width:28px;image-rendering:pixelated}.shop-row .price{color:var(--gold);font-size:12px}.shop-row .clickable{cursor:pointer}.shop-row .sname.clickable:hover{text-decoration:underline}.shop.restock .shop-row{grid-template-columns:28px 1fr auto auto auto auto}.shop-row .target-cell{display:flex;flex-direction:column;align-items:center;min-width:54px}.shop-row .target-input{border-color:var(--gold)}.shop-row .plan{color:var(--gold);font-size:11px;min-height:13px}.restock-bar{display:flex;align-items:center;gap:8px;margin:6px 0;flex-wrap:wrap}.shop-hide-low{display:flex;align-items:center;gap:4px;margin:6px 0 0;cursor:pointer;-webkit-user-select:none;user-select:none}.popup .price{color:var(--gold)}.qty-input{width:54px;padding:4px}.stash-tabs{display:flex;gap:4px;margin:6px 0}.stash-tabs .set.on{box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 3px #000;color:var(--gold)}.stash-tabs .stash-all{margin-left:auto}.rank-tabs{flex-wrap:wrap}.rank-list{display:flex;flex-direction:column;gap:2px;margin:6px 0;min-width:300px}.rank-row{display:grid;grid-template-columns:40px 1fr 52px 64px;align-items:center;gap:6px;padding:3px 6px;border-radius:4px;background:#ffffff08}.rank-row.buffed{background:#ffd75a12}.rank-row small{text-align:right}.rank-name{display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}img.crown{width:17px;height:12px;image-rendering:pixelated;vertical-align:-1px;margin-right:3px}.buff.rank{border-color:#e8b828;color:#ffe08a}.stash-gold{display:flex;align-items:center;gap:6px;margin:6px 0;flex-wrap:wrap}.panel-pet{left:var(--edge-l);transform:translateY(-50%)}.panel-pet .bar{margin:4px 0;height:16px}.panel-pet .bar span{line-height:14px;font-size:11px}.pet-name-input{width:9em}.pet-settings-toggle{margin-left:auto}.pet-cats{display:flex;align-items:center;gap:4px 10px;flex-wrap:wrap;margin:6px 0}.pet-cat{display:inline-flex;align-items:center;gap:3px;cursor:pointer}.pet-cat-row{flex-basis:100%;display:flex;align-items:center;gap:4px 10px}.pet-cat-row .qty-input{width:84px}.pet-row{display:flex;align-items:center;gap:8px;margin:4px 0;padding:4px 6px;border-radius:8px;background:#00000040}.pet-row.on{box-shadow:inset 0 0 0 1px var(--gold)}.pet-row .pet-face{width:88px;height:68px;flex:none;image-rendering:pixelated}.pet-info{flex:1;display:flex;flex-direction:column;gap:2px}.pet-row button{flex:none}.pet-row.wrap{align-items:flex-start}.pet-stats{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:12px;align-items:baseline}.pet-stat{color:#8fe8a0;white-space:nowrap}.pet-stat.special{color:var(--gold)}.pet-stat .pet-up{color:#9fd0ff}.pet-stats .pet-table-btn,.pet-title .pet-table-btn{margin-left:auto;padding:1px 8px;font-size:11px;min-height:0;font-family:inherit;font-weight:400}.pet-title{display:flex;align-items:center;gap:8px}.popup.pet-table{max-width:min(520px,calc(100vw - 16px));width:max-content;font-size:12px}.pet-table .pet-stat{white-space:normal}.pet-table .pet-name{white-space:nowrap}.pet-table .hunt-table td,.pet-table .hunt-table th{vertical-align:top}.pet-btns{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.pet-btns button{font-size:12px;padding:2px 6px}.auc-search{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0}.auc-search .auc-q{flex:1 1 120px;min-width:0;padding:4px 6px}.auc-list{display:flex;flex-direction:column;max-height:min(320px,45vh);overflow-y:auto;overscroll-behavior:contain}.auc-row{display:grid;grid-template-columns:36px 1fr auto auto;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid rgba(90,70,40,.25)}.auc-row .clickable{cursor:pointer}.auc-row .price{color:var(--gold);font-size:12px;text-align:right}.auc-row .price small{display:block}.auc-name{min-width:0;overflow:hidden}.auc-sub{display:block}.auc-pages{display:flex;justify-content:center;align-items:center;gap:8px;margin:6px 0}.auc-pick{display:flex;align-items:center;gap:8px;margin:6px 0;flex-wrap:wrap}.auc-pick .icon{width:36px}.panel-trade{left:50%;width:min(400px,calc(100vw - 16px))}.trade-side{display:flex;align-items:baseline;gap:6px;margin-top:8px}.trade-side .gold{margin-top:0}.trade-grid{grid-template-columns:repeat(6,1fr)}.trade-gold{color:var(--gold);font-size:12px;margin:4px 0}.trade-btns{display:flex;gap:6px;margin-top:8px}.trade-btns button{flex:1}.enchant-flash{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:900;font-family:var(--serif);pointer-events:none;animation:ef 1.4s ease-out forwards;text-shadow:0 0 20px currentColor,0 2px 0 #000}.enchant-flash.ok{color:#7cc4ff}.enchant-flash.fail{color:#ff5a5a}.scroll-cursor,.scroll-cursor *{cursor:var(--scroll-cursor, crosshair)!important}@keyframes ef{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)}}body.viewer{overflow:auto;padding:16px;-webkit-user-select:text;user-select:text}.viewer h1{color:var(--gold);margin:0 0 4px}.viewer h2{color:var(--accent);margin:24px 0 8px;border-bottom:1px solid var(--line);padding-bottom:4px}.viewer p{color:var(--dim);margin:4px 0;font-size:14px}.sheet{display:grid;gap:4px;overflow-x:auto}.sheet-row{display:flex;align-items:center;gap:6px}.sheet-row .rl{width:150px;flex:none;font-size:12px;color:var(--dim)}.sheet canvas{image-rendering:pixelated;background:#1a1d28;border:1px solid #2a2e3d;border-radius:4px}.live{display:flex;flex-wrap:wrap;gap:12px}.live figure{margin:0;text-align:center;font-size:12px;color:var(--dim)}.live canvas{image-rendering:pixelated;background:#1a1d28;border-radius:6px}.viewer h3{color:var(--dim);font-size:14px;margin:14px 0 6px}.icon-list{display:flex;flex-wrap:wrap;gap:6px}.viewer .card-list{display:flex;flex-wrap:wrap;gap:12px}.icon-list figure{margin:0;width:76px;text-align:center;font-size:11px;line-height:1.2;color:var(--dim)}.icon-list figure:has(img.legend){width:144px}.icon-pair{display:flex;gap:4px;justify-content:center}.icon-pair img,.icon-slot{width:64px;height:64px;image-rendering:pixelated;border-radius:4px;background:radial-gradient(circle at 50% 40%,#1a1610,#0b0907);box-shadow:inset 0 0 0 1px #2e261a}.icon-pair img.legend{box-shadow:inset 0 0 0 2px #ffb02e,inset 0 0 12px #ffb02eaa}.icon-list.real figure{width:64px}.icon-slot{width:40px;height:40px;display:grid;place-items:center;margin:0 auto}.icon-slot img{width:32px;height:32px;image-rendering:pixelated}.viewer table{border-collapse:collapse;font-size:13px}.viewer td,.viewer th{border:1px solid var(--line);padding:4px 8px;text-align:left}.viewer .controls{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.viewer select{font:inherit;background:#11131a;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px}.class-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.class-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:10px;background:linear-gradient(180deg,#32281a99,#100d0acc);border:1px solid #000;box-shadow:inset 0 0 0 1px var(--line)}.class-card.on{box-shadow:inset 0 0 0 2px var(--gold),0 0 14px #f2c55c59;background:linear-gradient(180deg,#5a441eb3,#1a140cd9)}.class-card b{color:var(--gold);font-size:16px;font-family:var(--serif)}.class-card small{color:var(--dim);font-size:11px;line-height:1.4}.class-stats{font-size:10px;color:#9fc4d8}.class-preview{image-rendering:pixelated;width:96px;height:112px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.6))}.hud .cls{font-size:11px;color:#9fd8ff;border:1px solid #3a5a7a;border-radius:4px;padding:0 4px}.arrows{color:#e8dcc0}.arrows.low{color:var(--bad)}.act.potion{position:relative;overflow:hidden}.act.potion.cooling:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(rgba(0,0,0,.65) calc(var(--cd, 0) * 360deg),transparent 0)}.act.potion.cooling small{color:#ffd84a}.icon.grade1{box-shadow:inset 0 0 0 2px #6fdc6a88}.icon.grade2{box-shadow:inset 0 0 0 2px #5aa8ffaa,inset 0 0 8px #5aa8ff66}.icon.grade3{box-shadow:inset 0 0 0 2px #c07cffcc,inset 0 0 10px #c07cff88}.icon.grade4{box-shadow:inset 0 0 0 2px #ffb02e,inset 0 0 12px #ffb02eaa}.setup{margin-bottom:4px}.setup-badge{font-size:11px;margin-left:4px}.guide{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}.guide-title{color:var(--gold);margin-bottom:4px;font-weight:700;font-family:var(--serif)}.guide-row{display:grid;grid-template-columns:18px 1fr auto;gap:6px;padding:3px 0;font-size:12px}.guide-row.ok>span:first-child{color:#7cff8c}.guide-row.no{opacity:.75}.guide-row.no>span:first-child{color:var(--bad)}.guide-row small{color:var(--dim)}.guide-group{margin-top:6px}.guide-group>summary{cursor:pointer;color:var(--gold);font-size:12px;padding:3px 0}.guide-row.ask{grid-template-columns:1fr auto;align-items:center}.guide-row.ask button{min-height:0;padding:2px 8px;font-size:11px}.intel{border:1px solid var(--line);border-radius:6px;padding:8px;margin-bottom:8px;background:#6f42c114;font-size:12px}.intel-sec{margin-top:8px}.intel-mon{display:grid;grid-template-columns:minmax(110px,auto) 1fr;column-gap:8px;padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.06)}.intel-mon .intel-name{grid-row:span 2;font-weight:600}.intel-mon .fit{color:var(--text, #ddd)}.intel .fit.good{color:#7cff8c}.intel .fit.bad{color:var(--bad)}.intel .route-head{margin-top:4px;color:var(--gold)}.intel .route-step{padding-left:8px}.bar.weight{height:12px}.bar.weight span{line-height:10px;font-size:10px}.bar.weight i{background:linear-gradient(#c8b080,#7a6040)}.bar.weight.w1 i{background:linear-gradient(#f0a040,#a06010)}.bar.weight.w2 i{background:linear-gradient(#ff5050,#a01010)}.hud-col>.effects{position:absolute;top:0;left:calc(100% + 6px);width:max-content;max-width:calc(100vw - var(--edge-l) - var(--edge-r) - 12px - var(--hud-w) - var(--map-w));display:flex;flex-direction:column;gap:4px;pointer-events:none}.hud-col>.effects:empty{display:none}.buffs{display:flex;flex-wrap:wrap;gap:4px}.buff{font-size:11px;padding:1px 6px;border-radius:4px;pointer-events:auto;text-shadow:0 1px 1px #000;background:linear-gradient(#5ad65a29,#5ad65a29),#0c0a08d1;border:1px solid rgba(90,214,90,.45)}html[data-input=touch] .buff{pointer-events:none}.buff.server{background:linear-gradient(#ffc44029,#ffc44029),#0c0a08d1;border-color:#ffc4408c;color:#ffd36b}.buff.form{background:linear-gradient(#7cf0d82e,#7cf0d82e),#0c0a08d1;border-color:#7cf0d899;color:#9ff8e4;font-weight:600}.skillbar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--edge-b) + 2px);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:auto}.skillbar .sets{display:flex;gap:3px}.skillbar .set{min-width:26px;min-height:0;height:22px;padding:0 7px;font-size:11px;border-radius:4px;color:var(--dim)}.skillbar .set.on{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold),inset 0 1px #ffe6aa2e}.skillbar .slots{display:grid;grid-template-columns:repeat(10,var(--slot));gap:4px;padding:5px;border-radius:8px;background:var(--hud-bg);border:1px solid #0a0806;box-shadow:var(--frame)}.skillbar .slot{position:relative;width:var(--slot);height:var(--slot);min-height:0;padding:0;overflow:hidden;border-radius:6px;display:flex;align-items:center;justify-content:center}.skillbar .slot b{font-size:10px;line-height:1.1;text-align:center}.skillbar .slot .hot{position:absolute;left:3px;top:1px;font-size:9px;color:var(--dim)}.skillbar .slot .mp{position:absolute;right:3px;bottom:1px;font-size:9px;color:#7aaaff}.skillbar .slot .mp.spirit,.mc-chip small.spirit{color:#8fe8ff}.skillbar .slot.empty{opacity:.45}.skillbar .slot.locked{opacity:.4;filter:grayscale(1)}.skillbar .slot .cd{position:absolute;left:0;right:0;bottom:0;height:0;background:#0000009e;pointer-events:none}.skillbar .slot img.skill-icon{width:32px;height:32px;image-rendering:pixelated;pointer-events:none}.skillbar .slot b.skill-name{position:absolute;left:1px;right:1px;top:50%;transform:translateY(-50%);color:#ffffffb8;text-shadow:0 0 2px rgba(0,0,0,.9),0 0 1px #000;pointer-events:none}.skillbar .slot.item img{width:30px;height:30px;image-rendering:pixelated;pointer-events:none}.skillbar .slot .qty{position:absolute;right:3px;bottom:1px;font-size:9px;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}.skillbar .slot.worn{box-shadow:inset 0 0 0 1px var(--gold)}.skillbar .slot.worn .qty{color:var(--gold)}.skillbar.picking .slot,.skillbar.drop-target .slot{box-shadow:inset 0 0 0 1px var(--gold),0 0 6px #ffd27880;opacity:1}.skillbar .slot{touch-action:none}.skillbar .slot.auto{box-shadow:inset 0 0 0 1px #ff9a2a}.skillbar .slot .auto-mark{position:absolute;right:2px;top:0;font-size:9px;color:#ff9a2a;text-shadow:0 0 2px #000}.skillbar .slot.pull-down{box-shadow:inset 0 -3px #ff9a2a}.skillbar .slot.pull-up{box-shadow:inset 0 3px 0 var(--dim)}.panel-inventory .grid>.slot.drop-at{box-shadow:inset 0 0 0 2px var(--gold),0 0 6px #ffd27899}.drag-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);opacity:.85}.drag-ghost .icon,.drag-ghost img{width:40px;height:40px}.drag-ghost b{padding:4px 8px;border-radius:6px;font-size:12px;background:var(--panel-bg, #1a1510);box-shadow:inset 0 0 0 1px var(--gold);white-space:nowrap}body.hot-dragging,body.hot-dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing}.panel-skills .skill-row{padding:7px 8px;border-bottom:1px solid rgba(90,70,40,.35);cursor:pointer;border-radius:4px}.panel-skills .skill-row:hover{background:#ffc8500f}.panel-skills .skill-row.picked{background:#ffc85026;outline:1px solid var(--gold)}.panel-skills .skill-row .role{display:inline-block;margin-left:6px;padding:0 5px;border-radius:3px;font-size:11px;line-height:16px;vertical-align:1px}.panel-skills .skill-row .role-buff{background:#5aaa6e40;color:#9fe0a8}.panel-skills .skill-row .role-defense{background:#5a8cdc40;color:#a9c8ff}.panel-skills .skill-row .role-passive{background:#c88c3c38;color:#f0c27a}.panel-skills .passive-row{cursor:default}.panel-skills .passive-row:hover{background:none}.panel-skills .passive-now{margin-top:3px;font-size:12px;color:#f0c27a}.panel-skills .skill-panes{margin-bottom:4px}.panel-skills .skill-row.locked{opacity:.55}.panel-skills .skill-row .skill-icon{width:32px;height:32px;image-rendering:pixelated;flex:none;pointer-events:none}.panel-skills .skill-row{display:flex;gap:8px;align-items:flex-start}.panel-skills .skill-main{flex:1;min-width:0}.panel-skills .skill-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}.panel-skills .skill-head .role{margin-left:0}.panel-skills .skill-lv{color:var(--dim, #a89c86);font-size:12px}.panel-skills .skill-right{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.panel-skills .skill-meta{color:#cfe0ff;font-size:12px;white-space:nowrap}.panel-skills .skill-desc{margin-top:2px;font-size:12px;line-height:1.45;color:#d8ccb4}.panel-skills .skill-more{padding:0 7px;font-size:14px;line-height:20px;min-height:0;min-width:28px;background:transparent;border:1px solid rgba(200,170,110,.35);color:#c8b896;border-radius:3px}.panel.panel-skills{background:var(--panel-bg),#120f0b}.panel-skills .skill-detail{display:grid;grid-template-columns:max-content 1fr;gap:2px 8px;margin:5px 0 0;font-size:12px;line-height:1.45}.panel-skills .skill-detail dt{color:#a89c86}.panel-skills .skill-detail dd{margin:0;color:#d8ccb4}.drag-ghost img.ghost-skill{image-rendering:pixelated}.panel-skills .small{font-size:11px}.panel-skills .skill-tabs{flex-wrap:wrap}.panel-skills .skill-tabs .set{display:inline-flex;align-items:center;gap:4px;min-height:0;height:26px;padding:0 8px;font-size:12px}.panel-skills .skill-tabs small{color:var(--dim);font-size:10px}.panel-skills .skill-tabs .set.on small{color:inherit}.panel-skills .el-dot{display:inline-block;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 1px #000}html[data-input=touch] .panel-skills .skill-tabs .set{height:32px}.allies{display:flex;flex-direction:column;gap:3px;font-size:12px}.allies:empty{display:none}.allies-head{color:var(--dim);font-size:10px}.allies{--ally-out: 112px}.hud-col>.allies{width:calc(100% + var(--ally-out) + 6px)}.hud-col>.allies>.allies-head,.hud-col>.allies>.party-ctl{width:calc(100% - var(--ally-out) - 6px);box-sizing:border-box}.ally-line{display:grid;grid-template-columns:minmax(0,1fr) var(--ally-out);gap:6px;align-items:center}.game-ui>.hud-col>.allies>.allies-list{pointer-events:none}.allies-list .ally,.allies-list button.ally-out{pointer-events:auto}.ally-out{justify-self:start;max-width:100%;font-size:11px;min-height:0;padding:2px 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ally{display:grid;grid-template-columns:14px minmax(0,1fr) 70px 22px auto;align-items:center;gap:4px;padding:4px 6px;background:var(--hud-bg);border:1px solid #0a0806;box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;cursor:pointer}.ally.sel{box-shadow:inset 0 0 0 1px #5aff8a}.ally.dead{opacity:.45}.ally-n{color:var(--dim);font-size:10px}.ally-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ally-name small{color:#9fd8ff}.ally-hp{position:relative;height:6px;background:#000000b3;border-radius:3px;overflow:hidden}.ally-hp i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#5ae07a,#229040)}.ally-hp em{position:absolute;left:0;top:0;height:2px;background:#8fd0ff}.ally>.ally-trade{grid-column:-3}.ally>.ally-tgt{grid-column:-2}.ally-assist{font-size:10px;min-height:0;padding:2px 5px;max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.party-ctl .party-gather{max-width:none;display:inline-flex;align-items:center;gap:3px}.meter{--mt-d: #e8734a;--mt-t: #ff6a6a;--mt-s: #7cc4f0;--mt-h: #8fdc78;padding:5px 8px 6px;font-size:11px;font-variant-numeric:tabular-nums;background:var(--hud-bg);border:1px solid #0a0806;border-radius:8px;box-shadow:var(--frame)}.mt-head{display:flex;align-items:center;gap:6px}.mt-head b{color:var(--gold)}.mt-head span{color:var(--dim);font-size:10px}.mt-fold{margin-left:auto;min-height:0;padding:0 6px;font-size:10px;line-height:16px;background:transparent;border:0;box-shadow:none;color:var(--dim)}.mt-table{width:100%;margin-top:3px;border-collapse:collapse}.mt-table th{font-size:10px;font-weight:600;text-align:right;padding:0 0 2px 4px}.mt-table th:first-child{text-align:left;padding-left:0;color:var(--dim)}.mt-table td{position:relative;padding:2px 0 3px 4px;text-align:right;white-space:nowrap}.mt-table td.mt-who{text-align:left;padding-left:0;max-width:92px;overflow:hidden;text-overflow:ellipsis}.mt-who small{margin-left:3px;color:var(--dim);font-size:9px}.mt-table tr.me .mt-who{color:var(--gold)}.mt-table tr.dim{opacity:.45}.mt-bar{position:absolute;right:0;bottom:1px;height:2px;border-radius:1px;width:0}th.mt-d{color:var(--mt-d)}th.mt-t{color:var(--mt-t)}th.mt-s{color:var(--mt-s)}th.mt-h{color:var(--mt-h)}.mt-bar.mt-d{background:var(--mt-d)}.mt-bar.mt-t{background:var(--mt-t)}.mt-bar.mt-s{background:var(--mt-s)}.mt-bar.mt-h{background:var(--mt-h)}.party-ctl .gather-ico{display:inline-flex;flex-direction:column;align-items:center;line-height:1}.party-ctl .gather-ico b{font-weight:400}.party-ctl .key{font-size:9px;font-style:normal;font-weight:800;line-height:1;margin-bottom:1px;color:#ffe08a;pointer-events:none}.ally.member{box-shadow:inset 0 0 0 1px #3a6a4a}.ally.far{opacity:.55}.ally.away{opacity:.4;font-style:italic}.ally.away .ally-hp{visibility:hidden}.allies-list{display:flex;flex-direction:column;gap:3px}.allies-list:empty{display:none}.ally{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ally-menu{grid-column:3 / -1;display:flex;gap:4px;justify-content:flex-end;min-width:0}.ally-kick{color:#ffb0a0;box-shadow:inset 0 0 0 1px #a04030}.ally-promote{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.party-ctl{display:flex;flex-wrap:wrap;gap:4px;row-gap:3px;align-items:center}.party-ctl .party-name{flex:1;min-width:96px;font-size:11px;padding:2px 6px}.party-ctl .party-follow{max-width:124px}.party-ctl .party-leave{margin-left:auto}.party-ctl .has{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.auction-open{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 12px}.auction-open select{flex:1 1 100%}.auction{margin:8px 0;padding:8px;border-radius:8px;background:#00000040;box-shadow:inset 0 0 0 1px var(--line)}.auction.mine{box-shadow:inset 0 0 0 1px #6a5a2a}.auction-bids{margin:6px 0;padding-left:20px;font-size:12px}.auction-bids .top{color:var(--gold);font-weight:700}.auction-bids .me{text-decoration:underline}.auction-act{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.auction-act .qty-input,.auction-open .qty-input{width:100px}.auction-empty{margin:12px 0}.auction-left{color:var(--gold)}.give-head{margin:10px 0 4px;font-weight:700}.give-to{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0;align-items:center}.give-to .set.on{box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 3px #000;color:var(--gold)}.give-row .give-left,.give-request .give-left{color:var(--gold);font-size:12px}.give-act{display:flex;gap:4px}.party-invite.give-request{top:42%}.party-invite{position:absolute;top:30%;left:50%;transform:translate(-50%);padding:12px 16px;font-size:13px;display:flex;flex-direction:column;gap:8px;align-items:center;z-index:20;background:var(--panel-bg);border:1px solid #0a0806;border-radius:10px;box-shadow:var(--frame)}.party-invite .row{display:flex;gap:8px}@media(pointer:coarse){button{min-height:40px}.login button,.panel button,.popup button{min-height:var(--touch)}.zoom button,.menu-btn,.panel-head .x{width:36px;height:36px}.stat-row .plus{min-height:40px}.chat-tabs button{min-height:0;height:30px}}html[data-input=touch] .skillbar .set{height:32px;min-width:34px}@media(max-width:640px){.class-card small{display:none}.class-select{grid-template-columns:1fr 1fr}}:root{--pad-space: 0px;--pad-gap: 0px}html[data-pad=on]{--pad-space: var(--pad-size);--pad-gap: 14px}.pad{display:none;position:absolute;left:calc(var(--edge-l) + 4px);bottom:calc(var(--edge-b) + 4px);width:var(--pad-size);height:var(--pad-size);border-radius:50%;touch-action:none;opacity:.78;background:radial-gradient(circle,#100d0940 0 38%,#100d098c 72%);box-shadow:inset 0 0 0 2px #c99a3e73,inset 0 0 18px #00000080,0 2px 10px #00000073}html[data-pad=on] .pad{display:block}.pad.active{opacity:1}.pad-knob{position:absolute;left:29%;top:29%;width:42%;height:42%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 40% 35%,#6e5a38,#2a2016 72%);box-shadow:inset 0 0 0 2px var(--gold-2),0 2px 6px #000}.pad.active .pad-knob{box-shadow:inset 0 0 0 2px var(--gold),0 0 10px #f2c55c80}.pad-arrow{position:absolute;width:0;height:0;border:8px solid transparent;opacity:.55;pointer-events:none}.pad-arrow.up{left:calc(50% - 8px);top:5%;border-top:0;border-bottom:11px solid var(--gold-2)}.pad-arrow.down{left:calc(50% - 8px);bottom:5%;border-bottom:0;border-top:11px solid var(--gold-2)}.pad-arrow.left{top:calc(50% - 8px);left:5%;border-left:0;border-right:11px solid var(--gold-2)}.pad-arrow.right{top:calc(50% - 8px);right:5%;border-right:0;border-left:11px solid var(--gold-2)}.pad[data-dir="-1,-1"] .up,.pad[data-dir="0,-1"] .up,.pad[data-dir="-1,0"] .up,.pad[data-dir="1,1"] .down,.pad[data-dir="0,1"] .down,.pad[data-dir="1,0"] .down,.pad[data-dir="1,-1"] .right,.pad[data-dir="0,-1"] .right,.pad[data-dir="1,0"] .right,.pad[data-dir="-1,1"] .left,.pad[data-dir="0,1"] .left,.pad[data-dir="-1,0"] .left{opacity:1;filter:brightness(1.5) drop-shadow(0 0 4px var(--gold))}html[data-pad=on][data-form=desktop] .chat-box{left:calc(var(--edge-l) + var(--pad-space) + var(--pad-gap));width:min(360px,calc(50vw - 262px - 12px - var(--edge-l) - var(--pad-space) - var(--pad-gap)));min-width:0}@media(orientation:portrait){html[data-pad=on][data-form=desktop] .chat-box{left:var(--edge-l);bottom:calc(var(--edge-b) + var(--pad-space) + var(--pad-gap));width:min(360px,calc(100vw - var(--edge-l) - var(--edge-r) - 24px))}}html[data-pad=on][data-form=desktop] .hud-col{max-height:calc(100dvh - var(--edge-t) - var(--edge-b) - max(var(--pad-space) + 12px,210px))}@media(orientation:portrait){html[data-pad=on][data-form=desktop] .hud-col{max-height:calc(100dvh - var(--edge-t) - var(--edge-b) - var(--pad-space) - var(--pad-gap) - 220px)}}html[data-pad=on][data-form=desktop] .hud-col>.allies{overflow-y:auto;overscroll-behavior:contain}html[data-pad=on][data-form=desktop] .hud-col>.hud{flex:none}.game-ui>.panel,.game-ui>.overlay{z-index:6}.game-ui>.enchant-flash{z-index:8}html[data-form=tablet-l] .macro-pick,html[data-form=tablet-p] .macro-pick,html[data-form=phone-p] .macro-pick,html[data-form=phone-l] .macro-pick{right:0;left:0;bottom:calc(100% + 6px);width:auto;height:26px;flex-direction:row;gap:6px;border-radius:13px}html[data-form=tablet-l] .skillbar,html[data-form=tablet-p] .skillbar,html[data-form=phone-p] .skillbar,html[data-form=phone-l] .skillbar{left:auto;transform:none;align-items:flex-end}html[data-form=tablet-l] .skillbar .sets,html[data-form=tablet-p] .skillbar .sets,html[data-form=phone-p] .skillbar .sets,html[data-form=phone-l] .skillbar .sets{flex-wrap:wrap;justify-content:flex-end;max-width:var(--skill-w)}html[data-form]{--skill-w: calc(10 * var(--slot) + 9 * 4px + 10px);--act-w: calc(3 * var(--act) + 2 * var(--act-gap))}html[data-form=tablet-p],html[data-form=phone-p],html[data-form=phone-l]{--skill-w: calc(5 * var(--slot) + 4 * 4px + 10px)}html[data-form=tablet-l] .skillbar{right:calc(var(--edge-r) + var(--act-w) + 12px);bottom:var(--edge-b)}html[data-form=tablet-l] .chat-box{left:calc(var(--edge-l) + var(--pad-space) + var(--pad-gap));min-width:0;width:min(360px,calc(100vw - var(--edge-l) - var(--pad-space) - var(--pad-gap) - var(--edge-r) - var(--act-w) - 24px - var(--skill-w)))}@media(max-width:1060px){html[data-form=tablet-l]{--slot: 44px;--skill-w: calc(5 * var(--slot) + 4 * 4px + 10px)}html[data-form=tablet-l] .skillbar .slots{grid-template-columns:repeat(5,var(--slot))}}@media(max-width:1209px){html[data-form=tablet-l][data-pad=on]{--slot: 44px;--skill-w: calc(5 * var(--slot) + 4 * 4px + 10px)}html[data-form=tablet-l][data-pad=on] .skillbar .slots{grid-template-columns:repeat(5,var(--slot))}}@media(max-width:829px){html[data-form=tablet-l][data-pad=on] .chat-box{left:var(--edge-l);bottom:calc(var(--edge-b) + var(--pad-size) + 14px);width:min(360px,calc(100vw - var(--edge-l) - var(--edge-r) - var(--act-w) - 24px - var(--skill-w)))}html[data-form=tablet-l][data-pad=on] .log{height:clamp(48px,calc(100dvh - 444px),140px)}html[data-form=tablet-l][data-pad=on] .hud-col{max-height:calc(100dvh - var(--edge-t) - var(--edge-b) - var(--pad-size) - 14px - clamp(48px,calc(100dvh - 444px),140px) - 61px - 8px)}}html[data-form=tablet-p]{--hud-w: min(300px, 44vw);--map-w: min(240px, 36vw);--act: 62px;--slot: 52px;--pad-size: 150px;--chat-h: 220px;--skill-b: calc(var(--edge-b) + 2 * var(--act) + var(--act-gap) + 26px + 16px);--skill-top: calc(var(--skill-b) + 2 * var(--slot) + 4px + 10px + 34px)}html[data-form=tablet-p] .skillbar{right:var(--edge-r);bottom:var(--skill-b)}html[data-form=tablet-p] .skillbar .slots{grid-template-columns:repeat(5,var(--slot))}html[data-form=tablet-p] .skillbar .set{height:30px}html[data-form=tablet-p] .chat-box{bottom:calc(var(--edge-b) + var(--pad-space) + var(--pad-gap));width:min(400px,calc(100vw - var(--edge-l) - var(--edge-r) - var(--skill-w) - 24px));min-width:0}html[data-form=tablet-p] .log{height:150px}html[data-form=tablet-p] .hud-col{max-height:calc(100dvh - var(--edge-t) - var(--edge-b) - var(--pad-space) - var(--pad-gap) - var(--chat-h) - 16px)}html[data-form=tablet-l] .hud-col{max-height:calc(100dvh - var(--edge-t) - var(--edge-b) - max(var(--pad-space) + 12px,210px))}html[data-form=tablet-p] .hud-col>.allies,html[data-form=tablet-l] .hud-col>.allies{overflow-y:auto;overscroll-behavior:contain}html[data-form=tablet-p] .hud-col>.hud,html[data-form=tablet-l] .hud-col>.hud{flex:none}html[data-form=tablet-p] .panel{top:calc(var(--edge-t) + 8px);transform:translate(-50%);width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - var(--edge-t) - 8px - var(--sb-top, var(--skill-top)) - 16px)}html[data-form=tablet-p] .panel-inventory,html[data-form=tablet-p] .panel-stats,html[data-form=tablet-p] .panel-pet{transform:none}html[data-form=tablet-p] .panel-macro{width:min(576px,calc(100vw - 24px))}html[data-form=tablet-p] .panel-cards{width:min(760px,calc(100vw - 24px))}html[data-form=phone-p] .hud,html[data-form=phone-l] .hud{font-size:11px;padding:6px 8px}html[data-form=phone-p] .hud .who,html[data-form=phone-l] .hud .who{font-size:12px;margin-bottom:2px}html[data-form=phone-p] .hud .menu-btn,html[data-form=phone-l] .hud .menu-btn{width:32px;height:32px;margin-right:4px}html[data-form=phone-p] .bar,html[data-form=phone-l] .bar{height:14px;margin:3px 0}html[data-form=phone-p] .bar span,html[data-form=phone-l] .bar span{line-height:12px;font-size:10px}html[data-form=phone-p] .hud .bar.exp,html[data-form=phone-l] .hud .bar.exp,html[data-form=phone-p] .hud .bar.weight,html[data-form=phone-l] .hud .bar.weight{height:9px}html[data-form=phone-p] .hud .bar.exp span,html[data-form=phone-l] .hud .bar.exp span,html[data-form=phone-p] .hud .bar.weight span,html[data-form=phone-l] .hud .bar.weight span{line-height:7px;font-size:8px}html[data-form=phone-p] .gold,html[data-form=phone-l] .gold{margin-top:2px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-form=phone-p] .hud-col>.allies,html[data-form=phone-l] .hud-col>.allies{overflow-y:auto;overscroll-behavior:contain}html:not([data-form=desktop]) .hud-col>.allies:has(.ally),html[data-pad=on][data-form=desktop] .hud-col>.allies:has(.ally){min-height:52px}.game-ui>.hud-col>.allies{pointer-events:none}.game-ui>.hud-col>.allies>*{pointer-events:auto}html[data-form=phone-p] .hud-col>.hud,html[data-form=phone-l] .hud-col>.hud{flex:none}html[data-form=phone-p] .ally,html[data-form=phone-l] .ally{grid-template-columns:12px minmax(0,1fr) 34px auto;row-gap:3px;padding:3px 5px;font-size:11px}html[data-form=phone-p] .ally>*,html[data-form=phone-l] .ally>*{grid-row:1 / 3}html[data-form=phone-p] .ally>.ally-name,html[data-form=phone-l] .ally>.ally-name{grid-column:2;grid-row:1;align-self:end}html[data-form=phone-p] .ally>.ally-hp,html[data-form=phone-l] .ally>.ally-hp{grid-column:2;grid-row:2;align-self:start}html[data-form=phone-p] .ally-assist,html[data-form=phone-l] .ally-assist{min-height:34px}html[data-form=phone-p] .hud-col>.allies,html[data-form=phone-l] .hud-col>.allies,html[data-form=phone-p] .hud-col>.allies>.allies-head,html[data-form=phone-l] .hud-col>.allies>.allies-head,html[data-form=phone-p] .hud-col>.allies>.party-ctl,html[data-form=phone-l] .hud-col>.allies>.party-ctl{width:auto}html[data-form=phone-p] .ally-line,html[data-form=phone-l] .ally-line{grid-template-columns:minmax(0,1fr)}html[data-form=phone-p] .ally-out,html[data-form=phone-l] .ally-out{display:none}html[data-form=phone-p] .ally-menu,html[data-form=phone-l] .ally-menu{gap:8px}html[data-form=phone-p] .ally-menu button,html[data-form=phone-l] .ally-menu button{min-height:34px;padding:0 6px}html[data-form=phone-p] .quest-track,html[data-form=phone-l] .quest-track{padding:4px 6px;font-size:11px}html[data-form=phone-p] .quest-track .qt-obj,html[data-form=phone-l] .quest-track .qt-obj,html[data-form=phone-p] .quest-track .qt-head,html[data-form=phone-l] .quest-track .qt-head{display:none}html[data-form=phone-p] .qt-title,html[data-form=phone-l] .qt-title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-form=phone-p] .qt-where,html[data-form=phone-l] .qt-where{margin-top:1px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-form=phone-p] .qt-line+.qt-line,html[data-form=phone-l] .qt-line+.qt-line{margin-top:3px;padding-top:3px}html[data-form=phone-p] .qt-more,html[data-form=phone-l] .qt-more{margin-top:2px;font-size:10px}html[data-form=phone-p] .zone-name,html[data-form=phone-l] .zone-name{font-size:11px;padding:0 2px 2px}html[data-form=phone-p] .zoom button,html[data-form=phone-l] .zoom button{width:30px;height:30px;min-height:0}html[data-form=phone-p] .skillbar .set.menu-x,html[data-form=phone-l] .skillbar .set.menu-x,html[data-form=phone-p] .skillbar .set .key,html[data-form=phone-l] .skillbar .set .key{display:none}html[data-form=phone-p] .skillbar .slots,html[data-form=phone-l] .skillbar .slots{grid-template-columns:repeat(5,var(--slot))}html[data-form=phone-p] .skillbar .set,html[data-form=phone-l] .skillbar .set{height:26px;min-width:30px}html[data-form=phone-p] .toast,html[data-form=phone-l] .toast{font-size:17px;top:15%}html[data-form=phone-p] .notice-banner,html[data-form=phone-l] .notice-banner{font-size:15px;bottom:calc(85% + 4px)}html[data-form=phone-p] .auc-list,html[data-form=phone-l] .auc-list{max-height:none;overflow:visible}html[data-form=phone-p] .chat-box:not(.open),html[data-form=phone-l] .chat-box:not(.open){display:flex;align-items:flex-end;gap:4px;min-width:0;pointer-events:none}html[data-form=phone-p] .chat-box:not(.open)>*,html[data-form=phone-l] .chat-box:not(.open)>*{pointer-events:auto}html[data-form=phone-p] .chat-box:not(.open) .chat-tabs,html[data-form=phone-l] .chat-box:not(.open) .chat-tabs,html[data-form=phone-p] .chat-box:not(.open) .chat-input,html[data-form=phone-l] .chat-box:not(.open) .chat-input{display:none}html[data-form=phone-p] .chat-box:not(.open) .chat-open,html[data-form=phone-l] .chat-box:not(.open) .chat-open{display:block;position:relative;flex:none;width:34px;height:34px;min-height:0;padding:0;font-size:16px;border-radius:50%;opacity:.85}.chat-open.unread:after{content:"";position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 5px var(--gold)}html[data-form=phone-p] .chat-box:not(.open) .log,html[data-form=phone-l] .chat-box:not(.open) .log{pointer-events:none;flex:1;min-width:0;height:3.1em;padding:0 4px;font-size:11px;line-height:1.45;overflow:hidden;background:none;box-shadow:none;text-shadow:0 1px 2px #000,0 0 3px #000}html[data-form=phone-p] .chat-box.open,html[data-form=phone-l] .chat-box.open{z-index:5;min-width:0;padding:6px;border-radius:12px 12px 0 0;background:var(--panel-bg);box-shadow:var(--frame),0 -6px 18px #00000080}html[data-form=phone-p] .chat-box.open .chat-close,html[data-form=phone-l] .chat-box.open .chat-close{display:block;position:absolute;right:6px;top:6px;z-index:1;width:30px;height:30px;min-height:0;padding:0}html[data-form=phone-p] .chat-box.open .chat-tabs,html[data-form=phone-l] .chat-box.open .chat-tabs{margin-right:40px}html[data-form=phone-p] .chat-box.open .chat-input,html[data-form=phone-l] .chat-box.open .chat-input{border-radius:0 0 6px 6px}html[data-form=phone-p]{--hud-w: min(240px, 50vw);--map-w: min(150px, 38vw);--act: 54px;--act-gap: 6px;--slot: 44px;--pad-size: 120px;--skill-b: calc(var(--edge-b) + 2 * var(--act) + var(--act-gap) + 26px + 14px);--skill-top: calc(var(--skill-b) + 2 * var(--slot) + 4px + 10px + 30px)}@media(max-width:339px){html[data-form=phone-p]{--pad-size: 100px;--act: 46px}}html[data-form=phone-p] .hud-col>.effects{position:static;width:auto;max-width:none;flex:0 1 auto;min-height:22px;overflow-y:auto;overscroll-behavior:contain}html[data-input=touch][data-form=phone-p] .hud-col>.effects.more{pointer-events:auto;touch-action:pan-y}html[data-form=phone-p] .hud-col>.effects{max-width:calc(50vw - var(--edge-l) - 26px)}html[data-form=phone-p] .hud-col{max-height:calc(100dvh - var(--edge-t) - var(--skill-top) - 4px - 34px - 8px)}html[data-form=phone-p] .hud-col>.allies{max-width:calc(50vw - var(--edge-l) - 26px)}html[data-form=phone-p] .ally{padding:2px 5px}html[data-form=phone-p] .ally-assist,html[data-form=phone-p] .ally-menu button,html[data-form=phone-p] .party-ctl .party-name{min-height:28px}html[data-form=phone-p] .hud-col>.allies:has(.ally){min-height:30px}html[data-form=phone-p] .skillbar{right:var(--edge-r);bottom:var(--skill-b)}html[data-form=phone-p] .toast{top:max(var(--edge-t),calc(var(--view-anchor, .43) * 100dvh - 100px))}html[data-form=phone-p] .notice-banner{bottom:calc(100% - max(var(--edge-t),calc(var(--view-anchor, .43) * 100dvh - 100px)) + 4px)}html[data-form=phone-p] .game-ui:has(>.toast.show)>.hud-col>.effects{opacity:.3}html[data-form=phone-p] .chat-box:not(.open){left:var(--edge-l);right:var(--edge-r);width:auto;bottom:calc(var(--skill-top) + 4px)}html[data-form=phone-p] .chat-box.open{left:0;right:0;bottom:0;width:auto;padding-bottom:calc(6px + env(safe-area-inset-bottom))}html[data-form=phone-p] .chat-box.open .log{height:38dvh;font-size:12px}html[data-form=phone-p] .panel{inset:auto 0 0;transform:none;width:100%;max-height:68vh;max-height:68dvh;border-radius:14px 14px 0 0;--pad-b: calc(12px + env(safe-area-inset-bottom)) }html[data-form=phone-p] .panel-head{border-radius:14px 14px 0 0}html[data-form=phone-p] .grid{grid-template-columns:repeat(6,1fr)}html[data-form=phone-p] .panel-inventory .grid{max-height:34vh;max-height:34dvh}html[data-form=phone-p] .game-ui.dual>.panel-dialog,html[data-form=phone-p] .game-ui.dual>.panel-trade{top:0;bottom:auto;max-height:50dvh;border-radius:0 0 14px 14px;padding-bottom:12px;padding-top:env(safe-area-inset-top)}html[data-form=phone-p] .game-ui.dual>.panel-inventory{max-height:50dvh}html[data-form=phone-p] .game-ui.dual>.panel-inventory .grid{max-height:none;height:auto}html[data-form=phone-l]{--hud-w: min(230px, 32vw);--map-w: min(150px, 22vw, 40dvh);--act: min(50px, 16dvh);--act-gap: 6px;--slot: 42px;--pad-size: min(112px, 30dvh)}html[data-form=phone-l] .hud{display:grid;grid-template-columns:1fr 1fr;column-gap:4px;padding:5px 7px}html[data-form=phone-l] .hud>:not(.bar.hp):not(.bar.mp){grid-column:1 / -1}html[data-form=phone-l] .hud .bar{margin:2px 0}html[data-form=phone-l] .hud .bar.exp{height:6px}html[data-form=phone-l] .hud .bar.exp span,html[data-form=phone-l] .hud .bar.weight.w0{display:none}html[data-form=phone-l] .hud-col{max-height:calc(100dvh - var(--edge-t) - var(--edge-b) - max(var(--pad-space) + 4px,52px) - 10px)}@media(max-width:699px){html[data-form=phone-l] .hud-col{max-height:calc(100dvh - var(--edge-t) - max(var(--sb-top, 140px),var(--edge-b) + var(--pad-space) + 4px,var(--edge-b) + 52px) - 8px)}}html[data-form=phone-l] .hud .bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-form=phone-l] .skillbar{right:calc(var(--edge-r) + var(--act-w) + 10px);bottom:var(--edge-b)}html[data-form=phone-l] .skillbar .slots{padding:4px}html[data-form=phone-l] .act b{font-size:18px}html[data-form=phone-l] .chat-box:not(.open){left:calc(var(--edge-l) + var(--pad-space) + var(--pad-gap));bottom:var(--edge-b);width:calc(100vw - var(--edge-l) - var(--pad-space) - var(--pad-gap) - var(--edge-r) - var(--act-w) - 10px - var(--skill-w) - 14px)}html[data-form=phone-l] .chat-box:not(.open) .log{height:4.4em}@media(max-width:719px){html[data-form=phone-l] .chat-box:not(.open){width:auto}html[data-form=phone-l] .chat-box:not(.open) .log{display:none}}@media(max-width:619px){html[data-form=phone-l] .chat-box:not(.open){left:var(--edge-l);bottom:calc(var(--edge-b) + var(--pad-space) + 8px)}html[data-form=phone-l] .hud-col{max-height:calc(100dvh - var(--edge-t) - max(var(--sb-top, 140px),var(--edge-b) + var(--pad-space) + 50px) - 8px)}html[data-form=phone-l] .hud-col>.allies:has(.ally){min-height:0}html[data-form=phone-l] .allies-head{flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}html[data-form=phone-l] .chat-box.open{left:var(--edge-l);bottom:0;width:min(480px,64vw);padding-bottom:calc(6px + env(safe-area-inset-bottom))}html[data-form=phone-l] .chat-box.open .log{height:min(220px,calc(100dvh - 120px));font-size:12px}html[data-form=phone-l] .panel{top:var(--edge-t);bottom:var(--edge-b);left:50%;transform:translate(-50%);width:min(440px,64vw);max-height:none}html[data-form=phone-l] .panel-inventory{left:auto;right:var(--edge-r);transform:none}html[data-form=phone-l] .panel-stats,html[data-form=phone-l] .panel-pet{left:var(--edge-l);transform:none}html[data-form=phone-l] .panel-inventory .grid{max-height:none;height:auto}html[data-form=phone-l] .panel-macro,html[data-form=phone-l] .panel-cards{left:var(--edge-l);transform:none;width:calc(100vw - var(--edge-l) - var(--edge-r))}html[data-form=phone-l] .game-ui.dual>.panel-dialog,html[data-form=phone-l] .game-ui.dual>.panel-trade,html[data-form=tablet-p] .game-ui.dual>.panel-dialog,html[data-form=tablet-p] .game-ui.dual>.panel-trade,html[data-form=tablet-l] .game-ui.dual>.panel-dialog,html[data-form=tablet-l] .game-ui.dual>.panel-trade{left:var(--edge-l);transform:none;width:calc(50vw - var(--edge-l) - 4px)}html[data-form=phone-l] .game-ui.dual>.panel-inventory,html[data-form=tablet-p] .game-ui.dual>.panel-inventory,html[data-form=tablet-l] .game-ui.dual>.panel-inventory{width:calc(50vw - var(--edge-r) - 4px)}html[data-form=tablet-l] .game-ui.dual>.panel-dialog,html[data-form=tablet-l] .game-ui.dual>.panel-trade{transform:translateY(-50%)}html[data-form=tablet-l] .game-ui.dual>.panel-trade{width:min(400px,calc(50vw - var(--edge-l) - 4px))}@media(max-width:719px){html[data-form=phone-l] .game-ui.dual>.panel-inventory .grid,html[data-form=tablet-p] .game-ui.dual>.panel-inventory .grid,html[data-form=tablet-l] .game-ui.dual>.panel-inventory .grid,html[data-form=phone-l] .game-ui.dual>.panel-trade .grid,html[data-form=tablet-p] .game-ui.dual>.panel-trade .grid,html[data-form=tablet-l] .game-ui.dual>.panel-trade .grid,html[data-form=phone-l] .game-ui.dual>.panel-dialog .grid,html[data-form=tablet-p] .game-ui.dual>.panel-dialog .grid,html[data-form=tablet-l] .game-ui.dual>.panel-dialog .grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}html[data-form=phone-l] .game-ui.dual>.panel-inventory .equip,html[data-form=tablet-p] .game-ui.dual>.panel-inventory .equip,html[data-form=tablet-l] .game-ui.dual>.panel-inventory .equip{grid-template-columns:repeat(7,minmax(32px,44px))}html[data-form=phone-l] .game-ui.dual>.panel-inventory .slot.eq,html[data-form=tablet-p] .game-ui.dual>.panel-inventory .slot.eq,html[data-form=tablet-l] .game-ui.dual>.panel-inventory .slot.eq{width:auto;height:auto;aspect-ratio:1}}html[data-form=phone-l] .game-ui:not(.dual)>.panel-trade{left:calc(var(--edge-l) + var(--pad-space) + var(--pad-gap) + 44px);right:calc(var(--edge-r) + var(--act-w) + 10px);width:auto;max-width:440px;margin-left:auto;transform:none}@media(min-width:720px){html[data-form=phone-l] .game-ui:not(.dual)>.panel-trade{left:max(calc(var(--edge-l) + var(--pad-space) + var(--pad-gap) + 44px),calc(var(--edge-l) + var(--hud-w) + 8px))}}html[data-form=phone-l] .panel-trade .grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}html[data-form=phone-p] .game-ui:has(>.panel-trade)>.chat-box.open,html[data-form=phone-l] .game-ui:has(>.panel-trade)>.chat-box.open{z-index:7}html[data-form=phone-l] .toast,html[data-form=tablet-p] .toast,html[data-form=tablet-l] .toast{left:calc(var(--edge-l) + var(--hud-w) + 10px);right:calc(var(--edge-r) + var(--map-w) + 10px);width:auto;transform:none}html[data-form=phone-l] .toast{top:max(var(--edge-t),min(var(--edge-t) + 76px,var(--view-anchor, .5) * 100dvh - 90px));font-size:15px}@media(max-width:959.98px)and (max-height:303.98px){html[data-form=phone-l] .toast{top:calc(var(--view-anchor, .5) * 100dvh + 20px)}}html[data-form=phone-l] .game-ui:has(>.toast.show)>.hud-col>.effects{opacity:.3}html[data-form=phone-l] .toast.show,html[data-form=tablet-p] .toast.show,html[data-form=tablet-l] .toast.show{animation-name:toast-c}@media(max-width:815px){html[data-form=tablet-p] .toast{left:var(--edge-l);right:var(--edge-r);top:30%}}@media(max-width:799px){html[data-form=tablet-l] .toast{left:var(--edge-l);right:var(--edge-r);top:34%}}html[data-form=desktop] .toast{width:min(90vw,calc(100vw - 2 * (var(--map-w) + var(--edge-r) + 16px)))}@keyframes toast-c{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}.panel-macro{width:min(576px,calc(100vw - 16px))}.panel-macro button{min-height:0}.mc-tabs{position:relative;display:flex;gap:2px;margin:0 0 10px;padding:0 2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;border-bottom:1px solid var(--line-2);scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.mc-tabs::-webkit-scrollbar{height:4px}.mc-tabs{--fade-l: 0px;--fade-r: 0px;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent)}.mc-tabs.fade-l{--fade-l: 32px}.mc-tabs.fade-r{--fade-r: 32px}.panel-macro .mc-tab{flex:none;display:flex;align-items:center;gap:4px;max-width:120px;min-height:30px;margin-bottom:-1px;padding:5px 10px;scroll-snap-align:start;border:1px solid transparent;border-bottom:1px solid var(--line-2);border-radius:6px 6px 0 0;background:transparent;box-shadow:none;color:var(--dim);text-align:left}.mc-tab:hover{background:#f2c55c0f;color:var(--text);filter:none}.mc-tab:active{transform:none}.mc-tab b{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--well);color:var(--dim)}.mc-tab span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-macro .mc-tab.on{color:var(--gold);background:var(--panel-2);border-color:var(--line-2);border-bottom-color:var(--panel-2);box-shadow:inset 0 2px 0 var(--gold)}.mc-tab.live b{background:var(--gold);color:#2a1e08}.mc-live{font-style:normal;color:var(--gold);font-size:11px}.mc-head{display:flex;gap:6px;align-items:stretch;margin-bottom:10px}.mc-name{flex:1;min-width:0;padding:7px 10px;font-weight:700}.mc-reset{padding:0 10px;font-size:15px}.mc-reset.armed{font-size:12px;color:#ffd0d0;box-shadow:inset 0 0 0 1px #a84a4a}.mc-copy{padding:0 10px;font-size:15px}.mc-copy.on{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.mc-copyhint{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px;padding:5px 8px;border-radius:6px;font-size:12px;font-weight:700;color:var(--gold);background:#f2c55c1a}.mc-copyhint small{color:var(--dim);font-weight:400}.panel-macro .mc-tabs.copying .mc-tab:not(:disabled){border-style:dashed;border-color:#f2c55c73;color:var(--text)}.panel-macro .mc-tabs.copying .mc-tab:disabled{opacity:.45}.panel-macro .mc-tab.copy-armed{max-width:none;color:#ffd0d0;box-shadow:inset 0 0 0 1px #a84a4a}.mc-use{white-space:nowrap;padding:0 12px}.mc-inuse{display:flex;align-items:center;padding:0 10px;border-radius:6px;color:var(--gold);font-size:12px;font-weight:700;white-space:nowrap;background:#f2c55c1a;box-shadow:inset 0 0 0 1px #f2c55c66}.mc-sec{margin-bottom:10px;padding:8px;border-radius:8px;background:var(--well)}.mc-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;color:var(--gold);font-weight:700;font-size:12px}.mc-title small{color:var(--dim);font-weight:400}.mc-flow{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;border-radius:6px;border:1px dashed var(--line-2)}.mc-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:16px;font-size:12px;white-space:nowrap}.mc-chip i{font-style:normal}.mc-chip small{font-size:10px;opacity:.85}.mc-chip .no{font-size:10px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#00000073;color:var(--dim)}.mc-chip.k-attack{background:linear-gradient(180deg,#5a3a22,#3a2415)}.mc-chip.k-skill{background:linear-gradient(180deg,#2c3d6a,#1a2544)}.mc-chip.k-wait{background:linear-gradient(180deg,#3a3a3a,#232323)}.mc-chip.sel{box-shadow:0 0 0 2px var(--gold)}.mc-chip.add{border-radius:6px;opacity:.92}.mc-chip.add i{color:var(--gold);font-weight:700}.mc-chip .mp{color:#9cc3ff}.mc-chip .mc-swap{font-style:normal;font-size:10px}.mc-swapend{font-size:11px;color:var(--dim);white-space:nowrap}.mc-arrow{color:var(--dim);font-size:12px}.mc-loop{margin-left:2px;color:var(--gold);font-size:16px;line-height:1}.mc-tools{display:flex;gap:4px;align-items:center;margin-top:6px;padding:5px;border-radius:6px;background:#f2c55c14}.mc-tools>button{padding:4px 10px}.mc-tools .danger{margin-left:auto}.mc-stepper{display:inline-flex;align-items:center;gap:4px;margin:0 6px}.mc-stepper button{width:28px;padding:4px 0}.mc-stepper b{min-width:36px;text-align:center;color:var(--gold)}.mc-palette{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.mc-locked{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:10px;color:var(--dim);opacity:.7}.mc-rules{display:flex;flex-direction:column;gap:4px}.mc-rule{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:4px;border-radius:6px;background:#ffffff08}.mc-rule .no{color:var(--dim);width:14px;font-size:11px}.mc-rule .mc-rule-note{flex-basis:100%;padding-left:18px;color:var(--dim);font-size:11px}.mc-rule select{width:auto;padding:5px 6px;min-width:0}.mc-rule .mc-when{flex:none;width:152px}.mc-rule .mc-act{flex:1;min-width:110px}.mc-rule .qty-input{width:52px;padding:5px 6px}.mc-rule .qty-input.mc-count{width:28px;text-align:center;appearance:textfield;-moz-appearance:textfield}.mc-rule .qty-input.mc-count::-webkit-inner-spin-button,.mc-rule .qty-input.mc-count::-webkit-outer-spin-button{appearance:none;margin:0}.mc-rule .mc-gsel{flex:none}.mc-rule .mc-rule-form{flex-basis:100%;display:flex;align-items:center;gap:4px;padding-left:18px}.mc-rule .mc-form,.mc-rule .mc-pos{flex:none}.mc-rule .mc-pos~.mc-act{min-width:72px}.mc-rule .unit{color:var(--dim);font-size:11px}.mc-rule .mc-then{color:var(--gold);font-weight:700}.mc-rule button{padding:4px 8px}.mc-addrule{align-self:flex-start;padding:5px 10px;font-size:12px}.mc-safety{display:flex;flex-direction:column;gap:6px}.mc-gauge{display:grid;grid-template-columns:38px 64px 1fr 56px;align-items:center;gap:8px}.mc-gauge.off .mc-glabel,.mc-gauge.off .mc-val{color:var(--dim)}.mc-glabel{font-size:12px;white-space:nowrap}.mc-gauge.tg{grid-template-columns:38px minmax(64px,auto) 1fr 56px}.mc-val{text-align:right;font-size:12px;color:var(--gold)}.mc-switch{position:relative;width:38px;height:22px;padding:0;border-radius:11px;background:#2a241c}button.mc-switch{min-height:0;justify-self:start}@media(pointer:coarse){button.mc-switch{z-index:1}button.mc-switch:before{content:"";position:absolute;left:0;right:0;top:calc(50% - 14px);height:28px}.snd-rows button.mc-switch:before{top:calc(50% - 24px);height:48px}}.mc-switch i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#7d6d52;transition:left .15s}.mc-switch.on{background:#6b5320}.mc-switch.on i{left:19px;background:var(--gold)}.mc-gauge input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:10px;padding:0;border:0;border-radius:5px;box-shadow:none;background:linear-gradient(90deg,var(--c) 0 var(--p),#2a241c var(--p) 100%)}.mc-gauge.hp input[type=range]{--c: var(--hp)}.mc-gauge.mp input[type=range]{--c: var(--mp)}.mc-gauge.kite input[type=range]{--c: #6fbf73}.mc-gauge.snd input[type=range]{--c: var(--gold)}.snd-rows{margin:4px 0 8px}.snd-rows .mc-gauge{grid-template-columns:38px 80px 1fr 44px}.mc-gauge.off input[type=range]{--c: #3a3328}.mc-gauge input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--text);border:2px solid #0a0806;cursor:pointer}.mc-gauge input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text);border:2px solid #0a0806;cursor:pointer}.mc-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.mc-tag{padding:5px 10px;border-radius:14px;font-size:12px;color:var(--dim);background:#221d16}.mc-tag.on{color:var(--text);background:linear-gradient(180deg,#5a4622,#3a2c14);box-shadow:inset 0 0 0 1px var(--gold-2)}.mc-tag.missing{opacity:.6}.mc-tag.heal{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 10px}.mc-tag.heal .mc-hp{padding:1px 2px;font-size:11px}.mc-tag.heal .mc-tag-btn{padding:1px 6px;font-size:11px;background:none;box-shadow:none}.mc-tag i{font-style:normal;margin-left:6px;font-size:10px;opacity:.7}.mc-grades{display:flex;flex-direction:column;gap:4px}.mc-grade{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:8px}.mc-grade>b{font-size:12px}.mc-seg{display:inline-flex;border-radius:14px;overflow:hidden;background:#221d16}.mc-seg button{flex:1;padding:5px 10px;border:0;border-radius:0;font-size:12px;color:var(--dim);background:transparent;box-shadow:none}.mc-seg button.on{color:var(--text);background:linear-gradient(180deg,#5a4622,#3a2c14);box-shadow:inset 0 0 0 1px var(--gold-2)}.mc-seg button.flee.on{background:linear-gradient(180deg,#5a2a22,#3a1814);box-shadow:inset 0 0 0 1px #c0604a}.mc-addsel{padding:4px 8px;font-size:12px;border-radius:14px;width:auto}.mc-link{margin-left:auto;padding:4px 8px;font-size:11px;background:none;box-shadow:none;color:var(--dim);text-decoration:underline}@media(max-width:720px){.mc-gauge{grid-template-columns:38px 56px 1fr 52px;gap:6px}}.macro-add{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.macro-add>div{display:flex;gap:4px;align-items:center}.macro-add select{flex:1;min-width:0}.macro-add button{white-space:nowrap}.panel-autouse .small{font-size:11px;margin:0 0 8px}.autouse-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.autouse-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;background:var(--well)}.autouse-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autouse-row .left{color:#8fe08f;font-size:11px}.autouse-row .toggle{min-width:48px;color:var(--dim)}.autouse-row .toggle.on{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.autouse-row:not(.on) .name{opacity:.6}.autouse-row .autouse-hp{padding:2px 4px;font-size:12px}.popup .ench-opt{color:#7cc4ff}.popup .item-meta{margin-top:6px;padding-top:4px;border-top:1px solid rgba(255,240,210,.15);color:var(--dim);font-size:.92em}.popup.pop-group{display:flex;gap:6px;align-items:flex-start;min-width:0;max-width:calc(100vw - 16px);padding:6px;background:none;border:0;box-shadow:none}.pop-cmp{display:flex;gap:6px;align-items:flex-start}.pop-group.stack .pop-cmp{flex-direction:column;align-items:stretch}.pop-card{min-width:200px;max-width:280px;padding:10px 12px;background:var(--panel-bg);border:1px solid #0a0806;border-radius:8px;box-shadow:var(--frame),0 6px 16px #0009}.pop-tag{display:inline-block;margin-bottom:4px;padding:0 6px;border-radius:4px;background:#fff0d21a;color:var(--dim);font-size:.92em}.popup .item-delta{margin-top:6px;padding-top:4px;border-top:1px solid rgba(255,240,210,.15)}.popup .item-delta>div{display:flex;flex-wrap:wrap;column-gap:8px}.popup .item-delta .up{color:var(--good)}.popup .item-delta .down{color:var(--bad)}html[data-form=phone-p] .item-pop,html[data-form=phone-l] .item-pop{font-size:11px;line-height:1.45}html[data-form=phone-p] .item-pop .pname,html[data-form=phone-l] .item-pop .pname{font-size:12.5px;margin-bottom:2px}html[data-form=phone-p] .popup.item-pop:not(.pop-group),html[data-form=phone-l] .popup.item-pop:not(.pop-group),html[data-form=phone-p] .pop-card,html[data-form=phone-l] .pop-card{padding:7px 9px}html[data-form=phone-p] .popup.item-pop:not(.pop-group),html[data-form=phone-l] .popup.item-pop:not(.pop-group){min-width:180px;max-width:240px}html[data-form=phone-l] .pop-card{min-width:0;width:190px}html[data-form=phone-p] .popup.pop-group{display:grid;grid-template-columns:1fr 1fr;align-items:start;width:calc(100vw - 16px)}html[data-form=phone-p] .pop-group .pop-cmp{flex-direction:column;align-items:stretch;min-width:0}html[data-form=phone-p] .pop-group .pop-card{min-width:0;max-width:none}html[data-form=phone-p] .pop-group>.pbtns{grid-column:1 / -1;margin-top:0;padding:7px 9px;background:var(--panel-bg);border:1px solid #0a0806;border-radius:8px;box-shadow:var(--frame),0 6px 16px #0009}html[data-form=phone-p] .pop-group>.pbtns>button{flex:1 1 auto}.panel-cards{width:min(760px,calc(100vw - 16px))}.card-layout{display:flex;gap:12px;align-items:flex-start}.card-main{flex:1;min-width:0}.card-pane-tabs{display:flex;gap:2px;margin:10px 0 8px;padding:0 2px;border-bottom:1px solid var(--line-2)}.panel-cards .card-pane-tab{flex:none;min-width:88px;min-height:32px;margin-bottom:-1px;padding:5px 16px;border:1px solid transparent;border-bottom:1px solid var(--line-2);border-radius:6px 6px 0 0;background:transparent;box-shadow:none;color:var(--dim);font-weight:700}.panel-cards .card-pane-tab:hover{background:#f2c55c0f;color:var(--text);filter:none}.panel-cards .card-pane-tab:active{transform:none}.panel-cards .card-pane-tab.on{color:var(--gold);background:var(--panel-2);border-color:var(--line-2);border-bottom-color:var(--panel-2);box-shadow:inset 0 2px 0 var(--gold)}.card-pane:not(.on){display:none}.card-find-filters{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.card-find-filters select{flex:1 1 150px;min-width:0;box-sizing:border-box;font-size:12px}.card-find-filters .card-opt-side{flex:0 1 110px}.card-find>.card-set{margin-bottom:6px}.card-bag-split{display:grid;grid-template-columns:minmax(110px,170px) minmax(0,1fr);gap:10px;align-items:start;margin-top:6px}.card-bag-left{display:flex;flex-direction:column;gap:6px;min-width:0;position:sticky;top:52px}.card-fam-search{width:100%;box-sizing:border-box}.card-fam-list{display:flex;flex-direction:column;gap:3px;max-height:min(360px,50dvh);overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.card-fam-row{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:30px;padding:4px 8px;text-align:left;font-size:12px}.card-fam-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-fam-row small{flex:none;color:var(--dim);font-variant-numeric:tabular-nums}.card-fam-row.none span{color:var(--dim)}.card-fam-row.on{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 1px #f2c55c59}.card-fam-row[hidden]{display:none}.card-bag-right{min-width:0}.card-bag-right>.card-fam{margin-top:0}html[data-form=phone-p] .card-bag-split{grid-template-columns:116px minmax(0,1fr)}.card-detail{flex:none;width:250px;position:sticky;top:52px;display:flex;flex-direction:column;gap:8px}@media(max-width:640px){.card-layout{flex-direction:column-reverse}.card-detail{position:static;width:100%;align-items:center}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;margin:6px 0}.card-grid.deck{grid-template-columns:repeat(5,minmax(0,96px))}.card-mini{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:2px;min-height:0;padding:3px;cursor:pointer;border-radius:6px;background:linear-gradient(135deg,#e9e6dc,#9a978e 50%,#e9e6dc);border:1px solid #000;color:#2a2418}.card-mini img{width:100%;aspect-ratio:512 / 420;object-fit:cover;border-radius:3px;border:1px solid rgba(0,0,0,.4);background:#1a1610}.card-mini-title{font-size:10.5px;line-height:1.25;text-align:center;background:#f6f1e3;border-radius:3px;padding:1px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-mini-count{position:absolute;top:5px;right:5px;font-size:11px;font-weight:700;color:#fff;background:#000000a6;border-radius:8px;padding:0 5px}.card-mini.unknown img{filter:grayscale(1) brightness(.3) contrast(1.4)}.card-mini.unknown{background:#2a251c}.card-mini.unknown .card-mini-title{background:#3a3326;color:var(--dim)}.card-mini.off{opacity:.45}.card-mini.off:after{content:"효과 없음";position:absolute;inset:30% 6px auto;text-align:center;font-size:10px;color:#fff;background:#a02828d9;border-radius:3px}.card-mini.picked{outline:2px solid var(--gold);outline-offset:1px}.card-mini[class*=grade-]{box-shadow:inset 0 0 0 2px var(--grade, transparent)}.card-mini.grade-3,.card-mini.grade-4{box-shadow:inset 0 0 0 2px var(--grade),0 0 6px var(--grade)}.card-mini.unknown{box-shadow:none}.card-mini.locked:after{content:"🔒";position:absolute;top:4px;left:5px;font-size:11px}.card-face[class*=grade-]{background:linear-gradient(135deg,var(--grade),#3a3226 50%,var(--grade))}.card-grade{color:var(--grade);text-shadow:0 0 1px #000}.cs-banner{position:relative;display:flex;align-items:center;gap:14px;margin:6px 0 8px;padding:12px 14px;border-radius:10px;overflow:hidden;border:1px solid #c9a14a;background:radial-gradient(ellipse at 15% 50%,rgba(192,124,255,.28),transparent 60%),radial-gradient(ellipse at 90% 0%,rgba(255,176,46,.22),transparent 55%),linear-gradient(135deg,#241b3a,#15101f);box-shadow:inset 0 0 0 1px #ffffff0d,0 4px 14px #00000059}.cs-fan{position:relative;flex:0 0 104px;height:112px}.cs-fan img{position:absolute;left:50%;top:50%;width:62px;aspect-ratio:5 / 7;object-fit:cover;border-radius:6px;border:2px solid var(--grade);box-shadow:0 0 10px color-mix(in srgb,var(--grade) 60%,transparent),0 4px 8px #00000080;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r))}.cs-fan img:nth-child(2){z-index:2}.cs-head{display:grid;gap:5px;min-width:0;flex:1}.cs-head>b{font-size:16px;color:#f6dd92;letter-spacing:.04em;text-shadow:0 0 10px rgba(242,197,92,.4)}.cs-head>small{color:#c9bda4}.cs-oddsbar{display:flex;gap:2px;height:8px;border-radius:4px;overflow:hidden;background:#00000059}.cs-oddsbar i{background:var(--grade);min-width:4px}.cs-legend{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:11px;color:#d8ccb4}.cs-legend span{display:inline-flex;align-items:center;gap:4px}.cs-legend i{width:7px;height:7px;transform:rotate(45deg);background:var(--grade);box-shadow:0 0 4px var(--grade)}.cs-legend b{color:var(--grade);font-weight:700}.cs-buy{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 8px}.cs-buy-btn{position:relative;display:grid;gap:2px;justify-items:center;padding:10px 8px;border-radius:10px;cursor:pointer;border:1px solid #f2c55c;color:#2a1c06;background:linear-gradient(180deg,#ffe39a,#e0a93a 55%,#b9822a);box-shadow:0 0 12px #f2c55c4d,inset 0 1px #fff9;overflow:hidden}.cs-buy-btn.ten{background:linear-gradient(180deg,#e5c4ff,#a568e8 55%,#7a3fc0);border-color:#d8b0ff;color:#fff;box-shadow:0 0 14px #c07cff66,inset 0 1px #ffffff80}.cs-buy-btn b{font-size:15px}.cs-buy-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.cs-buy-btn:disabled{filter:grayscale(.8) brightness(.7);cursor:not-allowed}.cs-price{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-variant-numeric:tabular-nums}.cs-buy-btn.short .cs-price{color:#ff4a3a;text-shadow:0 0 2px #fff}.cs-coin{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6c8,#f2c55c 50%,#9a6a14);box-shadow:0 0 0 1px #6b4a12}.cs-ribbon{position:absolute;top:7px;right:-22px;transform:rotate(35deg);width:80px;text-align:center;font-size:10px;font-weight:800;color:#fff;background:#d9534f;box-shadow:0 1px 3px #0006}.cs-blocked{margin:0 0 8px;padding:6px 8px;border-radius:6px;background:#d9534f26;border:1px solid rgba(217,83,79,.5);color:#ffb3a8;font-size:12px}.cs-fams{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.cs-fams span{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line-2);color:#8a8070}.cs-fams span.on{color:#e9e0c8;border-color:#6fdc6a99;background:#6fdc6a1a}.cs-fx-toggle{font-size:12px;color:#b9ad96}.cs-more{margin:4px 0;font-size:12px}.cs-more summary{cursor:pointer;color:#d8ccb4}.card-shop-cells{border-collapse:collapse;margin:4px 0;font-size:11px;font-variant-numeric:tabular-nums}.card-shop-cells th,.card-shop-cells td{padding:2px 8px;text-align:right;border-bottom:1px solid var(--line-2)}.card-shop-cells th:first-child{text-align:left}.card-draw-result{margin:6px 0;padding:6px;border:1px solid var(--gold);border-radius:6px;background:#00000040}.card-draw-result .card-mini{animation:card-pop .35s ease-out both}@keyframes card-pop{0%{transform:scale(.6) rotateY(90deg);opacity:0}to{transform:none;opacity:1}}.card-sell-row{display:grid;grid-template-columns:56px 1fr auto auto auto;gap:6px;align-items:center;margin:3px 0;font-size:12px}.card-sell-row .card-mini{width:56px}.fuse-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px;margin:6px 0}.fuse-auto>div{display:grid;gap:4px}.fuse-auto button.many{padding:3px 4px}.fuse-slots+.fuse-rate,.fuse-many+.fuse-rate{margin-top:2px}.fuse-many{margin:0}.fuse-rate small{flex-basis:100%;text-align:center;color:#b9ad96;font-size:11px}.fuse-last{font-size:11px;color:#ffb3a8;text-align:center}.fuse-auto button{display:grid;gap:1px;padding:6px 4px;border-radius:8px;border:1px solid var(--grade);background:color-mix(in srgb,var(--grade) 14%,rgba(0,0,0,.3));color:#eee;cursor:pointer}.fuse-auto button b{color:var(--grade);font-size:13px}.fuse-auto button small{font-size:10px;color:#b9ad96}.fuse-auto button:disabled{opacity:.45;cursor:not-allowed}.fuse-box{display:grid;gap:6px;margin:6px 0 8px;padding:10px;border-radius:10px;border:1px solid #c9a14a;background:linear-gradient(135deg,#241b3a,#15101f)}.fuse-slots{display:grid;grid-template-columns:repeat(4,minmax(0,72px));gap:6px;justify-content:center}.fuse-rate{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:12px;color:#d8ccb4}.fuse-rate span{display:inline-flex;align-items:center;gap:4px}.fuse-rate i{width:7px;height:7px;transform:rotate(45deg);background:var(--grade);box-shadow:0 0 4px var(--grade)}.fuse-rate b{color:var(--grade)}.fuse-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:stretch}html[data-form^=phone] :is(.panel-cardshop,.panel-cards){font-size:12px}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) button:not(.x){min-height:40px;padding:4px 8px;font-size:12px}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .dim{font-size:11px;line-height:1.4}html[data-form^=phone] .panel-cardshop .npc-text{margin:0 0 4px;font-size:12px;line-height:1.4}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .stash-tabs{margin:4px 0}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .card-fam{margin-top:4px;font-size:12px}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .card-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:4px;margin:4px 0}html[data-form^=phone] .panel-cards .card-grid.deck{grid-template-columns:repeat(5,minmax(0,64px))}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .card-mini{min-height:0;padding:2px;gap:1px}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .card-mini-title{font-size:9px;padding:0 1px}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .card-mini-count{top:3px;right:3px;font-size:9.5px;padding:0 4px}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .card-mini.off:after{font-size:8.5px}html[data-form^=phone] .panel-cards .card-face{width:200px}html[data-form^=phone] :is(.panel-cards,.cdf-zoom) .card-head{padding:4px 5px 3px;gap:2px}html[data-form^=phone] :is(.panel-cards,.cdf-zoom) .card-title{font-size:10.5px}html[data-form^=phone] :is(.panel-cards,.cdf-zoom) .card-kind{font-size:8px;padding:1px 4px}html[data-form^=phone] :is(.panel-cards,.cdf-zoom) .card-opts{font-size:8.5px;line-height:1.18}html[data-form^=phone] :is(.panel-cards,.cdf-zoom) .card-fx{padding:3px 6px}html[data-form^=phone] :is(.panel-cards,.cdf-zoom) .card-flavor{font-size:7.5px;-webkit-line-clamp:2}html[data-form^=phone] :is(.panel-cards,.cdf-zoom) .card-face.grade-4 .card-flavor{-webkit-line-clamp:1}html[data-form^=phone] :is(.panel-cards,.cdf-zoom) .card-foot{padding:2px 7px 4px;font-size:8px}html[data-form^=phone] .panel-cards :is(.card-sum,.card-sets){margin:2px 0 4px;font-size:11px}html[data-form^=phone] .panel-cards .card-set-cards span{font-size:9.5px}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .panel-head{margin-bottom:6px;padding-block:4px;font-size:14px}html[data-form=phone-l] .panel-cardshop .npc-text{font-size:11px;line-height:1.35}html[data-form=phone-l] :is(.panel-cardshop,.panel-cards) .dim{font-size:10.5px;line-height:1.35}html[data-form=phone-l] .panel-cardshop .fuse-slots{grid-template-columns:repeat(4,minmax(0,48px))}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .card-mini:not(.empty){background:#15110c}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .card-mini img{opacity:.5;aspect-ratio:5 / 6}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .card-mini:not(.empty) .card-mini-title{position:absolute;inset:15px 2px 3px;display:flex;align-items:center;justify-content:center;padding:0 1px;background:none;color:#fff;font-size:9.5px;font-weight:700;line-height:1.2;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 0 2px #000,0 0 4px #000,0 1px 1px #000;pointer-events:none}html[data-form^=phone] :is(.panel-cardshop,.panel-cards) .card-mini.unknown .card-mini-title{color:var(--dim)}html[data-form^=phone] .panel-cardshop .card-sell-row .card-mini-title{display:none}html[data-form^=phone] .panel-cardshop .cs-banner{gap:8px;margin:4px 0;padding:6px 8px}html[data-form^=phone] .panel-cardshop .cs-fan{flex-basis:64px;height:70px}html[data-form^=phone] .panel-cardshop .cs-fan img{width:40px}html[data-form^=phone] .panel-cardshop .cs-head{gap:3px}html[data-form^=phone] .panel-cardshop .cs-head>b{font-size:13px}html[data-form^=phone] .panel-cardshop .cs-legend{font-size:10px}html[data-form^=phone] .panel-cardshop .cs-buy{gap:6px;margin:2px 0 6px}html[data-form^=phone] .panel-cardshop .cs-buy-btn{gap:0;padding:4px 6px}html[data-form^=phone] .panel-cardshop .cs-buy-btn b{font-size:13px}html[data-form^=phone] .panel-cardshop .cs-more{font-size:11px}html[data-form^=phone] .panel-cardshop .cs-fams span{font-size:10px;padding:1px 6px}html[data-form^=phone] .panel-cardshop .fuse-auto{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:4px 0}html[data-form^=phone] .panel-cardshop .fuse-auto button{gap:0;padding:2px}html[data-form^=phone] .panel-cardshop .fuse-auto button b{font-size:11px}html[data-form^=phone] .panel-cardshop .fuse-auto button small{font-size:9px}html[data-form^=phone] .panel-cardshop .fuse-box{gap:4px;margin:4px 0 6px;padding:6px}html[data-form^=phone] .panel-cardshop .fuse-slots{grid-template-columns:repeat(4,minmax(0,54px));gap:4px}html[data-form^=phone] .panel-cardshop .fuse-rate{font-size:11px}html[data-form^=phone] .panel-cardshop .card-sell-row{grid-template-columns:40px 1fr auto auto auto;gap:4px;font-size:11px}html[data-form^=phone] .panel-cardshop .card-sell-row .card-mini{width:40px}.bestiary-list{display:flex;flex-direction:column;gap:3px}.bestiary-row{display:grid;grid-template-columns:14px 42px 1fr auto;gap:6px;align-items:center;padding:3px 4px;border-bottom:1px solid var(--line-2);font-size:12px}.bestiary-row.unknown{color:var(--dim)}.bestiary-row .dot{width:10px;height:10px;border-radius:50%}.bestiary-row small{color:var(--dim)}.card-mini.empty{background:#0000004d;border:1px dashed var(--line-2);aspect-ratio:96 / 98;justify-content:center}.card-mini.empty .card-mini-title{background:none;color:var(--dim)}.card-fam{margin-top:8px;font-weight:700;color:var(--gold)}.card-fam small{color:var(--dim);font-weight:400}.card-sum{margin:4px 0 6px;font-size:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.card-sum b{color:var(--gold);grid-column:1 / -1}.card-sum-line.strong{color:var(--good)}.card-sum-line.weak{color:var(--bad)}.card-sum-line small{color:var(--dim)}.card-sum-line.stat{grid-column:1 / -1;color:var(--text)}.card-sum-pending{grid-column:1 / -1;color:var(--dim);font-size:11px}html[data-form=phone-p] .card-sum{grid-template-columns:minmax(0,1fr)}.card-face{width:240px;aspect-ratio:340 / 476;border-radius:12px;padding:7px;box-sizing:border-box;background:linear-gradient(135deg,#e9e6dc,#9a978e 50%,#e9e6dc);box-shadow:0 6px 18px #00000080}.card-inner{width:100%;height:100%;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;background:#f6f1e3;color:#2a2418}.card-head{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 7px 3px}.card-title{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-kind{font-size:9px;padding:2px 5px;border-radius:8px;color:#fff;white-space:nowrap}.card-art{margin:0 6px;width:calc(100% - 12px);aspect-ratio:512 / 370;object-fit:cover;border-radius:4px;border:2px solid rgba(0,0,0,.35)}.card-fx{margin:3px 6px 0;padding:4px 7px;background:#ffffffb3;border-radius:4px;font-size:11px;line-height:1.45;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card-fx b{color:#7a3b12}.card-opts{font-size:10px;line-height:1.22;font-weight:700;flex-shrink:0}.card-opt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-opt.strong{color:#24622f}.card-opt.weak{color:#a02c1c}.card-flavor{font-size:9px;color:#7a6e58;font-style:italic;margin-top:3px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.card-face.grade-4 .card-flavor{-webkit-line-clamp:2}.card-foot{display:flex;justify-content:space-between;font-size:9px;color:#6a5e48;padding:2px 8px 4px}.card-sets-of{display:flex;flex-wrap:wrap;gap:3px;align-items:center;margin:4px 0}.card-sets-of span{font-size:11px;padding:0 5px;border-radius:3px;background:#2a251c;color:var(--text);cursor:help}.card-desc{margin:6px 0;display:flex;justify-content:center}.icon img.card-icon{width:78%;aspect-ratio:3 / 4;object-fit:cover;image-rendering:auto;border-radius:2px;border:2px solid #e9e6dc;box-sizing:border-box}.card-sets{margin:6px 0}.card-set{padding:5px 8px;margin:4px 0;border:1px solid var(--line);border-radius:6px;background:#00000040;font-size:12px}.card-set.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px #f2c55c59}.card-set small{color:var(--dim)}.card-set-meta{display:block}.card-set-fx{color:var(--good);margin:2px 0}.card-set-story{color:var(--dim);font-size:11px;font-style:italic}.card-set-fx .weak{color:var(--bad)}.card-set-cards{display:flex;flex-wrap:wrap;gap:3px}.card-set-cards span{font-size:10.5px;padding:0 5px;border-radius:3px;background:#2a251c;color:var(--dim)}.card-set-cards span.own{color:var(--text)}.card-set-cards span.in{color:#1a1408;background:var(--gold)}.game[data-view=mini] .game-ui,.game[data-view=mini] .leaving-banner{display:none!important}.game[data-view=quad] .game-ui>:not(.hud-col):not(.chat-box):not(.death){display:none!important}.game[data-view=quad] .hud-col>:not(.hud){display:none!important}.game[data-view=quad] .hud>:not(.who):not(.bar.hp):not(.bar.mp){display:none!important}.game[data-view=quad] .hud .menu-btn,.game[data-view=quad] .hud .badge{display:none!important}.game[data-view=quad] .death button{display:none}.game[data-view=quad] .leaving-banner{display:none!important}.game[data-view=quad] .chat-box{transform:scale(2);transform-origin:left bottom;width:25vw;min-width:0;pointer-events:none}.game[data-view=quad] .chat-tabs,.game[data-view=quad] .chat-input{display:none!important}.game[data-view=quad] .chat-box .log{height:20vh;max-height:none}.multi-box{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid var(--line)}.multi-box.picking{padding:10px;border:1px solid var(--gold-2);border-radius:8px;background:#3c2e1459}.multi-box .hint{margin:0}.multi-row{display:flex;gap:6px}.multi-row>button:first-child{flex:1}.multi-help{min-width:36px;padding:6px 0;font-weight:700;color:var(--gold)}.char-row.picked{box-shadow:inset 0 0 0 2px var(--gold)}.char-tag.slot-no{color:#fff4d6;background:#b0761e;font-weight:700}.cdf{--best: #e9e6dc;position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:10px;padding:12px 16px 16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color:#f6ecd6;font-family:inherit}.cdf>*{flex-shrink:0;position:relative}.cdf-bg{position:fixed!important;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 45%,color-mix(in srgb,var(--best) 18%,#1b1630),#0d0b18 60%,#050409)}.cdf-bg:before{content:"";position:absolute;inset:0;opacity:.35;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff8,transparent),radial-gradient(1px 1px at 70% 20%,#fff6,transparent),radial-gradient(1.5px 1.5px at 85% 70%,#fff7,transparent),radial-gradient(1px 1px at 35% 80%,#fff5,transparent),radial-gradient(1px 1px at 55% 55%,#fff4,transparent),radial-gradient(1.5px 1.5px at 10% 65%,#fff6,transparent);animation:cdf-twinkle 4s ease-in-out infinite alternate}.cdf.glow .cdf-bg{animation:cdf-bg-pulse 1.6s ease-out both}.cdf.flash:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;background:radial-gradient(circle,#ffe296f2,#ffb02e00 70%);animation:cdf-flash .8s ease-out both}.cdf-top{display:flex;align-items:center;gap:10px;width:min(100%,780px);font-size:14px;letter-spacing:.04em}.cdf-top b{color:#f2c55c;text-shadow:0 0 8px rgba(242,197,92,.45)}.cdf-count{color:#b9ad96;font-variant-numeric:tabular-nums}.cdf-skip{margin-left:auto;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#d8ccb4;border-radius:999px;padding:4px 12px;font-size:12px;cursor:pointer}.cdf-skip:hover{background:#ffffff24}.cdf-stage{width:min(100%,780px);min-height:330px;display:flex;align-items:center;justify-content:center}.cdf-rays{position:absolute;left:50%;top:50%;width:min(560px,92vw);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--best) 42%,transparent) 0%,color-mix(in srgb,var(--best) 16%,transparent) 38%,transparent 66%)}.cdf-rays:before,.cdf-rays:after{content:"";position:absolute;border-radius:50%;border:2px dotted color-mix(in srgb,var(--best) 70%,transparent)}.cdf-rays:before{inset:14%;animation:cdf-spin 40s linear infinite}.cdf-rays:after{inset:24%;border-style:dashed;border-width:1px;opacity:.8;animation:cdf-spin 28s linear infinite reverse}.cdf-rays.on{animation:cdf-halo-in 1.1s ease-out both}.cdf-pack{--tell: #e9e6dc;position:relative;width:168px;height:236px;padding:0;border:none;background:none;cursor:pointer;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--tell) 70%,transparent));transition:filter .3s}.cdf-pack-body{position:absolute;inset:14px 0 0;border-radius:6px 6px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;background:linear-gradient(115deg,#2b2147,#4a2f6b 30%,#8a6a2e 48%,#f6dd92,#8a6a2e 56%,#3a2a5c 75%,#22193a);background-size:260% 100%;border:2px solid color-mix(in srgb,var(--tell) 80%,#f2c55c);box-shadow:inset 0 0 22px #0000008c,inset 0 0 0 4px #ffffff0f;animation:cdf-foil 2.4s linear infinite}.cdf-pack-body b{font-size:17px;color:#fff3cf;text-shadow:0 1px 2px #000,0 0 10px rgba(242,197,92,.7);letter-spacing:.08em}.cdf-pack-body small{color:#f2c55c;font-size:12px}.cdf-pack-emblem{width:66px;height:66px;display:grid;place-items:center;font-size:34px;color:#fff4d0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tell) 60%,#6b4a12),#241736 70%);box-shadow:0 0 0 2px #f2c55c,0 0 18px color-mix(in srgb,var(--tell) 80%,transparent);transition:background .3s,box-shadow .3s}.cdf-pack-tear{position:absolute;left:0;right:0;top:0;height:18px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#f6dd92,#9a7428);clip-path:polygon(0 0,100% 0,100% 70%,95% 100%,90% 70%,85% 100%,80% 70%,75% 100%,70% 70%,65% 100%,60% 70%,55% 100%,50% 70%,45% 100%,40% 70%,35% 100%,30% 70%,25% 100%,20% 70%,15% 100%,10% 70%,5% 100%,0 70%)}.cdf-pack-hint{position:absolute;left:0;right:0;bottom:-28px;font-size:12px;color:#c9bda4;animation:cdf-blink 1.4s ease-in-out infinite}.cdf-pack.shake{animation:cdf-shake 1.1s ease-in-out both}.cdf-pack.up .cdf-pack-emblem{animation:cdf-pop .24s ease-out}.cdf-pack.torn .cdf-pack-tear{animation:cdf-tear .45s ease-in forwards}.cdf-pack.torn .cdf-pack-body{animation:cdf-pack-out .52s ease-in forwards}.cdf-pack.torn .cdf-pack-hint{display:none}.cdf-grid{display:grid;gap:12px;justify-content:center;perspective:1200px}.cdf-grid:empty{display:none}.cdf-grid.many{grid-template-columns:repeat(var(--cols, 5),minmax(0,132px))}.cdf-grid.one{grid-template-columns:minmax(0,190px)}.cdf-card{position:relative;aspect-ratio:5 / 7;padding:0;border:none;background:none;cursor:pointer;transition:transform .18s ease}.cdf-card:not(.flipped):hover{transform:translateY(-6px) scale(1.03)}.cdf-card.flipped:hover{transform:translateY(-3px)}.cdf-card.deal{animation:cdf-deal .42s cubic-bezier(.2,.9,.3,1.2) backwards}.cdf-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.7,.3,1.15)}.cdf-card.flipped .cdf-inner{transform:rotateY(180deg)}.cdf-back,.cdf-front{position:absolute;inset:0;border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.cdf-back{display:grid;place-items:center;border:2px solid #c9a14a;background:radial-gradient(circle at 50% 50%,#2f2754,#17122b 70%),#17122b;box-shadow:inset 0 0 0 4px #17122b,inset 0 0 0 5px #8a6a2e,inset 0 0 24px #0009}.cdf-back:before{content:"";position:absolute;inset:9px;border-radius:6px;opacity:.35;background:repeating-linear-gradient(45deg,#c9a14a 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,#c9a14a 0 1px,transparent 1px 9px)}.cdf-back-emblem{position:relative;width:46%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font-size:clamp(16px,4vw,30px);color:#f6dd92;background:radial-gradient(circle,#3e3170,#1c1636 70%);box-shadow:0 0 0 2px #c9a14a,0 0 0 5px #1c1636,0 0 0 6px #8a6a2e}.cdf-card[class*=grade-]:not(.grade-0) .cdf-back{box-shadow:inset 0 0 0 4px #17122b,inset 0 0 0 5px #8a6a2e,inset 0 0 26px color-mix(in srgb,var(--grade) 45%,transparent),0 0 16px 2px color-mix(in srgb,var(--grade) 75%,transparent)}.cdf-card.grade-3 .cdf-back,.cdf-card.grade-4 .cdf-back{animation:cdf-glow 1.1s ease-in-out infinite alternate}.cdf-front{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;padding:5px;box-sizing:border-box;text-align:center;color:#2a2016;background:linear-gradient(160deg,color-mix(in srgb,var(--grade) 85%,#fff),color-mix(in srgb,var(--grade) 55%,#3a3226) 60%,var(--grade))}.cdf-card.grade-0 .cdf-front{background:linear-gradient(160deg,#f4f1e8,#b9b4a6 60%,#e9e6dc)}.cdf-art{width:100%;border-radius:6px 6px 3px 3px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059;background:#222}.cdf-art img{display:block;width:100%;aspect-ratio:512 / 420;object-fit:cover}.cdf-gem{width:14px;height:14px;margin-top:-8px;transform:rotate(45deg);border-radius:2px;position:relative;z-index:1;background:radial-gradient(circle at 35% 35%,#fff,var(--grade) 45%,color-mix(in srgb,var(--grade) 60%,#000));box-shadow:0 0 0 1.5px #2a2016,0 0 8px var(--grade)}.cdf-grade{margin-top:3px;font-size:11px;color:color-mix(in srgb,var(--grade) 55%,#000);letter-spacing:.06em}.cdf-card.grade-0 .cdf-grade{color:#6a6a6a}.cdf-title{font-weight:800;font-size:13px;line-height:1.15;margin-top:1px;color:#241a10}.cdf-fx{font-size:11px;margin-top:auto;padding:2px 6px;border-radius:6px;background:#ffffff8c;color:#3a2a18}.cdf-new{position:absolute;top:6px;right:-4px;font-style:normal;font-size:10px;font-weight:900;color:#fff;background:linear-gradient(180deg,#ff6b5a,#c6302a);border-radius:4px 0 0 4px;padding:1px 7px 1px 6px;box-shadow:0 2px 4px #0006}.cdf-card.charge{animation:cdf-charge .42s ease-in-out both}.cdf-card.charge .cdf-back{box-shadow:0 0 30px 8px var(--grade),inset 0 0 30px var(--grade)}.cdf-card.burst:before{content:"";position:absolute;inset:-14%;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--grade) 85%,transparent) 0%,transparent 65%);animation:cdf-ring .9s ease-out both}.cdf-card.burst .cdf-front:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);background-size:250% 100%;animation:cdf-shine .9s ease-out both}.cdf-card.flipped.grade-4 .cdf-front{box-shadow:0 0 22px 4px #ffb02ebf;animation:cdf-legend-frame 2.4s linear infinite;background-size:200% 200%}.cdf-card.legend{z-index:3;animation:cdf-zoom 1.2s ease-out both}.cdf-card.legend:after{content:"";position:absolute;left:50%;top:50%;width:210%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,214,130,.7) 0%,rgba(255,176,46,.25) 35%,transparent 62%);box-shadow:0 0 0 2px #ffdc8c8c,0 0 0 14px #ffc8641f;animation:cdf-legend-halo 1.4s ease-out both}.cdf-spark{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#ffe08a;box-shadow:0 0 8px #ffb02e;pointer-events:none;z-index:4;animation:cdf-spark 1.1s ease-out both}.cdf-legend-banner{position:fixed!important;left:50%;top:18%;transform:translate(-50%);z-index:6;pointer-events:none;font-size:44px;font-weight:900;letter-spacing:.3em;padding-left:.3em;color:#fff3c9;text-shadow:0 0 12px #ffb02e,0 0 30px #ff8a00,0 3px 0 #7a4a00;animation:cdf-banner 1.6s ease-out both}.cdf-summary{min-height:22px;font-size:13px;text-align:center;display:grid;gap:6px;opacity:0}.cdf-summary.on{animation:cdf-fade-up .4s ease-out both}.cdf-gems{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center}.cdf-gems span{display:inline-flex;align-items:center;gap:6px}.cdf-gems .cdf-gem{margin:0;width:10px;height:10px}.cdf-fresh{color:#ff8a7a;font-weight:700}.cdf-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;position:sticky;bottom:-16px;padding:10px 0 14px;width:100%;background:linear-gradient(transparent,#050409e6 35%)}.cdf-bar-main,.cdf-bar-sub{display:flex;gap:8px;align-items:center}@media(max-width:640px){.cdf-bar{flex-direction:column;align-items:stretch;gap:6px;padding-left:4px;padding-right:4px}.cdf-bar-main,.cdf-bar-sub{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.cdf-bar .cdf-btn{min-width:0;padding:9px 4px;font-size:13px;white-space:nowrap}}.cdf-btn{min-width:96px;min-height:40px;line-height:1.2;box-sizing:border-box;padding:9px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#efe4cc;font-weight:700;cursor:pointer}.cdf-btn:hover{background:#ffffff29}.cdf-btn.cdf-gold{border-color:#f2c55c;color:#2a1c06;background:linear-gradient(180deg,#ffe39a,#e0a93a 55%,#b9822a);box-shadow:0 0 12px #f2c55c59,inset 0 1px #fff9}.cdf-btn.cdf-gold:hover{filter:brightness(1.08)}.cdf-zoom{position:fixed!important;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#040308d1;cursor:zoom-out}.cdf-zoom[hidden]{display:none}.cdf-zoom-card{animation:cdf-pop .25s ease-out}.cdf-zoom small{color:#b9ad96}@media(max-width:640px){.cdf{padding:10px 8px 16px;gap:8px}.cdf-grid{gap:6px}.cdf-grid.many{grid-template-columns:repeat(var(--cols, 5),minmax(0,1fr));width:calc(100% * var(--cols, 5) / 5)}.cdf-front{padding:3px}.cdf-title{font-size:10px}.cdf-grade{font-size:9px;margin-top:2px}.cdf-gem{width:9px;height:9px;margin-top:-5px}.cdf-fx{display:none}.cdf-new{font-size:8px;padding:0 4px;top:3px}.cdf-stage{min-height:260px}.cdf-legend-banner{font-size:32px}}@media(max-height:560px){.cdf-stage{min-height:0}.cdf{gap:6px;padding-top:8px}.cdf-grid.many{grid-template-columns:repeat(var(--cols, 5),minmax(0,92px))}.cdf-fx{display:none}}@media(max-width:640px),(max-height:500px){.cdf-title,.cdf-summary{word-break:keep-all}.cdf-new{right:2px}}@media(max-width:380px){.cdf-bar .cdf-btn{padding:8px 2px;font-size:11.5px}.cdf-art{flex-shrink:0}.cdf-title{font-size:9px;line-height:1.1}.cdf-grade{font-size:8px;margin-top:1px}}@media(orientation:landscape)and (max-height:500px){.cdf{gap:6px;padding:6px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.cdf-top{font-size:12px}.cdf-skip{padding:2px 10px}.cdf-grid{gap:6px}.cdf-grid.many{grid-template-columns:repeat(var(--row, 10),minmax(0,1fr));width:min(100%,calc(86px * var(--row, 10)))}.cdf-grid.one{grid-template-columns:minmax(0,calc((100dvh - 150px) * 5 / 7))}.cdf-pack{width:calc((100dvh - 130px) * 168 / 236);height:calc(100dvh - 130px);max-width:168px;max-height:236px}.cdf-pack-emblem{width:46px;height:46px;font-size:24px}.cdf-pack-hint{bottom:-22px}.cdf-front{padding:3px}.cdf-title{font-size:10px}.cdf-grade{font-size:9px;margin-top:2px}.cdf-gem{width:9px;height:9px;margin-top:-5px}.cdf-new{font-size:8px;padding:0 4px;top:3px}.cdf-summary{font-size:12px;gap:3px}.cdf-bar{padding:6px 0 8px;bottom:-8px}.cdf-bar .cdf-btn{min-height:36px;padding:6px 12px;font-size:13px}.cdf-legend-banner{font-size:30px;top:10%}.cdf-zoom{gap:4px}.cdf-zoom .card-face{width:min(240px,calc((100dvh - 40px) * 340 / 476))}}@keyframes cdf-twinkle{0%{opacity:.2}to{opacity:.45}}@keyframes cdf-bg-pulse{0%{filter:brightness(1)}30%{filter:brightness(1.7) saturate(1.3)}to{filter:brightness(1)}}@keyframes cdf-flash{0%{opacity:1}to{opacity:0}}@keyframes cdf-spin{to{transform:rotate(360deg)}}@keyframes cdf-halo-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}45%{opacity:1}to{opacity:.75;transform:translate(-50%,-50%) scale(1)}}@keyframes cdf-foil{to{background-position:-260% 0}}@keyframes cdf-blink{50%{opacity:.35}}@keyframes cdf-shake{0%,to{transform:none}10%{transform:rotate(-2deg)}20%{transform:rotate(2deg)}30%{transform:rotate(-3deg) scale(1.02)}40%{transform:rotate(3deg) scale(1.02)}50%{transform:rotate(-4deg) scale(1.04)}60%{transform:rotate(4deg) scale(1.04)}70%{transform:rotate(-5deg) scale(1.06)}80%{transform:rotate(5deg) scale(1.06)}90%{transform:rotate(-2deg) scale(1.08)}}@keyframes cdf-pop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes cdf-tear{to{transform:translate(60px,-90px) rotate(28deg);opacity:0}}@keyframes cdf-pack-out{0%{transform:none;opacity:1}40%{transform:scale(1.08);filter:brightness(1.8)}to{transform:scale(.7) translateY(30px);opacity:0}}@keyframes cdf-deal{0%{transform:translateY(-40px) scale(.5) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes cdf-glow{0%{filter:brightness(1)}to{filter:brightness(1.35)}}@keyframes cdf-charge{0%,to{transform:none}20%{transform:translate(-3px) rotate(-1deg) scale(1.03)}40%{transform:translate(3px) rotate(1deg) scale(1.05)}60%{transform:translate(-3px) rotate(-1deg) scale(1.07)}80%{transform:translate(3px) rotate(1deg) scale(1.08)}}@keyframes cdf-ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes cdf-shine{0%{background-position:150% 0}to{background-position:-100% 0}}@keyframes cdf-legend-frame{0%{filter:brightness(1)}50%{filter:brightness(1.18)}to{filter:brightness(1)}}@keyframes cdf-zoom{0%{transform:scale(1)}25%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes cdf-legend-halo{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}@keyframes cdf-spark{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.3);opacity:0}}@keyframes cdf-banner{0%{opacity:0;transform:translate(-50%) scale(2.2)}20%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes cdf-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cdf.reduced .cdf-inner{transition:none}.cdf.reduced .cdf-rays,.cdf.reduced .cdf-rays:before,.cdf.reduced .cdf-rays:after,.cdf.reduced .cdf-bg:before,.cdf.reduced .cdf-pack-body{animation:none}.cdf.reduced .cdf-rays.on{opacity:.75}.cdf.reduced .cdf-card .cdf-back,.cdf.reduced .cdf-card.flipped .cdf-front,.cdf.reduced .cdf-zoom-card,.cdf.reduced .cdf-pack-emblem,.cdf.reduced .cdf-summary.on,.cdf.reduced .cdf-pack-hint{animation:none}.cdf.reduced .cdf-summary.on{opacity:1}.cdf.reduced .cdf-card:hover{transform:none}@media(prefers-reduced-motion:reduce){.cdf .cdf-back,.cdf .cdf-card.flipped .cdf-front,.cdf-zoom-card,.cdf-pack-emblem,.cdf-summary.on,.cdf-pack-hint,.cdf-rays:before,.cdf-rays:after{animation:none!important}.cdf-summary.on{opacity:1}.cdf-inner{transition:none}.cdf-card.deal,.cdf-card.charge,.cdf-card.legend,.cdf-pack.shake,.cdf-rays.on,.cdf-pack-body,.cdf-bg:before{animation:none}}.tut{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:var(--edge-t) var(--edge-r) var(--edge-b) var(--edge-l);background:#0504029e}.tut-box{display:flex;flex-direction:column;gap:8px;width:min(720px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:0 16px 14px;background:var(--panel-bg);border:1px solid #0a0806;border-radius:10px;box-shadow:var(--frame);font-size:14px}.tut-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:10px;margin:0 -16px;padding:8px 10px 8px 16px;font-family:var(--serif);color:var(--gold);letter-spacing:1px;background:linear-gradient(180deg,#3c2e1af7,#1e1810f7);border-bottom:1px solid #0a0806;box-shadow:0 1px #c99a3e59}.tut-head b{flex:0 1 auto;min-width:0;font-size:15px}.tut-count{flex-shrink:0;white-space:nowrap;color:var(--dim);font-family:inherit;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:0}.tut-skip{flex-shrink:0;white-space:nowrap;margin-left:auto;min-height:28px;padding:3px 10px;font-size:12px}.tut-shot{display:flex;align-items:center;justify-content:center;min-height:120px;padding:6px;border-radius:8px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line);touch-action:pan-y}.tut-shot[hidden]{display:none}.tut-img{display:block;max-width:100%;max-height:min(52vh,440px);object-fit:contain;border-radius:4px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tut-title{margin:4px 0 0;font-family:var(--serif);font-size:17px;color:var(--gold)}.tut-text{margin:0;line-height:1.6;color:var(--text)}.tut-text b{color:#ffe3a0}.tut-text kbd{font:inherit;font-size:12px;padding:0 5px;border:1px solid #5a4a30;border-radius:4px;background:#00000059;color:#f0e0c0}.tut-dots{display:flex;justify-content:center;gap:6px;padding:2px 0}.tut-dots i{width:7px;height:7px;border-radius:50%;background:#4a3d2a}.tut-dots i.on{background:var(--gold);box-shadow:0 0 6px #f2c55c99}.tut-bar{display:flex;align-items:center;gap:8px}.tut-off{margin-right:auto;color:var(--dim);font-size:12px}.tut-prev,.tut-next{min-width:96px}html[data-input=touch] .tut-bar button{min-height:var(--touch)}html[data-form=phone-p] .tut-box,html[data-form=phone-l] .tut-box{padding:0 12px 12px;font-size:13px}html[data-form=phone-p] .tut-head,html[data-form=phone-l] .tut-head{margin:0 -12px;letter-spacing:0}html[data-form=phone-p] .tut-head b,html[data-form=phone-l] .tut-head b{font-size:14px}html[data-form=phone-p] .tut-img{max-height:46vh}html[data-form=phone-l] .tut-img{max-height:42vh}html[data-form=phone-l] .tut-box{width:min(760px,100%)}.login .feedback-btn{position:absolute;top:10px;right:10px;min-height:28px;padding:3px 8px;font-size:12px;color:var(--dim);box-shadow:inset 0 0 0 1px var(--line);border-color:transparent}.login .notice-btn{right:auto;left:10px}.login .feedback-btn:hover{color:var(--gold)}@media(pointer:coarse){.login .feedback-btn{min-height:32px}}.menu-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-top:6px}button.feedback-link{min-height:28px;padding:3px 8px;font-size:12px;color:var(--dim)}button.feedback-link:hover{color:var(--gold)}#menu button.feedback-link{align-self:center}.craft-help{font-size:12px;margin:4px 0}.craft-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:6px 0}.craft-slot{display:flex;align-items:center;gap:4px;min-height:36px;padding:2px 4px;border:1px solid var(--line, #444);background:#0e0b08eb;font-size:12px}.craft-slot.empty{justify-content:center;color:#888;border-style:dashed}.craft-slot img,.craft-cand img,.craft-mats img{width:32px;height:32px;image-rendering:pixelated;flex:none}.craft-result{margin:6px 0 2px}.craft-odds{font-size:12px;margin-bottom:4px}.craft-mats{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12px;margin:4px 0 6px}.craft-mats span{display:inline-flex;align-items:center;gap:2px}.craft-mats img{width:24px;height:24px}.craft-cands-head{margin-top:8px;font-size:12px}.craft-cands{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto;background:#0e0b08eb}.craft-cand{display:flex;align-items:center;gap:4px;padding:1px 4px;font-size:12px}.craft-cand:hover{background:#ffffff14}.craft-steps{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;margin:4px 0 6px;color:#888}.craft-steps .on{color:var(--gold);font-weight:700}.craft-steps .done{color:#bbb}.craft-recipes{display:flex;flex-direction:column;gap:4px}.craft-recipe{padding:4px 6px;border:1px solid var(--line, #444);background:#0e0b08eb}.craft-recipe:hover{background:#282014f2}.craft-recipe.ready{border-color:var(--gold)}.craft-recipe .craft-mats{margin:2px 0 0}.craft-need{font-size:12px}.craft-picked-recipe{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:4px 0 2px}.craft-done{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;margin:6px 0;border:1px solid var(--gold);background:#0e0b08eb}.craft-done img{width:64px;height:64px;image-rendering:pixelated}.craft-done-name{font-weight:700;font-size:15px}.craft-actions{display:flex;gap:6px;flex-wrap:wrap}.craft-tag{white-space:nowrap;flex:none;margin-left:4px;padding:0 3px;border:1px solid #6a8aff;color:#9fb4ff;font-size:10px;border-radius:2px}.craft-tag.high{border-color:#ff7a4a;color:#ffa07a}.craft-slot.high{border-color:#ff7a4a}.craft-missing{font-size:12px;margin:2px 0 4px}.craft-buy{margin:2px 0 6px}.craft-picked-recipe button{margin-left:4px}.craft-btabs{flex-wrap:wrap}.craft-btabs button,.craft-picked-recipe button{white-space:nowrap}.craft-picked-recipe{flex-wrap:wrap}.craft-picked-recipe>span{display:flex;gap:4px;margin-left:auto}html[data-form^=phone] .craft-btabs button{padding-left:8px;padding-right:8px;min-width:0}.smelt-list{display:flex;flex-direction:column;gap:4px;margin:6px 0}.smelt-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border:1px solid var(--line, #3a3328);border-radius:6px}.smelt-row[hidden]{display:none}.alchemy-search{width:100%;box-sizing:border-box;margin-top:6px}.smelt-row.ready{border-color:#c9a24a}.smelt-row img{width:32px;height:32px;image-rendering:pixelated;flex:none}.smelt-name{flex:1;min-width:0;font-size:13px}.smelt-name .dim{font-size:12px}.smelt-out{display:inline-flex;align-items:center;gap:2px;font-size:13px;min-width:52px}.smelt-out img{width:24px;height:24px}.smelt-row button{white-space:nowrap}.smelt-name .craft-tag{display:inline-block;margin:2px 0 0}.magic-gear{max-height:168px;overflow-y:auto}.magic-gear .smelt-row{cursor:pointer}.magic-els{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.magic-els button,.magic-opt{font-weight:700}.magic-lines .ench-opt{color:#7cc4ff;font-weight:700}.magic-ores{margin:6px 0}.magic-ores .smelt-list{max-height:180px;overflow-y:auto}.smelt-qty{display:inline-flex;align-items:center;gap:2px;flex:none}.smelt-qty button{min-width:26px;padding:2px 4px}.smelt-qty input{width:52px;text-align:right}.craft-where{display:flex;flex-direction:column;gap:2px;font-size:12px;margin:0 0 6px}.craft-where>div{display:flex;align-items:flex-start;gap:4px}.craft-where b{white-space:nowrap;flex:none}.craft-where span{flex:1;min-width:0}.craft-where img{width:20px;height:20px;image-rendering:pixelated;flex:none}@media(max-width:600px){.smelt-row{flex-wrap:wrap}.smelt-name{flex-basis:calc(100% - 44px)}.smelt-qty{margin-left:40px}}html[data-form] .game-ui.stash-open>.panel-inventory .grid,html[data-form] .game-ui.stash-open>.panel-pet .grid{max-height:min(300px,40vh);max-height:min(300px,40dvh);overflow-y:auto;padding:2px 4px 2px 2px;overscroll-behavior:contain}html[data-form=phone-p] .game-ui.stash-open>.panel-inventory .grid,html[data-form=phone-p] .game-ui.stash-open>.panel-pet .grid,html[data-form=phone-l] .game-ui.stash-open>.panel-inventory .grid,html[data-form=phone-l] .game-ui.stash-open>.panel-pet .grid{max-height:30dvh}.panel-dialog.world-dialog{width:min(720px,calc(100vw - 16px))}.world-map-wrap{margin:6px 0 8px}.world-map{display:block;width:100%;border-radius:6px;border:2px solid #6b4a2a;box-shadow:inset 0 0 12px #3c1e0a80;cursor:grab;touch-action:none}.world-map:active{cursor:grabbing}.world-map-hint{font-size:11px;margin-top:3px}.panel-worldmap{width:min(720px,calc(100vw - 16px))}.panel-worldmap .hunted-row{display:flex;gap:8px;align-items:baseline}.panel-worldmap .hunted-row .gname{flex:0 0 auto;color:var(--gold)}.panel-worldmap .hunted-row .gname.dungeon-name{color:#c9a0ff}.mini-world{position:absolute;bottom:6px;left:6px;width:28px;height:28px;min-height:0;padding:0;font-size:15px;line-height:1}.swap-icon{width:20px;height:20px;vertical-align:middle;image-rendering:pixelated}.bag-tab-bar{margin:4px 0}.bag-tabs{display:flex;flex-wrap:wrap;gap:3px}.bag-tabs .set{min-height:24px;padding:2px 6px;font-size:12px}.bag-tabs .set small{margin-left:3px;opacity:.7;font-size:10px}.bag-tabs .set.on{box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 3px #000;color:var(--gold)}.bag-tab-row{display:flex;gap:4px;align-items:center;margin-top:4px}.bag-tab-row select{min-height:26px}.bag-tab-row .bag-sell{margin-left:auto}.craft-filter{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:4px 0;font-size:12px}.craft-filter-sel{max-width:150px}