:root{--ink:#14121c;--ink-2:#1f1a2a;--ink-3:#2b2438;--paper:#f4ead4;--paper-dim:#cbbd9f;--vermilion:#c8402f;--vermilion-2:#e2603f;--gold:#d8a94a;--gold-2:#f2d27c;--jade:#5fa585;--danger:#e0573f;--panel-bg:#14111cd6;--line:#d8a94a8c;--radius:8px;--tap:44px;--font:"Sarabun", "Noto Sans Thai", "Leelawadee UI", "Leelawadee", "Tahoma", system-ui, sans-serif;--font-title:"Noto Serif Thai", "Georgia", "Times New Roman", serif}*{box-sizing:border-box}:root{--vh1:1vh}@supports (height:1dvh){:root{--vh1:1dvh}}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin:0;font-size:16px;line-height:1.45;overflow:hidden}input,textarea,[contenteditable=true]{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}#game{z-index:0;position:fixed;inset:0}#game canvas{display:block}#vignette{z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%, #0000 55%, var(--lt-shade55,#08060e8c) 100%), linear-gradient(to bottom, var(--lt-shade25,#0a081440), #0000 30%);position:fixed;inset:0}#ui{z-index:2;pointer-events:none;position:fixed;inset:0}[hidden]{display:none!important}.screen{-webkit-overflow-scrolling:touch;pointer-events:auto;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.screen>*{flex-shrink:0}.screen>:first-child{margin-top:auto}.screen>:last-child{margin-bottom:auto}.screen-center{gap:18px}.screen.enter>*{animation:.35s ease-out both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen.enter>*{animation:none}}.logo{text-align:center;-webkit-user-select:none;user-select:none;text-shadow:0 2px 12px var(--lt-tsh,#0009)}.logo-title{font-family:var(--font-title);letter-spacing:.12em;background:linear-gradient(180deg, #fff3cf 0%, var(--gold-2) 45%, var(--gold) 70%, var(--cl-gold-bg,#a8742c) 100%);color:#0000;filter:drop-shadow(0 2px #163424e6)drop-shadow(0 0 18px #e2603f59);-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,5.4vw,56px);font-weight:700;line-height:1.1}.logo-sub{color:var(--paper);letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;margin-top:4px;font-size:clamp(14px,1.8vw,18px);display:flex}.logo-line{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:36px;height:1px;display:inline-block}.badge{border:1px solid var(--vermilion-2);color:var(--gold-2);letter-spacing:.15em;text-transform:uppercase;background:#c8402f40;border-radius:999px;margin-top:8px;padding:2px 12px;font-size:12px;display:inline-block}.logo-compact .logo-title{font-size:clamp(22px,3.2vw,32px)}.logo-compact .logo-sub,.logo-compact .badge{display:none}.panel{background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 0 0 3px var(--lt-sh90,#14111ce6), inset 0 0 0 4px var(--cl-gold-sh20,#d8a94a38), 0 10px 30px var(--lt-sh45,#00000073);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px 22px;position:relative}.corner{border-color:var(--gold);pointer-events:none;border-style:solid;border-width:0;width:14px;height:14px;position:absolute}.corner.tl{border-top-left-radius:var(--radius);border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.corner.tr{border-top-right-radius:var(--radius);border-top-width:2px;border-right-width:2px;top:-1px;right:-1px}.corner.bl{border-bottom-left-radius:var(--radius);border-bottom-width:2px;border-left-width:2px;bottom:-1px;left:-1px}.corner.br{border-bottom-right-radius:var(--radius);border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.panel-title{font-family:var(--font-title);color:var(--gold-2);text-align:center;letter-spacing:.04em;margin:0 0 14px;font-size:20px;font-weight:700}.panel-title:after{content:"";background:linear-gradient(90deg, transparent, var(--vermilion-2), transparent);width:60%;height:1px;margin:8px auto 0;display:block}.panel-subtitle{color:var(--gold-2);letter-spacing:.05em;margin:0 0 8px;font-size:15px}.panel-narrow{width:min(420px,100%)}.form{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--paper-dim);font-size:14px}.input{width:100%;min-height:var(--tap);font:inherit;color:var(--paper);background:var(--lt-shade70,#08060eb3);border:1px solid var(--cl-gold-ln40,#d8a94a66);border-radius:6px;outline:none;padding:10px 12px;font-size:16px;transition:border-color .15s,box-shadow .15s}.input-otp{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-size:26px}.input-code{text-transform:uppercase;letter-spacing:.15em;text-align:center}.msg{border-left:3px solid var(--danger);color:var(--tx-red,#ffc2b4);background:#e0573f24;border-radius:6px;margin:0;padding:8px 10px;font-size:14px}.msg[data-kind=ok]{border-left-color:var(--jade);color:var(--tx-green,#bfe8d3);background:#5fa58524}.msg[data-kind=info]{border-left-color:var(--gold);background:var(--cl-gold-t10,#d8a94a1f);color:var(--paper)}.msg-small{padding:4px 8px;font-size:13px}.hint{color:var(--paper-dim);margin:0;font-size:14px}.contact{color:var(--gold-2);word-break:break-all;margin:-6px 0 0;font-weight:700}.btn{min-height:var(--tap);min-width:var(--tap);font:inherit;cursor:pointer;color:var(--paper);border:1px solid var(--line);background:var(--ink-3);-webkit-user-select:none;user-select:none;border-radius:6px;padding:10px 18px;font-size:16px;font-weight:600;transition:transform 80ms,filter .15s,background .15s}.btn:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.btn-primary{color:#fff6e2;background:linear-gradient(180deg, var(--vermilion-2), var(--vermilion) 55%, #9e2f22);border-color:var(--gold);box-shadow:inset 0 1px 0 var(--cl-gold-sh35,#ffdcaa59), 0 2px 8px #c8402f59;text-shadow:0 1px 0 var(--lt-tsh,#50140a99)}.btn-ghost{border-color:var(--cl-gold-ln35,#d8a94a59);color:var(--paper-dim);background:0 0;font-weight:500}.btn-danger{color:var(--tx-red,#ffc2b4);background:#96281e59;border-color:#e0573fb3}.row{flex-wrap:wrap;gap:10px;display:flex}.row>.btn{flex:auto}.row-split{justify-content:space-between}.row-end{justify-content:flex-end;margin-top:12px}.row-end>.btn{flex:none}.tabs{border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr 1fr;margin-bottom:14px;display:grid;overflow:hidden}.tab{min-height:var(--tap);font:inherit;color:var(--paper-dim);background:var(--lt-shade50,#08060e80);cursor:pointer;border:0;font-size:16px}.loading{color:var(--paper-dim);align-items:center;gap:10px;display:flex}.spinner{border:2px solid var(--cl-gold-ln25,#d8a94a40);border-top-color:var(--gold-2);border-radius:50%;width:20px;height:20px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-grid{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:center;gap:28px;width:min(940px,100%);display:grid}.brand-col{flex-direction:column;gap:22px;min-width:0;display:flex}.panel-auth{width:100%}.panel-news{padding:14px 18px}.news-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.news-item{border-bottom:1px dashed var(--cl-gold-ln20,#d8a94a33);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0;font-size:14px;display:grid}.news-item:last-child{border-bottom:0}.news-kind{color:var(--ink);background:var(--gold);white-space:nowrap;border-radius:4px;padding:1px 8px;font-size:12px}.news-kind.kind-event{background:var(--jade)}.news-kind.kind-hotfix{background:var(--vermilion-2);color:var(--tx-hi,#fff6e2)}.news-pin{color:var(--gold);border:1px solid var(--gold);white-space:nowrap;border-radius:4px;padding:1px 8px;font-size:12px}.news-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.news-meta{color:var(--paper-dim);white-space:nowrap;font-size:12px}.news-empty{color:var(--paper-dim);font-size:14px}.news-row{width:100%;min-height:40px;font:inherit;text-align:left;color:var(--paper);border:0;border-bottom:1px dashed var(--cl-gold-ln20,#d8a94a33);cursor:pointer;background:0 0;border-radius:4px;margin:0;padding:6px 4px;font-size:14px}.news-list>li:last-child>.news-row{border-bottom:0}.news-row:hover,.news-row:focus-visible{background:var(--cl-gold-t10,#d8a94a1a);outline:none}.news-row:after{content:"›";color:var(--gold-2);padding-left:2px}.news-row{grid-template-columns:auto minmax(0,1fr) auto auto}.news-modal{z-index:20}.panel-reader{-webkit-overflow-scrolling:touch;width:min(640px,100%);max-height:calc(100% - 8px);padding:18px 22px 20px;overflow-y:auto}.news-close{float:right;z-index:1;background:var(--lt-panel,#14111ce6);min-width:44px;min-height:44px;margin:-6px -10px 0 8px;padding:0;font-size:18px;position:sticky;top:0}.news-reader-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.news-reader-title{font-family:var(--font-title);color:var(--gold-2);overflow-wrap:anywhere;margin:10px 0 12px;font-size:22px;line-height:1.3}.news-body{overflow-wrap:anywhere;font-size:15px;line-height:1.65}.news-body h3{color:var(--gold-2);margin:16px 0 6px;font-size:17px}.news-body p{margin:0 0 10px}.news-body ul,.news-body ol{margin:0 0 10px;padding-left:22px}.news-body li{margin:2px 0}.news-body strong{color:var(--tx-gold,#fff3cf)}.news-body a,.news-web-link{color:var(--gold-2)}.news-web-link{align-items:center;min-height:44px;margin-top:8px;font-weight:700;text-decoration:none;display:inline-flex}.news-web-link:hover,.news-web-link:focus-visible{text-decoration:underline}@media (max-height:520px),(max-width:760px){.news-modal{padding:0}.news-modal>.panel-reader{width:100%;min-height:100%;max-height:none;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border-radius:0;margin:0}.news-reader-title{font-size:19px}}.ban-reason{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.ban-text{white-space:pre-wrap;word-break:break-word;background:#96281e33;border:1px solid #e0573f73;border-radius:6px;margin:0;padding:10px 12px}.screen-select{gap:16px}.select-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(900px,100%);display:grid}.select-header .logo{text-align:left;justify-self:start}.select-header>.btn{justify-self:end}.screen-title{font-family:var(--font-title);color:var(--gold-2);text-shadow:0 2px 8px var(--lt-tsh,#000000b3);white-space:nowrap;margin:0;font-size:22px}.slot-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(900px,100%);display:grid}.slot-card{min-height:300px;font:inherit;color:var(--paper);background:radial-gradient(ellipse at 50% 62%, var(--cl-gold-t20,#f2b25a2e), #0000 60%), var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 0 0 3px var(--lt-sh90,#14111ce6), 0 8px 24px var(--lt-sh40,#0006);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;align-items:center;gap:2px;padding:28px 10px 14px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.slot-card:hover{transform:translateY(-2px)}.slot-card:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.slot-card.selected{border-color:var(--gold-2);box-shadow:inset 0 0 0 3px var(--lt-sh90,#14111ce6), 0 0 0 1px var(--gold-2), 0 0 26px var(--cl-gold-sh35,#f2d27c59)}.slot-no{color:var(--paper-dim);font-size:12px;position:absolute;top:8px;left:10px}.char-canvas{image-rendering:pixelated;display:block}.slot-canvas{width:112px;height:168px}.slot-name{color:var(--gold-2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:18px;font-weight:700;overflow:hidden}.slot-level,.slot-job,.slot-map{color:var(--paper-dim);white-space:nowrap;font-size:13px}.slot-empty{background:var(--lt-shade55,#14111c8c);border-style:dashed;justify-content:center}.slot-plus{width:64px;height:64px;color:var(--gold-2);border:1px solid var(--line);background:var(--cl-gold-t10,#d8a94a14);border-radius:50%;place-items:center;margin-bottom:8px;font-size:40px;line-height:1;display:grid}.select-actions{justify-content:flex-end;gap:12px;width:min(900px,100%);display:flex}.select-actions .btn-primary{min-width:180px}.modal{z-index:5;background:var(--lt-shade65,#06040aa6);padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal>.panel{margin:auto}.create-grid{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:stretch;gap:18px;width:min(880px,100%);display:grid}.panel-preview{flex-direction:column;align-items:center;display:flex}.preview-stage{background:radial-gradient(ellipse at 50% 70%, var(--cl-gold-t25,#f2b25a40), #0000 65%);border-radius:6px;flex:1;place-items:center;width:100%;display:grid}.create-canvas{transform-origin:50% 96%;width:240px;height:360px;animation:2.6s ease-in-out infinite cl-breathe}@keyframes cl-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,.982)}}@media (prefers-reduced-motion:reduce){.create-canvas{animation:none}}.create-note{opacity:.8;margin:2px 0 0;font-size:12px}.nameplate{min-height:26px;color:var(--gold-2);text-shadow:0 1px 4px var(--lt-tsh,#000c);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:6px;font-weight:700;overflow:hidden}.picker{flex-direction:column;gap:6px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:var(--tap);min-width:72px;font:inherit;color:var(--paper);background:var(--lt-shade55,#08060e8c);border:1px solid var(--cl-gold-ln35,#d8a94a59);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:16px}.chip[aria-pressed=true]{border-color:var(--gold-2);background:var(--cl-gold-t20,#d8a94a33);box-shadow:0 0 0 1px var(--gold-2)}.chip-icon{place-items:center;width:48px;min-width:48px;height:48px;padding:0;display:grid}.hair-thumb{width:44px;height:44px}.swatch{background:radial-gradient(circle at 35% 30%, #ffffff59, #fff0 45%), var(--swatch,#888);cursor:pointer;border:2px solid #f4ead440;border-radius:50%;width:44px;height:44px}.swatch[aria-pressed=true]{border-color:var(--gold-2);box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--gold-2)}#toast{z-index:10;left:50%;top:calc(max(14px, env(safe-area-inset-top)));border:1px solid var(--line);background:var(--lt-panel,#14111cf0);max-width:min(520px,100vw - 32px);color:var(--paper);text-align:center;opacity:0;pointer-events:none;box-shadow:0 8px 24px var(--lt-sh50,#00000080);border-radius:6px;padding:10px 18px;font-size:15px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,-20px)}#toast.show{opacity:1;transform:translate(-50%)}#toast.show.is-tap{pointer-events:auto;cursor:pointer;text-underline-offset:3px;align-items:center;min-height:44px;-webkit-text-decoration:underline #f4ead459;text-decoration:underline #f4ead459;display:flex}#toast[data-kind=error]{border-color:var(--danger)}@media (max-width:760px) and (min-height:521px){.screen{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));overflow-x:hidden}.panel{padding:14px}.logo-title{letter-spacing:.08em;font-size:clamp(26px,8vw,34px)}.logo-sub{gap:6px;font-size:13px}.logo-line{width:18px}.login-grid,.create-grid{grid-template-columns:minmax(0,1fr);gap:14px}.brand-col{display:contents}.login-grid .logo{order:0}.login-grid .panel-auth{order:1}.login-grid .panel-news{order:2}.row>.btn{flex:100%}.select-header{grid-template-columns:minmax(0,1fr) auto}.select-header .screen-title{grid-area:2/1/auto/-1;justify-self:center}.slot-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding:4px 2px 8px;display:flex;overflow-x:auto}.slot-card{scroll-snap-align:center;flex:0 0 min(70vw,240px);min-height:0}.slot-card:hover{transform:none}.select-actions{flex-direction:column-reverse}.select-actions .btn{width:100%}.create-canvas{width:112px;height:168px}.panel-preview{padding-top:10px;padding-bottom:10px}}@media (max-height:520px){.screen{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom))}.screen-center{gap:10px}.panel{padding:12px 14px}.panel-title{margin-bottom:8px;font-size:17px}.panel-title:after{margin-top:4px}.form{gap:8px}.logo-title{font-size:30px}.logo-sub{font-size:13px}.badge{margin-top:4px}.login-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px}.brand-col{gap:10px}.panel-news{padding:10px 12px}.news-item{padding:3px 0;font-size:13px}.tabs{margin-bottom:8px}.input-otp{font-size:22px}.screen-select{gap:8px}.screen-title{font-size:18px}.slot-row{gap:10px}.slot-card{min-height:0;padding:18px 8px 8px}.slot-canvas{width:72px;height:108px}.slot-name{font-size:16px}.slot-level,.slot-job,.slot-map{font-size:12px;line-height:1.3}.slot-plus{width:48px;height:48px;font-size:30px}.create-grid{grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:10px}.chip-icon{width:44px;min-width:44px;height:44px}.hair-thumb{width:40px;height:40px}.create-form .field{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:4px 8px;display:grid}.create-form .field>.msg{grid-column:2}.create-canvas{width:112px;height:168px}.picker{flex-direction:row;align-items:center;gap:8px}.picker>.field-label{flex-shrink:0;width:52px}.chips{gap:5px}.field-label{font-size:13px}}@media (max-height:520px) and (max-width:640px){.login-grid,.create-grid{grid-template-columns:1fr}}.site-links{flex-wrap:wrap;align-self:flex-start;gap:8px;display:flex}.site-link{min-height:44px;color:var(--gold-2);background:linear-gradient(180deg, #225238eb, var(--lt-panel,#0e261aeb));border:2px solid var(--cl-gold-ln,#c99a3e);box-shadow:inset 0 0 0 1px var(--cl-gold-sh35,#ffe29659), 0 4px 12px var(--lt-sh40,#0006);border-radius:22px;flex:none;align-self:flex-start;align-items:center;margin-bottom:8px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.site-link:hover,.site-link:focus-visible{filter:brightness(1.15);outline:none}@media (max-height:520px){.site-link{min-height:44px;margin-bottom:4px;font-size:13px}}.slot-rename{color:#fff;background:#b4462e;border-radius:6px;margin-top:2px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.lang-switch{gap:2px;padding:0 4px}.lang-opt{min-width:44px;min-height:36px;color:var(--gold-2);font:inherit;cursor:pointer;opacity:.65;background:0 0;border:0;border-radius:18px;padding:0 10px;font-weight:700}.lang-opt.is-on{background:var(--cl-gold-t25,#e8c25a40);opacity:1}.lang-opt:hover,.lang-opt:focus-visible{opacity:1;outline:none}.settings-lang{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-lang .site-link{margin-bottom:0}.swatch-none{background:repeating-linear-gradient(45deg,#fff 0 5px,#e6e1ea 5px 10px)}.swatch-staff{box-shadow:0 0 8px 2px var(--cl-gold-sh75,#ffd24abf)}.login-version{right:10px;bottom:max(6px, env(safe-area-inset-bottom));opacity:.55;pointer-events:none;font-size:11px;position:absolute}.news-whatsnew{color:var(--tx-gold,#ffd04a);margin:0 0 6px;font-weight:700}.news-window{flex-direction:column;gap:8px;display:flex}.news-window-list{margin:0}.news-window .news-row{align-items:center;gap:8px;min-height:44px;display:flex}.news-window .news-row>*{flex:none}.news-window .news-row>.news-title{flex:auto;min-width:0}.news-window .news-row:after{flex:none}.news-new{white-space:nowrap;color:#fff;background:#c8402f;border-radius:8px;padding:0 6px;font-size:11px;font-weight:700}.news-back{align-self:flex-start;min-height:44px}.news-nav{justify-content:space-between;gap:8px;display:flex}.news-nav-btn{flex:1;min-height:44px}.news-nav-btn[disabled]{opacity:.4;cursor:default}.news-slides{scroll-snap-type:x mandatory;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.news-slides[hidden]{display:none}.news-slide{scroll-snap-align:start;border-radius:6px;flex:none;width:min(240px,70%);height:auto}.news-cover{aspect-ratio:16/7;object-fit:cover;object-position:center 22%;border-radius:6px;width:100%;height:auto;max-height:140px;margin:0 0 8px;display:block}.news-cover[hidden]{display:none}.news-all{min-height:44px;margin-top:8px}.account-line{color:var(--gold-2);text-align:center;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:700}.login-last{text-align:center}.account-warning{box-sizing:border-box;border:1px solid var(--gold-2);background:var(--lt-shade55,#0000008c);border-radius:8px;align-items:center;gap:12px;width:min(900px,100%);padding:10px 14px;display:flex}.account-warning-text{color:var(--paper);flex:auto;margin:0;font-size:14px;line-height:1.4}.account-warning>.btn{flex:none;min-height:44px}.panel-narrow .account-warning{flex-direction:column;align-items:stretch}@media (max-width:760px){.account-warning{flex-direction:column;align-items:stretch;gap:8px;padding:8px 10px}}.discord-verify .discord-code{color:#fff;letter-spacing:.2em;-webkit-user-select:all;user-select:all;background:#5865f2;border-radius:10px;margin:6px 0 0;padding:4px 14px;font-size:1.4rem;display:inline-block}:root{--cl-gold-bg:#e6dccb;--cl-gold-bg-hi:#f3ece0;--cl-gold-ln:#d9cbb5;--cl-gold-ln15:#c9a77e66;--cl-gold-ln20:#c9a77e73;--cl-gold-ln25:#c9a77e80;--cl-gold-ln30:#c9a77e8c;--cl-gold-ln35:#c9a77e99;--cl-gold-ln40:#c9a77ea6;--cl-gold-ln45:#c9a77eb3;--cl-gold-ln50:#c9a77ebf;--cl-gold-ln55:#c9a77ecc;--cl-gold-ln60:#c9a77ed9;--cl-gold-sh100:#c9a77ecc;--cl-gold-sh15:#c9a77e1f;--cl-gold-sh20:#c9a77e2e;--cl-gold-sh25:#c9a77e33;--cl-gold-sh30:#c9a77e3d;--cl-gold-sh35:#c9a77e47;--cl-gold-sh40:#c9a77e52;--cl-gold-sh45:#c9a77e5c;--cl-gold-sh50:#c9a77e66;--cl-gold-sh55:#c9a77e70;--cl-gold-sh60:#c9a77e7a;--cl-gold-sh65:#c9a77e85;--cl-gold-sh70:#c9a77e8f;--cl-gold-sh75:#c9a77e99;--cl-gold-sh80:#c9a77ea3;--cl-gold-sh85:#c9a77ead;--cl-gold-sh90:#c9a77eb8;--cl-gold-sh95:#c9a77ec2;--cl-gold-t10:#2a9f890a;--cl-gold-t15:#2a9f8914;--cl-gold-t20:#2a9f891c;--cl-gold-t25:#2a9f8924;--cl-gold-t30:#2a9f8926;--cl-gold-t35:#2a9f8930;--cl-gold-t5:#2a9f8908;--cl-gold-t55:#2a9f8933;--cl-gold-t60:#2a9f8933;--lt-line100:#d9cbb5;--lt-line45:#d9cbb5d9;--lt-line50:#d9cbb5;--lt-line60:#d9cbb5;--lt-panel:#fffdf9;--lt-sh100:#5b446333;--lt-sh35:#5b44631a;--lt-sh40:#5b44631f;--lt-sh45:#5b446324;--lt-sh50:#5b446326;--lt-sh55:#5b44632b;--lt-sh60:#5b44632e;--lt-sh65:#5b446333;--lt-sh70:#5b446333;--lt-sh80:#5b446333;--lt-sh85:#5b446333;--lt-sh90:#5b446333;--lt-shade10:#5b44630a;--lt-shade20:#5b44630a;--lt-shade25:#5b44630a;--lt-shade30:#5b44630d;--lt-shade35:#5b44630f;--lt-shade40:#5b44630f;--lt-shade45:#5b446312;--lt-shade50:#5b446314;--lt-shade55:#5b446317;--lt-shade60:#5b44631a;--lt-shade65:#5b44631a;--lt-shade70:#5b44631c;--lt-tsh:transparent;--tx-blue:#2f7fbf;--tx-dim:#6e6177;--tx-gold:#9a6a0c;--tx-green:#1d7a68;--tx-hi:#392e42;--tx-orange:#b8601a;--tx-pink:#c9567c;--tx-red:#b8423f;--tx-violet:#7a4fc0}:root .screen-game{--cl-gold-bg:#4f9e8e;--cl-gold-bg-hi:#7fdcc6;--cl-gold-ln:#7d6a52;--cl-gold-ln15:#7d6a5236;--cl-gold-ln20:#7d6a5247;--cl-gold-ln25:#7d6a5259;--cl-gold-ln30:#7d6a526b;--cl-gold-ln35:#7d6a527d;--cl-gold-ln40:#7d6a528f;--cl-gold-ln45:#7d6a52a1;--cl-gold-ln50:#7d6a52b3;--cl-gold-ln55:#7d6a52c4;--cl-gold-ln60:#7d6a52d6;--cl-gold-sh100:#7d6a52;--cl-gold-sh15:#7d6a522e;--cl-gold-sh20:#7d6a5242;--cl-gold-sh25:#7d6a524d;--cl-gold-sh30:#7d6a525c;--cl-gold-sh35:#7d6a526b;--cl-gold-sh40:#7d6a527a;--cl-gold-sh45:#7d6a528a;--cl-gold-sh50:#7d6a5299;--cl-gold-sh55:#7d6a52a8;--cl-gold-sh60:#7d6a52b8;--cl-gold-sh65:#7d6a52c7;--cl-gold-sh70:#7d6a52d6;--cl-gold-sh75:#7d6a52e6;--cl-gold-sh80:#7d6a52f5;--cl-gold-sh85:#7d6a52;--cl-gold-sh90:#7d6a52;--cl-gold-sh95:#7d6a52;--cl-gold-t10:#7d6a521a;--cl-gold-t15:#7d6a522b;--cl-gold-t20:#7d6a523d;--cl-gold-t25:#7d6a524d;--cl-gold-t30:#7d6a5257;--cl-gold-t35:#7d6a5269;--cl-gold-t5:#7d6a5212;--cl-gold-t55:#7d6a52a8;--cl-gold-t60:#7d6a52b8;--lt-line100:initial;--lt-line45:initial;--lt-line50:initial;--lt-line60:initial;--lt-panel:initial;--lt-sh100:initial;--lt-sh35:initial;--lt-sh40:initial;--lt-sh45:initial;--lt-sh50:initial;--lt-sh55:initial;--lt-sh60:initial;--lt-sh65:initial;--lt-sh70:initial;--lt-sh80:initial;--lt-sh85:initial;--lt-sh90:initial;--lt-shade10:initial;--lt-shade20:initial;--lt-shade25:initial;--lt-shade30:initial;--lt-shade35:initial;--lt-shade40:initial;--lt-shade45:initial;--lt-shade50:initial;--lt-shade55:initial;--lt-shade60:initial;--lt-shade65:initial;--lt-shade70:initial;--lt-tsh:initial;--tx-blue:initial;--tx-dim:initial;--tx-gold:initial;--tx-green:initial;--tx-hi:initial;--tx-orange:initial;--tx-pink:initial;--tx-red:initial;--tx-violet:initial}:root .screen-game :is(.gwin,.npc-dialog,.modal,.pmc-card,.rh-card,.hud-sheet,.icard-sheet,.icard,.mkt-confirm,.shop-confirm-box,.shop-sellall-panel,.player-menu,.arena-result,.sd-ready,.sd-result,.hud-menu.is-sheet,.skill-tip,.hud-tooltip,.emote-grid,.hud-wtd-panel,.level-up-tip,.rrw-confirm){--cl-gold-bg:#e6dccb;--cl-gold-bg-hi:#f3ece0;--cl-gold-ln:#d9cbb5;--cl-gold-ln15:#c9a77e66;--cl-gold-ln20:#c9a77e73;--cl-gold-ln25:#c9a77e80;--cl-gold-ln30:#c9a77e8c;--cl-gold-ln35:#c9a77e99;--cl-gold-ln40:#c9a77ea6;--cl-gold-ln45:#c9a77eb3;--cl-gold-ln50:#c9a77ebf;--cl-gold-ln55:#c9a77ecc;--cl-gold-ln60:#c9a77ed9;--cl-gold-sh100:#c9a77ecc;--cl-gold-sh15:#c9a77e1f;--cl-gold-sh20:#c9a77e2e;--cl-gold-sh25:#c9a77e33;--cl-gold-sh30:#c9a77e3d;--cl-gold-sh35:#c9a77e47;--cl-gold-sh40:#c9a77e52;--cl-gold-sh45:#c9a77e5c;--cl-gold-sh50:#c9a77e66;--cl-gold-sh55:#c9a77e70;--cl-gold-sh60:#c9a77e7a;--cl-gold-sh65:#c9a77e85;--cl-gold-sh70:#c9a77e8f;--cl-gold-sh75:#c9a77e99;--cl-gold-sh80:#c9a77ea3;--cl-gold-sh85:#c9a77ead;--cl-gold-sh90:#c9a77eb8;--cl-gold-sh95:#c9a77ec2;--cl-gold-t10:#2a9f890a;--cl-gold-t15:#2a9f8914;--cl-gold-t20:#2a9f891c;--cl-gold-t25:#2a9f8924;--cl-gold-t30:#2a9f8926;--cl-gold-t35:#2a9f8930;--cl-gold-t5:#2a9f8908;--cl-gold-t55:#2a9f8933;--cl-gold-t60:#2a9f8933;--lt-line100:#d9cbb5;--lt-line45:#d9cbb5d9;--lt-line50:#d9cbb5;--lt-line60:#d9cbb5;--lt-panel:#fffdf9;--lt-sh100:#5b446333;--lt-sh35:#5b44631a;--lt-sh40:#5b44631f;--lt-sh45:#5b446324;--lt-sh50:#5b446326;--lt-sh55:#5b44632b;--lt-sh60:#5b44632e;--lt-sh65:#5b446333;--lt-sh70:#5b446333;--lt-sh80:#5b446333;--lt-sh85:#5b446333;--lt-sh90:#5b446333;--lt-shade10:#5b44630a;--lt-shade20:#5b44630a;--lt-shade25:#5b44630a;--lt-shade30:#5b44630d;--lt-shade35:#5b44630f;--lt-shade40:#5b44630f;--lt-shade45:#5b446312;--lt-shade50:#5b446314;--lt-shade55:#5b446317;--lt-shade60:#5b44631a;--lt-shade65:#5b44631a;--lt-shade70:#5b44631c;--lt-tsh:transparent;--tx-blue:#2f7fbf;--tx-dim:#6e6177;--tx-gold:#9a6a0c;--tx-green:#1d7a68;--tx-hi:#392e42;--tx-orange:#b8601a;--tx-pink:#c9567c;--tx-red:#b8423f;--tx-violet:#7a4fc0}@font-face{font-family:Mitr;font-style:normal;font-weight:400;font-display:swap;src:url(/chanuland/play/assets/build/Mitr-Regular-BYnl8r_C.woff2)format("woff2")}@font-face{font-family:Mitr;font-style:normal;font-weight:500;font-display:swap;src:url(/chanuland/play/assets/build/Mitr-Medium-CnCSESqb.woff2)format("woff2")}@font-face{font-family:Mitr;font-style:normal;font-weight:600 900;font-display:swap;src:url(/chanuland/play/assets/build/Mitr-SemiBold-DD5nbjL4.woff2)format("woff2")}:root{--cl-paper:#fffdf9;--cl-cream:#faf5ec;--cl-cream-deep:#ede3d3;--cl-caramel:#c9a77e;--cl-line:#d9cbb5;--cl-ink:#392e42;--cl-ink-soft:#6e6177;--cl-sky:#7fb8de;--cl-sky-deep:#2f7fbf;--cl-sky-pale:#e3eef6;--cl-pink:#e9a3b8;--cl-pink-deep:#c9567c;--cl-pink-pale:#f8e9ee;--cl-mint:#2a9f89;--cl-mint-deep:#1d7a68;--cl-mint-pale:#dcefe9;--cl-sun:#f2c14e;--cl-sun-deep:#c98a1b;--cl-coral:#e0605f;--cl-coral-deep:#b8423f;--cl-hp:#e0505a;--cl-sp:#3a8ad4;--cl-exp:#e7a92e;--cl-track:#2e24361f;--cl-r-win:14px;--cl-r-card:12px;--cl-r-btn:12px;--cl-r-slot:10px;--cl-r-chip:6px;--cl-shadow:0 8px 24px #5b446321;--cl-ink-panel:#211b29e0;--cl-ink-panel-solid:#241e2c;--cl-ink-well:#2d2636;--cl-ink-raise:#3a3244;--cl-bronze:#7d6a52;--cl-ink-text:#f4ecdf;--cl-ink-text-soft:#b9ab99;--cl-mint-on-ink:#6fd6bf;--ink:var(--cl-ink);--ink-2:var(--cl-cream-deep);--ink-3:var(--cl-paper);--paper:var(--cl-ink);--paper-dim:var(--cl-ink-soft);--vermilion:var(--cl-coral);--vermilion-2:var(--cl-coral);--gold:var(--cl-caramel);--gold-2:var(--cl-mint-deep);--jade:var(--cl-mint);--danger:var(--cl-coral);--panel-bg:var(--cl-cream);--line:var(--cl-line);--radius:var(--cl-r-card);--tap:44px;--font:"Mitr", "Noto Sans Thai", "Leelawadee UI", "Leelawadee", "Tahoma", system-ui, sans-serif;--font-title:var(--font)}html,body{color:var(--cl-ink);font-family:var(--font);background:#9cc3e6}#vignette{background:radial-gradient(at 50% 45%,#0000 62%,#211b292e 100%)}::selection{background:var(--cl-mint-pale);color:var(--cl-ink)}.logo{text-shadow:none}.logo-title{font-family:var(--font);letter-spacing:.01em;color:#5b4463;-webkit-text-fill-color:currentColor;filter:none;text-shadow:0 2px #fffdf9,0 -1px #fffdf9,2px 0 #fffdf9,-2px 0 #fffdf9,0 6px 18px #211b2938;background:0 0;font-size:clamp(40px,6vw,76px);font-weight:600;line-height:1}.logo-star{vertical-align:.38em;background:var(--cl-sun);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:.36em;height:.36em;filter:drop-shadow(0 0 1px var(--cl-sun-deep));margin:0 .04em;display:inline-block}.logo-sub{letter-spacing:0;color:var(--cl-ink);margin-top:10px;font-size:clamp(14px,1.6vw,18px);font-weight:500}.logo-sub>span:not(.logo-line){background:#fffdf9db;border-radius:999px;padding:2px 16px;box-shadow:0 2px 8px #5b44631f}.logo-line{display:none}.badge{border-radius:var(--cl-r-chip);color:#fff;background:var(--cl-mint);letter-spacing:.04em;text-transform:none;border:0;margin-top:8px;padding:1px 10px;font-size:12px;font-weight:500}.panel{background:var(--cl-cream);border:1.5px solid var(--cl-line);border-radius:var(--cl-r-win);box-shadow:var(--cl-shadow);color:var(--cl-ink);-webkit-backdrop-filter:none;backdrop-filter:none}.corner{display:none}.panel-title{font-family:var(--font);letter-spacing:0;color:var(--cl-ink);font-size:19px;font-weight:600}.panel-title:after{background:var(--cl-line);width:100%;height:1px;margin-top:10px}.panel-subtitle{color:var(--cl-ink);letter-spacing:0;font-weight:500}.title-danger{color:var(--cl-coral-deep)}.field-label,.hint{color:var(--cl-ink-soft)}.input{color:var(--cl-ink);border:1.5px solid var(--cl-line);border-radius:var(--cl-r-btn);background:#fff}.input::placeholder{color:#a99cad}.input:focus{border-color:var(--cl-mint);box-shadow:0 0 0 3px #2a9f892e}.msg{border-radius:var(--cl-r-chip);border-left:3px solid var(--cl-coral);color:var(--cl-coral-deep);background:#fbe9e6}.msg[data-kind=ok]{border-left-color:var(--cl-mint);background:var(--cl-mint-pale);color:var(--cl-mint-deep)}.msg[data-kind=info]{border-left-color:var(--cl-caramel);color:var(--cl-ink);background:#f6efe2}.contact{color:var(--cl-mint-deep)}.btn{font-family:var(--font);border-radius:var(--cl-r-btn);color:var(--cl-ink);box-shadow:inset 0 0 0 1.5px var(--cl-line), 0 2px 0 var(--cl-line);text-shadow:none;background:#fff;border:0;font-weight:500;transition:transform 80ms,box-shadow 80ms,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.03)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--cl-mint)}.btn:disabled{filter:grayscale(.8)}.btn-primary{color:#fff;background:var(--cl-mint);box-shadow:0 2px 0 var(--cl-mint-deep);text-shadow:none;border:0}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--cl-mint-deep)}.btn-secondary{background:#fff}.btn-ghost{color:var(--cl-ink-soft);box-shadow:inset 0 0 0 1.5px var(--cl-line);background:#fffdf999}.btn-danger{color:var(--cl-coral-deep);box-shadow:inset 0 0 0 1.5px var(--cl-coral), 0 2px 0 #f3c3c7;background:#fff}.tabs{border:1.5px solid var(--cl-line);border-radius:var(--cl-r-btn);background:#fff;gap:4px;padding:3px}.tab{font-family:var(--font);color:var(--cl-ink-soft);background:0 0;border-radius:9px;font-weight:500}.tab+.tab{border-left:0}.tab:hover{background:var(--cl-cream-deep)}.tab[aria-selected=true]{color:#fff;background:var(--cl-mint);font-weight:500}.loading{color:var(--cl-ink);border-radius:var(--cl-r-card);background:#fffdf9e6;padding:8px 16px}.spinner{border-color:#2a9f8940;border-top-color:var(--cl-mint)}.login-grid{width:min(900px,100%)}.news-item,.news-row{border-bottom-color:var(--cl-line);color:var(--cl-ink)}.news-row:hover,.news-row:focus-visible{background:var(--cl-cream-deep)}.news-row:focus-visible{box-shadow:0 0 0 2px var(--cl-mint)}.news-row:after{color:var(--cl-ink-soft)}.news-kind{border-radius:var(--cl-r-chip);color:#6b4a1a;background:#fff3cc}.news-kind.kind-event{color:var(--cl-mint-deep);background:var(--cl-mint-pale)}.news-kind.kind-maintenance{color:var(--cl-ink-soft);background:var(--cl-cream-deep)}.news-kind.kind-hotfix{color:var(--cl-coral-deep);background:#fbe3d6}.news-pin{color:var(--cl-pink-deep);border-color:var(--cl-pink);border-radius:var(--cl-r-chip)}.news-meta,.news-empty{color:var(--cl-ink-soft)}.news-close{color:var(--cl-ink-soft);background:var(--cl-cream);box-shadow:none}.news-reader-title{font-family:var(--font);color:var(--cl-ink);font-weight:600}.news-body,.news-body p,.news-body li,.news-body strong{color:var(--cl-ink)}.news-web-link{color:var(--cl-sky-deep)}.login-version{color:var(--cl-ink);text-shadow:0 0 4px #fffdf9}.site-link{font-family:var(--font);color:var(--cl-ink);border:1.5px solid var(--cl-line);text-shadow:none;background:#fffdf9eb;box-shadow:0 2px 8px #5b44631f}.site-link:hover,.site-link:focus-visible{border-color:var(--cl-mint);color:var(--cl-ink)}.lang-opt{color:var(--cl-ink-soft)}.lang-opt.is-on{color:#fff;background:var(--cl-mint)}.account-line{color:var(--cl-ink-soft);background:#fffdf9e6;border-radius:999px;padding:2px 12px}.screen-select .btn-ghost,.screen-login .btn-ghost{background:#fffdf9f0}.account-warning{color:var(--cl-ink);border-color:var(--cl-sun-deep);background:#fff3cc}.screen-title{font-family:var(--font);color:var(--cl-ink);text-shadow:0 0 6px #fffdf9,0 0 2px #fffdf9;font-weight:600}.slot-card{color:var(--cl-ink);background:radial-gradient(ellipse at 50% 66%, var(--cl-sky-pale), #e3eef600 62%), var(--cl-paper);border:1.5px solid var(--cl-line);box-shadow:var(--cl-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:16px}.slot-card:focus-visible{outline-color:var(--cl-mint)}.slot-card.selected{border-color:var(--cl-mint);box-shadow:0 0 0 2px var(--cl-mint), var(--cl-shadow);background:radial-gradient(at 50% 66%,#d6efe8,#d6efe800 62%),#f3fbf8}.slot-no,.slot-job,.slot-map{color:var(--cl-ink-soft)}.slot-name{color:var(--cl-ink);font-weight:600}.slot-level{color:var(--cl-mint-deep)}.slot-empty{color:var(--cl-ink-soft);border:1.5px dashed var(--cl-line);box-shadow:none;background:#fbf8f2}.slot-plus{color:var(--cl-mint);border:1.5px solid var(--cl-line);background:#fff}.slot-rename{color:var(--cl-ink-soft)}.modal{background:#392e4247}.preview-stage{border-radius:var(--cl-r-card);background:radial-gradient(42% 9% at 50% 86%,#7a5a8a2e,#7a5a8a00 100%),radial-gradient(circle at 50% 70%,#fff,#fff0 62%),linear-gradient(170deg,#cfe2ef,#ecdcd3);position:relative}.nameplate{color:var(--cl-ink);text-shadow:none;font-weight:600}.nameplate:not(:empty){box-shadow:inset 0 0 0 1px var(--cl-line);background:#fff;border-radius:999px;padding:1px 12px}.chip{font-family:var(--font);color:var(--cl-ink);border:1.5px solid var(--cl-line);border-radius:var(--cl-r-btn);background:#fff}.chip:hover{border-color:var(--cl-caramel)}.chip[aria-pressed=true]{color:var(--cl-mint-deep);border-color:var(--cl-mint);box-shadow:0 0 0 1px var(--cl-mint);background:#f0faf7}.swatch{box-shadow:0 0 0 1px var(--cl-line);border:2px solid #fff}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--cl-ink);border-color:#fff}#toast{font-family:var(--font);color:var(--cl-ink);background:var(--cl-paper);border:1px solid var(--cl-line);border-radius:var(--cl-r-card);box-shadow:var(--cl-shadow);text-shadow:none}#toast[data-kind=error]{border-color:var(--cl-coral);color:var(--cl-coral-deep)}#toast[data-kind=ok]{border-color:var(--cl-mint)}@media (max-height:520px){.logo-title{font-size:40px}.logo-sub{margin-top:6px;font-size:12px}.screen-login{padding-left:max(14px, env(safe-area-inset-left))}}.topbar{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:12px;display:flex}.screen>.topbar{margin-top:0}.screen>.topbar+*{margin-top:auto}.topbar .site-links{align-self:auto}.topbar .site-link{margin-bottom:0}.topbar-end{margin-left:auto}.screen-login,.screen-invite,.screen-select{background:radial-gradient(62% 72% at 50% 56%,#fffdf96b 0%,#fffdf92e 55%,#fffdf900 82%),linear-gradient(#392e421a 0%,#392e4200 18%)}.screen-login{padding-left:max(16px, env(safe-area-inset-left));align-items:center}.login-grid{grid-template-columns:minmax(0,1fr) minmax(320px,410px);gap:clamp(24px,5vw,72px);width:min(1040px,100%);margin-bottom:auto}.brand-col{align-items:center;gap:20px}.login-grid .panel-news{width:min(480px,100%)}.panel-news.is-collapsible{padding-top:4px;padding-bottom:6px}.news-toggle{width:100%;min-height:44px;font:inherit;color:var(--cl-ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;margin:0;padding:0;font-weight:500;display:flex}.news-toggle:after{content:"▾";color:var(--cl-ink-soft);transition:transform .15s}.news-toggle[aria-expanded=false]:after{transform:rotate(-90deg)}.news-toggle:focus-visible{outline:2px solid var(--cl-mint);border-radius:8px}.btn-google{width:100%;min-height:50px;color:var(--cl-ink);box-shadow:inset 0 0 0 1.5px var(--cl-caramel), 0 2px 0 var(--cl-line);background:#fff;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.btn-google:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--cl-mint), 0 2px 0 var(--cl-line)}.google-mark{flex:none}.login-or{color:var(--cl-ink-soft);align-items:center;gap:10px;margin:12px 0;font-size:13px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--cl-line);flex:auto;height:1px}.login-guest{border-top:1px dashed var(--cl-line);flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;display:flex}.login-guest .btn{width:100%}.login-guest .hint{text-align:center;margin:0;font-size:12px}.panel-auth .msg[data-kind=info]{margin-bottom:8px}.invite-main{flex-direction:column;align-items:center;gap:14px;width:100%;margin-bottom:auto;display:flex}.panel-invite{width:min(460px,100%)}.invite-desc,.invite-nocode{margin:8px 0;line-height:1.45}.invite-nocode{font-size:13px}.panel-invite .account-warning{margin:4px 0 8px}.input-code{letter-spacing:.08em;text-transform:uppercase;font-size:20px}.screen-select>.select-actions{margin-bottom:auto}.screen-select .select-actions .btn:disabled{background:#fffdf9e6}@media (max-height:520px){.topbar{margin-bottom:6px}.login-grid{grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:20px}.brand-col{gap:8px}.panel-auth .panel-title{display:none}.panel-auth .field-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.screen-login{padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(6px, env(safe-area-inset-bottom))}.screen-login>.topbar{margin-bottom:4px}.panel-auth{padding-top:10px;padding-bottom:8px}.panel-auth .form{gap:6px}.panel-auth .tabs{margin-bottom:6px}.btn-google{min-height:44px}.login-or{margin:2px 0;font-size:12px}.login-guest{gap:2px;margin-top:6px;padding-top:6px}.login-guest .hint{font-size:11px}.login-last{margin:0 0 4px}.screen-select{padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(6px, env(safe-area-inset-bottom));gap:6px}.screen-select>.topbar{margin-bottom:0}.select-header .screen-title{font-size:17px}.select-account{font-size:12px}.screen-select .account-warning{padding:4px 10px}.screen-select .account-warning-text{font-size:12px;line-height:1.3}.screen-select .slot-empty{padding-top:12px}.screen-select .slot-card{padding:14px 8px 6px}.screen-select .slot-canvas{width:60px;height:90px}.screen-select .slot-map{display:none}.invite-main{gap:8px}.invite-main>.logo{display:none}.panel-invite{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title form""account form""desc form""warn form""nocode actions";align-content:start;column-gap:18px;width:min(780px,100%);display:grid}.panel-invite>.panel-title{grid-area:title}.panel-invite>.invite-account{text-align:left;grid-area:account;justify-self:start}.panel-invite>.invite-desc{grid-area:desc;font-size:13px}.panel-invite>.account-warning{grid-area:warn}.panel-invite .account-warning-text{font-size:12px}.panel-invite>.invite-form{grid-area:form;align-self:center}.panel-invite>.invite-nocode{grid-area:nocode;margin:4px 0 0;font-size:12px}.panel-invite>.invite-actions{grid-area:actions;align-self:end;margin-top:4px}.panel-invite>.invite-actions>.btn{flex:auto}}@media (max-width:760px) and (min-height:521px){.login-grid{grid-template-columns:minmax(0,1fr)}.topbar .site-link{padding:0 12px}}.juice-pulse{animation:.42s ease-out juice-gulp}@keyframes juice-gulp{0%{filter:brightness();transform:scale(1)}30%{filter:brightness(1.6)drop-shadow(0 0 6px #ffe27ae6);transform:scale(1.12)}to{filter:brightness();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.juice-pulse{animation:none}}.fx-level-row{align-items:center;gap:8px;display:flex}.fx-level-select{min-height:36px}.is-touch .fx-level-select{min-height:44px}.kb-section{border-top:1px solid #ffffff1f;padding-top:6px}.kb-summary{cursor:pointer;align-items:center;min-height:32px;font-weight:700;display:flex}.kb-list{max-height:calc(46 * var(--vh1,1vh));padding-right:4px;overflow-y:auto}.kb-group{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.kb-group-title{color:var(--paper-dim);font-size:12px}.kb-row{grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}.kb-name{font-size:13px}.kb-key{background:var(--lt-shade35,#00000059);min-width:84px;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border:1px solid #ffffff47;border-radius:4px;padding:3px 8px}.kb-key:hover{border-color:var(--cl-gold-ln,#d9a441)}.kb-key.is-capturing{border-color:var(--cl-gold-ln,#d9a441);background:var(--cl-gold-t20,#d9a44138)}.kb-reset{color:var(--paper-dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:12px;text-decoration:underline}.kb-reset[hidden]{display:none}.kb-msg{color:var(--tx-gold,#f0b86a)}.kb-msg[hidden]{display:none}.kb-pill{min-height:28px;padding:2px 10px}.panel-settings .kb-section .kb-reset-all{min-height:36px;margin-top:4px}.kb-losses{border:1px solid var(--cl-gold-ln,#c9893a);background:var(--cl-gold-t15,#c9893a26);border-radius:6px;margin:0 0 8px;padding:6px 8px}.kb-loss{margin:4px 0 0}.pg-chip{box-sizing:border-box;background:linear-gradient(90deg, var(--lt-panel,#46341eeb), #604626eb);color:#f6ecd6;min-height:30px;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;pointer-events:auto;border:1px solid #b9a37a;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:700;display:flex;position:relative}.pg-chip[hidden]{display:none}.pg-chip.pg-ready{border-color:var(--cl-gold-ln,#ffe08a);background:linear-gradient(90deg, var(--cl-gold-bg,#966014f2), var(--cl-gold-bg,#c4841cf2));color:var(--tx-hi,#fff8dc);animation:1.4s ease-in-out infinite pg-glow}@keyframes pg-glow{0%,to{box-shadow:0 0 4px var(--cl-gold-sh50,#ffd66e80)}50%{box-shadow:0 0 12px 3px var(--cl-gold-sh95,#ffd66ef2)}}@media (prefers-reduced-motion:reduce){.pg-chip.pg-ready{box-shadow:0 0 8px var(--cl-gold-sh80,#ffd66ecc);animation:none}}@media (pointer:coarse){.pg-chip{min-height:44px;padding:4px 12px}}.cat-chips{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.cat-chips-row{flex-wrap:wrap;flex:auto;gap:4px;min-width:0;display:flex}.cat-chip{min-height:32px;font:inherit;color:var(--paper-dim);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:999px;flex:none;padding:0 10px;font-size:13px}.cat-chip.is-active{color:var(--ink);background:var(--gold);font-weight:700}.cat-usable{min-height:32px;color:var(--paper);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.cat-usable[hidden]{display:none}.cat-usable input{width:18px;height:18px}.panel-levelguide{flex-direction:column;gap:8px;display:flex}.lg-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.lg-level{color:var(--gold);font-weight:700}.lg-list{flex-direction:column;gap:8px;display:flex}.lg-card{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:8px 10px}.lg-card.lg-good{border-color:var(--gold)}.lg-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.lg-name{font-size:15px}.lg-range,.lg-here,.lg-boss{background:var(--cl-gold-t20,#d8a94a33);color:var(--gold);border-radius:999px;padding:1px 8px;font-size:12px}.lg-here{color:var(--tx-green,#9fe0b0);background:#78c88c33}.lg-boss{color:var(--tx-red,#ffb0a0);background:#e0533f40;margin-left:6px}.lg-mons{margin:6px 0;padding-left:18px}.lg-mon{margin:2px 0}.lg-drops{color:var(--paper-dim);display:block}.lg-go,.lg-open-btn{min-height:40px}.lg-open-btn{width:100%;margin-top:8px}.lg-summary{cursor:pointer;min-height:36px;color:var(--paper-dim);font-weight:700;line-height:36px}.lg-more .lg-card{margin-bottom:6px}.lg-tip{z-index:40;border:1px solid var(--gold);background:var(--lt-panel,#14121ceb);max-width:min(92vw,520px);color:var(--paper);pointer-events:auto;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.lg-tip-text{font-weight:700}@media (max-height:520px){.cat-chip,.cat-level,.cat-usable,.lg-go,.lg-open-btn,.lg-summary,.lg-tip .btn{min-height:44px}.lg-summary{line-height:44px}.lg-tip{bottom:96px}}.cat-extra{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.cat-level{min-height:32px;font:inherit;color:var(--paper);border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:8px;padding:0 8px;font-size:13px}.cat-level[hidden]{display:none}.cat-level option{color:#1b1b1b}@media (max-height:520px){.cat-level{min-height:44px}}.eb-window{min-width:0}.eb-tabs{flex:1}.eb-tab{flex:1;min-width:0;min-height:44px;padding:0 6px}.eb-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:4px;max-height:min(60vh,440px);display:flex;overflow-y:auto}.eb-row,.eb-news{min-height:52px;color:var(--paper);background:var(--lt-shade25,#00000040);border:1px solid var(--cl-gold-ln20,#d8a94a33);border-radius:6px;flex-shrink:0;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;display:grid}.eb-row.has-go,.eb-news:not(.is-empty){grid-template-columns:36px minmax(0,1fr) auto}.eb-news.is-empty{grid-template-columns:minmax(0,1fr)}.eb-row.eb-rate,.eb-row.eb-custom{border-color:var(--cl-gold-ln55,#ffe27a8c);background:var(--cl-gold-t10,#d8a94a1f)}.eb-row.eb-plaza.is-open{background:#4696642e;border-color:#7ad696b3}.eb-row.eb-plaza.is-closed{opacity:.8}.eb-icon{justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:1;display:flex}.eb-text{flex-direction:column;gap:1px;min-width:0;display:flex}.eb-title{overflow-wrap:anywhere}.eb-detail,.eb-time,.eb-news-head{color:var(--paper-dim);overflow-wrap:anywhere;font-size:12px}.eb-time{color:var(--tx-gold,#ffe27a);font-variant-numeric:tabular-nums}.eb-bar{background:var(--lt-shade40,#0006);border:1px solid var(--cl-gold-ln35,#d8a94a59);border-radius:5px;height:8px;margin:2px 0;display:block;overflow:hidden}.eb-fill{background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#d8a94a));height:100%;display:block}.eb-row .btn,.eb-news .btn{min-width:64px;min-height:44px}.eb-bar-note{z-index:30;color:#fff6dc;background:linear-gradient(90deg, var(--lt-panel,#46341ef2), #704e22f2);border:1px solid var(--cl-gold-ln,#ffe08a);max-width:min(92vw,520px);box-shadow:0 2px 10px var(--lt-sh50,#00000080);pointer-events:auto;border-radius:22px;align-items:center;gap:6px;padding:3px 4px 3px 12px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.eb-bar-note[hidden]{display:none}.eb-bar-note .eb-bar-text{font-size:13px;font-weight:700}.eb-bar-note button{min-width:44px;min-height:44px;font:inherit;color:#1a1420;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#d8a94a));cursor:pointer;border:0;border-radius:20px;padding:0 10px;font-weight:700}.eb-bar-note button.eb-bar-close{color:var(--paper);background:0 0;font-size:16px}.panel-arena{flex-direction:column;gap:8px;font-size:13px;display:flex}.arena-tabs{gap:6px;display:flex}.arena-tab{min-height:var(--tap,44px);font:inherit;color:var(--paper-dim);background:var(--ink-2);border:1px solid var(--line);cursor:pointer;border-radius:6px;flex:1 1 0;font-weight:700}.arena-tab.is-on{color:var(--ink);background:var(--gold)}.arena-play,.arena-shop{flex-direction:column;gap:6px;display:flex}.arena-note{color:var(--paper-dim);margin:0;font-size:12px}.arena-warn{color:var(--tx-red,#ffc9b8);background:#e0573f2e;border-radius:6px;margin:0;padding:8px 10px}.arena-points,.arena-coins,.arena-bracket{color:var(--gold-2);margin:0;font-weight:800}.arena-h{color:var(--gold-2);margin:6px 0 0;font-size:13px}.arena-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.arena-mode{border:1px solid var(--line);background:var(--ink-2);border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.arena-mode-name{color:var(--paper)}.arena-mode-line,.arena-count{color:var(--gold-2)}.arena-queue{color:var(--tx-green,#8fe0a8);margin:0;font-weight:800}.arena-queue-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.arena-queue-row .arena-btn{margin-top:0}.arena-btn{min-width:44px;min-height:44px;margin-top:auto}.arena-shop-list{flex-direction:column;gap:6px;display:flex}.arena-item{border:1px solid var(--line);background:var(--ink-2);border-radius:8px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.arena-item.is-owned{opacity:.75}.arena-item-icon,.arena-kind{width:40px;height:40px}.arena-kind{color:var(--ink);background:var(--gold);border-radius:8px;place-items:center;font-size:12px;font-weight:800;display:grid}.arena-kind-title{background:#c8a4ff}.arena-kind-emote{background:#8fe0a8}.arena-kind-name_frame{background:#ff9a7a}.arena-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.arena-item-kind{color:var(--gold-2)}.arena-buy{flex-direction:column;align-items:stretch;gap:2px;display:flex}.arena-owned{color:var(--tx-green,#8fe0a8);font-weight:800}.arena-emotes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.is-touch .arena-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.is-touch .arena-btn{min-height:48px}.is-touch .arena-desc{display:none}.is-touch .panel-arena{gap:6px}@media (max-width:520px){.arena-modes{grid-template-columns:minmax(0,1fr)}.arena-item{grid-template-columns:44px minmax(0,1fr)}.arena-item>:last-child{grid-column:1/-1}}.arena-hud{z-index:6;position:absolute;inset:0;pointer-events:none!important}.arena-hud>*{pointer-events:auto}.arena-hud>.arena-countdown,.arena-hud>.arena-feed{pointer-events:none}.arena-bar{top:calc(max(8px, env(safe-area-inset-top)) + 44px);background:var(--lt-panel,#1e1428e0);border:1px solid var(--cl-gold-ln60,#ffd27899);min-width:260px;max-width:min(460px,100vw - 440px);color:var(--tx-gold,#fff2d0);border-radius:10px;align-items:center;gap:8px;padding:4px 6px 4px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.arena-bar[hidden],.arena-countdown[hidden],.arena-board[hidden],.arena-result[hidden]{display:none}.arena-bar-text{flex-direction:column;flex:1;min-width:0;display:flex}.arena-side{font-size:12px}.arena-side.is-red{color:var(--tx-red,#ff8d86)}.arena-side.is-blue{color:var(--tx-blue,#8fc2ff)}.arena-head{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.arena-bar-line{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.arena-clock{color:var(--tx-gold,#ffd27a);font-weight:800}.arena-target{color:var(--paper-dim)}.arena-bar-btns{gap:4px;display:flex}.arena-bar-btn{min-width:44px;min-height:44px;padding:4px 10px;font-size:13px}.arena-bar.is-countdown .arena-clock{color:var(--tx-red,#ff9a7a)}.arena-countdown{color:var(--tx-gold,#fff2d0);text-shadow:0 3px #5a1a1a,0 0 18px #ffa050b3;font-size:72px;font-weight:900;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.arena-feed{top:calc(max(8px, env(safe-area-inset-top)) + 112px);flex-direction:column;align-items:center;gap:3px;max-width:min(420px,100vw - 440px);margin:0;padding:0;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.arena-feed-line{background:var(--lt-panel,#14111cd1);color:var(--paper);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:2px 10px;font-size:12px;overflow:hidden}.arena-feed-line.team-red{border-left:3px solid #e2603f}.arena-feed-line.team-blue{border-left:3px solid #5a9aff}.arena-feed-line.is-killer{color:var(--tx-gold,#ffe08a);font-weight:800}.arena-feed-line.is-victim{color:var(--tx-red,#ffb4a0)}.arena-feed-line.is-assist{color:var(--tx-green,#8fe0a8)}.arena-board,.arena-result{left:50%;top:calc(max(8px, env(safe-area-inset-top)) + 100px);width:min(420px,100vw - 24px);max-height:calc(var(--vh1,1vh) * 100 - 150px);background:var(--lt-panel,#181220f2);border:1px solid var(--cl-gold-ln60,#ffd27899);color:var(--paper);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex;position:absolute;overflow:auto;transform:translate(-50%)}.arena-result{text-align:center;align-items:center;top:50%;transform:translate(-50%,-50%)}.arena-result.is-win{border-color:var(--cl-gold-ln,#ffd27a);box-shadow:0 0 22px var(--cl-gold-sh50,#ffc85a80)}.arena-result-title{color:var(--gold-2);font-size:18px}.arena-result-line{margin:0;font-size:15px;font-weight:800}.arena-result-points{color:var(--tx-green,#8fe0a8);margin:0;font-weight:800}.arena-result-sub,.arena-more,.arena-board-title{color:var(--paper-dim)}.arena-board-title{color:var(--gold-2);font-weight:800}.arena-table-wrap{width:100%;max-height:40vh;overflow:auto}.arena-table{border-collapse:collapse;width:100%;font-size:12px}.arena-table th,.arena-table td{text-align:right;white-space:nowrap;padding:3px 5px}.arena-table .is-name{text-align:left;text-overflow:ellipsis;max-width:130px;overflow:hidden}.arena-table tr.team-red .is-name{color:var(--tx-red,#ff8d86)}.arena-table tr.team-blue .is-name{color:var(--tx-blue,#8fc2ff)}.arena-table tr.is-me{background:var(--cl-gold-t15,#f2d27c29);font-weight:800}@media (max-height:480px){.arena-bar{top:max(4px, env(safe-area-inset-top));min-width:230px}.arena-countdown{font-size:54px}.arena-feed{top:calc(max(4px, env(safe-area-inset-top)) + 70px)}.arena-board{top:calc(max(4px, env(safe-area-inset-top)) + 66px);max-height:calc(var(--vh1,1vh) * 100 - 76px)}.arena-result{max-height:calc(var(--vh1,1vh) * 100 - 16px);gap:2px;padding:8px 12px}.arena-result .arena-table-wrap{display:none}}.screen-game{pointer-events:none;-webkit-user-select:none;user-select:none;--hud-bg:#0c1410cc;--hud-pad:max(8px, env(safe-area-inset-left));font-size:14px;position:absolute;inset:0}.screen-game>*,.hud-layer>*{pointer-events:auto}.hud-layer{position:absolute;inset:0;pointer-events:none!important}.hud-panel,.hud-status,.hud-minimap,.hud-chat,.hud-hotbar,.gwin,.npc-dialog,.player-menu,.emote-grid{background:var(--hud-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--lt-sh85,#14111cd9), 0 6px 18px var(--lt-sh40,#0006)}.hud-status{top:max(8px, env(safe-area-inset-top));left:var(--hud-pad);flex-direction:column;gap:3px;width:220px;padding:8px 10px;display:flex;position:absolute}.status-name{color:var(--gold-2);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.status-level{color:var(--paper-dim);font-size:12px}.status-bar{grid-template-columns:22px 1fr;align-items:center;gap:6px;font-size:11px;font-weight:700;display:grid}.bar-track{background:var(--lt-shade55,#0000008c);border:1px solid #ffffff1f;border-radius:4px;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;display:block}.bar-hp .bar-fill{background:linear-gradient(#ff8a7a,#d23a2a)}.bar-sp .bar-fill{background:linear-gradient(#8ac6ff,#2f6fd0)}.bar-hp .bar-label{color:var(--tx-red,#ff9b84)}.bar-sp .bar-label{color:var(--tx-blue,#9cc8ff)}.hud-topright{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;pointer-events:none!important}.hud-topright>*{pointer-events:auto}.hud-minimap{width:176px;padding:5px 6px 4px}.hud-rates{box-sizing:border-box;border:1px solid var(--cl-gold-ln,#ffb347);color:#fff3d6;text-align:center;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;width:176px;text-shadow:0 1px 2px var(--lt-tsh,#0009);background:linear-gradient(90deg,#78280ceb,#aa4612eb);border-radius:12px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.35;animation:1.8s ease-in-out infinite hud-rates-glow}.hud-rates[hidden]{display:none}@keyframes hud-rates-glow{0%,to{box-shadow:0 0 4px var(--cl-gold-sh45,#ffaa3c73)}50%{box-shadow:0 0 12px var(--cl-gold-sh95,#ffbe50f2)}}@media (prefers-reduced-motion:reduce){.hud-rates{box-shadow:0 0 8px var(--cl-gold-sh70,#ffb446b3);animation:none}}.minimap-head,.minimap-foot{justify-content:space-between;gap:6px;font-size:12px;line-height:1.3;display:flex}.minimap-name{color:var(--gold-2);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.minimap-channel{font:inherit;color:var(--paper);white-space:nowrap;background:var(--cl-gold-t15,#d8a94a26);border:1px solid var(--cl-gold-ln40,#d8a94a66);cursor:pointer;border-radius:4px;padding:0 5px;position:relative}.minimap-channel:before{content:"";position:absolute;inset:-14px -8px}.minimap-foot{color:var(--paper);font-variant-numeric:tabular-nums;justify-content:flex-end}.minimap-guide{font:inherit;color:var(--ink);white-space:nowrap;background:linear-gradient(180deg, var(--gold-2), var(--gold));border:1px solid var(--lt-line50,#00000080);cursor:pointer;border-radius:4px;margin-right:auto;padding:0 5px;font-weight:700;position:relative}.minimap-guide:before{content:"";position:absolute;inset:-14px -6px}.npc-guide{box-sizing:border-box;width:270px;max-height:calc(calc(100 * var(--vh1,1vh)) - 16px);overscroll-behavior:contain;overflow-y:auto}.guide-legend{color:var(--paper);grid-template-columns:1fr 1fr;gap:3px 8px;padding:2px 4px 4px;font-size:12px;display:grid}.guide-key{align-items:center;gap:5px;min-width:0;display:flex}.guide-badge{flex:none;width:20px;height:20px;display:block}.guide-dot{box-sizing:border-box;border:1px solid var(--lt-line100,#1a1420);border-radius:50%;flex:none;width:10px;height:10px;margin:0 5px}.guide-dot.is-self{background:var(--cl-gold-bg,#ffd24a);width:12px;height:12px}.guide-dot.is-player{background:#fff}.guide-dot.is-portal{background:#d6a8ff;border-radius:2px}.guide-list-title{white-space:normal;font-size:12px}.guide-list{flex-direction:column;gap:3px;display:flex}.guide-empty{color:var(--paper-dim);padding:6px;font-size:12px}.guide-npc{min-height:44px;font:inherit;text-align:left;color:var(--paper);border:1px solid var(--cl-gold-ln30,#d8a94a4d);cursor:pointer;background:#ffffff0d;border-radius:6px;align-items:center;gap:6px;padding:3px 6px;display:flex}.guide-npc:hover,.guide-npc:focus-visible{background:var(--cl-gold-t20,#d8a94a33)}.guide-icons{flex:none;justify-content:center;gap:2px;width:42px;display:flex}.guide-npc-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.guide-npc-name{color:var(--tx-green,#a6f0c2);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.guide-npc-service{color:var(--paper-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.minimap-canvas{border:1px solid var(--lt-line60,#0009);width:100%;image-rendering:pixelated;border-radius:4px;margin:3px 0;display:block}.hud-announce{top:calc(max(8px, env(safe-area-inset-top)));border:1px solid var(--gold);width:min(560px,100vw - 520px);min-width:240px;height:30px;box-shadow:0 4px 14px var(--lt-sh40,#0006);background:linear-gradient(90deg,#9e2f22eb,#c8402feb,#9e2f22eb);border-radius:15px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);pointer-events:none!important}.announce-text{white-space:nowrap;color:var(--tx-hi,#fff6e2);text-shadow:0 1px 0 var(--lt-tsh,#50140ab3);font-weight:700;line-height:30px;position:absolute;top:0;left:100%}.announce-text.run{animation:14s linear forwards announce-scroll}@keyframes announce-scroll{0%{left:100%;transform:translate(0)}to{left:0;transform:translate(-100%)}}.hud-chat{left:var(--hud-pad);bottom:max(8px, env(safe-area-inset-bottom));width:max(220px, min(400px, calc(50vw / var(--hud-s,1) - 256px)));-webkit-user-select:text;user-select:text;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute}.chat-tabs{gap:2px;display:flex}.chat-tab{min-height:28px;font:inherit;color:var(--paper-dim);background:var(--lt-shade50,#08060e80);border:1px solid var(--cl-gold-ln25,#d8a94a40);cursor:pointer;border-radius:4px;flex:1;font-size:12px}.chat-tab[aria-selected=true]{color:var(--ink);background:linear-gradient(180deg, var(--gold-2), var(--gold));font-weight:700}.chat-log{overscroll-behavior:contain;word-break:break-word;height:150px;padding:2px 4px;font-size:13px;line-height:1.4;overflow-y:auto}.chat-log[data-tab=all] .chat-loot,.chat-log[data-tab=all] .chat-combat,.chat-log[data-tab=world] .chat-line:not(.in-world),.chat-log[data-tab=map] .chat-line:not(.in-map),.chat-log[data-tab=whisper] .chat-line:not(.in-whisper),.chat-log[data-tab=system] .chat-line:not(.in-system){display:none}.chat-line{text-shadow:0 1px 2px var(--lt-tsh,#000000e6)}.chat-name{font:inherit;color:var(--tx-gold,#ffe6a8);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.chat-name:hover{text-decoration:underline}.chat-name.is-self{color:var(--gold-2);cursor:default;text-decoration:none}.chat-line .chat-gm{color:var(--tx-gold,#ffd24a);text-shadow:0 0 4px #ffd24ab3}.chat-tag{font-size:12px;font-weight:700}.ch-whisper,.ch-whisper .chat-name{color:var(--tx-pink,#ffb3e6)}.ch-shout,.ch-shout .chat-name{color:var(--tx-gold,#ffcf7a)}.chat-line.chat-staff,.chat-line.chat-staff .chat-name{color:var(--tx-green,#6fe36f)}.ch-system{color:var(--tx-green,#a6f0c2)}.ch-system.chat-error{color:var(--tx-red,#ffb4a4)}.ch-system.chat-tip{color:var(--tx-gold,#f2dc9b)}.ch-system.chat-notice{color:var(--tx-blue,#c9e4ff)}.ch-announce{color:var(--tx-gold,#ffd27a);font-weight:700}.chat-form{gap:4px;display:flex}.chat-channel,.chat-to,.chat-input{min-height:32px;font:inherit;color:var(--paper);background:var(--lt-panel,#08060ebf);border:1px solid var(--cl-gold-ln35,#d8a94a59);border-radius:4px;outline:none;font-size:14px}.chat-channel{flex:none;padding:0 4px}.chat-to{flex:0 0 90px;width:90px;padding:0 6px}.chat-input{flex:1;min-width:0;padding:0 8px}.chat-input:focus,.chat-to:focus{border-color:var(--gold-2)}.chat-send{min-height:32px;padding:0 10px;font-size:14px}.chat-toggle{display:none}.hud-hotbar{left:50%;bottom:max(8px, env(safe-area-inset-bottom));gap:4px;padding:4px;display:flex;position:absolute;transform:translate(-50%)}.hotkey-slot{width:44px;height:44px;font:inherit;background:radial-gradient(ellipse at 50% 35%, #ffffff0f, var(--lt-shade35,#00000059));border:1px solid var(--cl-gold-ln35,#d8a94a59);cursor:pointer;border-radius:6px;padding:0;position:relative}.hud-hotbar .hotkey-slot.is-job-spare{display:none}.hotkey-key{color:var(--paper-dim);font-size:10px;position:absolute;top:1px;left:3px}.hotkey-slot.flash{animation:.25s ease-out slot-flash}@keyframes slot-flash{0%{background:var(--cl-gold-t60,#f2d27c99)}}.gwin{max-height:calc(calc(100 * var(--vh1,1vh)) - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;animation:.15s ease-out gwin-in;display:flex;position:absolute;overflow:hidden}@keyframes gwin-in{0%{opacity:0;transform:translateY(6px)}}.gwin-header{background:linear-gradient(180deg, var(--cl-gold-t20,#d8a94a38), var(--cl-gold-t5,#d8a94a0f));border-bottom:1px solid var(--line);cursor:move;touch-action:none;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.gwin-title{font-family:var(--font-title);color:var(--gold-2);flex:1;margin:0;font-size:16px}.gwin-close{width:36px;height:36px;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;font-size:22px;line-height:1}.gwin-close:hover{border-color:var(--line)}.gwin-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-webkit-user-select:text;user-select:text;flex:auto;min-height:0;padding:10px 12px 12px;overflow-y:auto}.gwin-sheet{width:min(640px,100vw);max-height:calc(78 * var(--vh1,1vh));padding-bottom:env(safe-area-inset-bottom);border-bottom-right-radius:0;border-bottom-left-radius:0;animation:.2s ease-out sheet-up;bottom:0;left:50%;right:auto;transform:translate(-50%)}.gwin-sheet .gwin-header{cursor:default}.gwin-grip{background:#f4ead459;border-radius:2px;width:44px;height:4px;margin:6px auto 0}@keyframes sheet-up{0%{transform:translate(-50%,100%)}}.hud-scrim{background:var(--lt-shade35,#06040a59);position:absolute;inset:0}.panel-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:inline-flex}.check input{width:20px;height:20px;accent-color:var(--gold)}.online-total{color:var(--paper-dim);margin-bottom:4px;font-size:12px;display:block}.online-row{border-bottom:1px dashed var(--cl-gold-ln15,#d8a94a26);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 48px minmax(0,1.2fr);align-items:center;gap:6px;min-height:34px;font-size:13px;display:grid}.online-head{min-height:24px;color:var(--paper-dim);font-size:11px}.online-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cell-map.is-hidden{color:var(--paper-dim);font-style:italic}.link-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-height:34px;font:inherit;color:var(--tx-gold,#ffe6a8);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;overflow:hidden}.link-name.is-self{color:var(--gold-2);cursor:default}.friend-add{gap:6px;margin-bottom:8px;display:flex}.friend-add .input{flex:1;min-width:0}.friend-row{border-bottom:1px dashed var(--cl-gold-ln15,#d8a94a26);align-items:center;gap:8px;min-height:44px;display:flex}.friend-main{flex-direction:column;flex:1;min-width:0;display:flex}.friend-name{flex:1;font-weight:700}.friend-sub{color:var(--paper-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.friend-actions{gap:4px;display:flex}.friend-row .btn,.panel-toolbar .btn{min-height:36px;padding:4px 10px;font-size:13px}.dot{background:#6b6577;border-radius:50%;flex:0 0 10px;width:10px;height:10px}.is-online .dot{background:#5fe08f;box-shadow:0 0 6px #5fe08fcc}.friend-pending{background:var(--cl-gold-t10,#d8a94a1a);border-radius:6px;margin-bottom:8px;padding:4px 8px}.kv-row{border-bottom:1px dashed var(--cl-gold-ln15,#d8a94a26);justify-content:space-between;padding:4px 0;display:flex}.kv-key{color:var(--paper-dim)}.inspect-portrait{justify-content:center;margin-bottom:6px;display:flex}.inspect-portrait-canvas{width:96px;height:144px;image-rendering:pixelated;display:block}.inspect-name{color:var(--gold-2);margin-bottom:6px;font-size:18px;font-weight:700}.inspect-gear-title{color:var(--gold-2);margin:12px 0 6px;font-weight:700}.inspect-gear{max-height:calc(46 * var(--vh1,1vh));flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.inspect-item{background:var(--lt-shade20,#00000038);cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:4px 8px;display:flex}.inspect-item:hover,.inspect-item:focus-visible{background:var(--cl-gold-t20,#dcb25c2e);outline:none}.inspect-item-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.inspect-item-text b{overflow-wrap:anywhere}.inspect-slot,.inspect-item-text small{color:var(--paper-dim);font-size:12px}.report-detail{resize:vertical;min-height:60px}.player-menu{z-index:1000;flex-direction:column;gap:4px;min-width:160px;padding:6px;display:flex;position:absolute}.player-menu-name{color:var(--gold-2);border-bottom:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;max-width:220px;padding:2px 6px 4px;font-weight:700;overflow:hidden}.player-menu .btn{text-align:left;min-height:40px;padding:6px 12px;font-size:14px}.emote-grid{z-index:1000;grid-template-columns:repeat(3,48px);gap:6px;padding:8px;display:grid;position:absolute}.emote-btn{border:1px solid var(--cl-gold-ln30,#d8a94a4d);cursor:pointer;background:#ffffff0f;border-radius:8px;width:48px;height:48px;padding:2px}.emote-btn:hover{background:var(--cl-gold-t20,#d8a94a33)}.emote-icon{width:100%;height:100%;display:block}.npc-dialog{left:50%;bottom:calc(max(8px, env(safe-area-inset-bottom)) + 144px);z-index:15;width:min(560px,100vw - 24px);padding:10px 14px 12px;animation:.15s ease-out gwin-in;position:absolute;transform:translate(-50%)}.npc-head{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.npc-name{font-family:var(--font-title);color:var(--tx-green,#a6f0c2);font-size:17px;font-weight:700}.npc-title{color:var(--paper-dim);font-size:12px}.npc-text{min-height:3em;margin:0 0 10px;font-size:15px;line-height:1.55}.npc-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hud-overlay{z-index:2000;background:var(--lt-panel,#0a0812b8);place-items:center;display:grid;position:absolute;inset:0}.hud-overlay .loading{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-bg);color:var(--paper);padding:12px 18px}.rotate-overlay{z-index:3000;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 40%, var(--lt-panel,#3c1e28f5), var(--lt-panel,#0c0a14fa));touch-action:none;place-items:center;display:grid;position:absolute;inset:0}.rotate-card{text-align:center;width:min(340px,100%);color:var(--paper);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-bg);box-shadow:inset 0 0 0 3px var(--lt-sh90,#14111ce6), inset 0 0 0 4px var(--cl-gold-sh20,#d8a94a38), 0 10px 30px var(--lt-sh50,#00000080);flex-direction:column;align-items:center;gap:12px;padding:22px 18px;display:flex}.rotate-title{font-family:var(--font-title);color:var(--gold-2);margin:0;font-size:20px;font-weight:700}.rotate-hint{color:var(--paper-dim);margin:0;font-size:14px}.rotate-btn{width:100%;min-height:48px}.rotate-anim{width:96px;height:96px;position:relative}.rotate-phone{border:3px solid var(--gold-2);background:var(--lt-panel,#08060ecc);border-radius:8px;width:36px;height:64px;animation:2.4s ease-in-out infinite rotate-phone;position:absolute;top:12px;left:30px}.rotate-screen{background:linear-gradient(160deg, var(--vermilion-2), var(--vermilion));border-radius:2px;position:absolute;inset:6px 4px 10px}.rotate-arrow{border:2px dashed var(--cl-gold-ln55,#d8a94a8c);border-color:var(--cl-gold-ln55,#d8a94a8c) transparent transparent var(--cl-gold-ln55,#d8a94a8c);border-radius:50%;animation:2.4s ease-in-out infinite rotate-arrow;position:absolute;inset:0}@keyframes rotate-phone{0%,20%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes rotate-arrow{0%,20%{opacity:.3;transform:rotate(0)}55%,85%{opacity:1;transform:rotate(-90deg)}to{opacity:.3;transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.rotate-phone,.rotate-arrow{animation:none}}.is-touch .chat-tab,.is-touch .chat-channel,.is-touch .chat-to,.is-touch .chat-input,.is-touch .chat-send,.is-touch .gwin-close,.is-touch .player-menu .btn,.is-touch .friend-row .btn,.is-touch .panel-toolbar .btn,.is-touch .link-name{min-height:44px}.is-touch .gwin-close{width:44px}.is-touch .chat-input{font-size:16px}@media (max-height:520px){.screen-game{font-size:13px}.hud-status{gap:2px;width:172px;padding:5px 8px}.status-level{font-size:11px}.bar-track{height:6px}.hud-minimap{width:128px;padding:3px 4px}.hud-rates{width:128px;padding:2px 6px;font-size:10px}.minimap-head,.minimap-foot{font-size:11px}.hud-announce{width:calc(100vw - 380px);min-width:200px}.hud-chat{background:var(--lt-shade55,#14111c8c);width:min(200px,50vw - 230px);min-width:170px;padding:3px}.hud-chat .chat-log{height:76px;font-size:12px}.hud-chat:not(.open) .chat-tabs,.hud-chat:not(.open) .chat-form{display:none}.hud-chat:not(.open) .chat-toggle{min-height:44px;font:inherit;color:var(--paper);background:linear-gradient(180deg, var(--lt-panel,#3a3049), var(--ink-3));border:1px solid var(--line);border-radius:6px;font-weight:700;display:block}.hud-chat.open{z-index:30;background:var(--hud-bg);width:min(460px,100vw - 16px)}.hud-chat.open .chat-log{height:110px}.hud-chat.open .chat-tab{min-height:36px}.hud-hotbar{gap:3px;padding:3px}.hotkey-key{display:none}.npc-dialog{bottom:calc(max(6px, env(safe-area-inset-bottom)) + 74px);padding:8px 12px}.npc-text{min-height:0;margin-bottom:6px;font-size:14px}.npc-actions .btn{min-height:44px;padding:6px 14px}.gwin-sheet{max-height:calc(86 * var(--vh1,1vh))}}@media (max-height:520px) and (max-width:760px){.hud-hotbar{left:auto;right:max(8px, env(safe-area-inset-right));transform:none}}.shop-sellall{flex-direction:column;gap:4px;margin:0 0 8px;display:flex}.shop-sellall-btn{width:100%;min-height:44px;font-weight:700}.shop-sellall-hint{opacity:.7;font-size:12px}.hud-chat{position:absolute}.chat-hide{z-index:2;width:30px;height:30px;font:inherit;color:var(--paper);background:var(--lt-shade70,#08060eb3);border:1px solid var(--line);cursor:pointer;border-radius:50%;padding:0;font-size:18px;line-height:1;position:absolute;top:2px;right:2px}.chat-hide:before{content:"";position:absolute;inset:-7px}.hud-chat.is-hidden{width:auto;min-width:0;box-shadow:none;background:0 0;border:0;padding:0}.hud-chat.is-hidden>:not(.chat-toggle){display:none!important}.hud-chat.is-hidden>.chat-toggle{min-height:44px;font:inherit;color:var(--paper);background:linear-gradient(180deg, #2f5a3e, var(--lt-panel,#173523));border:2px solid var(--cl-gold-ln,#c99a3e);cursor:pointer;border-radius:22px;padding:0 18px;font-weight:700;display:block}.hud-left.is-scroll{scrollbar-width:thin;overflow:hidden auto;pointer-events:auto!important}.screen-game.hud-compact .hud-left{transform:scale(var(--hud-s,1));transform-origin:0 0}.screen-game.hud-compact .hud-topright{transform:scale(var(--hud-s,1));transform-origin:100% 0}.screen-game.hud-compact .hud-actions{transform:scale(var(--hud-s,1));transform-origin:100% 100%}.screen-game.hud-compact .hud-chat{transform:scale(var(--hud-s,1));transform-origin:0 100%}.screen-game.hud-compact .hud-hotbar{transform:translateX(-50%) scale(var(--hud-s,1));transform-origin:bottom}@media (max-height:520px) and (max-width:760px){.screen-game.hud-compact .hud-hotbar{transform:scale(var(--hud-s,1));transform-origin:100% 100%}}.hud-actions .hud-perf{flex-direction:column;gap:0;padding:1px 4px;bottom:0;right:calc(100% + 4px)}.gwin:not(.gwin-sheet){resize:both;min-width:260px;min-height:140px}.settings-zoom{align-items:center;gap:8px;display:flex}.settings-zoom input[type=range]{flex:1;min-height:32px}.settings-zoom-value{text-align:right;font-variant-numeric:tabular-nums;min-width:3.4em}.settings-highlight .settings-size-btn{font-size:13px}.skill-detail.is-pop{z-index:99999;max-height:calc(calc(100 * var(--vh1,1vh)) - 16px);background:var(--lt-panel,#0e1812f7);border:1px solid var(--cl-gold-ln,#c99a3e);box-shadow:0 8px 24px var(--lt-sh50,#00000080);border-radius:10px;padding:10px 12px;position:fixed;overflow-y:auto}.skill-detail.is-pop:empty{display:none}.inspect-item>.item-icon{flex:0 0 36px;width:36px;height:36px}.scroll-hint.has-more{-webkit-mask-image:linear-gradient(#000 calc(100% - 30px),#0000);mask-image:linear-gradient(#000 calc(100% - 30px),#0000)}.scroll-hint.has-more.has-above{-webkit-mask-image:linear-gradient(#0000,#000 14px calc(100% - 30px),#0000);mask-image:linear-gradient(#0000,#000 14px calc(100% - 30px),#0000)}.scroll-hint.has-above:not(.has-more){-webkit-mask-image:linear-gradient(#0000,#000 14px);mask-image:linear-gradient(#0000,#000 14px)}.shop-list,.sto-grid,.upg-list,.npc-service-list,.party-list,.board-list,.kb-list,.cm-mails,.panel-achievements,.panel-rankings{-webkit-overflow-scrolling:touch}.scroll-hint{scrollbar-width:thin;scrollbar-color:#d8a94a99 transparent}.scroll-hint::-webkit-scrollbar{width:6px}.scroll-hint::-webkit-scrollbar-thumb{background:var(--cl-gold-t55,#d8a94a8c);border-radius:3px}.wm-npc-legend{flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:12px;display:flex}.wm-npc-legend .legend-item{align-items:center;gap:4px;display:inline-flex}.legend-npc-icon,.wm-npc-icon{flex:none;width:18px;height:18px}.wm-npc-icon{width:22px;height:22px}.panel-shop.is-sellall-open>.cat-chips,.panel-shop.is-sellall-open>.shop-note,.panel-shop.is-sellall-open>.shop-sellall,.panel-shop.is-sellall-open>.shop-list,.panel-shop.is-sellall-open>.shop-foot{display:none}.shop-sellall-panel{flex-direction:column;flex:auto;gap:6px;min-height:0;display:flex}.shop-sellall-panel[hidden]{display:none}.shop-sellall-title{font-size:15px}.shop-sellall-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:2px;min-height:0;max-height:46vh;display:flex;overflow-y:auto}.shop-sellall-row{cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:2px 6px;display:flex}.shop-sellall-row input{flex:none;width:22px;height:22px}.shop-sellall-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.shop-sellall-actions{gap:8px;display:flex}.shop-sellall-actions .btn{flex:1 1 0;min-height:44px;font-weight:700}@media (max-height:420px){.shop-sellall-list{max-height:34vh}}.panel-shop.is-confirm-open>.cat-chips,.panel-shop.is-confirm-open>.shop-note,.panel-shop.is-confirm-open>.shop-sellall,.panel-shop.is-confirm-open>.shop-list,.panel-shop.is-confirm-open>.shop-foot{display:none}.shop-confirm-box{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:4px 2px;display:flex}.shop-confirm-box[hidden]{display:none}.shop-confirm-title{color:var(--tx-gold,#ffd27a);font-size:16px}.shop-confirm-item{align-items:center;gap:10px;display:flex}.shop-confirm-name{overflow-wrap:anywhere;font-weight:700}.shop-confirm-text{margin:0}.shop-confirm-reasons{color:var(--tx-red,#ffb3a0);margin:0;padding-left:20px;font-size:13px}.shop-confirm-undo{opacity:.75;font-size:12px}.shop-confirm-yes,.shop-confirm-no{min-height:44px}.inv-lock{background:var(--cl-gold-bg,#f2c14e);border:1px solid var(--lt-line100,#5a3b00);pointer-events:none;width:11px;height:8px;box-shadow:0 0 3px var(--lt-sh100,#000);border-radius:2px;position:absolute;top:5px;left:3px}.inv-lock:before{content:"";border:2px solid var(--cl-gold-ln,#f2c14e);border-bottom:0;border-radius:4px 4px 0 0;width:5px;height:6px;position:absolute;top:-6px;left:1px}.inv-lock-btn{min-height:44px}@media (max-height:420px){.shop-confirm-box{gap:4px}.shop-confirm-item{display:none}.shop-confirm-title{font-size:14px}.shop-confirm-reasons{flex-wrap:wrap;gap:2px 14px;padding-left:16px;font-size:12px;display:flex}.shop-confirm-text{font-size:13px}}.status-name-row{align-items:center;gap:5px;min-width:0;max-width:100%;display:flex}.status-gm,.status-vip{font:800 10px/1 var(--font-ui,inherit);letter-spacing:.04em;text-shadow:0 1px 0 var(--lt-tsh,#000000b3);border-radius:3px;flex:none;padding:2px 5px}.status-gm{color:var(--tx-gold,#ffe9a0);border:1px solid var(--cl-gold-ln55,#f6dc8c8c);background:var(--lt-shade70,#3c2808b3)}.status-vip{color:#2a1a02;text-shadow:0 1px #fea9;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe58a), var(--cl-gold-bg,#e0a42a) 55%, var(--cl-gold-bg,#b87c14));box-shadow:0 0 6px var(--cl-gold-sh55,#ffd25a8c), inset 0 1px 0 #ffffff80;cursor:pointer;border:1px solid #7a5410;min-width:0;height:auto;min-height:0;position:relative}.status-vip[hidden],.status-gm[hidden]{display:none}.is-touch .status-vip:after{content:"";position:absolute;inset:-14px -10px}.vip-pop{z-index:9500;width:max-content;max-width:min(320px,100vw - 8px);color:var(--paper,#f4ead2);background:linear-gradient(180deg, var(--lt-panel,#2a2234), var(--lt-panel,#17121f));border:1px solid var(--cl-gold-ln,#c79a3a);box-shadow:0 6px 18px var(--lt-sh60,#0009), 0 0 0 1px var(--lt-sh100,#000);border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.45;position:fixed}.vip-pop-head{color:var(--tx-gold,#ffd86b);margin-bottom:4px;font-weight:700}.vip-pop-list{margin:0 0 6px;padding-left:16px}.vip-pop-shop{color:#2a1a02;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe58a), var(--cl-gold-bg,#d99a22));cursor:pointer;border:1px solid #7a5410;border-radius:5px;width:100%;min-height:44px;font:700 13px/1 inherit}:where(.screen-game .ornate){position:relative}.screen-game .ornate{background:linear-gradient(180deg, var(--cl-gold-t10,#ffdc9614), #0000 40%), linear-gradient(180deg, var(--lt-panel,#1e402cf0), var(--lt-panel,#0e2016f0));border:2px solid var(--cl-gold-ln,#c99a3e);box-shadow:inset 0 0 0 1px var(--cl-gold-sh35,#ffe29659), inset 0 0 0 4px var(--lt-sh55,#06100a8c), 0 6px 16px var(--lt-sh45,#00000073);color:var(--paper);border-radius:10px}.screen-game .ornate:before,.screen-game .ornate:after{content:"";background:var(--hud-corner,none) center / contain no-repeat;pointer-events:none;z-index:1;width:18px;height:18px;position:absolute}.screen-game .ornate:before{top:2px;left:2px}.screen-game .ornate:after{bottom:2px;right:2px;transform:rotate(180deg)}.screen-game .gwin.ornate .gwin-header{background:linear-gradient(180deg, var(--cl-gold-t30,#f2d27c47), var(--cl-gold-t5,#f2d27c0a));border-bottom:1px solid var(--cl-gold-ln50,#f2d27c80)}.minimap-plate{text-align:center;padding:0 4px 2px}.minimap-view{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.hud-status.ornate{padding:8px 12px 9px}.status-plate{align-items:baseline;gap:8px;min-width:0;display:flex}.status-plate .status-name{flex:0 auto;min-width:0}.status-plate .status-level{white-space:nowrap;flex:none}.bar-track{position:relative}.bar-fill{transform-origin:0;will-change:transform;width:100%}.bar-value{text-align:center;color:var(--tx-hi,#fff);text-shadow:0 0 2px var(--lt-tsh,#000), 0 0 2px var(--lt-tsh,#000);font-variant-numeric:tabular-nums;font-size:9px;line-height:8px;position:absolute;inset:0}.hud-status .bar-hp .bar-track,.hud-status .bar-sp .bar-track{height:11px}.hud-status .bar-hp .bar-value,.hud-status .bar-sp .bar-value{line-height:11px}.status-exp{grid-template-columns:1fr 1fr;gap:6px;margin-top:1px;display:grid}.status-exp .status-bar{grid-template-columns:auto 1fr;gap:4px;font-size:10px}.status-exp .bar-track{height:9px}.status-exp .bar-value{line-height:9px}.bar-base .bar-fill{background:linear-gradient(#c6f59a,#4fa83a)}.bar-job .bar-fill{background:linear-gradient(#a8dcff,#3a86c8)}.bar-rested{transform-origin:0;pointer-events:none;background:linear-gradient(#96cdffd9,#468ce6bf);width:100%;position:absolute;top:0;bottom:0;left:0}.bar-base .bar-label{color:var(--tx-green,#b6ef8a)}.bar-job .bar-label{color:var(--tx-blue,#9cd4ff)}.hud-status.is-low-hp .bar-hp .bar-track{animation:.9s ease-in-out infinite alternate low-hp}@keyframes low-hp{to{border-color:#ff5a4af2}}.status-weight{color:var(--tx-gold,#ffd27a);font-size:11px;font-weight:700}.status-weight[data-level=over]{color:var(--tx-red,#ff8a7a)}.autopot{flex-direction:column;gap:10px;display:flex}.autopot-free{color:var(--tx-green,#d8ffcc);background:var(--lt-shade70,#103014b3);border:1px solid #5fd04a;border-radius:999px;align-self:flex-start;margin:0;padding:3px 8px;font-size:12px;font-weight:800}.autopot-intro,.autopot-note-auto{color:var(--paper-dim);margin:0;font-size:12px}.autopot-row{background:var(--lt-shade20,#00000038);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.autopot-row.is-off .autopot-line{opacity:.6}.autopot-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.autopot-bar{min-width:28px;font-size:15px;font-weight:700}.autopot-bar-hp{color:var(--tx-red,#ff8a7a)}.autopot-bar-sp{color:var(--tx-blue,#8ab8ff)}.autopot-toggle{min-width:72px;min-height:32px;font:inherit;color:var(--paper-dim);background:linear-gradient(180deg, var(--lt-panel,#3a3049), var(--ink-3));border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:2px 12px;font-weight:700}.autopot-toggle.is-on{color:#fff;background:linear-gradient(#4fb08a,#2a6a50);border-color:#9cf07a}.autopot-line{align-items:center;gap:8px;display:flex}.autopot-label{flex:none;min-width:104px;font-size:13px}.autopot-stepper{flex:1;align-items:center;gap:6px;display:flex}.autopot-step{width:32px;height:32px;font:inherit;color:var(--paper);background:linear-gradient(180deg, var(--lt-panel,#3a3049), var(--ink-3));border:1px solid var(--line);cursor:pointer;border-radius:6px;flex:none;padding:0;font-size:18px;font-weight:700;line-height:1}.autopot-step:disabled{opacity:.4;cursor:default}.autopot-range{accent-color:#d8a94a;flex:1;min-width:70px}.autopot-value{text-align:right;min-width:40px;color:var(--gold-2);font-weight:700}.autopot-select{flex:1;min-width:0;min-height:32px}.autopot-row-note{color:var(--tx-gold,#ffd27a);margin:0;font-size:12px}.autopot-row-note[hidden]{display:none}.is-touch .autopot-toggle,.is-touch .autopot-select{min-height:44px}.is-touch .autopot-select{font-size:16px}.is-touch .autopot-step{width:44px;height:44px;font-size:22px}.is-touch .autopot-range{height:44px}.hud-actions{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.action-row{pointer-events:none;align-items:flex-end;gap:6px;display:flex}.action-row>*{pointer-events:auto}.action-btn.action-attack{background:radial-gradient(circle at 50% 32%, #3c8a5a, var(--lt-panel,#1a3a28) 70%, var(--lt-panel,#4a0e0c));width:68px;height:68px;box-shadow:inset 0 0 0 2px var(--cl-gold-sh35,#ffe29659), inset 0 0 0 5px var(--lt-sh55,#06100a8c), 0 4px 10px var(--lt-sh50,#00000080);touch-action:manipulation;border-width:3px}.action-attack .action-icon{width:34px;height:34px}.action-attack .action-label{font-size:12px}.action-attack:active,.action-auto:active{transform:scale(.94)}.action-btn.action-auto{touch-action:manipulation;width:52px;height:52px}.action-auto .action-label{letter-spacing:.5px}.action-btn.action-auto.is-auto-on{border-color:var(--cl-gold-ln,#ffe27a);background:radial-gradient(circle at 50% 35%, var(--cl-gold-bg,#d8a94a), var(--cl-gold-bg,#8a5418) 75%);box-shadow:inset 0 0 0 2px #fff6c899, 0 0 0 3px var(--cl-gold-sh55,#ffd25a8c), 0 0 14px 4px var(--cl-gold-sh65,#ffc846a6)}.action-auto.is-auto-on .action-label{color:var(--tx-gold,#fff6d0)}.action-auto.is-auto-on:after{content:"";border:2px solid var(--cl-gold-ln,#ffe27ae6);pointer-events:none;border-radius:50%;animation:1.2s ease-in-out infinite alternate auto-ring;position:absolute;inset:-7px}@keyframes auto-ring{0%{opacity:.25}to{opacity:1}}.action-btn{width:52px;height:52px;font:inherit;color:var(--paper);background:radial-gradient(circle at 50% 35%, #2a5a3c, var(--lt-panel,#12281b));border:2px solid var(--cl-gold-ln,#c99a3e);box-shadow:inset 0 0 0 2px var(--lt-sh60,#06100a99), 0 3px 8px var(--lt-sh45,#00000073);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:2px 0 0;display:flex;position:relative}.action-btn:hover{filter:brightness(1.15)}.action-btn.is-active{background:radial-gradient(circle at 50% 35%,#3f9a74,#1d5a44)}.action-icon{pointer-events:none;width:26px;height:26px}.action-label{text-shadow:0 1px 2px var(--lt-tsh,#000);font-size:10px;font-weight:700;line-height:1.1}.hud-hotbar.ornate{border-radius:12px;padding:5px 6px}.hud-hotbar .hotkey-slot{background:radial-gradient(ellipse at 50% 35%, #ffffff14, var(--lt-shade50,#00000080));border:1px solid var(--cl-gold-ln45,#f2d27c73)}.hotkey-icon{pointer-events:none;position:absolute;inset:5px}.hotkey-item{width:100%;height:100%;display:block}.hotkey-key{z-index:1;text-shadow:0 1px 2px var(--lt-tsh,#000)}.hotkey-count{color:var(--tx-hi,#fff);text-shadow:0 0 2px var(--lt-tsh,#000), 0 0 2px var(--lt-tsh,#000);pointer-events:none;font-size:11px;font-weight:700;position:absolute;bottom:0;right:2px}.hotkey-slot.is-empty-stock .hotkey-icon{opacity:.35;filter:grayscale()}.hud-hotbar.is-assigning .hotkey-slot,.hotkey-slot.is-drop-target{border-color:var(--cl-gold-ln,#ffe27a);box-shadow:0 0 0 2px var(--cl-gold-sh55,#ffe27a8c)}.drag-ghost{z-index:3000;pointer-events:none;opacity:.9;width:40px;height:40px;position:fixed;top:0;left:0}.panel-hint,.panel-empty{color:var(--paper-dim);margin:0 0 8px;font-size:12px}.panel-subtitle{font-family:var(--font-title);color:var(--gold-2);margin:10px 0 4px;font-size:14px}.weight-box{margin-top:10px}.weight-head{color:var(--paper-dim);justify-content:space-between;font-size:12px;display:flex}.weight-text,.coin-text{font-variant-numeric:tabular-nums;color:var(--paper)}.weight-track{background:var(--lt-shade50,#00000080);border:1px solid #ffffff1f;border-radius:4px;height:8px;margin-top:3px;overflow:hidden}.weight-fill{transform-origin:0;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#e8d6a0), var(--cl-gold-bg,#b8954a));width:100%;height:100%;display:block}.weight-box[data-level=heavy] .weight-fill{background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffd27a), var(--cl-gold-bg,#e08a2a))}.weight-box[data-level=over] .weight-fill{background:linear-gradient(#ff8a7a,#c8302a)}.weight-box[data-level=heavy] .weight-text{color:var(--tx-gold,#ffd27a)}.weight-box[data-level=over] .weight-text{color:var(--tx-red,#ff8a7a)}.weight-note{color:var(--tx-red,#ffb08a);margin-top:3px;font-size:12px}.stat-points{color:var(--paper-dim);margin-bottom:6px;font-weight:700}.stat-points.has-points{color:var(--tx-gold,#ffe27a)}.stat-grid{flex-direction:column;gap:2px;display:flex}.stat-row{border-bottom:1px dashed var(--cl-gold-ln20,#d8a94a2e);grid-template-columns:minmax(0,1fr) 44px 56px 40px;align-items:center;gap:6px;min-height:40px;display:grid}.stat-key b{color:var(--gold-2);margin-right:6px}.stat-key.is-atk-main{border-left:2px solid var(--gold-2);background:var(--cl-gold-t10,#d8a94a1a);padding-left:4px}.stat-rec{color:var(--paper);border:1px solid var(--cl-gold-ln45,#d4af5a73);background:var(--cl-gold-t10,#d4af5a14);border-radius:6px;margin:6px 0 2px;padding:6px 8px;font-size:12px;line-height:1.4}.stat-rec .stat-rec-why{color:var(--paper-dim)}.stat-atk-hint{color:var(--paper-dim);margin:6px 0 2px;font-size:12px;line-height:1.4}.stat-key small{color:var(--paper-dim)}.stat-value{text-align:right;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.stat-cost{color:var(--paper-dim);text-align:center;font-size:11px}.stat-plus{width:36px;height:36px;font:inherit;color:#2a1408;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#d8a94a));cursor:pointer;border:1px solid #7a5418;border-radius:8px;font-size:20px;font-weight:700;line-height:1}.stat-plus:disabled{color:var(--tx-gold,#f4ead459);border-color:var(--cl-gold-ln20,#d8a94a33);cursor:default;background:#ffffff0f}.derived-grid{grid-template-columns:1fr 1fr;gap:2px 14px;display:grid}.derived-row{border-bottom:1px dashed var(--cl-gold-ln15,#d8a94a26);justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.derived-key{color:var(--paper-dim)}.derived-value{font-variant-numeric:tabular-nums;font-weight:700}.stat-row{grid-template-columns:minmax(0,1fr) auto 50px 78px}.stat-value.is-pending,.derived-value.is-pending{color:var(--tx-gold,#ffd76a);text-shadow:0 0 6px #ffc85059}.stat-btns{justify-content:flex-end;gap:4px;display:flex}.stat-minus{background:linear-gradient(#f2e6cf,#b8a888)}.stat-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin:8px 0 4px;display:flex}.stat-pending{min-height:1.2em;color:var(--tx-gold,#ffd76a);flex:140px;font-size:12px}.stat-action-btns{gap:8px;margin-left:auto;display:flex}.stat-action-btns .btn{min-height:40px;padding:6px 16px;font-size:15px}.is-touch .stat-action-btns .btn{min-height:44px}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:4px;display:grid}.inv-cell{aspect-ratio:1;background:radial-gradient(ellipse at 50% 35%, #ffffff12, var(--lt-shade45,#00000073));border:1px solid var(--cl-gold-ln30,#d8a94a4d);cursor:pointer;touch-action:manipulation;border-radius:6px;min-width:44px;min-height:44px;padding:4px;position:relative}.inv-cell.is-empty{cursor:default;opacity:.55}.inv-cell.is-selected{border-color:var(--cl-gold-ln,#ffe27a);box-shadow:0 0 0 2px var(--cl-gold-sh45,#ffe27a73)}.item-icon{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;display:block}.item-icon.big{flex:0 0 44px;width:44px;height:44px}.inv-qty{color:var(--tx-hi,#fff);text-shadow:0 0 2px var(--lt-tsh,#000), 0 0 2px var(--lt-tsh,#000);pointer-events:none;font-size:11px;font-weight:700;position:absolute;bottom:0;right:2px}.inv-detail{background:var(--lt-shade25,#00000040);border-radius:6px;min-height:52px;margin-top:8px;padding:6px 8px}.inv-detail:empty{display:none}.inv-detail-head{align-items:center;gap:8px;display:flex}.inv-detail-title{flex-direction:column;min-width:0;display:flex}.inv-detail-title b{color:var(--gold-2)}.inv-detail-title small{color:var(--paper-dim);font-size:11px}.inv-desc{margin:6px 0 0;font-size:13px;line-height:1.45}.inv-actions{gap:6px;margin-top:6px;display:flex}.inv-actions .btn{min-height:40px;padding:4px 14px;font-size:14px}.coin-row{color:var(--paper-dim);align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.coin-row .coin-text{color:var(--tx-gold,#ffe27a);margin-left:auto;font-weight:700}.coin-dot{background:radial-gradient(circle at 35% 35%, var(--cl-gold-bg-hi,#fff2a8), var(--cl-gold-bg,#d8a020));border:1px solid #7a5418;border-radius:50%;width:12px;height:12px}.hud-death{z-index:1500;background:var(--lt-shade60,#28282e9e);-webkit-backdrop-filter:grayscale(.85);place-items:center;display:grid;position:absolute;inset:0}.hud-death[hidden]{display:none}.death-card{text-align:center;min-width:min(340px,100vw - 32px);padding:18px 22px 16px;animation:.25s ease-out gwin-in}.death-title{font-family:var(--font-title);color:var(--tx-red,#ffd0c4);text-shadow:0 2px 0 var(--lt-tsh,#00000080);margin:0 0 6px;font-size:26px}.death-exp{color:var(--tx-red,#ff9a8a);margin:0 0 4px;font-weight:700}.death-hint{color:var(--paper-dim);margin:0 0 12px;font-size:13px}.death-btn{min-width:180px;min-height:48px;font-size:16px}.hud-death.hud-idle{background:var(--lt-shade45,#0a0c1273);-webkit-backdrop-filter:none}.idle-btn{min-width:220px;min-height:56px;font-size:18px}.idle-close{min-height:44px;margin:8px auto 0;display:block}.action-btn.action-pickup{touch-action:manipulation}.action-pickup:active{transform:scale(.94)}.is-touch .stat-plus{width:44px;height:44px}.is-touch .stat-row{grid-template-columns:minmax(0,1fr) auto 48px 94px;min-height:46px}.is-touch .inv-actions .btn{min-height:44px}@media (max-height:520px){.hud-status.ornate{padding:5px 9px 6px}.hud-status .bar-hp .bar-track,.hud-status .bar-sp .bar-track{height:9px}.hud-status .bar-hp .bar-value,.hud-status .bar-sp .bar-value{font-size:8px;line-height:9px}.status-exp .bar-track{height:7px}.status-exp .bar-value{display:none}.action-btn{width:46px;height:46px}.action-icon{width:22px;height:22px}.action-btn.action-attack{width:64px;height:64px}.action-attack .action-icon{width:30px;height:30px}.action-btn.action-auto{width:48px;height:48px}.hud-actions,.action-row{gap:5px}.hud-hotbar.ornate{padding:3px 4px}.death-card{padding:12px 18px}.death-title{font-size:22px}.autopot{gap:6px}.autopot-intro,.autopot-label{display:none}.autopot-row{flex-flow:wrap;align-items:center;gap:6px 10px;padding:5px 8px}.autopot-head{flex:none}.autopot-line{flex:200px}.autopot-row-note{flex-basis:100%}}@media (max-height:520px) and (max-width:760px){.hud-actions{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 74px);flex-direction:row-reverse;align-items:flex-end}}.stat-bonus{margin-left:4px;font-size:12px;font-weight:700}.stat-bonus-job{color:var(--tx-blue,#7fd6c8)}.stat-bonus-buff{color:var(--tx-green,#6df08a);text-shadow:0 0 5px #50e67866}.stat-bonus[hidden]{display:none}.autoset{flex-direction:column;gap:10px;display:flex}.autoset-sec{background:var(--lt-shade20,#00000038);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.autoset-h{margin:0;font-size:14px}.autoset-note,.autoset-empty{color:var(--paper-dim);margin:0;font-size:12px}.autoset-circle-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.autoset-circle-val{color:var(--gold,#ffd86b);font-weight:700}.autoset-circle-range{accent-color:#ffd86b;touch-action:pan-y;width:100%;min-height:44px}.autoset-circle-here{min-height:44px}.autoset-switch{justify-content:space-between;align-items:center;gap:10px;display:flex}.autoset-switch-text{flex-direction:column;gap:2px;min-width:0;display:flex}.autoset-name{overflow-wrap:anywhere;flex:auto;min-width:0;font-weight:700}.autoset-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.autoset-item{border:1px solid var(--line);background:#ffffff0a;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;display:flex}.autoset-drag{cursor:grab}.autoset-drag.is-dragging{opacity:.45}.autoset-drag.is-drop{border-color:#9cf07a}.autoset-rank{text-align:center;color:var(--gold,#f2c14e);flex:0 0 22px;font-weight:700}.autoset-icon{flex:none;width:28px;height:28px}.autoset-btn{min-width:32px;min-height:32px;font:inherit;color:var(--paper);background:linear-gradient(180deg, var(--lt-panel,#3a3049), var(--ink-3));border:1px solid var(--line);cursor:pointer;border-radius:6px;flex:none}.autoset-btn:disabled{opacity:.35;cursor:default}.autoset-select{width:100%}.is-touch .autoset-btn,.is-touch .autoset-item .autopot-toggle{min-width:44px;min-height:44px}.is-touch .autoset-select{min-height:44px;font-size:16px}.autoset-sub{color:var(--paper-dim);margin-top:2px;font-size:12px;font-weight:700}.autoset-chips{flex-wrap:wrap;gap:6px;display:flex}.autoset-chip{min-height:36px;font:inherit;color:var(--paper);background:linear-gradient(180deg, var(--lt-panel,#3a3049), var(--ink-3));border:1px solid var(--line);cursor:pointer;border-radius:6px;flex:auto;padding:4px 10px;font-size:13px}.autoset-chip.is-on{border-color:var(--gold,#f2c14e);background:linear-gradient(180deg, #5a4a2a, var(--lt-panel,#3a3020));color:#fff4cf;font-weight:700}.autoset-chip-none.is-on{background:linear-gradient(180deg, #5a2a2a, var(--lt-panel,#3a2020));border-color:#d86a6a}.is-touch .autoset-chip{min-height:44px;font-size:14px}.autoset-item-wrap{flex-wrap:wrap}.autoset-row-wide{flex:100%}.autoset-kind{color:var(--paper-dim);border:1px solid var(--line);white-space:nowrap;border-radius:8px;flex:none;padding:1px 6px;font-size:11px}.autoset-heal{align-items:center;gap:6px;display:flex}.autoset-heal .autoset-name{text-align:center;font-size:13px;font-weight:400}.autoset-open{min-height:36px}.is-touch .autoset-open{min-height:44px}.death-vip{color:var(--tx-gold,#f2c046);margin:2px 0 0;font-size:13px;font-weight:700}.death-vip[hidden]{display:none}.hud-auto-wait{background:var(--lt-shade55,#0000008c);color:var(--tx-gold,#f1e6c8);pointer-events:none;z-index:5;border-radius:10px;padding:2px 10px;font-size:12px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.hud-auto-wait[hidden]{display:none}.derived-row.has-break{cursor:pointer}.derived-row.has-break:hover,.derived-row.is-break-open{background:var(--cl-gold-t10,#d8a94a1f)}.stat-break{border:1px solid var(--cl-gold-ln35,#d8a94a59);background:var(--lt-shade25,#00000040);border-radius:6px;margin-top:6px;padding:6px 8px;font-size:12px}.stat-break-title{color:var(--tx-gold,#e8d9a8);margin-bottom:3px;display:block}.stat-break-line{font-variant-numeric:tabular-nums;padding:1px 0}.stat-break-total{border-top:1px dashed var(--cl-gold-ln30,#d8a94a4d);margin-top:3px;padding-top:3px;font-weight:700}@media (pointer:coarse){.derived-row.has-break{align-items:center;min-height:44px}}.stat-role{color:var(--paper-dim);font-size:11px;line-height:1.25;display:block}.stat-key.is-plus-open .stat-role{color:var(--gold-2)}.stat-plus-hint{color:var(--paper-dim);border-radius:6px;margin:6px 0 2px;padding:4px 8px;font-size:12px;line-height:1.4}.stat-plus-hint.is-open{color:var(--gold-2);border:1px solid var(--cl-gold-ln45,#d4af5a73);background:var(--cl-gold-t10,#d4af5a14)}.stat-key{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:help}.autoset-vip-tag{color:#2a1a02;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe58a), var(--cl-gold-bg,#d99a22));vertical-align:middle;border:1px solid #7a5410;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:800;display:inline-block}.autoset-switch.is-locked .autoset-name,.autoset-switch.is-locked .autoset-note{opacity:.6}.autoset-switch.is-locked .autopot-toggle{opacity:.45;cursor:not-allowed}.screen-game.is-aiming canvas,.screen-game.is-aiming{cursor:crosshair}.hotkey-cd{background:var(--lt-shade60,#08060e9e);transform-origin:50% 0;pointer-events:none;border-radius:6px;position:absolute;inset:0;transform:scaleY(0)}.hotkey-cd.is-running{animation-name:hotkey-cd;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes hotkey-cd{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.hotkey-slot.is-skill .hotkey-count{color:var(--tx-blue,#bfe8ff);font-size:9px}.hud-cast{left:50%;bottom:calc(max(8px, env(safe-area-inset-bottom)) + 146px);border:1px solid var(--line);background:var(--hud-bg);text-align:center;border-radius:8px;width:200px;padding:3px 6px 4px;position:absolute;transform:translate(-50%);pointer-events:none!important}.hud-cast[hidden]{display:none}.cast-track{background:var(--lt-shade55,#0000008c);border-radius:4px;height:8px;display:block;overflow:hidden}.cast-fill{background:linear-gradient(90deg, #8ad0ff, var(--cl-gold-bg-hi,#f2d27c));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.cast-fill.is-running{animation-name:cast-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes cast-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hud-cast.is-cancelled .cast-fill{background:#d23a2a;transform:scaleX(1)}.cast-label{color:var(--paper);text-shadow:0 1px 2px var(--lt-tsh,#000);font-size:11px;font-weight:700;display:block}.hud-buffs{flex-wrap:wrap;gap:3px;max-width:220px;display:flex;pointer-events:none!important}.hud-buffs[hidden]{display:none}.buff{border:1px solid var(--cl-gold-ln60,#f2d27c99);background:var(--lt-shade45,#00000073);pointer-events:auto;border-radius:5px;width:26px;height:26px;position:relative}.buff-icon{width:100%;height:100%;display:block}.buff-time{color:var(--tx-hi,#fff);text-shadow:0 0 2px var(--lt-tsh,#000), 0 0 2px var(--lt-tsh,#000);font-size:9px;font-weight:700;position:absolute;bottom:-1px;right:1px}.buff.is-ending{animation:.6s ease-in-out infinite alternate buff-blink}@keyframes buff-blink{to{opacity:.45}}.hud-quest{background:var(--hud-bg);border:1px solid var(--line);border-radius:var(--radius);width:220px;box-shadow:inset 0 0 0 2px var(--lt-sh85,#14111cd9), 0 6px 18px var(--lt-sh40,#0006);padding:4px 6px 6px;font-size:12px}.hud-quest[hidden]{display:none}.hud-quest.is-ready{border-color:#7dffa0;box-shadow:0 0 10px #7dffa073}.qt-bar{align-items:center;gap:4px;display:flex}.qt-head{min-width:0;min-height:30px;font:inherit;text-align:left;color:var(--gold-2);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;padding:0 2px;display:flex}.qt-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.qt-step{max-width:100%;color:var(--paper-dim);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.hud-quest.is-collapsed .qt-step{color:var(--tx-gold,#ffe9a8)}.qt-fold{width:30px;height:30px;font:inherit;color:var(--paper);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:6px;flex:0 0 30px;font-weight:700}.hud-quest.is-collapsed .qt-body{display:none}.qt-task{color:var(--paper);margin:2px 0 3px;line-height:1.35}.qt-reqs{max-height:calc(13 * var(--vh1,1vh));flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.qt-reqs[hidden]{display:none}.qt-req{background:var(--lt-shade25,#00000040);cursor:pointer;border-radius:5px;grid-template-columns:22px minmax(0,1fr) auto 14px;align-items:center;gap:4px;min-height:26px;padding:1px 4px;display:grid}.qt-icon{width:22px;height:22px}.qt-mob{box-sizing:border-box;background:radial-gradient(circle at 40% 35%,#ff9a8a,#2f7d4f);border:1px solid #ffd0c4;border-radius:50%;display:block}.qt-req-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qt-req-count{font-variant-numeric:tabular-nums;font-weight:700}.qt-req.is-missing .qt-req-name{color:var(--paper-dim)}.qt-req.is-missing .qt-req-count{color:var(--tx-red,#ff8a7a)}.qt-req.is-done{background:#3ca06438}.qt-req.is-done .qt-req-count,.qt-check{color:var(--tx-green,#7dffa0);font-weight:700}.qt-timer{color:var(--tx-gold,#ffe27a);margin-top:3px;font-weight:700}.qt-timer.is-urgent{color:var(--tx-red,#ff8a7a)}.qt-timer[hidden],.qt-night[hidden],.qt-walk[hidden]{display:none}.qt-night{color:var(--tx-blue,#b8b0ff);margin-top:3px}.qt-walk{width:100%;min-height:32px;font:inherit;color:#1a1420;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#d8a94a));cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border:1px solid #7a5418;border-radius:6px;margin-top:4px;font-weight:700;overflow:hidden}.is-touch .qt-walk,.is-touch .qt-head,.is-touch .qt-fold{min-height:44px}.is-touch .qt-fold{flex-basis:44px;width:44px;height:44px}.npc-service{margin:-4px 0 8px}.npc-service[hidden]{display:none}.npc-service-list{max-height:calc(34 * var(--vh1,1vh));flex-direction:column;gap:4px;display:flex;overflow-y:auto}.npc-service-list p,.npc-confirm p{margin:0;line-height:1.45}.npc-loading{color:var(--paper-dim);font-style:italic}.npc-quest-line{background:var(--cl-gold-t10,#d8a94a1f);border-radius:6px;padding:4px 8px}.npc-quest-line.is-ready{color:var(--tx-green,#b8ffd0);background:#3ca06440;font-weight:700}.npc-quest-note{color:var(--paper-dim);font-size:13px}.npc-quest-note.is-locked{color:var(--tx-red,#ffb8a8)}.npc-confirm{border:1px solid var(--cl-gold-ln,#f2d27c);background:var(--cl-gold-t15,#d8a94a26);border-radius:8px;padding:6px 10px}.npc-confirm-title{font-family:var(--font-title);color:var(--gold-2);margin-bottom:4px;display:block}.npc-answer-title{color:var(--gold-2)}.npc-question{font-weight:700}.npc-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:4px;display:grid}.npc-choices .btn{white-space:normal;min-height:44px;line-height:1.25}.npc-actions .btn{min-height:40px}.is-touch .npc-actions .btn{min-height:44px}.info-card{max-width:260px}.info-line{border-bottom:1px dashed var(--cl-gold-ln15,#d8a94a26);padding:3px 6px;font-size:13px;line-height:1.4}.panel-shop{flex-direction:column;display:flex}.shop-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.shop-tabs{gap:4px;display:flex}.shop-tab{min-width:72px;min-height:40px;font:inherit;color:var(--paper-dim);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:8px 8px 0 0;padding:0 14px;font-weight:700}.shop-tab.is-active{color:#1a1420;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#d8a94a))}.shop-coin{background:var(--lt-shade35,#00000059);border:1px solid var(--cl-gold-ln40,#f2d27c66);border-radius:14px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.shop-coin .coin-text{color:var(--tx-gold,#ffe27a);font-variant-numeric:tabular-nums;font-weight:700}.shop-note{margin-bottom:4px}.shop-list{flex-direction:column;gap:3px;display:flex}.shop-row{height:auto;min-height:44px;font:inherit;text-align:left;color:var(--paper);background:var(--lt-shade25,#00000040);border:1px solid var(--cl-gold-ln20,#d8a94a33);cursor:pointer;touch-action:manipulation;border-radius:6px;flex-shrink:0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 8px;display:grid}.shop-row.is-selected{border-color:var(--cl-gold-ln,#ffe27a);box-shadow:0 0 0 2px var(--cl-gold-sh35,#ffe27a59);background:var(--cl-gold-t15,#d8a94a24)}.shop-icon{width:36px;height:36px}.shop-row-text{flex-direction:column;min-width:0;display:flex}.shop-row-name,.shop-row-sub,.shop-row-key,.shop-row-lock{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shop-row-sub{color:var(--paper-dim);font-size:11px}.shop-row-price{color:var(--tx-gold,#ffe27a);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.shop-foot{background:var(--lt-panel,#14111cf5);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:8px -12px -12px;padding:8px 12px 10px;display:flex;position:sticky;bottom:-12px}.shop-foot[hidden]{display:none}.shop-stepper{align-items:center;gap:4px;display:flex}.shop-step{min-width:44px;height:44px;font:inherit;color:var(--paper);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;background:#ffffff12;border-radius:8px;padding:0 8px;font-size:18px;font-weight:700}.shop-max{font-size:13px}.shop-qty{width:64px;height:44px;font:inherit;text-align:center;color:var(--paper);background:var(--lt-shade40,#0006);border:1px solid var(--line);border-radius:8px;padding:0 6px;font-size:16px}.shop-confirm{flex:160px;min-height:44px}.skill-points{color:var(--paper-dim);margin-bottom:4px;font-weight:700}.skill-points.has-points{color:var(--tx-gold,#ffe27a)}.skill-tip{background:var(--cl-gold-t15,#d8a94a24);color:var(--tx-gold,#ffe9a8);border-radius:6px;margin:0 0 6px;padding:4px 8px;font-size:13px}.skill-tip[hidden]{display:none}.skill-list{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:3px 6px;display:grid}.skill-list>.panel-subtitle,.skill-list>.panel-empty{grid-column:1/-1}.skill-row.is-ultimate{border-color:var(--cl-gold-ln,#ffaa46b3);background:linear-gradient(90deg, #78280a73, var(--lt-shade25,#00000040))}.skill-row.is-ultimate .skill-sub,.skill-ult-note{color:var(--tx-gold,#ffc27a)}.skill-row{border:1px solid var(--cl-gold-ln20,#d8a94a33);background:var(--lt-shade25,#00000040);cursor:pointer;border-radius:6px;grid-template-columns:36px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:46px;padding:2px 4px 2px 6px;display:grid}.skill-row.is-usable{cursor:grab}.skill-row.is-locked .skill-icon{filter:grayscale(.85);opacity:.55}.skill-row.is-selected{border-color:var(--cl-gold-ln,#ffe27a);box-shadow:0 0 0 2px var(--cl-gold-sh35,#ffe27a59)}.skill-icon{width:36px;height:36px}.skill-text{flex-direction:column;min-width:0;display:flex}.skill-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.skill-sub{color:var(--paper-dim);font-size:11px}.skill-plus{width:44px;height:44px;font:inherit;color:#1a1420;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#d8a94a));cursor:pointer;touch-action:manipulation;border:1px solid #7a5418;border-radius:8px;font-size:22px;font-weight:700}.skill-plus:disabled{color:var(--paper-dim);border-color:var(--line);cursor:default;background:#ffffff0d}.skill-plus[hidden]{visibility:hidden;display:block}.skill-req{color:var(--tx-red,#ffb8a8);margin:4px 0 0;font-size:12px}.eq-doll{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);align-items:start;gap:6px;display:grid}.eq-col{flex-direction:column;gap:4px;display:flex}.eq-slot{min-height:44px;font:inherit;text-align:left;color:var(--paper-dim);background:var(--lt-shade30,#0000004d);border:1px dashed var(--cl-gold-ln30,#d8a94a4d);cursor:pointer;border-radius:6px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:6px;padding:3px 6px;display:grid}.eq-slot.is-filled{color:var(--paper);background:var(--cl-gold-t10,#d8a94a1a);border-style:solid}.eq-slot.is-selected{border-color:var(--cl-gold-ln,#ffe27a);box-shadow:0 0 0 2px var(--cl-gold-sh35,#ffe27a59)}.eq-icon{background:var(--lt-shade35,#00000059);border-radius:5px;width:36px;height:36px}.eq-text{flex-direction:column;min-width:0;display:flex}.eq-label{color:var(--gold-2);font-size:10px}.eq-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.eq-mid{flex-direction:column;gap:6px;min-width:0;display:flex}.eq-portrait{background:var(--lt-shade30,#0000004d);border-radius:8px;justify-content:center;padding:4px;display:flex}.eq-portrait:empty{display:none}.is-touch .eq-portrait-canvas{width:56px;height:84px}.eq-portrait-canvas{width:80px;height:120px;image-rendering:pixelated;display:block}.eq-stats{background:var(--lt-shade30,#0000004d);border-radius:8px;flex-direction:column;gap:2px;padding:6px;font-size:12px;display:flex}.eq-stat{justify-content:space-between;gap:4px;display:flex}.eq-stat-key{color:var(--paper-dim)}.inv-top{justify-content:flex-end;align-items:center;gap:8px;display:flex}.inv-top .panel-hint{margin:0}.inv-equip-btn{flex:none;min-height:36px;padding:4px 10px;font-size:13px}.is-touch .inv-equip-btn{min-height:44px}.inv-bulk-btn{width:100%;min-height:36px;margin-top:6px;font-size:13px}.inv-bulk-btn:disabled{opacity:.45}.is-touch .inv-bulk-btn{min-height:44px}.inv-sort-btn.is-on{color:var(--ink);background:var(--gold);font-weight:700}.inv-hint{margin:6px 0 0;font-size:12px}.inv-top+.inv-grid{margin-top:6px}.inv-cell.is-equipped{background:radial-gradient(ellipse at 50% 35%, #7dc8ff2e, var(--lt-shade45,#00000073));border-color:#7dc8ff}.inv-worn{color:#0a2a4a;pointer-events:none;background:#9fdcff;border-radius:3px;padding:0 3px;font-size:10px;font-weight:700;position:absolute;top:0;left:2px}.inv-gear{color:var(--tx-blue,#bfe8ff);margin:6px 0 0;font-size:12px}.quest-title{color:var(--gold-2);margin:0 0 4px;font-weight:700}.quest-steps{flex-direction:column;gap:3px;margin:8px 0;padding:0;list-style:none;display:flex}.quest-step{color:var(--paper-dim);gap:6px;font-size:13px;display:flex}.quest-step.is-current{color:var(--paper);font-weight:700}.quest-step.is-done{color:var(--tx-green,#7dffa0)}.quest-mark{flex:0 0 14px}@media (max-height:520px){.hud-quest{width:172px;padding:3px 5px 4px;font-size:11px}.hud-buffs{max-width:172px}.buff{width:22px;height:22px}.qt-req{grid-template-columns:18px minmax(0,1fr) auto 12px;min-height:24px}.qt-icon{width:18px;height:18px}.hud-cast{bottom:calc(max(6px, env(safe-area-inset-bottom)) + 76px);width:170px}.eq-doll{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr)}.npc-service-list{max-height:calc(30 * var(--vh1,1vh))}.npc-choices .btn{min-height:44px;padding:4px 8px;font-size:13px}.shop-tab{min-height:44px}}@media (max-height:520px) and (max-width:760px){.hud-cast{left:auto;right:max(8px, env(safe-area-inset-right));transform:none}}@media (prefers-reduced-motion:reduce){.buff.is-ending{animation:none}}.panel-shop .shop-list{max-height:min(calc(56 * var(--vh1,1vh)), 460px);overscroll-behavior:contain;padding-right:2px;overflow-y:auto}@media (max-height:520px){.panel-shop .shop-list{max-height:calc(38 * var(--vh1,1vh))}}.shop-row-cmp{color:var(--tx-green,#8fd06a);font-size:11px;font-weight:700;display:block}.shop-row-cmp.is-down{color:var(--tx-red,#ff8a7a)}.inv-worn-line{width:100%;min-height:44px;margin:6px 0 0;font-size:13px}.eq-slot.is-flash{animation:1.4s ease-out eq-flash}@keyframes eq-flash{0%,40%{box-shadow:0 0 0 3px var(--cl-gold-sh95,#ffe082f2), 0 0 18px 4px var(--cl-gold-sh70,#ffd25ab3);background-color:var(--cl-gold-t30,#ffe08247)}to{box-shadow:none}}@media (prefers-reduced-motion:reduce){.eq-slot.is-flash{box-shadow:0 0 0 2px var(--cl-gold-sh95,#ffe082f2);animation:none}}.eq-aura-icon{color:var(--tx-blue,#8fe3ff);place-items:center;font-size:20px;display:grid}.eq-aura-picker{flex-wrap:wrap;gap:6px;display:flex}.eq-aura-picker .panel-hint{margin:0}.eq-aura-btn{min-height:44px}.eq-sets{gap:4px;margin-top:8px;display:grid}.eq-sets:empty{display:none}.eq-sets-title{color:var(--tx-dim,#bdb4a2);margin:0;font-size:12px}.eq-set{border-left:3px solid var(--set-tint,#c4b070);background:#ffffff0a;gap:1px;padding:4px 8px;font-size:12px;display:grid}.eq-set-name{color:color-mix(in srgb, var(--set-tint,#c4b070) 45%, var(--tx-hi,#fff))}.eq-set-lines{color:var(--tx-gold,#e6dfcf)}.shop-head{flex-wrap:wrap}.shop-filters{flex:auto;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:inline-flex}@media (max-height:520px){.gwin-sheet:has(.panel-shop) .gwin-header{min-height:0;padding-top:4px;padding-bottom:4px}.panel-shop .shop-note{display:none}.panel-shop .shop-head{margin-bottom:2px}.panel-shop .cat-chips{margin:2px 0 4px}}.hud-story .qt-badge{color:#0c2038;background:radial-gradient(circle at 40% 35%,#d8ecff,#6fb4ff 55%,#2a62a8)}.story-section{border-bottom:1px solid #ffffff1f;margin-bottom:12px;padding-bottom:8px}.story-list>summary{cursor:pointer;min-height:44px;color:var(--gold-2);align-items:center;display:flex}.story-chapter.is-done{opacity:.7}.story-chapter.is-current{color:var(--gold-2);font-weight:700}.story-chapter.is-next,.story-chapter.is-locked{opacity:.85}.story-gate{opacity:.7;white-space:nowrap}.npc-quest-line.is-story{border-left:3px solid #6fb4ff;padding-left:8px}.story-pick.is-selected{box-shadow:0 0 0 2px var(--gold-2)}.skill-card-head{color:var(--tx-gold,#e8d9a8);margin:6px 0 0;font-size:12px;font-weight:700}.skill-card-line{color:var(--tx-blue,#d8dce8);margin:2px 0 0;font-size:12px;line-height:1.5}.skill-card-part{white-space:nowrap}.skill-card-num{color:var(--tx-hi,#fff)}.skill-card-num.is-up{color:var(--tx-green,#7fe08a)}.skill-card-max{color:var(--tx-dim,#9aa3b8);font-weight:600}.src-link{font:inherit;color:var(--tx-gold,#ffd98a);border:0;border-bottom:1px dashed var(--cl-gold-ln,#ffd98ab3);cursor:pointer;text-align:left;background:0 0;padding:0;font-weight:700}.src-link:hover{color:var(--tx-gold,#fff2c8);border-bottom-style:solid}.is-touch .src-link,.screen-game.is-touch .src-link{text-underline-offset:3px;border-bottom:0;min-height:44px;padding:0 4px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.panel-sources{flex-direction:column;gap:6px;font-size:13px;display:flex}.src-inner{flex-direction:column;gap:6px;display:flex}.src-head{align-items:center;gap:8px;display:flex}.src-icon{flex:0 0 36px;width:36px;height:36px}.src-head-text{flex-direction:column;flex:1;min-width:0;display:flex}.src-name{font-size:15px}.src-have.is-short{color:var(--danger,#ff8a7a)}.src-have.is-ok{color:var(--tx-green,#9fe6a0)}.src-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.src-row{background:var(--lt-shade30,#00000047);border:1px solid var(--cl-gold-ln20,#c9a24a38);border-radius:6px;align-items:center;gap:8px;padding:5px 6px;display:flex}.src-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.src-row-top{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.src-pct{color:var(--tx-green,#9fe6a0)}.src-qty,.src-row-sub{color:var(--tx-dim,#b8b0a0);font-size:11px}.src-tag{color:#2a1606;background:var(--cl-gold-bg,#f2c046);border-radius:3px;padding:0 5px;font-size:10px;font-weight:800}.src-tag.tag-mvp{background:#ff9a7a}.src-tag.tag-rare{background:#b8a0ff}.src-row-actions{flex-direction:column;flex:none;gap:4px;display:flex}.src-btn{white-space:nowrap;padding:2px 10px;font-size:12px}.panel-sources.is-touch .src-btn{min-width:64px;font-size:13px}.panel-sources.is-touch .src-row-actions{flex-flow:wrap;justify-content:flex-end;max-width:48%}.src-other-text{font-size:12px}.src-none{margin:4px 0}.hud-goal.hud-metal{pointer-events:auto;border-radius:10px;align-items:stretch;width:256px;padding:4px 6px;font-size:12px;display:flex;position:relative}.hud-goal[hidden]{display:none}.hud-goal .gt-body{min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:0;display:flex}.hud-goal .gt-icon{flex:0 0 28px;width:28px;height:28px;display:block}.hud-goal .gt-icon-img{width:28px;height:28px}.hud-goal .gt-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hud-goal .gt-title{letter-spacing:.03em;color:var(--trim-hi,#f2d98a);font-size:10px}.hud-goal .gt-line{color:var(--tx-gold,#fff4d6);gap:6px;font-weight:800;display:flex}.hud-goal .gt-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hud-goal .gt-count{color:var(--tx-gold,#ffd98a);flex:none}.hud-goal.is-done .gt-count{color:var(--tx-green,#7dffa0)}.hud-goal .gt-bar{background:var(--lt-shade55,#0000008c);border-radius:3px;height:5px;display:block;overflow:hidden}.hud-goal .gt-fill{background:linear-gradient(90deg, var(--cl-gold-bg,#d9a43a), var(--cl-gold-bg,#f2c046));width:0;height:100%;transition:width .25s;display:block}.hud-goal .gt-note{color:var(--tx-green,#7dffa0);font-weight:800}.hud-goal .gt-note[hidden]{display:none}.hud-goal.is-done{border-color:#7dffa0;box-shadow:inset 0 0 0 1px #a0ffbe73,0 0 12px #7dffa080}.hud-goal.is-done .gt-fill{background:linear-gradient(90deg,#3c8a5a,#7dffa0)}.hud-goal .gt-close{width:24px;height:24px;font:inherit;color:var(--trim-hi,#f2d98a);background:linear-gradient(180deg, var(--lt-panel,#363b46), var(--lt-panel,#16181e));border:1px solid var(--trim,#c9a24a);cursor:pointer;border-radius:50%;flex:0 0 24px;align-self:flex-start;padding:0;font-size:13px;font-weight:800;line-height:1}.hud-goal .gt-close:hover{color:#fff;background:linear-gradient(180deg, #3c8a5a, var(--lt-panel,#1a3a28))}.hud-goal.is-compact{width:240px}.hud-goal.is-compact .gt-note{white-space:nowrap;font-size:11px}.hud-goal.is-compact .gt-bar,.hud-goal.is-compact .gt-title{display:none}.screen-game.is-touch .hud-goal .gt-close{flex-basis:44px;align-self:center;width:44px;height:44px}.screen-game.is-touch .hud-goal .gt-body{min-height:44px}.src-hint{color:var(--tx-dim,#b8b0a0);margin-top:2px;font-size:11px;display:block}.cm-mail-head .src-link,.shop-row-text .src-link{align-self:flex-start}.panel-stage{flex-direction:column;gap:6px;font-size:13px;display:flex}.sd-intro{color:var(--paper-dim);margin:0}.sd-facts{flex-wrap:wrap;gap:6px;display:flex}.sd-chip{background:var(--cl-gold-t15,#d8a94a29);border:1px solid var(--cl-gold-ln45,#d8a94a73);color:var(--gold-2);border-radius:999px;padding:3px 9px;font-size:12px}.sd-h{color:var(--gold-2);margin:6px 0 0;font-size:13px}.sd-line{margin:0}.sd-note{color:var(--paper-dim);margin:0;font-size:12px}.sd-note.is-warn{color:var(--tx-red,#ffb4a0)}.sd-stages{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sd-stage{background:var(--lt-shade30,#00000047);border-left:3px solid var(--gold);border-radius:6px;flex-direction:column;padding:5px 9px;display:flex}.sd-stage.is-leader{border-left-color:var(--cl-gold-ln,#e2a03f)}.sd-stage.is-boss{border-left-color:var(--vermilion-2)}.sd-stage small{color:var(--paper-dim);font-size:11px;line-height:1.35}.sd-rewards{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sd-coin{background:var(--lt-shade35,#00000059);color:var(--gold-2);border-radius:6px;padding:3px 9px;font-weight:700}.sd-reward{background:var(--lt-shade35,#00000059);border-radius:6px;width:40px;height:40px;display:inline-flex;position:relative}.sd-reward-icon{width:40px;height:40px}.sd-reward i{background:var(--lt-panel,#14111ceb);color:var(--gold-2);border-radius:4px;padding:0 3px;font-size:11px;font-style:normal;font-weight:700;position:absolute;bottom:-2px;right:-2px}.sd-party{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.sd-party li{background:var(--lt-shade30,#00000047);border-radius:6px;justify-content:space-between;gap:6px;padding:3px 8px;display:flex}.sd-party small{color:var(--paper-dim)}.sd-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.sd-actions .btn{min-height:var(--tap);min-width:96px}.sd-ready{z-index:40;background:var(--lt-panel,#181422f2);border:1px solid var(--line);width:min(360px,100vw - 32px);color:var(--paper);box-shadow:0 8px 30px var(--lt-sh55,#0000008c);border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sd-ready[hidden]{display:none}.sd-ready-title{color:var(--gold-2);font-size:16px}.sd-ready-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.sd-ready-list li{background:var(--lt-shade30,#0000004d);border-radius:6px;justify-content:space-between;padding:4px 9px;display:flex}.sd-ready-list li.is-ready small{color:var(--tx-green,#8fe0a8)}.sd-ready-list li.is-no small{color:var(--tx-red,#ffb4a0)}.sd-ready-list li.is-wait small{color:var(--paper-dim)}.sd-fmt{flex-direction:column;gap:2px;margin-top:2px;display:flex}.sd-fmt[hidden]{display:none}.sd-fmt-line{font-variant-numeric:tabular-nums;color:var(--paper);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.sd-fmt-bar{background:var(--lt-shade50,#00000080);border-radius:4px;height:7px;display:block;overflow:hidden}.sd-fmt-fill{background:#5fa585;width:0;height:100%;transition:width .25s linear;display:block}.sd-fmt[data-kind=timed] .sd-fmt-fill{background:var(--cl-gold-bg,#d8a94a)}.sd-fmt[data-tone=warn] .sd-fmt-fill{background:var(--cl-gold-bg,#e2a03f)}.sd-fmt[data-tone=low] .sd-fmt-fill,.sd-fmt[data-tone=late] .sd-fmt-fill{background:#e0573f}.sd-fmt[data-tone=low] .sd-fmt-line{color:var(--tx-red,#ff9a7a);animation:1s ease-in-out infinite sd-pulse}.sd-fmt[data-tone=late] .sd-fmt-line{color:var(--tx-red,#ffb4a0)}.sd-bar[data-tone=low]{border-color:#e0573fe6}.sd-hud{z-index:6;position:absolute;inset:0;pointer-events:none!important}.sd-bar{top:calc(max(8px, env(safe-area-inset-top)) + 44px);background:var(--lt-panel,#181424e0);border:1px solid var(--line);min-width:250px;max-width:min(440px,100vw - 460px);color:var(--paper);pointer-events:auto;border-radius:10px;align-items:center;gap:10px;padding:5px 8px 5px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.sd-bar[hidden]{display:none}.sd-bar[data-kind=leader]{border-color:var(--cl-gold-ln,#e2a03fcc)}.sd-bar[data-kind=boss]{background:var(--lt-panel,#341210e0);border-color:#e2603fe6}.sd-bar-text{flex-direction:column;flex:1;min-width:0;display:flex}.sd-bar-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sd-bar-sub{color:var(--gold-2);font-size:12px}.sd-bar-party{gap:3px;margin-top:2px;display:flex}.sd-pm{text-align:center;background:#5fa58559;border:1px solid #5fa585b3;border-radius:4px;min-width:22px;padding:0 4px;font-size:10px;line-height:15px;overflow:hidden}.sd-pm.is-down{background:#e0573f66;border-color:#e0573fe6}.sd-pm.is-away{opacity:.45;border-style:dashed}.sd-bar-clock{font-variant-numeric:tabular-nums;color:var(--gold-2);font-size:20px;font-weight:800}.sd-bar-clock.is-low{color:var(--tx-red,#ff9a7a);animation:1s ease-in-out infinite sd-pulse}.sd-leave{min-height:var(--tap);flex:none;min-width:56px}.sd-banner{background:var(--lt-panel,#14111cd1);border:1px solid var(--cl-gold-ln60,#d8a94a99);color:var(--gold-2);text-align:center;white-space:nowrap;border-radius:12px;padding:8px 22px;font-size:24px;font-weight:800;position:absolute;top:38%;left:50%;transform:translate(-50%)}.sd-banner[hidden]{display:none}@keyframes sd-pulse{50%{opacity:.55}}.sd-result{z-index:41;width:min(380px,100vw - 32px);max-height:calc(var(--vh1,1vh) * 90);background:var(--lt-panel,#181422f5);border:1px solid var(--line);color:var(--paper);box-shadow:0 8px 30px var(--lt-sh55,#0000008c);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.sd-result[hidden]{display:none}.sd-result-title{color:var(--gold-2);font-size:20px}.sd-result[data-outcome=clear] .sd-result-title{text-shadow:0 0 12px #ffd25ab3}.sd-result:not([data-outcome=clear]) .sd-result-title{color:var(--tx-red,#ffb4a0)}.sd-result-rows{margin:0;padding:0 0 0 18px;font-size:13px}@media (max-height:480px){.sd-bar{top:calc(max(6px, env(safe-area-inset-top)) + 36px);gap:6px;min-width:210px;max-width:calc(100vw - 380px);padding:3px 6px 3px 9px}.sd-bar-title{font-size:12px}.sd-bar-clock{font-size:17px}.is-touch .sd-bar{top:66px}.sd-banner{font-size:19px;top:34%}.sd-result{gap:4px;padding:10px 12px}.sd-result-title{font-size:17px}}.sd-tiers{gap:6px;display:flex}.sd-tier{border:1px solid var(--cl-gold-ln45,#d8a94a73);background:var(--lt-shade30,#0000004d);min-width:0;min-height:48px;color:var(--paper);font:inherit;cursor:pointer;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:4px 6px;display:flex}.sd-tier-name{color:var(--gold-2);font-size:14px}.sd-tier small{color:var(--paper-dim);font-size:11px;line-height:1.25}.sd-tier.is-on{background:var(--cl-gold-t20,#d8a94a38);border-color:var(--gold-2);box-shadow:0 0 0 1px var(--cl-gold-sh50,#f0c86480) inset}.sd-tier.is-locked{filter:grayscale();opacity:.6}.sd-tier.is-locked .sd-tier-name{color:var(--paper-dim)}.sd-detail{flex-direction:column;gap:6px;min-width:0;display:flex}.sd-tier-desc{color:var(--paper);margin:0;font-size:12px;line-height:1.4}.sd-party li.is-low{background:#e0573f38}.sd-party li.is-low small{color:var(--tx-red,#ffb4a0)}.sd-party li.is-ok small{color:var(--tx-green,#8fe0a8)}.sd-moves{flex-wrap:wrap;gap:5px;display:flex}.sd-move{color:var(--tx-red,#ffc9b8);background:#e2603f24;border-color:#e2603f99}.sd-helper{background:#e0573f29;border-radius:6px;padding:5px 8px}.is-touch .panel-stage:has(.sd-tiers){grid-template-columns:124px minmax(0,1fr);align-items:start;column-gap:10px;display:grid}.is-touch .panel-stage:has(.sd-tiers)>.sd-intro{grid-column:1/-1}.is-touch .panel-stage:has(.sd-tiers)>.sd-tiers{flex-direction:column;grid-area:2/1;position:sticky;top:0}.is-touch .panel-stage:has(.sd-tiers)>.sd-locked-note{grid-area:3/1}.is-touch .panel-stage:has(.sd-tiers)>.sd-detail{grid-area:2/2/span 3}.is-touch .sd-tier{flex:none;min-height:48px}.is-touch .sd-actions .btn{min-height:48px}.panel-storage.gwin-body{flex-direction:column;gap:8px;display:flex;overflow:hidden auto}.panel-storage>*{flex:none}.panel-storage .sto-panes{flex:auto;min-height:176px}.sto-head{flex-direction:column;gap:8px;display:flex}.sto-top{align-items:center;gap:8px;display:flex}.sto-search{text-align:left;flex:auto;width:auto;min-width:0}.sto-slots{color:var(--tx-gold,#ffe9a8);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:700}.sto-slots.is-full{color:var(--tx-red,#ff9a8a)}.sto-panes{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;gap:8px;display:grid}.sto-pane{border:1px solid var(--cl-gold-ln25,#d8a94a40);background:var(--lt-shade20,#0000002e);border-radius:8px;flex-direction:column;min-width:0;min-height:0;padding:6px;display:flex}.sto-pane[hidden]{display:none}.sto-pane.is-drop{border-color:var(--cl-gold-ln,#ffe27a);box-shadow:0 0 0 2px var(--cl-gold-sh40,#ffe27a66)}.sto-pane-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.sto-sort-btn{flex:none;min-height:30px;padding:2px 10px;font-size:12px}.sto-worn-note{flex:none;margin:4px 0 0;font-size:11px}.sto-worn-note[hidden]{display:none}.sto-grid{min-height:96px;max-height:min(calc(42 * var(--vh1,1vh)), 300px);overscroll-behavior:contain;flex:auto;align-content:start;overflow-y:auto}.sto-empty{grid-column:1/-1}.sto-foot{flex-direction:column;flex:none;gap:6px;display:flex}.sto-tab-tools{align-items:center;margin-left:auto;display:flex}.sto-coinbox{flex-direction:column;gap:6px;display:flex}.sto-coinbox[hidden],.sto-bar[hidden],.sto-panes[hidden]{display:none}.sto-coins-info{color:var(--tx-gold,#ffe9a8);flex-wrap:wrap;gap:4px 16px;font-size:13px;display:flex}.sto-coin-row{align-items:center;gap:6px;display:flex}.sto-coin-input{text-align:right;flex:90px;width:auto;min-width:0}.sto-btn{min-width:44px;min-height:44px}.sto-bar{background:var(--lt-panel,#14111cf5);border:1px solid var(--line,#d8a94a4d);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:6px 8px;display:flex}.sto-sel{overflow-wrap:anywhere;flex:140px;min-width:0;font-weight:700}.panel-storage.is-touch .sto-panes{grid-template-columns:1fr}.panel-storage.is-touch{gap:6px}.panel-storage.is-touch .sto-pane-head{display:none}.panel-storage.is-touch .sto-grid{max-height:none}.panel-storage.is-touch .sto-panes{min-height:134px}.panel-storage.is-touch .sto-sort-btn{min-width:44px;min-height:44px}.panel-storage.is-touch .panel-hint{margin:0}.panel-storage.is-touch .sto-head{gap:6px}.panel-storage.is-touch .sto-tabs{flex:1 0 100%;align-items:center;gap:6px;margin:0;display:flex}.panel-storage.is-touch .sto-head{flex-flow:wrap;align-items:center}.panel-storage.is-touch .sto-head>.sto-tabs{order:-1}.panel-storage.is-touch .sto-top{flex:200px;min-width:0}.panel-storage.is-touch .sto-head>.chips,.panel-storage.is-touch .sto-head>.cat-chips{flex:0 auto}.panel-storage.is-touch .sto-foot{gap:4px}.gwin-sheet:has(.panel-storage){max-height:calc(96 * var(--vh1,1vh))}.is-touch .sto-tabs .shop-tab{min-height:44px}@media (max-width:640px){.sto-panes{grid-template-columns:1fr}}.panel-trade{flex-direction:column;gap:8px;display:flex;overflow:hidden}.panel-trade>*{flex:none}.panel-trade>.trd-scroll{overscroll-behavior:contain;flex:auto;min-height:0;overflow:hidden auto}.trd-main{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:8px;display:grid}@media (max-height:760px),(max-width:900px){.trd-main{grid-template-columns:minmax(0,1fr)}}.trd-foot{flex-direction:column;gap:4px;padding-top:2px;display:flex}.trd-bagpane{gap:6px}.trd-bagtools{align-items:center;gap:6px;display:flex}.trd-bagtools .sto-search{flex:auto}.trd-safety{border:1px solid var(--cl-gold-ln50,#ffbe5a80);background:var(--lt-shade35,#5a370a59);color:var(--tx-gold,#ffe2a0);border-radius:8px;margin:0;padding:6px 8px;font-size:13px;font-weight:700}.trd-offers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trd-offers[hidden],.trd-bagpane[hidden]{display:none}.trd-pane{flex-direction:column;gap:4px;display:flex}.trd-pane.is-locked{border-color:#7bd88f}.trd-pane.is-changed{border-color:#ff9a5a;animation:.9s ease-in-out 3 trd-flash}@keyframes trd-flash{50%{box-shadow:0 0 0 3px #ff9a5a99}}.trd-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.trd-head b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.trd-chip{color:var(--tx-hi,#d8d0bf);background:#ffffff1f;border-radius:999px;flex:none;padding:1px 8px;font-size:12px;font-weight:700}.trd-chip.is-locked{color:var(--tx-green,#aef0bd);background:#7bd88f40}.trd-chip.is-confirmed{color:#12301a;background:#7bd88f}.trd-slots{color:var(--tx-hi,#cfc6b4);font-size:12px}.trd-grid{grid-template-columns:repeat(5,minmax(44px,1fr));gap:4px;display:grid}.trd-grid .inv-cell{min-width:44px;min-height:44px}.trd-mine{cursor:pointer}.trd-card-mark{color:var(--tx-blue,#8fd7ff);text-shadow:0 0 2px var(--lt-tsh,#000);font-size:11px;line-height:1;position:absolute;bottom:1px;left:2px}.trd-offered-mark{color:var(--tx-green,#7bd88f);text-shadow:0 0 2px var(--lt-tsh,#000);font-size:13px;font-weight:800;position:absolute;top:1px;right:2px}.inv-cell.is-offered{outline-offset:-2px;outline:2px solid #7bd88f}.trd-lines{overscroll-behavior:contain;flex-direction:column;gap:3px;max-height:120px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.trd-line{background:var(--lt-shade25,#00000040);overflow-wrap:anywhere;border-radius:6px;flex-direction:column;padding:3px 6px;font-size:12px;display:flex}.trd-line b{font-size:13px}.trd-line-detail{overflow-wrap:anywhere;color:var(--tx-gold,#ffe9a8)}.trd-empty{margin:0;font-size:12px}.trd-coin{color:var(--tx-gold,#ffe9a8);font-variant-numeric:tabular-nums;margin:0;font-size:13px;font-weight:700}.trd-coin-row{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.trd-coin-input{text-align:right;flex:80px;width:auto;min-width:0}.trd-bag{min-height:154px;max-height:clamp(154px, calc(48 * var(--vh1,1vh)), 340px);overscroll-behavior:contain;align-content:start;overflow-y:auto}.trd-bag .inv-cell{min-width:44px;min-height:44px}.trd-status{min-height:18px;color:var(--tx-green,#aef0bd);margin:0;font-size:13px;font-weight:700}.trd-actions{flex-wrap:wrap;gap:8px;display:flex}.trd-btn{flex:110px;min-height:44px}.panel-trade.is-touch .trd-safety{padding:4px 6px;font-size:12px}.panel-trade.is-touch .panel-hint{display:none}.panel-trade.is-touch .trd-lines{max-height:64px}.panel-trade.is-touch .trd-bag{min-height:0;max-height:none}.panel-trade.is-touch .trd-bagpane{gap:4px;padding:4px}.panel-trade.is-touch .trd-bagpane .sto-bar{position:sticky;bottom:0}.is-touch .trd-bagpane .sto-pane-head{display:none}@media (max-width:640px){.trd-offers{grid-template-columns:1fr 1fr}}.panel-trade.is-touch{gap:4px}.panel-trade.is-touch .trd-safety,.panel-trade.is-touch .trd-slots{display:none}.panel-trade.is-touch .trd-pane{gap:3px;padding:4px}.panel-trade.is-touch .sto-pane-head{margin-bottom:0;font-size:12px}.panel-trade.is-touch .trd-status{min-height:0;font-size:12px}.panel-trade.is-touch .trd-coin-row .panel-hint{display:none}.panel-trade.is-touch .trd-bagtools .sto-search{flex:0 0 150px;width:150px}.panel-trade.is-touch .trd-bagtools .cat-chips{flex:1 1 0;min-width:0;margin:0}.panel-trade.is-touch .trd-bagtools .cat-chips-row{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.panel-trade.is-touch .trd-bagtools .cat-chips-row::-webkit-scrollbar{display:none}.gwin-sheet:has(.panel-trade){max-height:calc(96 * var(--vh1,1vh))}.panel-market{flex-direction:column;gap:8px;min-width:0;display:flex}.mkt-tabs{gap:4px;display:flex}.mkt-pane{flex-direction:column;gap:8px;min-width:0;display:flex}.mkt-btn{min-height:44px;padding:0 14px}.mkt-status{min-height:0;color:var(--tx-gold,#ffe9a8);margin:0;font-size:13px}.mkt-status:empty{display:none}.mkt-mail-note{color:var(--tx-hi,#cfc6b4);margin:0;font-size:12px}.mkt-filters{flex-direction:column;gap:6px;display:flex}.mkt-searchrow{align-items:center;gap:6px;display:flex}.mkt-search{text-align:left;flex:auto;width:auto;min-width:0;min-height:44px}.mkt-filterbox{border:1px solid var(--cl-gold-ln25,#d8a94a40);background:var(--lt-shade20,#0000002e);border-radius:8px;flex-direction:column;gap:6px;padding:6px;display:flex}.mkt-chips{flex-wrap:wrap;gap:4px;display:flex}.mkt-chip{min-height:36px;font:inherit;color:var(--paper-dim,#cfc6b4);border:1px solid var(--cl-gold-ln30,#d8a94a4d);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:0 12px;font-size:13px;font-weight:700}.mkt-chip.is-active{color:#1a1420;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#d8a94a))}.mkt-selects{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:6px;display:grid}.mkt-select{min-width:0;min-height:40px;font:inherit;color:var(--tx-gold,#f1ead8);background:var(--lt-panel,#2a2230);border:1px solid var(--cl-gold-ln35,#d8a94a59);border-radius:6px;padding:0 6px;font-size:13px}.mkt-prices{align-items:center;gap:6px;display:flex}.mkt-num{flex:1 1 0;width:auto;min-width:0;min-height:40px}.mkt-split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:8px;display:grid}.mkt-left{flex-direction:column;gap:6px;min-width:0;display:flex}.mkt-list{flex-direction:column;gap:4px;max-height:340px;padding-right:2px;display:flex;overflow-y:auto}.mkt-row{border:1px solid var(--cl-gold-ln25,#d8a94a40);background:var(--lt-shade20,#0003);cursor:pointer;border-radius:8px;flex:none;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:56px;padding:6px 8px;display:grid}.mkt-row:hover,.mkt-row:focus-visible{border-color:var(--cl-gold-ln,#ffe27ab3);outline:none}.mkt-row.is-selected{border-color:var(--cl-gold-ln,#ffe27a);background:var(--cl-gold-t15,#d8a94a29)}.mkt-row.is-mine{border-left:3px solid #7bd88f}.mkt-row>.mkt-actions,.mkt-row>.mkt-confirm{grid-column:1/-1}.mkt-icon{width:44px;min-width:44px;height:44px;position:relative}.mkt-main{flex-direction:column;gap:1px;min-width:0;display:flex}.mkt-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mkt-detail-line{overflow-wrap:anywhere;white-space:normal;min-width:0;color:var(--tx-blue,#aee0ff);font-size:12px}.mkt-seller{color:var(--tx-hi,#cfc6b4);font-size:12px}.mkt-side{text-align:right;flex-direction:column;align-items:flex-end;gap:1px;display:flex}.mkt-price{color:var(--tx-gold,#ffe27a);font-variant-numeric:tabular-nums;font-size:15px}.mkt-unit,.mkt-time{color:var(--tx-hi,#cfc6b4);font-size:11px}.mkt-pager{justify-content:space-between;align-items:center;gap:6px;display:flex}.mkt-pageinfo{color:var(--tx-hi,#cfc6b4);text-align:center;font-size:12px}.mkt-detail{border:1px solid var(--cl-gold-ln25,#d8a94a40);background:var(--lt-shade20,#0000002e);border-radius:8px;flex-direction:column;gap:8px;min-width:0;max-height:420px;padding:6px;display:flex;overflow-y:auto}.mkt-back{min-height:44px;font:inherit;color:var(--tx-gold,#ffe9a8);border:1px solid var(--cl-gold-ln40,#d8a94a66);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:0 12px;font-weight:700;display:none}.mkt-facts{color:var(--tx-hi,#cfc6b4);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.mkt-stats{background:#3c5a8c38;border-radius:6px;flex-direction:column;gap:2px;padding:6px 8px;font-size:12px;display:flex}.mkt-compare.is-up{color:var(--tx-red,#ff9a8a)}.mkt-compare.is-down{color:var(--tx-green,#aef0bd)}.mkt-buyrow{flex-direction:column;gap:6px;display:flex}.mkt-buy{min-height:48px;font-size:16px}.mkt-coin{color:var(--tx-hi,#cfc6b4);font-size:12px}.mkt-coin.is-short{color:var(--tx-red,#ff9a8a)}.mkt-note{color:var(--tx-hi,#cfc6b4);margin:0;font-size:12px}.mkt-confirm{border:1px solid var(--cl-gold-ln50,#ffbe5a80);background:var(--lt-shade35,#5a370a59);border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.mkt-confirm p{margin:0}.mkt-actions{justify-content:flex-end;gap:6px;display:flex}.mkt-hint{text-align:center}.mkt-sell{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:8px;display:grid}.mkt-sellbag{flex-direction:column;gap:4px;display:flex}.mkt-bag{grid-template-columns:repeat(6,minmax(44px,1fr));gap:4px;display:grid}.mkt-bag .inv-cell{min-width:44px;min-height:44px}.mkt-form{flex-direction:column;gap:8px;max-height:420px;display:flex;overflow-y:auto}.mkt-qtyrow{justify-content:space-between;align-items:center;gap:8px;display:flex}.mkt-priceinput{text-align:right;width:100%;min-height:44px;font-size:16px;font-weight:700}.mkt-pricerow{align-items:stretch;gap:6px;display:flex}.mkt-pricerow .mkt-priceinput{flex:auto;min-width:0}.mkt-suggest{flex:none}.mkt-slider{accent-color:#e0b84c;width:100%;min-height:44px;margin:0}.mkt-appraise{color:var(--tx-gold,#ffe9a8)}.mkt-badge{color:var(--tx-green,#e8ffd9);background:#3c6b3a;border-radius:10px;align-self:flex-start;padding:1px 8px;font-size:12px;font-weight:700}.mkt-quote{flex-direction:column;gap:2px;font-size:13px;display:flex}.mkt-hintline{color:var(--tx-hi,#cfc6b4);font-size:12px}.mkt-fee{color:var(--tx-orange,#ffb98a)}.mkt-net{color:var(--tx-green,#aef0bd)}.mkt-go{min-height:48px}.mkt-slots{color:var(--tx-gold,#ffe9a8);margin:0;font-size:13px;font-weight:700}.mkt-warn{color:var(--tx-gold,#ffd2a8);background:#6e321459;border:1px solid #ff9a5a80;border-radius:8px;margin:0;padding:6px 8px;font-size:13px}.panel-market.is-touch .mkt-split{grid-template-columns:minmax(0,1fr)}.panel-market.is-touch .mkt-split.has-detail .mkt-left,.panel-market.is-touch .mkt-split:not(.has-detail) .mkt-detail{display:none}.panel-market.is-touch .mkt-back{align-items:center;display:inline-flex}.panel-market.is-touch .mkt-list,.panel-market.is-touch .mkt-detail,.panel-market.is-touch .mkt-form{max-height:none}@media (max-width:639px){.panel-market.is-touch .mkt-sell{grid-template-columns:minmax(0,1fr)}}.panel-market.is-touch .mkt-chip,.panel-market.is-touch .mkt-select,.panel-market.is-touch .mkt-num{min-height:44px}.panel-premium{flex-direction:column;gap:8px;min-height:0;display:flex}.gwin-body:has(>.panel-premium){flex-direction:column;display:flex;overflow:hidden}.gwin-body>.panel-premium{flex:auto}.panel-premium>.pm-top,.panel-premium>.pm-test,.panel-premium>.pm-tabs{flex:none}.panel-premium>.pm-tabs{scrollbar-width:none;overflow-x:auto}.pm-tabs .shop-tab{white-space:nowrap;flex:1 0 auto;min-width:0;min-height:44px;padding:0 8px}.pm-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pm-gems{color:var(--tx-blue,#8fe3ff);font-variant-numeric:tabular-nums;font-size:18px}.pm-vip{color:var(--paper-dim);font-size:13px}.pm-vip.is-on{color:var(--tx-gold,#ffd86b);font-weight:700}.pm-test{border:1px dashed var(--cl-gold-ln,#c8a24a);color:var(--tx-gold,#ffe9a8);background:var(--cl-gold-t10,#c8a24a1f);border-radius:8px;margin:0;padding:6px 10px;font-size:12px}.pm-content{min-height:0;max-height:min(calc(70 * var(--vh1,1vh)), 520px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;padding-bottom:4px;display:flex;overflow-y:auto}.pm-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.pm-card{border:1px solid var(--line);background:var(--lt-shade20,#00000038);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex}.pm-name{color:var(--paper);font-weight:700}.pm-price{color:var(--tx-blue,#8fe3ff);align-items:baseline;gap:6px;display:flex}.pm-price s{color:var(--paper-dim);font-size:12px}.pm-owned{color:var(--tx-green,#9fe3a8);font-size:12px}.pm-btn{min-width:96px;min-height:44px}.pm-pack-gems{color:var(--tx-blue,#8fe3ff);font-size:20px}.pm-badge{color:#3a1405;background:var(--cl-gold-bg-hi,#ffd86b);border-radius:999px;align-self:stretch;padding:2px 8px;font-size:12px;font-weight:700}.pm-badge.is-empty{visibility:hidden}.pm-order{border:1px solid var(--cl-gold-ln,#c8a24a);background:var(--cl-gold-t10,#c8a24a1a);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.pm-order.is-paid{background:#6cc48a1f;border-color:#6cc48a}.pm-order.is-expired,.pm-order.is-cancelled{opacity:.7}.pm-order-left{font-variant-numeric:tabular-nums;color:var(--tx-gold,#ffe9a8)}.pm-perks{color:var(--paper);margin:0;padding-left:18px}.pm-row{gap:8px;display:flex}.pm-history{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pm-history li{border-bottom:1px solid var(--line);grid-template-columns:88px 1fr auto;gap:8px;padding:4px 6px;font-size:13px;display:grid}.pm-h-at{color:var(--paper-dim);font-variant-numeric:tabular-nums}.pm-h-plus{color:var(--tx-green,#8fe3a8)}.pm-h-minus{color:var(--tx-red,#ff9a8a)}.pm-order-pay{color:var(--tx-gold,#ffe9a8);font-variant-numeric:tabular-nums;font-size:22px}.pm-qr{width:220px;max-width:60vw;height:auto;image-rendering:pixelated;border-radius:6px;align-self:center}.pm-slip{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.pm-slip-ok{color:var(--tx-green,#9fe3a8);margin:0;font-weight:700}.pm-slip-bad{color:var(--tx-red,#ff9a8a);margin:0}.pm-art{width:72px;height:56px;image-rendering:pixelated}.pm-art-aura{background:radial-gradient(ellipse at 50% 85%, #ffffff14, var(--lt-shade25,#00000040));border-radius:8px;width:96px;height:96px}.pm-art-item{width:44px;height:44px}.pm-card{position:relative}.pm-price:has(.pm-perday){flex-wrap:wrap;justify-content:center}.pm-price .pm-perday{color:var(--paper-dim,#c9bc9a);flex-basis:100%;font-size:11px}.pm-card.is-best{border-color:var(--cl-gold-ln,#f2c046);box-shadow:0 0 0 1px var(--cl-gold-sh50,#f2c04680)}.pm-best{color:#3a2a10;background:var(--cl-gold-bg,#f2c046);border-radius:8px;padding:1px 8px;font-size:11px;font-weight:700;position:absolute;top:-8px;right:-6px}.pmc-overlay{z-index:4000;background:var(--lt-shade65,#08060ea8);justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}.pmc-card{width:min(420px,100%);max-height:calc(calc(100 * var(--vh1,1vh)) - 16px);box-sizing:border-box;border:1px solid var(--line);background:linear-gradient(180deg, var(--lt-panel,#2a2236), var(--lt-panel,#1a1524));color:var(--paper);box-shadow:0 8px 30px var(--lt-sh60,#0009);border-radius:10px;padding:14px 16px;overflow-y:auto}.pmc-title{font-family:var(--font-title);color:var(--gold-2);margin:0 0 8px;font-size:18px}.pmc-body{align-items:flex-start;gap:12px;display:flex}.pmc-art{flex:0 0 64px;justify-content:center;align-items:center;display:flex}.pmc-art>*{max-width:64px;max-height:64px}.pmc-info{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.pmc-name{overflow-wrap:anywhere;font-size:17px}.pmc-row{color:var(--paper-dim);justify-content:space-between;gap:8px;font-size:14px;display:flex}.pmc-val{color:var(--paper);font-variant-numeric:tabular-nums}.pmc-val.is-strong{color:var(--tx-blue,#8fe3ff);font-weight:700}.pmc-val.is-bad{color:var(--tx-red,#ff9a86);font-weight:700}.pmc-line{color:var(--paper-dim);margin:4px 0 0;font-size:13px;line-height:1.4}.pmc-warn{color:var(--tx-red,#ff9a86);margin:4px 0 0;font-size:13px}.pmc-msg{text-align:center;min-height:0;color:var(--paper-dim);margin:6px 0 0;font-size:13px}.pmc-actions{gap:10px;margin-top:12px;display:flex}.pmc-btn{flex:1 1 0;min-height:44px}.pmc-cancel{order:0}.pmc-ok{order:1}.pmc-ok.is-arming{animation:pmc-arm var(--pmc-delay,.5s) linear forwards;background-image:linear-gradient(90deg,#ffffff38,#ffffff38);background-repeat:no-repeat;background-size:0% 100%}@keyframes pmc-arm{to{background-size:100% 100%}}.pmc-done{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:84px;display:flex;position:relative}.pmc-done-title{color:var(--gold-2);font-size:20px}.pmc-sparkles{pointer-events:none;width:0;height:0;position:absolute;top:38%;left:50%}.pmc-sparkles i{background:var(--cl-gold-bg-hi,#ffe28a);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;width:8px;height:8px;animation:pmc-spark .9s ease-out var(--d,0s) forwards;position:absolute;top:-4px;left:-4px}@keyframes pmc-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.6)}to{opacity:0;transform:rotate(var(--a)) translateY(-54px) scale(1.4)}}@media (prefers-reduced-motion:reduce){.pmc-sparkles i,.pmc-ok.is-arming{animation:none}}@media (max-height:420px){.pmc-card{padding:10px 12px}.pmc-title{margin-bottom:4px;font-size:16px}.pmc-art{flex-basis:48px}.pmc-art>*{max-width:48px;max-height:48px}.pmc-actions{margin-top:8px}}.pm-tryon{background:radial-gradient(ellipse at 22% 80%, #b89cff29, var(--lt-shade30,#0000004d) 70%);border:1px solid #b89cff66;border-radius:12px;align-items:center;gap:12px;padding:18px 10px 10px;display:flex;position:relative}.pm-tryon-title{color:#2a1840;background:#c8b4ff;border-radius:8px;padding:1px 10px;font-size:12px;font-weight:700;position:absolute;top:-9px;left:12px}.pm-tryon-art{background:radial-gradient(ellipse at 50% 88%, #ffffff1a, var(--lt-shade30,#0000004d));border-radius:10px;flex:none;width:140px;height:160px}.pm-tryon-info{flex-direction:column;gap:4px;min-width:0;display:flex}.pm-tryon-name{color:var(--paper);font-size:16px}.pm-tryon-info .panel-hint{margin:2px 0}.pm-tryon-info .pm-row{flex-wrap:wrap;gap:6px;display:flex}.pm-set-bonus{color:var(--tx-gold,#ffe08a);font-size:12px;font-weight:700}.pm-sub{color:var(--paper-dim,#c9bc9a);font-size:12px}.pm-set-art{width:96px;height:96px;position:relative}.pm-set-art .pm-art-aura{display:block}.pm-set-hat{background:var(--lt-panel,#140e1ed9);border-radius:8px;width:36px;height:36px;position:absolute;bottom:-4px;right:-6px;box-shadow:0 0 0 1px #b89cff88}.pm-set-btns{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pm-card.pm-kind-set.is-trying{border-color:#c8b4ff;box-shadow:0 0 0 1px #c8b4ff8c}.pm-card.pm-kind-set.is-promo{border-color:#ff9a5a88}.pm-card.pm-kind-set.is-promo .pm-best{background:#ff9a5a}.pm-art-set{width:84px;height:96px}@media (max-height:420px){.pm-tryon{padding-top:14px}.pm-tryon-art{width:105px;height:120px}}.pm-art-skin{width:117px;height:112px;image-rendering:pixelated;background:radial-gradient(ellipse at 50% 70%, #ffffff1a, var(--lt-shade30,#0000004d));border-radius:8px}.pm-card.pm-kind-skin.is-trying{border-color:#c8b4ff}.hud-fight-meter{border:1px solid var(--cl-gold-ln35,#ffd68c59);background:linear-gradient(180deg, var(--lt-panel,#281612d1), var(--lt-panel,#180e10d1));width:214px;min-height:30px;box-shadow:0 2px 6px var(--lt-sh35,#00000059);color:var(--tx-gold,#ffe9c8);font:inherit;text-align:left;cursor:pointer;transform-origin:20px;border-radius:16px;align-items:center;gap:6px;padding:3px 8px 3px 4px;display:flex;position:relative}.hud-fight-meter:before{content:"";position:absolute;inset:-9px -2px}.hud-fight-meter:focus-visible{outline:2px solid var(--cl-gold-ln,#ffd27a)}.fm-flame{background:radial-gradient(circle at 50% 70%, #5a4a40 0%, var(--lt-panel,#2a2020) 70%);transform-origin:50% 80%;border-radius:50%;flex:none;width:22px;height:22px;position:relative}.fm-flame-in{opacity:.7;background:linear-gradient(#9a9088,#6a625c);border-radius:50% 50% 45% 45%/65% 65% 35% 35%;width:12px;height:17px;position:absolute;top:2px;left:5px}.fm-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.fm-head{white-space:nowrap;align-items:baseline;gap:5px;font-size:11px;line-height:1.1;display:flex;overflow:hidden}.fm-label{opacity:.75}.fm-tier{color:var(--tx-hi,#fff4dc);font-weight:800}.fm-bonus{color:var(--tx-gold,#ffd27a);margin-left:auto;font-size:10px}.fm-track{background:var(--lt-shade55,#0000008c);height:8px;box-shadow:inset 0 1px 2px var(--lt-sh60,#0009);border-radius:5px;position:relative;overflow:hidden}.fm-fill{transform-origin:0;background:linear-gradient(90deg, var(--cl-gold-bg-hi,#ffd27a), #ff9a3a 55%, #ff4a2a);border-radius:5px;transition:transform .25s ease-out;position:absolute;inset:0;transform:scaleX(0)}.fm-mark{background:#fff4dca6;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.hud-fight-meter.tier-warm .fm-flame-in{background:linear-gradient(180deg, var(--cl-gold-bg-hi,#fff2c0), var(--cl-gold-bg,#ffc24a));opacity:1}.hud-fight-meter.tier-hot .fm-flame-in{opacity:1;background:linear-gradient(#fff6d0,#ff9a3a 60%,#ff5a2a);animation:.7s ease-in-out infinite alternate fm-lick}.hud-fight-meter.tier-blazing{box-shadow:0 0 12px #ff6e28a6, 0 2px 6px var(--lt-sh35,#00000059);border-color:#ff8c3cd9}.hud-fight-meter.tier-blazing .fm-flame{background:radial-gradient(circle at 50% 70%,#ff8a3a 0%,#6a1a10 75%)}.hud-fight-meter.tier-blazing .fm-flame-in{background:linear-gradient(180deg, #fff, var(--cl-gold-bg,#ffd23a) 40%, #ff4a1a);opacity:1;animation:.4s ease-in-out infinite alternate fm-lick;transform:scale(1.18)}.hud-fight-meter.tier-blazing .fm-fill{background:linear-gradient(90deg, var(--cl-gold-bg-hi,#ffe27a), #ff6a2a 50%, #ff2a5a)}.hud-fight-meter.is-cooling .fm-fill{animation:.5s steps(2,end) infinite fm-cool}.hud-fight-meter.is-auto{opacity:.7}@keyframes fm-lick{0%{transform:scaleY(1)translateY(0)}to{transform:scaleY(1.14)translateY(-1px)skew(-4deg)}}@keyframes fm-cool{0%{opacity:1}to{opacity:.55}}.fm-pop{color:#fff;white-space:nowrap;text-shadow:0 1px 0 var(--lt-tsh,#0006);pointer-events:none;background:linear-gradient(#ff9a3a,#c83a1a);border-radius:10px;flex-direction:column;padding:4px 10px;font-size:11px;line-height:1.15;display:none;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 0 10px #ff782899}.fm-pop b{font-size:14px}.fm-pop.show{display:flex}.fm-pop.fm-t-warm{background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffd27a), var(--cl-gold-bg,#c88a1a));color:#3a1a00;text-shadow:none}.fm-pop.fm-t-blazing{background:linear-gradient(#ff6a3a,#b8104a)}.fm-tip{z-index:5;border:1px solid var(--cl-gold-ln50,#ffd68c80);background:var(--lt-panel,#180e10f2);width:260px;color:var(--tx-gold,#ffe9c8);white-space:normal;cursor:default;border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.35;position:absolute;top:calc(100% + 6px);left:0}.fm-tip[hidden]{display:none}.fm-tip p{margin:4px 0}.fm-tip ul{margin:2px 0 4px;padding-left:16px}.fm-tip-sub{color:var(--tx-gold,#ffd27a)}.fm-tip-tiers{list-style:none;padding-left:0!important}.fm-tip-tier b{color:var(--tx-gold,#ffb24a)}.hud-combo{z-index:3;transform-origin:50%;position:absolute;top:27%;left:63%;pointer-events:none!important}.hud-combo[hidden]{display:none}.cc-box{transform-origin:30% 60%;flex-direction:column;align-items:flex-start;display:flex}.cc-line{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.cc-num{color:var(--tx-hi,#fff);-webkit-text-stroke:3px #2a1020;paint-order:stroke fill;text-shadow:0 4px 0 var(--lt-tsh,#1408108c);font-family:Arial Black,Arial Rounded MT Bold,Sarabun,sans-serif;font-size:54px;font-style:italic;font-weight:900;line-height:1}.cc-word{color:var(--tx-hi,#fff);-webkit-text-stroke:2px #2a1020;paint-order:stroke fill;font-size:22px;font-weight:800}.cc-bonus{color:var(--tx-gold,#fff4c0);text-shadow:0 1px 2px var(--lt-tsh,#000), 0 0 2px var(--lt-tsh,#000);margin-top:-2px;font-size:13px;font-weight:700}.cc-cheer{color:var(--tx-gold,#ffe27a);text-shadow:0 1px 2px var(--lt-tsh,#3a1000), 0 0 3px var(--lt-tsh,#3a1000);font-size:14px;font-weight:800}.hud-combo.c3 .cc-num{color:var(--tx-gold,#fff06a)}.hud-combo.c4 .cc-num{color:var(--tx-gold,#ffb24a)}.hud-combo.c5 .cc-num{color:var(--tx-pink,#ff8ad8)}.hud-combo.c6 .cc-num{color:#ffe27a;background:linear-gradient(90deg, #ff6a6a, var(--cl-gold-bg,#ffd23a), #7aff8a, #6ad0ff, #ff8ad8);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #ffdc78e6);-webkit-background-clip:text;background-clip:text}.hud-combo.c5 .cc-word,.hud-combo.c6 .cc-word{color:var(--tx-gold,#ffe27a)}.hud-combo.is-finisher .cc-word{color:var(--tx-gold,#ffe27a);filter:drop-shadow(0 0 8px #ffa03cf2);font-size:30px}.hud-combo.is-broken .cc-box{opacity:0;filter:grayscale()}.cc-shard{clip-path:polygon(0 0,100% 30%,60% 100%);opacity:0;background:#c8c4cc;width:9px;height:7px;position:absolute;top:26px;left:40px}.cc-note{color:var(--tx-violet,#e8e4f0);white-space:nowrap;text-shadow:0 1px 2px var(--lt-tsh,#000);opacity:0;margin-top:4px;font-size:12px;font-weight:700;transition:opacity .2s;position:absolute;top:100%;left:0}.cc-note.show{opacity:1}.hud-elite-banner{z-index:4;width:-moz-fit-content;width:fit-content;max-width:min(560px,62vw);color:var(--tx-hi,#fff);text-shadow:0 1px 2px var(--lt-tsh,#000000b3);box-shadow:0 4px 14px var(--lt-sh45,#00000073);border-radius:12px;align-items:center;gap:8px;margin:0 auto;padding:7px 14px 7px 8px;font-size:13px;font-weight:700;line-height:1.3;display:flex;position:absolute;top:64px;left:0;right:0;overflow:hidden;pointer-events:none!important}.hud-elite-banner[hidden]{display:none}.eb-badge{background:var(--lt-shade35,#00000059);white-space:nowrap;border-radius:8px;flex:none;padding:2px 8px;font-size:13px}.eb-shine{background:linear-gradient(90deg,#0000,#fff9,#0000);width:40px;animation:1.6s ease-in-out .4s infinite eb-shine;position:absolute;top:0;bottom:0;transform:skew(-20deg)}.elite-giant{background:linear-gradient(90deg,#a83a10,#e86a2a);border:2px solid #ffb27a}.elite-rainbow{background:linear-gradient(90deg, #ff6a8a, var(--cl-gold-bg,#ffb24a), #6ad06a, #4ab0ff, #b07aff);background-size:200% 100%;border:2px solid #fff;animation:3s linear infinite eb-rainbow}.elite-golden{background:linear-gradient(90deg, var(--cl-gold-bg,#a87a10), var(--cl-gold-bg,#ffd23a), var(--cl-gold-bg,#a87a10));border:2px solid var(--cl-gold-ln,#fff2a0);color:#3a2200;text-shadow:0 1px #ffffff80}@keyframes eb-shine{0%{left:-60px}to{left:110%}}@keyframes eb-rainbow{to{background-position:200% 0}}.skill-row .skill-auto-badge{color:#fff;background:#3a7aff;border-radius:6px;margin-left:4px;padding:0 5px;font-size:10px;font-weight:800}.skill-auto-line{color:var(--tx-blue,#bcd8ff);margin:2px 0 6px;font-size:12px}@media (max-height:520px){.hud-fight-meter{width:172px;min-height:26px;padding:2px 6px 2px 3px}.fm-flame{width:18px;height:18px}.fm-flame-in{width:10px;height:13px;top:2px;left:4px}.fm-bonus{display:none}.hud-fight-meter.tier-hot .fm-bonus,.hud-fight-meter.tier-blazing .fm-bonus{display:inline}.fm-tip{width:230px;font-size:11px}.hud-combo{top:22%;left:58%}.cc-num{font-size:40px}.cc-word{font-size:17px}.hud-elite-banner{padding:5px 10px 5px 6px;font-size:12px;top:46px}}@media (prefers-reduced-motion:reduce){.hud-fight-meter .fm-flame-in,.hud-fight-meter.is-cooling .fm-fill,.eb-shine,.elite-rainbow{animation:none!important}.fm-fill{transition:none}}.hud-elite-banner.is-tappable{cursor:pointer;pointer-events:auto!important}.hud-elite-banner .eb-go{white-space:nowrap;color:#2a1a00;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe7a8), var(--cl-gold-bg,#e8b84a));min-height:32px;box-shadow:0 2px 6px var(--lt-sh35,#00000059);border-radius:16px;flex:none;align-self:center;margin-left:8px;padding:6px 12px;font-weight:700}.hud-rage{pointer-events:none;--rg:0;align-items:center;gap:8px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.hud-rage>*{pointer-events:auto}.rg-bar{width:236px;height:24px;font:inherit;color:var(--tx-gold,#ffe9c8);background:linear-gradient(180deg, var(--lt-panel,#2e100cdb), var(--lt-panel,#180a0cdb));box-shadow:0 2px 6px var(--lt-sh40,#0006);cursor:pointer;border:1px solid #ff965073;border-radius:12px;align-items:center;gap:5px;padding:0 8px 0 4px;font-size:11px;display:flex;position:relative}.rg-bar:before{content:"";position:absolute;inset:-10px -2px}.rg-icon{background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe0a0), #ff7a2a 60%, #c8241a);opacity:.55;border-radius:50% 50% 45% 45%/65% 65% 35% 35%;flex:none;width:16px;height:18px}.rg-label{white-space:nowrap;font-weight:800}.rg-track{background:var(--lt-shade60,#0009);height:9px;box-shadow:inset 0 1px 2px var(--lt-sh70,#000000b3);border-radius:5px;flex:auto;position:relative;overflow:hidden}.rg-fill{transform-origin:0;background:linear-gradient(90deg, #ff4a1a, #ff8a2a 55%, var(--cl-gold-bg,#ffd23a));border-radius:5px;transition:transform .25s ease-out;position:absolute;inset:0;overflow:hidden;transform:scaleX(0)}.rg-flames{will-change:transform;background:repeating-linear-gradient(115deg,#ffffdc00 0 6px,#ffffdc73 6px 9px,#ffffdc00 9px 14px);animation:.7s linear infinite rg-lick;position:absolute;inset:-4px 0 0}@keyframes rg-lick{0%{transform:translate(0)}to{transform:translate(-14px)}}.rg-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--tx-gold,#ffd27a);font-size:10px}.hud-rage.is-hot .rg-icon{opacity:1}.hud-rage.is-full .rg-bar{border-color:var(--cl-gold-ln,#ffe27a);box-shadow:0 0 10px var(--cl-gold-sh75,#ffaa3cbf), 0 2px 6px var(--lt-sh40,#0006)}.hud-rage.is-full .rg-fill{background:linear-gradient(90deg, #ff3a1a, var(--cl-gold-bg,#ffb23a) 45%, var(--cl-gold-bg-hi,#fff2a0))}.rg-ult{width:56px;height:56px;font:inherit;color:var(--tx-hi,#fff4dc);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:50%;flex:none;padding:0;position:relative}.rg-ult-ring{background:conic-gradient(#ff7a2a calc(var(--rg) * 360deg), var(--lt-panel,#1e0e0ed9) 0);box-shadow:0 3px 8px var(--lt-sh50,#00000080);border-radius:50%;position:absolute;inset:0}.rg-ult-core{background:radial-gradient(circle at 50% 35%, #5a2a22, var(--lt-panel,#2a1010) 75%);border:2px solid var(--cl-gold-ln,#c99a3eb3);border-radius:50%;position:absolute;inset:5px}.rg-ult-label{text-shadow:0 1px 2px var(--lt-tsh,#000);opacity:.6;font-size:13px;font-weight:900;line-height:56px;display:block;position:relative}.rg-ult-key{color:#2a1404;background:var(--cl-gold-bg-hi,#ffe27a);border:1px solid #6a3a10;border-radius:5px;min-width:18px;height:18px;padding:0 3px;font-size:11px;font-weight:800;line-height:16px;position:absolute;bottom:-2px;right:-2px}.hud-rage.is-full .rg-ult-ring{background:conic-gradient(from 0deg, var(--cl-gold-bg-hi,#fff2a0), var(--cl-gold-bg,#ffb23a), #ff5a2a, var(--cl-gold-bg,#ffd23a), var(--cl-gold-bg-hi,#fff2a0));animation:1.6s linear infinite rg-spin}.hud-rage.is-full .rg-ult-core{background:radial-gradient(circle at 50% 35%, var(--cl-gold-bg-hi,#ffd27a), #c8501a 70%, #6a1a0a);border-color:var(--cl-gold-ln,#fff2c0)}.hud-rage.is-full .rg-ult-label{opacity:1;color:var(--tx-hi,#fffbe8);text-shadow:0 0 6px #ff6a1a, 0 1px 2px var(--lt-tsh,#000)}.hud-rage.is-full .rg-ult:after{content:"";border:3px solid var(--cl-gold-ln,#ffe27af2);pointer-events:none;border-radius:50%;animation:.9s ease-out infinite rg-pulse;position:absolute;inset:-8px}@keyframes rg-spin{to{transform:rotate(360deg)}}@keyframes rg-pulse{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}.hud-rage.is-locked .rg-ult{filter:grayscale(.9)brightness(.8)}.rg-ult:active{transform:scale(.94)}.rg-tip{width:280px;color:var(--tx-gold,#ffe9c8);background:var(--lt-panel,#180c0ef2);box-shadow:0 4px 12px var(--lt-sh50,#00000080);border:1px solid #ffaa5a80;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.rg-tip p{margin:4px 0 0}.rg-tip-key{color:var(--tx-gold,#ffd27a)}@media (max-height:520px){.hud-rage{gap:6px;bottom:calc(100% + 4px)}.rg-bar{width:196px;height:22px;font-size:10px}.rg-ult{width:64px;height:64px}.rg-ult-label{font-size:14px;line-height:64px}}@media (max-height:520px) and (max-width:760px){.rg-bar{width:160px}.rg-label{display:none}}.hud-ult-banner{pointer-events:none;z-index:25;--ub-a:#fffbe0;--ub-b:#ffd23a;--ub-c:#ff8a12;--ub-ink:#4a1800;--ub-ms:1s;height:112px;position:absolute;top:26%;left:0;right:0;overflow:hidden}.ub-lines{background:repeating-linear-gradient(180deg, #fff0 0 5px, #ffffff8c 5px 7px, #fff0 7px 13px), linear-gradient(90deg, #0000, var(--ub-c) 30%, var(--ub-c) 70%, #0000);opacity:0;position:absolute;inset:8px -40%;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 60px,#0003 60px 90px);mask-image:repeating-linear-gradient(90deg,#000 0 60px,#0003 60px 90px)}.ub-strip{background:linear-gradient(90deg, var(--ub-b), var(--ub-a) 45%, var(--ub-b) 80%, var(--ub-c));border-top:4px solid var(--ub-ink);border-bottom:4px solid var(--ub-ink);min-width:70%;box-shadow:0 6px 18px var(--lt-sh45,#00000073);align-items:center;gap:14px;padding:10px 48px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)skew(-14deg)translate(120vw)}.ub-portrait{background:radial-gradient(circle, #fff, var(--ub-b));border:3px solid var(--ub-ink);border-radius:50%;flex:none;width:64px;height:64px;overflow:hidden;transform:skew(14deg)}.ub-portrait canvas{width:100%;height:100%}.ub-text{flex-direction:column;line-height:1.05;display:flex;transform:skew(14deg)}.ub-job{color:var(--ub-ink);letter-spacing:1px;font-size:14px;font-weight:800}.ub-name{font-family:var(--font-title,inherit);color:var(--tx-hi,#fff);white-space:nowrap;-webkit-text-stroke:2px var(--ub-ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ub-ink), 0 0 14px var(--ub-c);font-size:40px;font-weight:900}.hud-ult-banner.run .ub-strip{animation:ub-slash var(--ub-ms) cubic-bezier(.2, .9, .25, 1) forwards}.hud-ult-banner.run .ub-lines{animation:ub-lines var(--ub-ms) linear forwards}@keyframes ub-slash{0%{transform:translate(-50%,-50%)skew(-14deg)translate(120vw)}22%{transform:translate(-50%,-50%)skew(-14deg)translate(-14px)}30%{transform:translate(-50%,-50%)skew(-14deg)translate(0)scale(1.04)}78%{opacity:1;transform:translate(-50%,-50%)skew(-14deg)translate(-30px)scale(1)}to{opacity:.6;transform:translate(-50%,-50%)skew(-14deg)translate(-130vw)}}@keyframes ub-lines{0%{opacity:0;transform:translate(30%)}15%{opacity:.85}80%{opacity:.7}to{opacity:0;transform:translate(-30%)}}@media (max-height:520px){.hud-ult-banner{height:80px;top:22%}.ub-strip{gap:10px;padding:6px 30px}.ub-portrait{width:46px;height:46px}.ub-name{font-size:28px}.ub-job{font-size:11px}}.hud-hotbar .hotkey-slot{touch-action:none}.hud-aim-stick{width:calc(var(--as-r,60px) * 2);height:calc(var(--as-r,60px) * 2);pointer-events:none;z-index:60;position:fixed;transform:translate(-50%,-50%)}.as-ring{background:radial-gradient(circle,#7ad8ff14,#7ad8ff38 70%,#7ad8ff00 72%);border:2px solid #bef0ffb3;border-radius:50%;position:absolute;inset:0}.as-dead{border:2px dashed #ffffff8c;border-radius:50%;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.as-knob{width:40px;height:40px;box-shadow:0 2px 8px var(--lt-sh45,#00000073);background:radial-gradient(circle at 50% 35%,#e8fbff,#6ac8ff 70%);border:2px solid #fff;border-radius:50%;position:absolute;top:50%;left:50%}.as-hint{white-space:nowrap;color:var(--tx-hi,#eafaff);background:var(--lt-panel,#0a1424cc);border-radius:8px;padding:2px 8px;font-size:11px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.hud-aim-stick.is-cancel .as-knob{background:radial-gradient(circle at 50% 35%,#ffe0e0,#ff6a6a 70%)}.hud-aim-stick.is-cancel .as-ring{border-color:#ffa0a0b3}@media (prefers-reduced-motion:reduce){.rg-flames,.hud-rage.is-full .rg-ult-ring,.hud-rage.is-full .rg-ult:after{animation:none}.hud-ult-banner.run .ub-strip{animation:ub-fade var(--ub-ms) linear forwards}.hud-ult-banner.run .ub-lines{animation:none}@keyframes ub-fade{0%,to{opacity:0;transform:translate(-50%,-50%)skew(-14deg)}15%,85%{opacity:1;transform:translate(-50%,-50%)skew(-14deg)}}}.screen-game .hud-cast{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 212px)}@media (max-height:520px){.screen-game .hud-cast{bottom:calc(max(6px, env(safe-area-inset-bottom)) + 146px)}}.apb{width:56px;height:56px;font:inherit;color:var(--tx-hi,#fff4dc);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex:none;padding:0;position:relative}.apb-ring{box-shadow:0 3px 8px var(--lt-sh50,#00000080);background:#6a7078;border-radius:50%;position:absolute;inset:0}.apb-core{background:radial-gradient(circle at 50% 35%, var(--lt-panel,#3c4a3e), var(--lt-panel,#1a2220) 75%);border:2px solid var(--cl-gold-ln,#c99a3eb3);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:4px}.apb-icon{pointer-events:none;image-rendering:auto;width:24px;height:24px;margin-top:1px}.apb-label{white-space:nowrap;text-shadow:0 1px 2px var(--lt-tsh,#000);font-size:9px;font-weight:800;line-height:10px}.apb-state{white-space:nowrap;color:var(--tx-hi,#e8ecef);background:var(--lt-panel,#141a1ce0);pointer-events:none;border:1px solid #a0a8b099;border-radius:8px;padding:0 6px;font-size:10px;font-weight:800;line-height:15px;position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%)}.apb-key{white-space:nowrap;color:#2a1404;background:var(--cl-gold-bg-hi,#ffe27a);border:1px solid #6a3a10;border-radius:5px;min-width:18px;height:18px;padding:0 3px;font-size:10px;font-weight:800;line-height:16px;position:absolute;bottom:-7px;right:-12px}.apb-key[hidden],.apb-bang[hidden]{display:none}.apb-bang{text-align:center;color:#fff;background:#d8362a;border:1px solid #fff;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:900;line-height:18px;position:absolute;top:-2px;right:-2px}.apb.is-off{filter:grayscale(.85)brightness(.85)}.apb.is-on .apb-ring{box-shadow:0 0 8px #78f0648c, 0 3px 8px var(--lt-sh50,#00000080);background:#5fd04a}.apb.is-on .apb-state{color:var(--tx-green,#d8ffcc);background:var(--lt-panel,#103014eb);border-color:#5fd04a}.apb.is-empty .apb-ring{background:#e0392c;animation:1.8s ease-in-out infinite apb-blink}.apb.is-empty .apb-state{color:var(--tx-red,#ffd4cc);background:var(--lt-panel,#3c0e0aeb);border-color:#e0392c}@keyframes apb-blink{0%,to{opacity:1}50%{opacity:.35}}.apb:active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.apb.is-empty .apb-ring{animation:none}}@media (max-height:520px){.apb{width:64px;height:64px}.apb-icon{width:28px;height:28px}.apb-label{font-size:10px}}.screen-game.is-mobile .hud-hotbar .hud-rage{gap:10px}.screen-game.is-mobile .hud-hotbar .hud-rage .rg-bar{width:72px}.screen-game.is-mobile .hud-hotbar .hud-rage .rg-label{display:none}.auto-rot{background:var(--lt-panel,#100e1ed1);border:1px solid var(--cl-gold-ln55,#ffe27a8c);pointer-events:none;z-index:2;border-radius:7px;gap:2px;padding:1px 2px;display:flex;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.auto-rot.is-none{opacity:.55}.ar-slot{background:#ffffff14;border-radius:4px;width:15px;height:15px;transition:opacity .2s;position:relative}.ar-slot.is-empty{box-sizing:border-box;background:0 0;border:1px dashed #ffffff47}.ar-slot .ar-icon{border-radius:4px;width:15px;height:15px;display:block}.ar-sp{color:#cfe6ff;text-align:center;font-variant-numeric:tabular-nums;background:#1f3f8a;border-radius:3px;min-width:9px;padding:0 1px;font-size:8px;font-weight:800;line-height:9px;position:absolute;bottom:-5px;right:-2px}.ar-slot.is-empty .ar-sp{display:none}.ar-slot.is-next{box-shadow:0 0 0 1.5px var(--cl-gold-sh100,#ffe27a)}.ar-slot.is-short{opacity:.4}.ar-slot.is-short .ar-sp{color:#ffd0d0;background:#8a1f2a}.skill-auto-toggle{min-width:44px;height:44px;font:inherit;color:var(--tx-blue,#cfe0ff);cursor:pointer;background:#3a7aff1f;border:1px dashed #8cb4ffb3;border-radius:8px;flex:none;margin-right:4px;padding:0 6px;font-size:11px;font-weight:800;line-height:1.1}.skill-auto-toggle[hidden]{display:none}.skill-auto-toggle:hover{background:#3a7aff40}.skill-auto-toggle.is-on{color:#fff;border:2px solid var(--cl-gold-ln,#ffe27a);background:radial-gradient(circle at 50% 35%,#5a9aff,#2448b0);font-size:18px}.skill-auto-toggle.is-full{opacity:.45}.hud-combo.is-auto{opacity:.72;filter:saturate(.55)}.hud-combo.is-auto .cc-num{font-size:.82em}.cc-auto-tag{letter-spacing:.5px;color:#1a1420;-webkit-text-fill-color:#1a1420;background:#c8d0e0;border-radius:6px;align-self:center;padding:1px 5px;font-size:11px;font-weight:800}.cc-auto-tag[hidden]{display:none}.hud-status .status-bar.is-sp-low .bar-track{animation:1.6s ease-in-out infinite alternate sp-low-pulse}.hud-status .status-bar.is-sp-empty .bar-track{animation:.55s steps(2,jump-none) infinite alternate sp-empty-flash}.hud-status .status-bar.is-sp-empty .bar-fill{background:linear-gradient(#ff9a8a,#c42a2a)}.hud-status .status-bar.is-sp-empty .bar-label{color:var(--tx-red,#ff8a7a)}@keyframes sp-low-pulse{0%{border-color:#8cc6ff59}to{border-color:#8cc6ff;box-shadow:0 0 6px #78b4ffb3}}@keyframes sp-empty-flash{0%{border-color:#ff5a4a59}to{border-color:#ff463c;box-shadow:0 0 7px #ff3c32d9}}.hud-sp-hint{max-width:260px;min-height:32px;font:inherit;text-align:left;color:#e8f2ff;box-shadow:0 2px 6px var(--lt-sh45,#00000073);cursor:pointer;background:#182c60eb;border:1px solid #8ac6ff;border-radius:10px;padding:5px 10px;font-size:12px;font-weight:700}.hud-sp-hint[hidden]{display:none}.hud-exhaust-stamp{z-index:4;align-items:center;gap:6px;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%);pointer-events:none!important}.hud-exhaust-stamp[hidden]{display:none}.xs-text{letter-spacing:1px;color:var(--tx-hi,#dfe8ff);-webkit-text-stroke:2px #1e2850;text-shadow:0 3px 0 #3a4a8a, 0 6px 12px var(--lt-tsh,#0000008c);transform-origin:50% 80%;font-size:46px;font-weight:900;display:inline-block}.xs-drop{opacity:0;background:radial-gradient(circle at 40% 65%,#fff 0 18%,#9adcff 22%,#4aa8e8 100%);border:2px solid #1e2850;border-radius:50%/62% 62% 38% 38%;width:14px;height:20px}.hud-exhaust-stamp.show .xs-drop{animation:1.5s ease-in forwards xs-drop}.hud-exhaust-stamp.show .xs-drop-b{animation-delay:.18s}@keyframes xs-drop{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1}to{opacity:0;transform:translateY(26px)}}@media (max-height:520px){.xs-text{font-size:34px}.hud-sp-hint{max-width:210px;font-size:11px}}@media (prefers-reduced-motion:reduce){.hud-status .status-bar.is-sp-low .bar-track,.hud-status .status-bar.is-sp-empty .bar-track{animation:none}.hud-status .status-bar.is-sp-low .bar-track{border-color:#8cc6ff}.hud-status .status-bar.is-sp-empty .bar-track{border-color:#ff463c}.hud-exhaust-stamp.show .xs-drop{opacity:1;animation:none}}.auto-rot[hidden]{display:none}.wt-bar .wt-name{letter-spacing:.02em;color:var(--cl-ink-text-soft,#c9bfae);font-size:11px}.wt-bar .wt-group{color:var(--cl-sun,#ffd27a)!important}.wt-bar .wt-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 8px;font-size:12px;display:flex}.wt-bar .wt-stairs{color:var(--cl-ink-text-soft,#c9bfae);background:#ffffff14;border-radius:999px;padding:1px 8px}.wt-bar .wt-stairs.is-open{color:var(--cl-mint-on-ink,#8ff0c4);background:#78e6b42e;font-weight:600}.wt-bar .wt-best{color:var(--cl-ink-text-soft,#c9bfae)}.wt-bar[data-kind=boss]{border-color:var(--cl-coral,#e88a7a)!important}:root .screen-game.is-mobile .hud-left>.wt-bar .wt-row{font-size:11px}:root .screen-game.is-mobile .hud-left>.wt-bar .wt-name{display:none}.wt-gate-chip{top:calc(max(8px, env(safe-area-inset-top)) + 92px);z-index:5;border:1px solid var(--cl-bronze,#b08a52);background:var(--cl-ink-panel,#1c1822e0);min-height:40px;color:var(--cl-sun,#ffd27a);font:inherit;cursor:pointer;pointer-events:auto;border-radius:999px;padding:0 18px;font-size:14px;font-weight:600;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 14px #ffd27a59}.wt-gate-chip:before{content:"✦ "}.wt-gate-chip[hidden]{display:none}.is-touch .wt-gate-chip{min-height:44px}.is-mobile .wt-gate-chip{top:calc(max(6px, env(safe-area-inset-top)) + 54px);font-size:13px}.panel-tower{flex-direction:column;gap:8px;font-size:13px;display:flex}.panel-tower .wt-intro,.panel-tower .wt-note{color:var(--cl-ink-soft,#6b5d4e);margin:0;line-height:1.45}.panel-tower .wt-note{font-size:12px}.panel-tower .wt-facts{flex-wrap:wrap;gap:6px;display:flex}.panel-tower .wt-best-chip{color:var(--cl-ink-soft,#6b5d4e);background:var(--cl-cream-deep,#efe3cc);border-color:#0000}.panel-tower .wt-saves{flex-direction:column;gap:6px;max-height:min(46vh,320px);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.is-touch .panel-tower .wt-saves,.is-mobile .panel-tower .wt-saves{max-height:none;overflow:visible}.is-mobile .panel-tower .wt-save{padding-top:3px;padding-bottom:3px}.panel-tower .wt-save{border-radius:var(--cl-r-card,10px);background:var(--cl-paper,#fffaf0);border:1px solid var(--cl-line,#00000014);border-left:4px solid var(--cl-sky,#8cc8f0);align-items:center;gap:10px;padding:6px 8px 6px 12px;display:flex}.panel-tower .wt-save.is-picked{border-left-color:var(--cl-sun-deep,#e2a03f);background:var(--cl-cream,#fff4dc)}.panel-tower .wt-save-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.panel-tower .wt-save-text b{color:var(--cl-ink,#3b2f25);font-size:15px}.panel-tower .wt-save-text small{color:var(--cl-ink-soft,#6b5d4e);font-size:12px}.panel-tower .wt-save-note{color:var(--cl-mint-deep,#2f8a63)!important}.panel-tower .wt-pick{flex:none;min-width:96px;min-height:44px}.fd-bar .fd-goal{color:var(--cl-sun,#ffd27a)!important}.fd-bar .fd-time{font-variant-numeric:tabular-nums;color:var(--cl-ink-text-soft,#c9bfae)}.fd-gauge{align-items:center;gap:6px;font-size:11px;display:flex}.fd-gauge[hidden]{display:none}.fd-gauge-label{color:var(--cl-ink-text-soft,#c9bfae)}.fd-gauge-track{background:#ffffff1a;border-radius:999px;flex:1;height:8px;position:relative;overflow:hidden}.fd-gauge-fill{background:var(--cl-mint-on-ink,#8ff0c4);width:0;transition:width .2s linear;position:absolute;inset:0 auto 0 0}.fd-gauge[data-level=warn] .fd-gauge-fill{background:var(--cl-sun,#ffd27a)}.fd-gauge[data-level=danger] .fd-gauge-fill{background:var(--cl-coral,#e88a7a)}.fd-actions{gap:6px;margin-top:4px;display:flex}.fd-actions .btn{pointer-events:auto;min-height:32px;padding:0 10px;font-size:12px}.is-touch .fd-actions .btn{min-height:44px}.fd-actions .btn[hidden]{display:none}.fd-sneak.is-on{border-color:var(--cl-mint-on-ink,#8ff0c4);color:var(--cl-mint-on-ink,#8ff0c4)}.fd-gate .fd-daily{font-weight:600}.fd-gate .fd-enter{min-height:44px}.death-card-3{width:min(460px,100vw - 24px);max-height:calc(calc(100 * var(--vh1,1vh)) - 16px);overflow-y:auto}.death-choices{gap:8px;margin:4px 0 8px;display:grid}.death-choice{text-align:left;width:100%;min-height:56px;font:inherit;color:var(--paper);background:linear-gradient(180deg, var(--lt-panel,#3c3050f2), var(--lt-panel,#221c30f2));border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px 14px;display:flex}.death-choice:hover:not(:disabled){border-color:var(--gold-2);filter:brightness(1.12)}.death-choice:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.6)}.death-choice-save{background:linear-gradient(#b84a36,#7c2c22)}.dc-icon{flex:none;font-size:26px;line-height:1}.dc-text{gap:2px;min-width:0;display:grid}.dc-title{font-size:16px;font-weight:800}.dc-hint{color:var(--paper-dim);overflow-wrap:anywhere;font-size:12px}.death-choice.is-blocked .dc-hint{color:var(--tx-red,#ffb4a4)}.death-coins{color:var(--gold-2);margin:0;font-size:12px}@media (max-height:520px){.death-card-3{width:min(820px,100vw - 24px);padding:8px 14px}.death-card-3 .death-title{margin-bottom:2px;font-size:20px}.death-card-3 .death-hint{margin-bottom:6px}.death-choices{grid-template-columns:repeat(3,1fr);gap:8px}.death-choice{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:92px;padding:6px 8px}.dc-icon{font-size:22px}.dc-title{font-size:14px}.dc-hint{font-size:11px}}.panel-social{flex-direction:column;gap:8px;min-height:0;display:flex}.panel-social .shop-tabs{flex-wrap:wrap}.ach-summary{color:var(--gold-2);justify-content:space-between;align-items:center;font-weight:700;display:flex}.ach-cats,.rk-tabs{flex-wrap:wrap;gap:4px;display:flex}.ach-cat,.rk-tab{min-height:40px;font:inherit;color:var(--paper-dim);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:0 10px;font-size:13px;font-weight:700}.ach-cat.is-active,.rk-tab.is-active{color:#1a1420;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#d8a94a))}.ach-list,.title-list,.rk-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ach-view,.title-view{gap:8px;display:grid}.panel-achievements,.panel-rankings{max-height:min(calc(70 * var(--vh1,1vh)), 560px);padding-right:2px;overflow-y:auto}.ach-row{background:var(--lt-shade30,#00000047);border:1px solid var(--cl-gold-ln30,#d8a94a4d);border-radius:8px;padding:8px 10px}.ach-row.is-done{border-color:var(--cl-gold-ln,#e8c25ad9);background:var(--lt-shade40,#3c2e0c66)}.ach-head{justify-content:space-between;gap:8px;display:flex}.ach-name{font-weight:800}.ach-pts{color:var(--gold-2);flex:none;font-size:12px;font-weight:700}.ach-desc{color:var(--paper-dim);margin:2px 0 4px;font-size:12px}.ach-bar{background:var(--lt-shade45,#00000073);border:1px solid var(--cl-gold-ln35,#e8c25a59);border-radius:8px;height:16px;position:relative;overflow:hidden}.ach-fill{background:linear-gradient(90deg,#3f8f4f,#8fd06a);position:absolute;inset:0 auto 0 0}.ach-row.is-done .ach-fill{background:linear-gradient(90deg, var(--cl-gold-bg,#c8942a), var(--cl-gold-bg-hi,#f2d27c))}.ach-num{text-align:center;text-shadow:0 1px 2px var(--lt-tsh,#000);font-size:11px;font-weight:700;line-height:14px;display:block;position:relative}.ach-rewards{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:4px;font-size:12px;display:flex}.ach-reward-label{color:var(--paper-dim)}.ach-reward{background:var(--lt-shade40,#0006);border:1px solid var(--cl-gold-ln35,#f2d27c59);border-radius:10px;padding:1px 8px}.title-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.title-current{color:var(--gold-2);font-weight:800}.title-remove,.title-equip{min-width:96px;min-height:44px}.title-row{background:var(--lt-shade30,#00000047);border:1px solid var(--cl-gold-ln30,#d8a94a4d);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.title-row.is-worn{border-color:var(--gold-2);box-shadow:0 0 0 1px var(--cl-gold-sh35,#f2d27c59) inset}.title-info{gap:1px;min-width:0;display:grid}.title-text{font-size:15px;font-weight:800}.title-meta,.title-desc,.title-expiry{color:var(--paper-dim);font-size:11px}.title-expiry{color:var(--tx-orange,#ffb98a)}.title-empty,.rk-empty{text-align:center;color:var(--paper-dim);margin:12px 0}.tier-plain .title-text{color:var(--paper)}.tier-bronze .title-text{color:var(--tx-orange,#e0a070)}.tier-silver .title-text{color:var(--tx-blue,#d6e2f2)}.tier-gold .title-text{color:var(--tx-gold,#ffd86a);text-shadow:0 0 6px #ffc85073}.rk-filters{flex-wrap:wrap;gap:8px;display:flex}.rk-filters[hidden]{display:none}.rk-field{color:var(--paper-dim);align-items:center;gap:6px;font-size:12px;display:flex}.rk-select{min-height:40px;font:inherit;color:var(--paper);background:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:0 8px}.rk-table{gap:8px;display:grid}.rk-table.is-busy{opacity:.6}.rk-desc{color:var(--paper-dim);margin:0;font-size:12px}.rk-podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:6px;padding-top:4px;display:grid}.rk-step{text-align:center;grid-template-rows:1fr auto;justify-items:stretch;min-width:0;animation:.55s cubic-bezier(.2,.8,.25,1) both rk-rise;display:grid}.rk-step-3{animation-delay:0s}.rk-step-2{animation-delay:.14s}.rk-step-1{animation-delay:.3s}.rk-figure{place-items:end center;min-height:132px;display:grid;position:relative}.rk-step-1 .rk-figure{min-height:168px}.rk-hero{z-index:1;width:88px;height:132px;image-rendering:pixelated;filter:drop-shadow(0 2px #0000008c);position:relative}.rk-step-1 .rk-hero{width:112px;height:168px}.rk-shadow{background:radial-gradient(closest-side, var(--lt-shade65,#000000a6), #0000);border-radius:50%;width:52px;height:9px;margin-left:-26px;position:absolute;bottom:-3px;left:50%}.rk-crest{clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%);background:linear-gradient(135deg, var(--cl-gold-bg-hi,#f6dc8a), var(--cl-gold-bg,#a9782a) 60%, #5b3d12);width:44px;height:54px;box-shadow:inset 0 0 0 4px var(--lt-sh55,#1a14208c);margin-bottom:4px}.rk-crown{z-index:2;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffefae), var(--cl-gold-bg,#e2b53f) 55%, var(--cl-gold-bg,#9a6a1b));clip-path:polygon(0 100%,0 20%,20% 55%,50% 0,80% 55%,100% 20%,100% 100%);filter:drop-shadow(0 0 4px #ffd86ad9);width:28px;height:14px;margin-left:-14px;animation:2.4s ease-in-out .9s infinite rk-crown;position:absolute;top:18px;left:50%}.rk-laurel{z-index:0;background:radial-gradient(closest-side, var(--cl-gold-t30,#ffd86a47), #ffd86a00 72%);border:2px dotted var(--cl-gold-ln55,#ffd86a8c);border-radius:50%;width:124px;height:124px;margin-left:-62px;animation:2.4s ease-in-out .9s infinite rk-shine;position:absolute;bottom:10px;left:50%}.rk-plinth{background:repeating-linear-gradient(90deg, var(--lt-shade10,#0000001f) 0 2px, #0000 2px 6px), linear-gradient(180deg, #6a5a48, var(--lt-panel,#3a3026));box-shadow:inset 0 2px 0 #ffffff2e, inset 0 -3px 0 var(--lt-sh35,#00000059);border:2px solid #5a4a3a;border-bottom-width:3px;border-radius:3px 3px 0 0;align-content:start;justify-items:center;gap:1px;padding:6px 4px;display:grid;position:relative;overflow:hidden}.rk-step-1 .rk-plinth{border-color:var(--cl-gold-ln,#e0b64a);background:repeating-linear-gradient(90deg, var(--lt-shade10,#0000001a) 0 2px, #0000 2px 6px), linear-gradient(180deg, var(--cl-gold-bg,#8a6a24), var(--lt-panel,#4a3612));min-height:92px}.rk-step-2 .rk-plinth{background:repeating-linear-gradient(90deg, var(--lt-shade10,#0000001a) 0 2px, #0000 2px 6px), linear-gradient(180deg, #6a7686, var(--lt-panel,#333b47));border-color:#b8c4d4;min-height:72px}.rk-step-3 .rk-plinth{background:repeating-linear-gradient(90deg, var(--lt-shade10,#0000001a) 0 2px, #0000 2px 6px), linear-gradient(180deg, #86573a, var(--lt-panel,#402718));border-color:#c58a5a;min-height:60px}.rk-step-1 .rk-plinth:after{content:"";pointer-events:none;background:linear-gradient(100deg,#fff0,#fff4c880,#fff0);width:30%;animation:3.2s ease-in-out .8s infinite rk-sweep;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-18deg)}.rk-step.is-empty{opacity:.45}.rk-step.is-me .rk-plinth,.rk-row.is-me{box-shadow:inset 0 0 0 2px #5fa585e6}.rk-medal{color:#1a1420;border:2px solid var(--lt-line45,#00000073);background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#d8a94a));border-radius:50%;place-items:center;width:22px;height:22px;font-weight:800;display:grid}.rk-step-2 .rk-medal{background:linear-gradient(#f2f6fb,#a9b6c8)}.rk-step-3 .rk-medal{background:linear-gradient(#f2c29c,#b9774a)}.rk-pname{overflow-wrap:anywhere;max-width:100%;font-size:13px;font-weight:800}.rk-ptitle{color:var(--tx-gold,#ffe9a8);overflow-wrap:anywhere;font-size:10px;font-style:italic}.rk-ptitle:empty{display:none}.rk-pjob{color:var(--paper-dim);font-size:11px}.rk-pval{color:var(--gold-2);font-size:12px;font-weight:700}@keyframes rk-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes rk-sweep{0%,55%{left:-40%}to{left:130%}}@keyframes rk-shine{50%{opacity:.55}}@keyframes rk-crown{50%{transform:translateY(-2px)}}@media (max-height:480px){.rk-figure{min-height:84px}.rk-step-1 .rk-figure{min-height:108px}.rk-hero{width:56px;height:84px}.rk-step-1 .rk-hero{width:72px;height:108px}.rk-laurel{width:80px;height:80px;margin-left:-40px}.rk-crown{width:22px;height:11px;margin-left:-11px;top:11px}.rk-plinth{padding:4px 3px}.rk-step-1 .rk-plinth{min-height:74px}.rk-step-2 .rk-plinth{min-height:60px}.rk-step-3 .rk-plinth{min-height:50px}}@media (prefers-reduced-motion:reduce){.rk-step,.rk-crown,.rk-laurel,.rk-step-1 .rk-plinth:after{animation:none}}.rk-row{background:var(--lt-shade25,#00000040);border-radius:6px;grid-template-columns:44px 1fr auto auto;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:grid}.rk-rank{color:var(--gold-2);font-weight:800}.rk-name{overflow-wrap:anywhere;min-width:0}.rk-job{color:var(--paper-dim);font-size:11px}.rk-val{font-weight:700}.rk-mine{background:#28504080;border:1px solid #5fa585cc;border-radius:8px;justify-content:space-between;gap:8px;padding:8px 10px;font-weight:700;display:flex}.rk-foot{color:var(--paper-dim);margin:0;font-size:11px}@media (max-height:520px),(pointer:coarse){.ach-cat,.rk-tab,.rk-select{min-height:44px}.panel-achievements,.panel-rankings{max-height:none}}.pr-title,.inspect-title{color:var(--tx-orange,#e0a070);font-size:11px;font-weight:700;line-height:1.2}.pr-title[hidden]{display:none}.inspect-title{text-align:center}.inspect-title.tier-silver{color:var(--tx-blue,#d6e2f2)}.inspect-title.tier-gold{color:var(--tx-gold,#ffd86a);text-shadow:0 0 6px #ffc85073}.inspect-title.tier-plain{color:var(--paper)}@media (max-height:520px){.rk-step-1{min-height:82px}.rk-step-2{min-height:68px}.rk-step-3{min-height:58px}}.panel-inventory .bag-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:3px;margin:6px 0 2px;display:flex;overflow-x:auto}.panel-inventory .bag-tabs::-webkit-scrollbar{display:none}.panel-inventory .bag-tab{border:1px solid var(--cl-line,#d9cbb5);background:var(--cl-paper,#fffdf9);min-height:34px;color:var(--cl-ink,#392e42);font:600 13px/1 var(--font,sans-serif);cursor:pointer;white-space:nowrap;touch-action:manipulation;border-radius:999px;flex:1 0 auto;justify-content:center;align-items:center;gap:3px;padding:0 7px;display:inline-flex}.panel-inventory .bag-tab:hover{border-color:var(--cl-caramel,#c9a77e)}.panel-inventory .bag-tab.is-active{background:var(--cl-mint,#2a9f89);border-color:var(--cl-mint-deep,#1d7a68);color:#fff}.panel-inventory .bag-tab-count{opacity:.7;font-size:11px;font-weight:500}.panel-inventory .bag-tab.is-active .bag-tab-count{opacity:.95}.panel-inventory .bag-tab.is-empty:not(.is-active){color:var(--cl-ink-soft,#6e6177)}.panel-inventory .bag-subchips[hidden]{display:none}.panel-inventory .bag-subchips{margin:4px 0 2px}.panel-inventory .bag-subchips .cat-chip{min-height:28px;font-size:12px}.panel-inventory .bag-junkbar[hidden],.panel-inventory .bag-junk-confirm[hidden]{display:none}.panel-inventory .bag-junkbar{border-radius:var(--cl-r-card,12px);background:var(--cl-cream-deep,#ede3d3);align-items:center;gap:8px;margin:6px 0;padding:6px 8px 6px 10px;font-size:13px;display:flex}.panel-inventory .bag-junk-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.panel-inventory .bag-junk-hint{color:var(--cl-ink-soft,#6e6177);font-size:11px}.panel-inventory .bag-junk-sell{white-space:nowrap;flex:none;min-height:44px}.panel-inventory .bag-junk-confirm{border:1px solid var(--cl-line,#d9cbb5);border-radius:var(--cl-r-card,12px);background:var(--cl-paper,#fffdf9);flex-direction:column;gap:6px;margin:0 0 6px;padding:8px 10px;display:flex}.panel-inventory .bag-junk-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.panel-inventory .bag-junk-title{font-size:14px}.panel-inventory .bag-junk-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:2px;max-height:34vh;display:flex;overflow-y:auto}.panel-inventory .bag-junk-row{align-items:center;gap:8px;min-height:30px;font-size:13px;display:flex}.panel-inventory .bag-junk-icon{flex:none;width:26px;height:26px}.panel-inventory .bag-junk-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.panel-inventory .bag-junk-price{font-variant-numeric:tabular-nums;color:var(--cl-caramel,#a8814f)}.panel-inventory .bag-junk-total{white-space:nowrap;font-weight:600}.panel-inventory .inv-keep{pointer-events:none;filter:drop-shadow(0 0 2px #0009);font-size:11px;line-height:1;position:absolute;top:0;left:1px}.panel-inventory .inv-keep-btn{min-height:44px}@media (max-height:520px){.panel-inventory .bag-tab{min-height:44px;padding:0 12px}.panel-inventory .bag-junk-list{max-height:28vh}}.screen-game{--eg:46px;--eg-small:32px;--cluster-h:210px}.eg{box-sizing:border-box;pointer-events:auto;background:linear-gradient(180deg, var(--lt-panel,#272b34e6), var(--lt-panel,#101217e6));border:1.5px solid var(--trim);box-shadow:inset 0 0 0 1px var(--cl-gold-sh30,#f6dc8c4d), 0 4px 12px var(--lt-sh50,#00000080);border-radius:12px;gap:3px;padding:3px;display:flex}.eg[hidden]{display:none}.eg-side,.eg-party{flex-direction:column}.eg .eg-item{min-width:var(--eg);min-height:var(--eg);width:var(--eg);height:var(--eg);flex:none;justify-content:center;padding:0}.eg .mg-icon{width:calc(var(--eg) - 8px);height:calc(var(--eg) - 8px)}.eg .mg-img{width:calc(var(--eg) - 18px);height:calc(var(--eg) - 18px)}.eg .mg-key{top:-3px;right:-4px}.eg .eg-label{display:none}.eg .eg-item[data-badge]:after{z-index:2;inset:auto -4px -3px auto}.eg-corner{--eg:var(--eg-small);border-radius:10px;align-self:flex-end;gap:2px;padding:2px}.eg-corner .mg-icon{border-width:1.5px}.eg-corner .mg-key{display:none}.screen-game .hud-topright{--tr-w:200px;align-items:flex-end;width:auto}.screen-game .hud-tr-col>:not(.eg),.screen-game .hud-tr-chips>*{box-sizing:border-box;width:var(--tr-w)}.hud-tr-row{align-items:flex-start;gap:6px;display:flex;pointer-events:none!important}.hud-tr-chips{flex-direction:column;align-items:flex-end;gap:6px;margin-top:40px;display:flex;pointer-events:none!important}.hud-tr-col{flex-direction:column;align-items:flex-end;gap:6px;display:flex;pointer-events:none!important}.hud-tr-row>*,.hud-tr-chips>*,.hud-tr-col>*{pointer-events:auto}.screen-game>.eg-character{right:max(8px, env(safe-area-inset-right));bottom:calc(max(8px, env(safe-area-inset-bottom)) + var(--cluster-h) + 16px);z-index:3;position:absolute}@media (max-width:1279px) and (min-height:521px){.screen-game{--eg:40px;--eg-small:28px}}@media (max-height:520px){.screen-game{--eg:44px}.screen-game .hud-topright{--tr-w:140px}.eg-activity{align-items:center}.eg-activity>.hud-menu{flex:none}.eg .eg-item{height:var(--eg);flex-direction:column;justify-content:flex-start;gap:0}.eg .eg-item .mg-icon{width:calc(var(--eg) - 13px);height:calc(var(--eg) - 13px)}.eg .eg-item .mg-img{width:calc(var(--eg) - 22px);height:calc(var(--eg) - 22px)}.eg .eg-item[data-badge]:after{top:-3px;bottom:auto}.eg .eg-label{max-width:calc(var(--eg) + 2px);white-space:nowrap;text-overflow:clip;color:var(--paper,#f3e6c4);text-shadow:0 1px 2px var(--lt-tsh,#000);pointer-events:none;font-size:9px;font-weight:700;line-height:12px;display:block;overflow:hidden}.eg-activity .mg-toggle{min-width:58px;min-height:44px;padding:2px 8px}.screen-game>.eg-character{left:50%;right:auto;bottom:calc(max(6px, env(safe-area-inset-bottom)) + 62px);transform:translate(-50%)}.screen-game.hud-compact>.eg-character{transform:translateX(-50%) scale(var(--hud-s,1));transform-origin:bottom}}@media (max-height:520px) and (max-width:760px){.screen-game>.eg-character{left:calc(max(8px, env(safe-area-inset-left)) + 200px);transform:none}.screen-game.hud-compact>.eg-character{transform:scale(var(--hud-s,1));transform-origin:0 100%}}.action-btn .action-key{text-align:center;color:#241a08;background:var(--keycap);min-width:15px;height:15px;box-shadow:0 1px 0 #6e5018, 0 1px 3px var(--lt-sh60,#0009);pointer-events:none;border-radius:4px;padding:0 3px;font-size:9px;font-weight:800;line-height:15px;position:absolute;top:-2px;right:-2px}.action-btn .action-key[hidden]{display:none}.screen-game .action-btn.action-pickup.is-idle{opacity:.5;filter:grayscale(.5)}.screen-game .action-btn.action-pickup.is-ready{border-color:var(--cl-gold-ln,#ffe08a);animation:1.1s ease-in-out infinite pickup-pulse}@keyframes pickup-pulse{0%,to{box-shadow:inset 0 0 0 2px var(--lt-sh60,#06100a99), 0 0 6px 1px var(--cl-gold-sh55,#ffd66e8c)}50%{box-shadow:inset 0 0 0 2px var(--lt-sh60,#06100a99), 0 0 16px 5px var(--cl-gold-sh95,#ffd66ef2)}}@media (prefers-reduced-motion:reduce){.screen-game .action-btn.action-pickup.is-ready{box-shadow:inset 0 0 0 2px var(--lt-sh60,#06100a99), 0 0 12px 4px var(--cl-gold-sh90,#ffd66ee6);animation:none}}.hud-tr-micol{flex-direction:column;align-items:flex-end;gap:4px;display:flex;pointer-events:none!important}.hud-tr-micol>:not(.hud-lootfeed){pointer-events:auto}.hud-tr-micol:has(.hud-camzoom.is-row)>.hud-lootfeed{margin-top:46px}.screen-game{--pcb:34px}@media (max-width:1279px){.screen-game{--pcb:30px}}.screen-game .hud-tr-col>.pcbar{pointer-events:auto;width:auto;max-width:calc(100vw - 16px);position:relative}.pcbar-line{justify-content:flex-end;align-items:flex-start;gap:4px;display:flex}.pcbar-toggle,.pcbar-more{height:30px;font:inherit;color:var(--paper,#f3e6c4);text-shadow:0 1px 2px var(--lt-tsh,#000);white-space:nowrap;cursor:pointer;background:linear-gradient(180deg, var(--lt-panel,#3c3424f2), var(--lt-panel,#1a160ef2));border:1.5px solid var(--trim,#c99a3e);box-shadow:inset 0 0 0 1px var(--cl-gold-sh30,#f6dc8c4d), 0 3px 8px var(--lt-sh50,#00000080);border-radius:10px;flex:none;justify-content:center;align-items:center;gap:4px;margin:3px 0;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.pcbar-toggle:hover,.pcbar-more:hover,.pcbar-more.is-open{border-color:var(--cl-gold-ln,#fff0b0);color:var(--tx-hi,#fff)}.pcbar-more{height:calc(var(--pcb) + 12px);align-self:stretch;min-width:68px;margin:0}.pcbar-more[hidden]{display:none}.pcbar-caret{opacity:.85;font-size:10px;line-height:1}.pcbar-toggle.has-dot:after,.pcbar-more.has-dot:after{content:"";background:var(--vermilion-2,#d8412c);width:11px;height:11px;box-shadow:0 1px 3px var(--lt-sh60,#0009);border:1.5px solid #fff3d0;border-radius:50%;position:absolute;top:-4px;right:-4px}.pcbar.is-collapsed .eg-pcbar,.pcbar.is-collapsed .eg-pcbar-pop{display:none}.eg-pcbar{--eg:var(--pcb);border-radius:10px;flex-wrap:nowrap;align-items:flex-start;gap:2px;padding:3px}.eg-pcbar .eg-item{width:var(--eg);min-width:var(--eg);height:calc(var(--eg) + 12px);min-height:calc(var(--eg) + 12px);flex-direction:column;flex:none;justify-content:flex-start;gap:1px;padding:0}.eg-pcbar .mg-icon{width:calc(var(--eg) - 6px);height:calc(var(--eg) - 6px);border-width:1.5px}.eg-pcbar .mg-img{width:calc(var(--eg) - 16px);height:calc(var(--eg) - 16px)}.eg-pcbar .mg-key,.eg-pcbar-pop .mg-key{letter-spacing:-.2px;min-width:0;height:11px;color:var(--paper-dim,#d8c9a0);box-shadow:none;text-shadow:0 1px 1px var(--lt-tsh,#000);pointer-events:none;background:0 0;padding:0;font-size:8.5px;line-height:11px;display:block;position:static}.eg-pcbar .mg-key[hidden],.eg-pcbar-pop .mg-key[hidden]{visibility:hidden;display:block}.eg-pcbar .eg-label{display:none}.eg-pcbar .eg-item[data-badge]:after,.eg-pcbar-pop .eg-item[data-badge]:after{border-radius:8px;min-width:15px;height:15px;padding:0 3px;font-size:10px;line-height:15px;inset:-4px -5px auto auto}.eg-pcbar-pop{z-index:40;--eg:40px;flex-wrap:wrap;justify-content:flex-start;gap:4px 3px;width:max-content;max-width:292px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.eg-pcbar-pop[hidden]{display:none}.eg-pcbar-pop .eg-item{flex-direction:column;flex:none;justify-content:flex-start;gap:1px;width:52px;min-width:52px;height:auto;min-height:0;padding:0 0 2px}.eg-pcbar-pop .mg-icon{border-width:1.5px;width:34px;height:34px}.eg-pcbar-pop .mg-img{width:22px;height:22px}.eg-pcbar-pop .eg-label{white-space:nowrap;text-overflow:ellipsis;max-width:52px;color:var(--paper,#f3e6c4);text-shadow:0 1px 2px var(--lt-tsh,#000);pointer-events:none;font-size:10px;font-weight:700;line-height:12px;display:block;overflow:hidden}.hud-drag-veil{display:none}.hud-unlocked .hud-draggable>.hud-drag-veil{z-index:70;background:var(--cl-gold-t5,#ffe27a0f);box-shadow:0 0 10px var(--cl-gold-sh50,#ffd25a80);border:2px dashed #ffe27af2;border-radius:10px;display:block;position:absolute;inset:0;pointer-events:none!important}.hud-unlocked .hud-draggable>.hud-drag-veil>.hud-drag-grip{color:#2a1d05;background:var(--cl-gold-bg-hi,#ffe27a);border:1px solid var(--cl-gold-ln,#8a6a1c);cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:11px;place-items:center;width:34px;height:22px;margin-left:-17px;font-size:14px;line-height:1;display:grid;position:absolute;top:-11px;left:50%;pointer-events:auto!important}.hud-unlocked [data-menu=settings],.hud-unlocked [data-menu=autoset],.hud-unlocked .action-autoset{z-index:90;position:relative;pointer-events:auto!important}.hud-layout-bar{z-index:2147483000;background:var(--lt-panel,#1b2a20);color:var(--tx-gold,#f4ecd0);border:2px solid var(--cl-gold-ln,#c9a24a);box-shadow:0 4px 18px var(--lt-sh55,#0000008c);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font:700 14px system-ui,sans-serif;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}.hud-layout-bar button{border:1px solid var(--cl-gold-ln,#c9a24a);background:var(--lt-panel,#3a3a2a);min-height:32px;color:var(--tx-gold,#f4ecd0);cursor:pointer;border-radius:6px;padding:0 12px;font:700 14px system-ui,sans-serif}.hud-layout-bar button.is-primary{background:var(--cl-gold-bg,#c9a24a);color:#1b1b1b}.hud-layout-bar[hidden]{display:none}.hud-unlocked .hud-draggable.is-dragging>.hud-drag-veil{background:var(--cl-gold-t20,#ffe27a38)}.hud-unlocked .hud-left.is-scroll{overflow:visible}.hud-hotbar.hotbar-one-row .hotbar-row-2,.screen-game:not(.is-mobile) .hud-cluster .action-btn:not(.action-attack):not(.action-auto):not(.action-autoset){display:none}.screen-game:not(.is-mobile) .hud-cluster .action-btn.action-auto{border-radius:22px;align-content:start}.screen-game:not(.is-mobile) .hud-cluster .action-btn.action-auto .action-icon{display:none}.screen-game:not(.is-mobile) .hud-cluster .action-btn.action-auto .action-label{letter-spacing:1.5px;color:var(--tx-gold,#fff7d6);text-shadow:0 1px 0 var(--lt-tsh,#000), 0 0 6px #ffc8508c;grid-area:1/1;align-self:start;margin:6px 0 0;font-size:17px;font-weight:900;line-height:18px;display:block}.screen-game:not(.is-mobile) .hud-cluster .action-btn.action-auto .action-key{bottom:3px}.screen-game:not(.is-mobile) .hud-cluster .action-btn.action-auto.is-auto-on .action-label{color:var(--tx-hi,#fff);text-shadow:0 1px 0 var(--lt-tsh,#000), 0 0 8px #78ffaae6}.hud-unlocked .hud-chat.is-hidden>.hud-drag-veil{display:block!important}.eg-home{align-self:flex-start}.eg-home .eg-label{display:none}.rh-overlay{z-index:3500;background:var(--lt-shade50,#08060e80);justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}.rh-card{width:min(400px,100%);max-height:calc(calc(100 * var(--vh1,1vh)) - 16px);box-sizing:border-box;border:1px solid var(--line);background:linear-gradient(180deg, var(--lt-panel,#2a2236), var(--lt-panel,#1a1524));color:var(--paper);box-shadow:0 8px 30px var(--lt-sh60,#0009);border-radius:10px;padding:14px 16px;overflow-y:auto}.rh-title{font-family:var(--font-title);color:var(--gold-2);margin:0 0 8px;font-size:18px}.rh-line{color:var(--paper);margin:6px 0 0;font-size:14px;line-height:1.45}.rh-meter{border:1px solid var(--cl-gold-ln45,#f6dc8c73);background:var(--lt-shade45,#00000073);border-radius:5px;height:10px;margin:2px 0 6px;position:relative;overflow:hidden}.rh-meter-fill{background:linear-gradient(90deg, var(--cl-gold-bg,#d8a94a), #e0533f);height:100%;display:block}.rh-meter-tick{background:#ffffffb3;width:1px;position:absolute;top:0;bottom:0}.rh-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.rh-btn{flex:120px;min-height:44px}@media (max-height:520px){.rh-card{padding:8px 12px}.rh-title{margin-bottom:4px;font-size:16px}.rh-line{margin-top:4px;font-size:13px}.rh-actions{margin-top:8px}.rh-btn{white-space:nowrap;flex:96px;padding-inline:8px}}.screen-game .hud-topright .hud-tr-col>.hud-tr-mini{justify-content:flex-end;align-items:flex-start;gap:6px;width:auto;display:flex}.screen-game .hud-topright .hud-tr-mini>.hud-minimap{width:var(--tr-w)}.screen-game .hud-camzoom{z-index:3;box-sizing:border-box;background:var(--cl-ink-panel,#211b29e0);border:1px solid var(--cl-bronze,#7d6a52);border-radius:var(--cl-r-card,12px);color:var(--cl-ink-text,#f4ecdf);pointer-events:auto;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;box-shadow:0 2px 6px #00000059}.screen-game:not(.is-mobile) .hud-camzoom{right:max(12px, env(safe-area-inset-right));bottom:calc(max(8px, env(safe-area-inset-bottom)) + var(--cluster-h,150px) + 16px)}.screen-game .hud-camzoom .camzoom-btn{width:36px;height:32px;color:inherit;font:600 18px/1 var(--font-head,var(--font,sans-serif));cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;padding:0}.screen-game .hud-camzoom .camzoom-btn:hover{background:#ffffff1a}.screen-game .hud-camzoom .camzoom-btn:active{background:#ffffff2e}.screen-game .hud-camzoom .camzoom-value{opacity:.9;height:22px;font-size:11px;font-weight:500}.screen-game .hud-camzoom .camzoom-value:not(.is-default){color:var(--cl-mint-on-ink,#6fd6bf);opacity:1}.screen-game .hud-minimap:has(>.hud-camzoom){position:relative}.screen-game .hud-camzoom.is-row{flex-direction:row;gap:0;padding:0;top:calc(100% + 2px);right:0}.screen-game .hud-camzoom.is-row .camzoom-btn{width:44px;height:44px;font-size:20px}.screen-game .hud-camzoom.is-row .camzoom-value{width:42px;height:44px;font-size:12px}.screen-game.is-mobile{--m-l:max(8px, env(safe-area-inset-left));--m-r:max(8px, env(safe-area-inset-right));--m-b:max(8px, env(safe-area-inset-bottom));--m-t:max(6px, env(safe-area-inset-top));--hud-pad:var(--m-l);--tab-w:var(--status-tab,40px)}.screen-game.is-mobile.hud-compact{--tab-w:max(var(--status-tab,40px), calc(44px / var(--hud-s,1)))}.screen-game .hud-sheet-layer[hidden],.screen-game .hud-joystick[hidden],.screen-game .hotkey-slot[hidden],.screen-game .hud-wtd-panel[hidden]{display:none!important}.screen-game.is-mobile .hud-left{top:var(--m-t);left:var(--m-l)}.screen-game.is-mobile .hud-status{width:var(--status-w,172px);position:relative}.screen-game .hud-fold{display:none}.screen-game.is-mobile .hud-status .hud-fold{top:4px;right:calc(-1 * var(--tab-w));width:var(--tab-w);height:52px;font:inherit;color:#241a08;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#fdf3d4), var(--cl-gold-bg,#cfb070));border:1.5px solid var(--trim-hi,#f6dc8c);box-shadow:0 2px 6px var(--lt-sh50,#00000080);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-left:0;border-radius:0 10px 10px 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:flex;position:absolute}.screen-game.is-mobile .hud-status .hf-arrow{border-bottom:3px solid;border-left:3px solid;width:8px;height:8px;transform:rotate(-135deg)}.screen-game.is-mobile .hud-status:not(.is-folded) .hf-arrow{transform:rotate(45deg)}.screen-game.is-mobile .hud-status .hf-label{white-space:nowrap;font-size:10px;font-weight:800;line-height:1}.screen-game.is-mobile .hud-status.is-folded .status-plate,.screen-game.is-mobile .hud-status.is-folded .status-name-row{display:contents}.screen-game.is-mobile .hud-status.is-folded .status-name,.screen-game.is-mobile .hud-status.is-folded .status-level,.screen-game.is-mobile .hud-status.is-folded .status-gm{display:none}.screen-game.is-mobile .hud-status.is-folded .status-vip{z-index:2;min-width:0;height:auto;min-height:0;position:absolute;bottom:-9px;left:66px}.screen-game.is-mobile .hud-status.is-folded .status-exp,.screen-game.is-mobile .hud-status.is-folded .status-weight,.screen-game .hud-topbar{display:none}.screen-game.is-mobile .hud-topbar{top:var(--m-t);left:var(--tb-left,0);width:var(--tb-w,auto);z-index:3;pointer-events:none;justify-content:center;display:flex;position:absolute}.screen-game.is-mobile .eg-topbar{align-items:stretch;gap:var(--tb-gap,2px);padding:calc(var(--tb-plate,4px) - 1.5px);flex-direction:row}.screen-game.is-mobile .eg-topbar .eg-item{width:var(--tb-cell,46px);min-width:var(--tb-cell,46px);height:var(--tb-h,54px);min-height:var(--tb-h,54px);touch-action:manipulation;border-radius:10px;flex-direction:column;flex:none;justify-content:flex-start;gap:1px;padding:3px 0 0}.screen-game.is-mobile .eg-topbar .eg-item[hidden]{display:none}.screen-game.is-mobile .eg-topbar .eg-item .mg-icon{width:32px;height:32px}.screen-game.is-mobile .eg-topbar .eg-item .mg-img{width:22px;height:22px}.screen-game.is-mobile .eg-topbar .eg-item .mg-key{display:none}.screen-game.is-mobile .eg-topbar .eg-item .eg-label{max-width:var(--tb-cell,46px);white-space:nowrap;text-overflow:clip;color:var(--paper,#f3e6c4);text-shadow:0 1px 2px var(--lt-tsh,#000);font-size:10px;font-weight:700;line-height:14px;display:block;overflow:hidden}.screen-game.is-mobile .eg-topbar .eg-item[data-badge]:after{top:-3px;bottom:auto;right:-2px}.screen-game.is-mobile .eg-topbar .tb-more{width:var(--tb-cell,46px);flex:none;display:flex}.screen-game.is-mobile .eg-topbar .mg-toggle{width:var(--tb-cell,46px);min-width:0;height:var(--tb-h,54px);touch-action:manipulation;border-radius:10px;flex-direction:column;justify-content:flex-start;gap:8px;min-height:0;padding:9px 0 0;font-size:10px;font-weight:700;line-height:14px}.screen-game.is-mobile .eg-topbar .mg-toggle-label{max-width:var(--tb-cell,46px);white-space:nowrap;display:block;overflow:hidden}.screen-game.is-mobile .eg-topbar .mg-toggle-icon{background:currentColor;border:0;width:18px;height:2px;transform:none;box-shadow:0 -6px,0 6px}.screen-game.is-mobile .hud-menu.is-open .mg-toggle-icon{transform:none}.screen-game.is-mobile .eg-topbar .mg-toggle.has-badge:after{top:-3px;right:-2px}.screen-game.is-mobile .hud-topright{top:var(--m-t);right:var(--m-r);--tr-w:var(--mini-w,132px)}.screen-game.is-mobile .hud-tr-row>.hud-tr-mini,.screen-game.is-mobile .hud-tr-micol>.hud-tr-mini{justify-content:flex-end;align-items:flex-start;gap:6px;display:flex}.screen-game.is-mobile .hud-tr-mini>.hud-minimap{width:var(--tr-w)}.screen-game.is-mobile .hud-tr-left{padding-top:calc(var(--tb-h,54px) + 2 * var(--tb-plate,4px) + 4px);flex-direction:column;align-items:flex-end;gap:4px;display:flex;pointer-events:none!important}.screen-game.is-mobile .hud-tr-left>*{pointer-events:auto}.screen-game.is-mobile .hud-tr-chips{flex-flow:wrap;justify-content:flex-end;gap:4px;max-width:200px;margin-top:0;pointer-events:none!important}.screen-game.is-mobile .hud-tr-chips>*{width:auto;max-width:150px;font-size:10px}.screen-game.is-mobile .hud-announce{top:calc(var(--m-t) + var(--tb-h,54px) + 2 * var(--tb-plate,4px) + 4px);left:var(--tb-left,0);width:var(--tb-w,auto);min-width:0;right:auto;transform:none}.screen-game.is-mobile .hud-wtd{min-height:44px;font:inherit;color:#241a08;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#fdf3d4), var(--cl-gold-bg,#cfb070));border:1.5px solid var(--trim-hi,#f6dc8c);box-shadow:0 2px 6px var(--lt-sh50,#00000080);pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:22px;align-self:flex-start;align-items:center;gap:7px;margin-top:4px;padding:0 14px 0 7px;font-size:13px;font-weight:800;display:flex;position:relative}.screen-game.is-mobile .hud-wtd .wtd-icon{width:28px;height:28px;color:var(--trim-hi,#f6dc8c);background:linear-gradient(180deg, var(--lt-panel,#353a46), var(--lt-panel,#15171d));border-radius:50%;place-items:center;font-size:17px;font-weight:900;display:grid}.screen-game.is-mobile .hud-wtd.has-badge:after{content:"";background:#e5483a;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-3px;right:-2px}.screen-game .hud-wtd-panel{z-index:36;width:min(330px, calc(100vw - 2 * var(--m-l,8px)));box-sizing:border-box;color:var(--paper,#f3e6c4);background:linear-gradient(180deg, #ffffff14, #fff0 24%), linear-gradient(180deg, var(--lt-panel,#272b34fa), var(--lt-panel,#101217fa));border:2px solid var(--trim,#c9a24a);box-shadow:0 8px 22px var(--lt-sh60,#0009);pointer-events:auto;border-radius:14px;padding:4px 10px 8px;position:absolute}.screen-game .wtd-head{justify-content:space-between;align-items:center;min-height:40px;display:flex}.screen-game .wtd-title{color:var(--trim-hi,#f6dc8c);margin:0;font-size:15px}.screen-game .wtd-close{width:44px;height:44px;font:inherit;color:var(--paper,#f3e6c4);touch-action:manipulation;background:0 0;border:0;margin-right:-8px;padding:0;font-size:26px;line-height:1}.screen-game .wtd-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.screen-game .wtd-item{border-top:1px solid var(--cl-gold-ln35,#c9a24a59);align-items:center;gap:8px;padding:6px 0;display:flex}.screen-game .wtd-body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.screen-game .wtd-item-title{font-size:13px;line-height:1.25}.screen-game .wtd-item-detail{opacity:.8;font-size:11px;line-height:1.3}.screen-game .wtd-go{min-width:88px;min-height:48px;font:inherit;color:#241a08;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#fdf3d4), var(--cl-gold-bg,#cfb070));border:1.5px solid var(--trim-hi,#f6dc8c);touch-action:manipulation;border-radius:10px;flex:none;padding:0 10px;font-size:13px;font-weight:800}.screen-game .wtd-empty{opacity:.85;padding:8px 2px;font-size:13px}.screen-game .hud-joystick{left:calc(var(--m-l,8px) + var(--joy-left,6px));bottom:calc(var(--m-b,8px) + var(--joy-bottom,6px));width:var(--joy-size,104px);height:var(--joy-size,104px);z-index:4;touch-action:none;-webkit-tap-highlight-color:transparent;transform:scale(var(--hud-c,1));transform-origin:0 100%;position:absolute}.screen-game .hud-joystick .joy-base{border:2px solid var(--cl-gold-ln,#f6dc8cb3);background:radial-gradient(circle at 50% 50%, var(--lt-shade35,#14161c59) 0, var(--lt-shade55,#14161c8c) 100%);box-shadow:inset 0 0 0 2px var(--lt-sh45,#00000073), 0 3px 8px var(--lt-sh50,#00000080);border-radius:50%;position:absolute;inset:0}.screen-game .hud-joystick .joy-base:before{content:"";border:1.5px dashed var(--cl-gold-ln35,#f6dc8c59);border-radius:50%;position:absolute;inset:12px}.screen-game .hud-joystick .joy-knob{border:2px solid var(--trim-hi,#f6dc8c);background:radial-gradient(circle at 34% 26%, #ffffff59 0, #fff0 40%), radial-gradient(circle at 50% 60%, #6b5a2c 0%, var(--lt-panel,#3a2f14) 100%);width:52px;height:52px;box-shadow:0 0 0 1.5px var(--lt-sh100,#0a0d0b), 0 3px 6px var(--lt-sh60,#0009);pointer-events:none;border-radius:50%;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.screen-game .hud-joystick.is-held .joy-knob{border-color:var(--cl-gold-ln,#fff0b0)}.screen-game .chat-peek{display:none}.screen-game.is-mobile .hud-chat{--chat-left:calc(var(--m-l) + var(--joy-left,6px) + var(--joy-size,104px) * var(--hud-c,1) + 8px);left:var(--chat-left);bottom:var(--m-b);width:min(var(--chat-w,204px), calc(100vw - var(--chat-left) - var(--m-r) - var(--cluster-total,413px) * var(--hud-c,1) - 8px));min-width:0}.screen-game.is-mobile .hud-chat.is-hidden{width:auto}.screen-game.is-mobile .hud-chat:not(.open):not(.is-hidden){height:var(--peek-h,48px);background:var(--lt-shade40,#0c0e1266);border:1.5px solid var(--cl-gold-ln40,#c9a24a61);box-shadow:none;border-radius:12px;gap:0;padding:0;position:absolute}.screen-game.is-mobile .hud-chat:not(.open):not(.is-hidden)>:not(.chat-peek):not(.chat-hide){display:none!important}.screen-game.is-mobile .hud-chat:not(.open):not(.is-hidden) .chat-peek{box-sizing:border-box;width:calc(100% - 48px);height:100%;font:inherit;text-align:left;color:var(--paper,#f3e6c4);text-shadow:0 1px 2px var(--lt-tsh,#000);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;padding:0 4px 0 9px;font-size:12px;line-height:16px;display:flex}.screen-game.is-mobile .chat-peek-line{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.screen-game.is-mobile .chat-peek-line.is-empty{opacity:.6}.screen-game.is-mobile .chat-peek-line.ch-system{color:var(--tx-blue,#bcd7ff)}.screen-game.is-mobile .chat-peek-line.ch-whisper{color:var(--tx-violet,#f0b6ff)}.screen-game.is-mobile .chat-peek-line.ch-party{color:var(--tx-green,#9fe6b0)}.screen-game.is-mobile .chat-peek-line.ch-world,.screen-game.is-mobile .chat-peek-line.ch-shout{color:var(--tx-gold,#ffd98a)}.screen-game.is-mobile .hud-chat .chat-hide{background:var(--lt-shade55,#08060e8c);touch-action:manipulation;border-radius:10px;width:44px;height:44px;font-size:22px;top:2px;right:2px}.screen-game.is-mobile .hud-chat .chat-hide:before,.screen-game.is-mobile .hud-chat.open .chat-hide,.screen-game.is-mobile .hud-chat.open .chat-peek{display:none}.screen-game.is-mobile .hud-chat.open{--chat-left:var(--m-l);--chat-open-w:min(340px, calc(50vw - var(--m-l) - 12px), calc(100vw - var(--m-l) - var(--m-r) - var(--cluster-total,413px) * var(--hud-c,1) - 8px));left:var(--m-l);width:var(--chat-open-w);bottom:calc(var(--m-b) + var(--kb-inset,0px));background:var(--lt-panel,#0e1016c7);border:1.5px solid var(--cl-gold-ln60,#c9a24a99);border-radius:12px;gap:4px;padding:4px}.screen-game.is-mobile .hud-chat.open .chat-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;margin-right:48px;overflow-x:auto}.screen-game.is-mobile .hud-chat.open .chat-tabs::-webkit-scrollbar{display:none}.screen-game.is-mobile .hud-chat.open .chat-tab{flex:none;min-width:56px;min-height:44px;padding:0 8px}.screen-game.is-mobile .hud-chat.open .chat-log{height:64px;padding-right:4px}.screen-game.is-mobile .hud-chat.open .chat-form{flex-wrap:wrap}.screen-game.is-mobile .hud-chat.open .chat-channel{flex:none;width:78px;font-size:13px}.screen-game.is-mobile .hud-chat.open .chat-input{flex:80px}.screen-game.is-mobile .hud-chat.open .chat-send{flex:none;min-width:56px}.screen-game.is-mobile:has(.hud-chat.kb-open) .hud-left{visibility:hidden}.screen-game.is-mobile:has(.hud-chat.open) .hud-joystick{visibility:hidden;pointer-events:none}.screen-game.is-mobile .hud-chat.open.kb-open .chat-tabs{display:none}.screen-game.is-mobile .hud-chat.open.kb-open .chat-log{height:38px;padding-right:48px}.screen-game.is-mobile .hud-chat .chat-min{display:none}.screen-game.is-mobile .hud-chat.open .chat-min{width:44px;height:44px;font:inherit;color:var(--paper,#f3e6c4);background:var(--lt-shade70,#08060eb3);border:1px solid var(--cl-gold-ln60,#c9a24a99);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;padding:0;font-size:22px;line-height:44px;display:block;position:absolute;top:2px;right:2px}.screen-game.is-mobile .hud-chat.is-hidden[data-unread]:after{content:"";background:#e5483a;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px}.screen-game.is-mobile.hud-compact .hud-chat{transform:none}.screen-game.is-mobile .hud-hotbar{left:auto;right:calc(var(--m-r) + var(--vit-right,197px));bottom:calc(var(--m-b) + (12px + var(--util-size,48px)) * var(--hud-c,1) + 10px);width:var(--vit-w,216px);box-sizing:border-box;transform-origin:100% 100%;padding:4px 8px 5px;transform:none}.screen-game.is-mobile.hud-compact .hud-hotbar{transform:scale(var(--hud-c,1))}.screen-game.is-mobile .hud-hotbar .hud-rage{gap:16px;bottom:calc(100% + 14px);left:auto;right:0;transform:none}.screen-game.is-mobile .hud-hotbar .hud-rage .rg-bar{flex:none;width:120px}.screen-game.is-mobile .hud-hotbar .hud-rage .rg-pct{display:none}.screen-game.is-mobile .hud-hotbar .hud-rage .rg-bar:before{inset:-12px -2px}.screen-game.is-mobile .hud-hotbar .hud-rage .rg-ult{flex:none}.screen-game.is-mobile .hud-hotbar .hotbar-rows,.screen-game.is-mobile .hud-hotbar .metal-cap{display:none}.screen-game.is-mobile .hud-hotbar .ab-vitals{margin:0}.screen-game.is-mobile .hud-actions.hud-cluster{right:var(--m-r);bottom:var(--m-b);transform:scale(var(--hud-c,1));transform-origin:100% 100%;flex-direction:column}.screen-game.is-mobile .hud-cluster .hotkey-slot,.screen-game.is-mobile .hud-cluster .hotbar-page{box-sizing:border-box;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:50%;padding:0;transition:transform .1s;position:absolute}.screen-game.is-mobile .hud-cluster .hotkey-slot{touch-action:none;border:2px solid var(--trim,#c9a24a);background:radial-gradient(circle at 34% 26%, #fff3 0, #fff0 38%), radial-gradient(circle at 50% 60%, #26334a 0%, var(--lt-panel,#151c2b) 72%, var(--lt-panel,#0a0e16) 100%);box-shadow:0 0 0 1.5px var(--lt-sh100,#0a0d0b), inset 0 0 0 1px var(--cl-gold-sh35,#f6dc8c59), inset 0 -5px 7px var(--lt-sh40,#0006), 0 3px 6px var(--lt-sh60,#0009);display:block}.screen-game.is-mobile .hud-cluster .hotkey-slot:active,.screen-game.is-mobile .hud-cluster .hotbar-page:active{transform:scale(.95)}.screen-game.is-mobile .hud-cluster .hotkey-slot:not(.is-filled){border-style:dashed;border-color:var(--cl-gold-ln,#f6dc8cb3);background:radial-gradient(circle at 50% 50%, var(--lt-shade55,#14161c8c), var(--lt-shade35,#14161c59));box-shadow:0 0 0 1.5px var(--lt-sh80,#0a0d0bcc), 0 2px 5px var(--lt-sh45,#00000073)}.screen-game.is-mobile .hud-cluster .hotkey-slot:not(.is-filled):after{content:"+";color:var(--tx-gold,#f6dc8ccc);pointer-events:none;place-items:center;padding-bottom:2px;font-size:26px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.screen-game.is-mobile .hud-cluster .hotkey-slot.is-assign-target{border-color:var(--cl-gold-ln,#ffe27a);box-shadow:0 0 0 2px var(--cl-gold-sh70,#ffe27ab3), 0 0 12px var(--cl-gold-sh60,#ffe27a99)}.screen-game.is-mobile .hud-cluster .hotkey-icon{inset:8px}.screen-game.is-mobile .hud-cluster .hotkey-key{z-index:3;box-sizing:border-box;text-align:center;color:#241a08;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#fdf3d4), var(--cl-gold-bg,#cfb070));min-width:18px;height:18px;text-shadow:none;border:1.5px solid #6e5018;border-radius:9px;padding:0 4px;font-size:12px;font-weight:800;line-height:15px;display:block;position:absolute;top:-4px;left:-4px}.screen-game.is-mobile .hud-cluster .hotkey-count{font-size:10px;bottom:2px;right:4px}.screen-game.is-mobile .hud-cluster .hotbar-page{font:inherit;color:var(--trim-hi,#f6dc8c);background:linear-gradient(180deg, var(--lt-panel,#353a46), var(--lt-panel,#15171d));border:2px solid var(--trim,#c9a24a);box-shadow:0 0 0 1.5px var(--lt-sh100,#0a0d0b), 0 3px 6px var(--lt-sh60,#0009);justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:800;display:flex}.screen-game.is-mobile .hud-cluster .hotbar-page .hp-arrow{border-top:2.5px solid;border-right:2.5px solid;width:7px;height:7px;transform:rotate(-45deg)}.screen-game .hud-sheet.sp-sheet{width:min(100%,600px)}.screen-game .sp-sheet .hs-head{gap:10px}.screen-game .sp-sheet .hs-title{flex:none}.screen-game .sp-now{white-space:nowrap;text-overflow:ellipsis;opacity:.8;flex:auto;min-width:0;font-size:12px;overflow:hidden}.screen-game .sp-bar{flex:none;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.screen-game .sp-tabs{gap:6px;display:flex}.screen-game .sp-tab,.screen-game .sp-clear{min-height:44px;font:inherit;color:var(--paper,#f3e6c4);background:linear-gradient(180deg, var(--lt-panel,#3a3f4a), var(--lt-panel,#1a1d24));border:1.5px solid var(--trim,#c9a24a);touch-action:manipulation;border-radius:10px;padding:0 16px;font-size:14px;font-weight:800}.screen-game .sp-tab[aria-selected=true]{color:#241a08;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#fdf3d4), var(--cl-gold-bg,#cfb070))}.screen-game .sp-clear{color:var(--tx-red,#ffb3a8);border-color:#c4574a}.screen-game .sp-clear[hidden]{display:none}.screen-game .sp-grid{overscroll-behavior:contain;flex:auto;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;min-height:0;padding:2px 0 8px;display:grid;overflow-y:auto}.screen-game .sp-item{min-height:84px;font:inherit;color:var(--paper,#f3e6c4);background:linear-gradient(180deg, var(--lt-panel,#2b2f38), var(--lt-panel,#14161b));border:1.5px solid var(--cl-gold-ln60,#c9a24a99);touch-action:manipulation;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.screen-game .sp-item:active{border-color:var(--cl-gold-ln,#ffe27a)}.screen-game .sp-icon{place-items:center;width:40px;height:40px;display:grid}.screen-game .sp-icon-img{width:36px;height:36px}.screen-game .sp-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.screen-game .sp-note{color:var(--trim-hi,#f6dc8c);font-size:11px}.screen-game .sp-empty{text-align:center;opacity:.8;grid-column:1/-1;margin:12px 0;font-size:13px}.screen-game .hud-sheet-layer{z-index:40;pointer-events:auto;position:absolute;inset:0}.screen-game .hs-scrim{background:var(--lt-shade50,#04060a80);position:absolute;inset:0}.screen-game .hud-sheet{width:min(100%,760px);max-height:calc(86 * var(--vh1,1vh));box-sizing:border-box;padding:0 max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));color:var(--paper,#f3e6c4);background:linear-gradient(180deg, #ffffff14, #fff0 24%), linear-gradient(180deg, var(--lt-panel,#272b34fa), var(--lt-panel,#101217fa));border:2px solid var(--trim,#c9a24a);box-shadow:0 -6px 22px var(--lt-sh60,#0009);border-bottom:0;border-radius:16px 16px 0 0;flex-direction:column;animation:.16s ease-out hud-sheet-up;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes hud-sheet-up{0%{opacity:.4;transform:translate(-50%,24px)}}.screen-game .hs-head{flex:none;justify-content:space-between;align-items:center;min-height:44px;display:flex}.screen-game .hs-title{color:var(--trim-hi,#f6dc8c);margin:0;font-size:16px}.screen-game .hs-close{width:44px;height:44px;font:inherit;color:var(--paper,#f3e6c4);touch-action:manipulation;background:0 0;border:0;padding:0;font-size:26px;line-height:1}.screen-game .hud-sheet .mg-grid{min-height:0;box-shadow:none;overscroll-behavior:contain;background:0 0;border:0;flex:auto;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:4px 2px;padding:2px 0 6px;overflow-y:auto}.screen-game .hud-sheet .mg-item{min-height:66px;padding-top:3px}.screen-game .hud-sheet .mg-icon{width:44px;height:44px}.screen-game .hud-sheet .mg-img{width:30px;height:30px}.screen-game .hud-sheet .mg-label{font-size:11px}.screen-game .hud-sheet .mg-soon{top:28px}.hud-install{left:50%;top:max(8px, env(safe-area-inset-top));z-index:50;width:min(420px, calc(100vw - 2 * max(12px, env(safe-area-inset-left))));box-sizing:border-box;color:var(--paper,#f3e6c4);background:linear-gradient(180deg, var(--lt-panel,#272b34f7), var(--lt-panel,#101217f7));border:2px solid var(--trim,#c9a24a);box-shadow:0 8px 24px var(--lt-sh60,#0009);pointer-events:auto;border-radius:14px;flex-direction:column;gap:4px;padding:10px 14px;display:flex;position:absolute;transform:translate(-50%)}.hud-install .hi-title{color:var(--trim-hi,#f6dc8c);font-size:15px}.hud-install .hi-lead{opacity:.85;font-size:12px}.hud-install .hi-sub{margin-top:2px;font-size:12px}.hud-install .hi-steps{margin:0;padding-left:20px;font-size:12.5px;line-height:1.4}.hud-install .hi-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.hud-install .hi-actions button{min-height:44px;font:inherit;color:var(--paper,#f3e6c4);background:linear-gradient(180deg, var(--lt-panel,#3a3f4a), var(--lt-panel,#1a1d24));border:1.5px solid var(--trim,#c9a24a);touch-action:manipulation;border-radius:10px;padding:0 16px;font-weight:800}.hud-install .hi-actions .hi-install{color:#241a08;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#fdf3d4), var(--cl-gold-bg,#cfb070))}@media (prefers-reduced-motion:reduce){.screen-game .hud-sheet{animation:none}}.screen-game.is-mobile.hud-compact .status-portrait,.screen-game.is-mobile.hud-compact .hud-fold,.screen-game.is-mobile.hud-compact .hud-wtd,.screen-game.is-mobile.hud-compact .eg-home .eg-item,.screen-game.is-mobile.hud-compact .chat-toggle,.screen-game.is-mobile.hud-compact .pg-chip,.screen-game.is-mobile.hud-compact .party-head,.screen-game.is-mobile.hud-compact .hud-left button{min-height:calc(44px / var(--hud-s,1))}.screen-game.is-mobile.hud-compact .status-portrait,.screen-game.is-mobile.hud-compact .hud-fold,.screen-game.is-mobile.hud-compact .eg-home .eg-item,.screen-game.is-mobile.hud-compact .pg-chip{min-width:calc(44px / var(--hud-s,1))}.screen-game.is-mobile.hud-compact .eg-home .eg-item{height:calc(44px / var(--hud-s,1));width:calc(44px / var(--hud-s,1))}.settings-size{align-items:center;gap:6px;display:flex}.settings-size>span{flex:none;margin-right:4px}.settings-size-btn{min-height:44px;font:inherit;color:var(--paper,#f3e6c4);background:linear-gradient(180deg, var(--lt-panel,#3a3f4a), var(--lt-panel,#1a1d24));border:1.5px solid var(--trim,#c9a24a);touch-action:manipulation;border-radius:10px;flex:1;font-weight:700}.settings-size-btn.is-on{color:#241a08;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#fdf3d4), var(--cl-gold-bg,#cfb070))}.mount-btn{right:12px;bottom:calc(var(--cluster-h,150px) + 14px);border:2px solid var(--cl-gold-ln,#ffe28ce6);background:var(--lt-panel,#201a2edb);width:48px;min-width:48px;height:48px;min-height:48px;color:var(--tx-hi,#fff6dc);cursor:pointer;z-index:6;touch-action:manipulation;font:inherit;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.mount-btn-icon{width:24px;height:16px;image-rendering:pixelated;pointer-events:none;background-position:0 0;background-repeat:no-repeat;background-size:144px 32px;margin-top:-8px}.mount-btn-label{text-align:center;pointer-events:none;font-size:9px;line-height:1;position:absolute;bottom:3px;left:0;right:0}.mount-btn-state{background:var(--cl-gold-bg,#ffd54a);color:#2a1e1c;text-align:center;pointer-events:none;border-radius:8px;min-width:16px;height:16px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-2px}.mount-btn-state:empty{display:none}.mount-btn-key{background:var(--lt-shade70,#000000b3);pointer-events:none;border-radius:4px;padding:0 4px;font-size:10px;line-height:14px;position:absolute;top:-6px;left:-4px}.mount-btn.is-none{filter:grayscale();opacity:.55}.mount-btn.is-denied{opacity:.5}.mount-btn.is-casting{border-color:#8affa8;animation:.5s ease-in-out infinite alternate mount-pulse}.mount-btn.is-riding{background:#285a3ceb;border-color:#8affa8;box-shadow:0 0 10px #8affa8a6}@keyframes mount-pulse{0%{box-shadow:0 0 #8affa800}to{box-shadow:0 0 10px #8affa8cc}}@media (prefers-reduced-motion:reduce){.mount-btn.is-casting{animation:none}}.screen-game .hud-actions.hud-cluster{pointer-events:none;display:block}.screen-game .hud-cluster .action-btn{box-sizing:border-box;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid var(--trim-hi,#e8c36a);background:radial-gradient(circle at 34% 26%, #ffffff38 0, #fff0 38%), radial-gradient(circle at 50% 60%, var(--lt-panel,#2a3a32) 0%, var(--lt-panel,#17211c) 72%, var(--lt-panel,#0c110e) 100%);box-shadow:0 0 0 1.5px var(--lt-sh100,#0a0d0b), inset 0 0 0 1px var(--cl-gold-sh40,#f6dc8c66), inset 0 -5px 7px var(--lt-sh40,#0006), 0 3px 6px var(--lt-sh60,#0009);align-content:center;place-items:center;padding:0;transition:transform .1s;display:grid;position:absolute}.screen-game .hud-cluster .action-btn:hover{filter:none;border-color:var(--cl-gold-ln,#fff0b0)}.screen-game .hud-cluster .action-btn:active{border-color:var(--cl-gold-ln,#fff0b0);transform:scale(.95)}.screen-game .hud-cluster .action-btn .action-icon{width:calc(var(--btn,52px) * .5);height:calc(var(--btn,52px) * .5);grid-area:1/1;align-self:center}.screen-game .hud-cluster .action-btn .action-label{grid-area:1/1;align-self:end;margin-bottom:3px;font-size:9px;line-height:1}.screen-game.is-touch .hud-cluster .action-btn:not(.action-attack) .action-icon{width:calc(var(--btn,52px) * .6);height:calc(var(--btn,52px) * .6);align-self:center;margin-top:0}.screen-game.is-touch .hud-cluster .action-btn:not(.action-attack) .action-label,.screen-game:not(.is-touch) .hud-cluster .action-label{display:none}.screen-game .hud-cluster .action-btn .action-key{white-space:nowrap;min-width:14px;height:14px;font-size:9px;line-height:14px;inset:auto auto 3px 50%;transform:translate(-50%)}.screen-game:not(.is-touch) .hud-cluster .action-btn .action-icon{margin-bottom:8px}.screen-game .hud-actions.hud-cluster .action-btn.action-attack{background:radial-gradient(circle at 34% 24%, var(--cl-gold-t35,#ffecb459) 0, #fff0 40%), radial-gradient(circle at 50% 60%, #8a431f 0%, var(--lt-panel,#4a210f) 62%, var(--lt-panel,#1c0c06) 100%);box-shadow:0 0 0 2px var(--lt-sh100,#0a0d0b), inset 0 0 0 2px var(--cl-gold-sh50,#ffe29680), inset 0 0 0 5px var(--lt-sh45,#00000073), inset 0 -7px 10px var(--lt-sh40,#0006), 0 4px 9px var(--lt-sh65,#000000a6);border-width:3px}.screen-game .hud-cluster .action-btn.action-attack .action-icon{width:calc(var(--btn,52px) * .52);height:calc(var(--btn,52px) * .52);align-self:center;margin-top:0;margin-bottom:8px}.screen-game.is-touch .hud-cluster .action-btn.action-attack .action-icon{align-self:center;margin-top:0;margin-bottom:10px}.screen-game .hud-cluster .action-btn.action-attack .action-label{margin-bottom:6px;font-size:12px}.screen-game .hud-actions.hud-cluster .action-btn.is-active,.screen-game .hud-actions.hud-cluster .action-btn.action-auto.is-auto-on{border-color:var(--cl-gold-ln,#ffe27a);background:radial-gradient(circle at 34% 26%, #fff6c866 0, #fff0 40%), radial-gradient(circle at 50% 60%, #2f7d4f 0%, var(--lt-panel,#173828) 78%)}.screen-game .hud-actions.hud-cluster .action-btn.action-auto.is-auto-on{box-shadow:0 0 0 1.5px var(--lt-sh100,#0a0d0b), inset 0 0 0 1px #fff6c899, 0 0 0 3px var(--cl-gold-sh50,#ffd25a80), 0 0 10px 3px var(--cl-gold-sh55,#ffc8468c)}.screen-game .hud-actions.hud-cluster .action-btn.action-pickup.is-idle{opacity:.55;filter:grayscale(.5)}.screen-game .hud-actions.hud-cluster .action-btn.action-pickup.is-ready{border-color:var(--cl-gold-ln,#ffe08a);box-shadow:0 0 0 1.5px var(--lt-sh100,#0a0d0b), inset 0 0 0 1px #fff6c899, 0 0 12px 4px var(--cl-gold-sh80,#ffd66ecc);animation:none}.screen-game .hud-cluster .action-btn.action-pickup.is-ready:after{content:"";border:2px solid var(--cl-gold-ln,#ffe27af2);pointer-events:none;border-radius:50%;animation:1.1s ease-in-out infinite alternate auto-ring;position:absolute;inset:-5px}.screen-game .hud-cluster.is-dead .action-btn{filter:grayscale();opacity:.5}@media (prefers-reduced-motion:reduce){.screen-game .hud-cluster .action-btn{transition:none}.screen-game .hud-cluster .action-btn:active{transform:none}.screen-game .hud-cluster .action-btn.action-pickup.is-ready:after{animation:none}}.screen-game .hud-cluster .action-btn.action-autoset{align-content:center;gap:0}.screen-game .hud-cluster .action-btn.action-autoset .action-icon{width:calc(var(--btn,46px) * .46);height:calc(var(--btn,46px) * .46);margin:0 0 calc(var(--btn,46px) * .2);grid-area:1/1;align-self:center}.screen-game .hud-cluster .action-btn.action-autoset .action-label,.screen-game.is-touch .hud-cluster .action-btn.action-autoset .action-label,.screen-game:not(.is-touch) .hud-cluster .action-btn.action-autoset .action-label{color:var(--tx-hi,#e9eef0);text-shadow:0 1px 0 var(--lt-tsh,#000);grid-area:1/1;align-self:end;margin:0 0 3px;font-size:9px;font-weight:800;line-height:1;display:block}.screen-game.is-touch .hud-cluster .action-btn.action-autoset .action-icon,.screen-game:not(.is-touch) .hud-cluster .action-btn.action-autoset .action-icon{width:calc(var(--btn,46px) * .46);height:calc(var(--btn,46px) * .46);margin:0 0 calc(var(--btn,46px) * .2);align-self:center}.wm-root.is-world{flex-direction:column;display:flex}.wm-painted{flex-direction:column;gap:6px;min-height:0;display:flex}.wm-painted[hidden]{display:none}.wm-pan-hint{margin:0;font-size:12px}.wm-world-body{gap:10px;min-height:0;display:flex;position:relative}.wm-sea{min-width:0;aspect-ratio:var(--wm-aspect,16 / 9);max-height:calc(calc(100 * var(--vh1,1vh)) - 190px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;contain:layout paint;background:#1d5f86;border-radius:12px;flex:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #211b2940}.wm-sea.is-dragging{cursor:grabbing}.wm-stage{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.wm-sea-img{pointer-events:none;-webkit-user-drag:none;max-width:none;position:absolute;top:0;left:0}.wm-routes{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.wm-route{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.wm-route.is-ship{stroke:#fff4d6;stroke-width:3px;opacity:.92;filter:drop-shadow(0 1px 1px #0b2f4ab3)}.wm-route.is-balloon{stroke:#fff;stroke-width:2.4px;stroke-dasharray:7 6;opacity:.9}.wm-route.is-walk{stroke:#fffaf0;stroke-width:1.6px;stroke-dasharray:2 5;opacity:.55}.wm-region{text-align:center;pointer-events:none;white-space:nowrap;position:absolute;transform:translate(-50%,-50%)}.wm-region b{letter-spacing:.5px;color:#fff;text-shadow:0 1px 3px #0b2f4a,0 0 8px #0b2f4acc;font-size:15px;font-weight:600;display:block}.wm-region small{color:#e9f2f7;text-shadow:0 1px 2px #0b2f4a;font-size:11px;font-weight:500}.wm-cloud{z-index:2;text-align:center;pointer-events:none;filter:drop-shadow(0 6px 10px #0b2f4a59);background:radial-gradient(30% 40% at 28% 58%,#f4f6fa 60%,#0000 62%),radial-gradient(34% 44% at 60% 45%,#fff 60%,#0000 62%),radial-gradient(28% 36% at 84% 60%,#eef1f6 60%,#0000 62%),radial-gradient(52% 62% at 55% 52%,#ffffffeb 42%,#0000 72%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.wm-cloud b{color:var(--cl-ink,#392e42);white-space:nowrap;font-size:14px;font-weight:600}.wm-cloud small{color:var(--cl-ink-soft,#6e6177);white-space:nowrap;font-size:11px}.wm-pin{z-index:3;width:0;height:0;font:inherit;color:inherit;cursor:pointer;--wm-accent:#f0b43c;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute;overflow:visible}.wm-pin.is-safe{--wm-accent:#5cc98a}.wm-pin.is-caution{--wm-accent:#f0b43c}.wm-pin.is-danger{--wm-accent:#e5534b}.wm-pin.is-locked{z-index:1;opacity:.7}.wm-pin.is-locked:not(.is-sel) .wm-pin-plate{display:none}.wm-pin.is-sel,.wm-pin.is-here{z-index:4}.wm-pin-dot{width:14px;height:14px;box-shadow:0 0 0 3px var(--wm-accent), 0 0 0 4.5px #211b29cc, 0 3px 6px #00000073;background:#fff;border-radius:50%;position:absolute;top:-7px;left:-7px}.wm-pin-dot:after{content:"";border-radius:50%;width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wm-pin.is-town .wm-pin-dot{background:#f2c14e;border-radius:5px;width:18px;height:18px;top:-9px;left:-9px;transform:rotate(45deg);box-shadow:0 0 0 2.5px #fff,0 0 0 4px #211b29cc,0 3px 6px #00000073}.wm-pin.is-here .wm-pin-dot{background:#2a9f89;animation:1.6s ease-in-out infinite wm-here}.wm-pin.is-party .wm-pin-dot{background:var(--wm-party,#3fe0cf)}@keyframes wm-here{50%{transform:scale(1.18)}}.wm-pin.is-town.is-here .wm-pin-dot{animation:none}.wm-pin-plate{border-bottom:2px solid var(--wm-accent);color:#fff;white-space:nowrap;background:#211b29db;border-radius:8px;flex-direction:column;align-items:center;max-width:190px;padding:2px 8px 3px;line-height:1.2;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 6px #00000059}.wm-pin-plate b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.wm-pin-plate small{color:#f4ecdf;white-space:nowrap;font-size:10.5px;font-weight:500}.wm-pin.is-town .wm-pin-plate{background:#4a3418e6;border-bottom-color:#f2c14e}.wm-pin.is-here .wm-pin-plate{background:#1d7a68;border-bottom-color:#6fd6bf}.wm-pin.is-sel .wm-pin-plate{color:var(--cl-ink,#392e42);background:#fffdf9;box-shadow:0 0 0 2px #2a9f89,0 3px 8px #0006}.wm-pin.is-sel .wm-pin-plate small{color:var(--cl-ink-soft,#6e6177)}.wm-pin.is-sel .wm-pin-dot{box-shadow:0 0 0 3px #fff,0 0 0 7px #2a9f898c,0 3px 6px #00000073}.wm-pin:focus-visible .wm-pin-plate{outline-offset:2px;outline:2px solid #f2c14e}.wm-world-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.wm-rec{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.wm-rec-title{color:#fff;background:#211b29c7;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:600}.wm-rec-chip{min-height:32px;font:inherit;color:var(--cl-ink,#392e42);cursor:pointer;pointer-events:auto;background:#fffdf9;border:1.5px solid #2a9f89;border-radius:999px;padding:2px 12px;font-size:12.5px;font-weight:500;box-shadow:0 2px 6px #0000004d}.wm-rec-chip.is-on{color:#fff;background:#2a9f89}.wm-legend{color:#fff;background:#211b29db;border-radius:8px;flex-wrap:wrap;align-self:flex-start;align-items:center;gap:4px 12px;padding:3px 10px;font-size:12px;display:flex}.wm-legend>span{white-space:nowrap;align-items:center;display:inline-flex}.wm-lg{background:#fff;border-radius:50%;width:9px;height:9px;margin-right:4px;display:inline-block;box-shadow:0 0 0 2px #f0b43c}.wm-lg.is-here{box-shadow:none;background:#2a9f89}.wm-lg.is-town{box-shadow:none;background:#f2c14e;border-radius:2px;transform:rotate(45deg)}.wm-ln{border-top:2.5px solid #fff4d6;width:18px;height:0;margin-right:4px;display:inline-block}.wm-ln.is-balloon{border-top:2px dashed #fff}.wm-ln.is-walk{border-top:2px dotted #fffaf099}.wm-zoom{z-index:5;flex-direction:column;gap:4px;display:flex;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.wm-zoom-btn{width:36px;height:36px;font:inherit;color:var(--cl-ink,#392e42);border:1px solid var(--cl-line,#d9cbb5);cursor:pointer;background:#fffdf9;border-radius:10px;padding:0;font-size:18px;font-weight:600;line-height:1;box-shadow:0 2px 6px #0000004d}.wm-zone-col{flex:0 0 300px;position:relative}.wm-zone{background:var(--cl-paper,#fffdf9);border:1px solid var(--cl-line,#d9cbb5);border-radius:12px;flex-direction:column;min-height:0;padding:12px;display:flex;position:absolute;inset:0}.wm-zone-close{display:none}.wm-zone-body{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.wm-zone-crumb{color:var(--cl-ink-soft,#6e6177);font-size:12px}.wm-zone-head{align-items:center;gap:8px;display:flex}.wm-zone-title{color:var(--cl-ink,#392e42);flex:1;margin:0;font-size:18px;line-height:1.25}.wm-zone-sub{color:var(--cl-ink-soft,#6e6177);font-size:13px}.wm-lore{color:var(--cl-ink-soft,#6e6177);border-left:3px solid var(--cl-line,#d9cbb5);margin:0;padding-left:10px;font-size:13.5px;font-style:italic}.wm-chips{flex-wrap:wrap;gap:4px;display:flex}.wm-chip{color:var(--cl-ink,#392e42);background:var(--cl-cream-deep,#ede3d3);white-space:nowrap;border-radius:6px;flex:none;padding:2px 9px;font-size:12px;font-weight:500}.wm-chip.is-safe{color:#1d7a68;background:#dcefe9}.wm-chip.is-caution{color:#9a6410;background:#fbefd3}.wm-chip.is-danger,.wm-chip.is-weak{color:#b8423f;background:#fbe3d6}.wm-chip.is-resist{color:#2f7fbf;background:#e3eef6}.wm-travel{background:var(--cl-sky-pale,#e3eef6);border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.wm-nav-go{min-height:44px;font:inherit;color:var(--cl-ink,#392e42);background:var(--cl-mint,#9fe3c4);border:1px solid var(--cl-mint-deep,#4fb48c);cursor:pointer;border-radius:10px;margin-top:6px;padding:0 14px;font-weight:700}.wm-nav-npcs{background:var(--cl-cream-deep,#f3ead9);border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.wm-nav-npc{align-items:center;gap:8px;display:flex}.wm-nav-npc-text{flex-direction:column;flex:1;min-width:0;display:flex}.wm-nav-npc-text b,.wm-nav-npc-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wm-nav-npc-text small{color:var(--cl-ink-soft,#6b5f73);font-size:11px}.wm-nav-npc-go{min-width:76px;min-height:44px;font:inherit;color:var(--cl-ink,#392e42);background:var(--cl-paper,#fffaf0);border:1px solid var(--cl-mint-deep,#4fb48c);cursor:pointer;border-radius:10px;flex:none;font-size:12px;font-weight:700}.wm-travel-title{color:var(--cl-ink,#392e42);margin:0 0 2px;font-size:13px}.wm-travel p{margin:0}.wm-travel-line{color:var(--cl-ink,#392e42);font-size:13.5px;font-weight:500}.wm-travel-path{color:var(--cl-ink-soft,#6e6177);font-size:12px}.wm-travel-note{color:var(--cl-ink-soft,#6e6177);font-size:11.5px;margin-top:2px!important}.gwin-sheet:has(.wm-root.is-world){width:100vw;max-height:calc(calc(100 * var(--vh1,1vh)) - 4px)}.gwin-sheet .wm-root.is-world{height:calc(calc(100 * var(--vh1,1vh)) - 60px);padding-bottom:6px;overflow:hidden}.wm-painted.is-touch,.wm-painted.is-touch .wm-world-body{flex:auto}.wm-painted.is-touch .wm-sea{aspect-ratio:auto;height:100%;max-height:none}.wm-painted.is-touch .wm-region{display:none}.wm-painted.is-touch .wm-pin-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--wm-accent), 0 0 0 3px #211b29cc;top:-5px;left:-5px}.wm-painted.is-touch .wm-pin-dot:after{width:44px;height:44px}.wm-painted.is-touch .wm-pin.is-town .wm-pin-dot{border-radius:3px;width:12px;height:12px;top:-6px;left:-6px}.wm-painted.is-touch .wm-pin-plate{max-width:130px;padding:1px 5px 2px}.wm-painted.is-touch .wm-pin-plate b{font-size:10px}.wm-painted.is-touch .wm-pin-plate small{font-size:9px;display:none}.wm-painted.is-touch .wm-pin.is-here .wm-pin-plate small,.wm-painted.is-touch .wm-pin.is-sel .wm-pin-plate small{display:block}.wm-painted.is-touch .wm-cloud b{font-size:10px}.wm-painted.is-touch .wm-cloud small{font-size:9px}.wm-painted.is-touch .wm-legend{display:none}.gwin-sheet .wm-root.is-world>.wm-tabs{width:250px}.wm-painted.is-touch .wm-world-top{flex-wrap:nowrap;min-height:44px;margin:-52px 0 0 258px}.wm-painted.is-touch .wm-rec{scrollbar-width:none;flex-wrap:nowrap;min-width:0;overflow-x:auto}.wm-painted.is-touch .wm-rec-title{flex:none}.wm-painted.is-touch .wm-rec-chip{white-space:nowrap;flex:none;min-height:44px;padding:2px 10px;font-size:11.5px}.wm-painted.is-touch .wm-zoom{flex-direction:column}.wm-painted.is-touch .wm-zoom-btn{width:44px;height:44px}.wm-painted.is-touch .wm-zone-col{flex:0 0 0;position:static}.wm-painted.is-touch .wm-world-body{gap:0}.wm-painted.is-touch .wm-zone{z-index:6;visibility:hidden;border-radius:14px 14px 0 0;max-height:72%;padding:10px 12px;transition:transform .2s ease-out;position:absolute;inset:auto 0 0;transform:translateY(105%);box-shadow:0 -6px 18px #211b294d}.wm-painted.is-touch .wm-zone.is-open{visibility:visible;transform:none}.wm-painted.is-touch .wm-zone-close{z-index:1;width:44px;height:44px;font:inherit;color:var(--cl-ink,#392e42);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:24px;display:grid;position:absolute;top:4px;right:6px}.wm-painted.is-touch .wm-zone-head{padding-right:44px}@media (prefers-reduced-motion:reduce){.wm-pin.is-here .wm-pin-dot{animation:none}.wm-painted.is-touch .wm-zone{transition:none}}.ob-badge{box-sizing:border-box;background:linear-gradient(90deg, var(--lt-panel,#14341ee6), var(--lt-panel,#1e4628e6));width:176px;min-height:24px;color:var(--tx-green,#e4f6e6);font:inherit;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px var(--lt-tsh,#0009);cursor:pointer;pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:1px solid #6aa876;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.35;display:flex}.ob-badge[hidden],.ob-map[hidden]{display:none}.ob-line{align-items:center;gap:4px;display:inline-flex}.ob-dot{font-size:9px;line-height:1}.ob-num{display:none}.ob-map{color:var(--tx-green,#bfe3c6);font-size:11px;font-weight:600}.screen-game .hud-tr-chips>.ob-badge{width:auto;min-width:54px;min-height:44px;padding:2px 8px}.hud-tr-chips .ob-text{display:none}.hud-tr-chips .ob-num{display:inline}.hud-tr-chips .ob-dot{font-size:11px}.screen-game .hud-lootfeed,.hud-lootfeed{--lf-w:var(--tr-w,200px);width:var(--lf-w);flex-direction:column;align-items:stretch;gap:4px;display:flex;pointer-events:none!important}.hud-lootfeed:empty{display:none}.lf-row{--lf-grade:var(--lf-common,#c9b9a2);border-left:3px solid var(--lf-common,#c9b9a2);background:var(--lf-bg,#211b29cc);min-width:0;color:var(--lf-text,#f4ecdf);border-radius:10px;align-items:center;gap:6px;padding:3px 9px 3px 5px;font-size:13px;line-height:1.2;animation:.18s ease-out both lf-in;display:flex}.lf-row.lf-edge{border-left-color:var(--lf-grade);background:color-mix(in srgb, var(--lf-grade) 16%, var(--lf-bg,#211b29e0));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lf-grade) 45%, transparent)}.lf-row.lf-edge .lf-name{color:color-mix(in srgb, var(--lf-grade) 70%, #fff)}.lf-icon{flex:none;width:20px;height:20px}.lf-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:600;overflow:hidden}.lf-qty{opacity:.85;font-variant-numeric:tabular-nums;flex:none}.lf-row.lf-bump{animation:.22s ease-out lf-bump}.lf-row.lf-out{animation:.28s ease-in both lf-out}@keyframes lf-in{0%{opacity:0;transform:translate(14px)}}@keyframes lf-bump{40%{transform:scale(1.04)}}@keyframes lf-out{to{opacity:0;transform:translate(10px)}}.hud-lootfeed.is-phone{--lf-w:150px;gap:3px}.hud-lootfeed.is-phone .lf-row{gap:4px;padding:2px 6px 2px 3px;font-size:10px}.hud-lootfeed.is-phone .lf-icon{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.lf-row,.lf-row.lf-bump,.lf-row.lf-out{animation:none}}.rare-shout-host{--rs-edge:var(--cl-sun-deep,#e08a12);z-index:60;pointer-events:none;justify-content:center;display:flex;position:fixed;top:11%;left:0;right:0}.rare-shout-host.is-anchored{width:max-content;position:absolute;top:calc(100% + 8px);left:50%;right:auto;transform:translate(-50%)}.rare-shout{border-radius:var(--cl-r-card,12px);background:var(--cl-ink-panel-solid,#241e2c);max-width:min(92vw,720px);color:var(--cl-ink-text,#f4ecdf);border:1.5px solid var(--rs-edge);box-shadow:0 0 0 3px color-mix(in srgb, var(--rs-edge) 22%, transparent), 0 8px 24px #0000004d;white-space:nowrap;align-items:center;gap:10px;padding:8px 18px;font-size:15px;line-height:1.3;animation:.32s ease-out both rs-in;display:flex}.rare-shout.rs-out{animation:.35s ease-in both rs-out}.rs-icon{flex:none;font-size:20px}.rs-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.rs-text b{font-weight:600}.rs-item{--rs-grade:var(--cl-sun,#ffc35a);color:color-mix(in srgb, var(--rs-grade) 80%, #fff)}@keyframes rs-in{0%{opacity:0;transform:translateY(-10px)scale(.96)}}@keyframes rs-out{to{opacity:0;transform:translateY(-8px)}}@media (max-height:480px){.rare-shout{white-space:normal;gap:6px;max-width:min(60vw,420px);padding:4px 10px;font-size:11px}.rs-icon{font-size:14px}.rare-shout-host.is-anchored{top:calc(100% + 4px)}}@media (prefers-reduced-motion:reduce){.rare-shout,.rare-shout.rs-out{animation:none}}.screen-game:has(>.hud-announce:not([hidden])) .rare-shout-host.is-anchored{top:calc(100% + 46px)}@media (max-height:480px){.screen-game:has(>.hud-announce:not([hidden])) .rare-shout-host.is-anchored{top:calc(100% + 34px)}}.panel-online{flex-direction:column;gap:8px;min-height:0;display:flex}.panel-online .ol-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel-online .ol-info{flex-direction:column;flex:140px;min-width:0;line-height:1.3;display:flex}.panel-online .ol-count{color:var(--cl-ink,#3a2a1e);font-size:15px;font-weight:700}.panel-online :is(.ol-updated,.ol-capped){color:var(--cl-ink-soft,#7a6650);font-size:12px}.panel-online .ol-capped[hidden]{display:none}.panel-online .ol-search{flex:0 200px;min-width:120px;min-height:36px}.panel-online .ol-list{background:var(--cl-paper,#fffaf0);border:1px solid var(--cl-line,#e8d9bf);border-radius:var(--cl-r-card,12px);overscroll-behavior:contain;flex:auto;min-height:120px;max-height:min(52vh,420px);padding:2px 12px 10px;overflow:auto}.panel-online .ol-group{color:var(--cl-sun-deep,#c4791c);align-items:baseline;gap:6px;margin:10px 0 2px;font-size:14px;font-weight:700;display:flex}.panel-online .ol-map.is-hidden{color:var(--cl-ink-soft,#7a6650);font-style:italic}.panel-online .ol-gcount{color:var(--cl-ink-soft,#7a6650);font-size:12px;font-weight:400}.panel-online .ol-row{border-bottom:1px solid var(--cl-line,#e8d9bf);min-height:40px;color:var(--cl-ink,#3a2a1e);cursor:pointer;outline:none;align-items:center;gap:8px;padding:0 4px;font-size:14px;display:flex}.panel-online .ol-row:last-child{border-bottom:0}.panel-online .ol-row.is-self{cursor:default;background:#2a9f891a;border-radius:8px;padding:0 8px}.panel-online .ol-row:focus-visible{box-shadow:inset 0 0 0 2px var(--cl-sky,#6ec3e8);border-radius:8px}.panel-online .ol-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.panel-online .ol-row.is-self .ol-name{color:var(--cl-mint-deep,#1f8a74)}.panel-online .ol-friend{min-height:0;color:var(--cl-mint-deep,#1f8a74);background:var(--cl-mint-pale,#def5ee);border-radius:var(--cl-r-chip,999px);cursor:inherit;border:0;flex:none;padding:1px 8px;font-size:11px}.panel-online .ol-grow{flex:1 1 0}.panel-online .ol-lv{white-space:nowrap;color:var(--cl-ink-soft,#7a6650);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.panel-online .ol-acts{flex:none;gap:4px;display:none}.panel-online .ol-act{background:var(--cl-cream-deep,#f3e6cc);cursor:pointer;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;font-size:16px;line-height:1;display:grid}.panel-online .ol-act:hover{background:var(--cl-sun,#ffd36b)}@media (hover:hover){.panel-online .ol-row:not(.is-self):hover .ol-acts{display:flex}.panel-online .ol-row:not(.is-self):hover .ol-lv{display:none}}.panel-online .ol-row:not(.is-self):focus-within .ol-acts,.panel-online .ol-row.is-open .ol-acts{display:flex}.panel-online .ol-row:not(.is-self):focus-within .ol-lv,.panel-online .ol-row.is-open .ol-lv{display:none}.panel-online .ol-row.is-open{background:var(--cl-cream,#fff3dc);border-radius:8px}.panel-online .ol-foot{font-size:13px}.screen-game.is-touch .panel-online .ol-row{min-height:44px}.screen-game.is-touch .panel-online .ol-act{width:44px;height:44px}.screen-game.is-touch .panel-online .ol-search{min-height:44px}.screen-game.is-touch .panel-online .ol-lv{font-size:12px}@media (max-height:520px){.panel-online .ol-list{flex:none;min-height:0;max-height:none;overflow:visible}.panel-online .ol-head{z-index:1;background:var(--cl-cream,#fbf5ea);box-shadow:0 -16px 0 var(--cl-cream,#fbf5ea);flex-wrap:nowrap;padding-bottom:4px;position:sticky;top:0}.panel-online .ol-info{flex:auto}.panel-online .ol-updated{font-size:11px}}.screen-game{--party-teal:#3fe0cf}.hud-left{top:max(8px, env(safe-area-inset-top));left:var(--hud-pad);flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;pointer-events:none!important}.hud-left>*{pointer-events:auto}.hud-left>.hud-status{position:relative;top:auto;left:auto}.hud-party{flex-direction:column;gap:6px;width:220px;display:flex;pointer-events:none!important}.hud-party>*{pointer-events:auto}.party-buttons{flex-wrap:wrap;align-self:flex-start;gap:6px;display:flex}.guide-pill{border:1.5px solid var(--cl-gold-ln,#dcb25c);background:linear-gradient(180deg, #225238f2, var(--lt-panel,#0e261af2));color:#fff3c4;min-height:44px;font:inherit;cursor:pointer;box-shadow:0 0 12px var(--cl-gold-sh35,#dcb25c59);border-radius:10px;padding:0 14px;font-size:13px;font-weight:700;animation:2.6s ease-in-out infinite guide-pulse}.guide-pill:hover,.guide-pill:focus-visible{filter:brightness(1.15)}@keyframes guide-pulse{0%,to{box-shadow:0 0 6px var(--cl-gold-sh25,#dcb25c40)}50%{box-shadow:0 0 16px var(--cl-gold-sh60,#dcb25c99)}}@media (prefers-reduced-motion:reduce){.guide-pill{animation:none}}.round-btn{min-width:44px;height:44px;font:inherit;color:var(--paper);background:radial-gradient(circle at 50% 30%, #4a3d5c, var(--ink-3));border:2px solid var(--line);box-shadow:0 3px 10px var(--lt-sh45,#00000073);cursor:pointer;border-radius:22px;padding:0 12px;font-size:13px;font-weight:700}.round-btn:hover{filter:brightness(1.15)}.round-party{border-color:#3fe0cfb3}.round-board{border-color:var(--cl-gold-ln,#d8a94acc)}.party-box{background:var(--hud-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--lt-sh85,#14111cd9), 0 6px 18px var(--lt-sh40,#0006);padding:4px}.party-head{width:100%;min-height:30px;font:inherit;color:var(--paper);cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #3fe0cf4d;align-items:center;gap:6px;padding:0 6px;font-size:12px;display:flex}.ph-caret:before{content:"▾";color:var(--party-teal)}.is-collapsed .ph-caret:before{content:"▸"}.ph-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--party-teal);flex:1;font-weight:700;overflow:hidden}.ph-count{color:var(--paper-dim);font-size:11px}.party-box.is-collapsed .party-list{display:none}.party-list{max-height:calc(40 * var(--vh1,1vh));overscroll-behavior:contain;flex-direction:column;gap:2px;display:flex;overflow-y:auto}.party-row{width:100%;min-height:40px;font:inherit;color:var(--paper);text-align:left;background:var(--lt-shade45,#08060e73);cursor:pointer;border:1px solid #0000;border-radius:4px;flex-direction:column;gap:2px;padding:3px 6px;font-size:12px;display:flex}.party-row:hover{border-color:#3fe0cf73}.party-row.is-self{background:#3fe0cf1a}.party-row.is-offline{opacity:.5;filter:grayscale()}.party-row.is-away{opacity:.8}.pr-top,.pr-sub{white-space:nowrap;align-items:baseline;gap:4px;min-width:0;display:flex}.pr-crown{color:var(--gold-2);font-size:12px}.pr-name{text-overflow:ellipsis;min-width:0;color:var(--tx-gold,#ffe6a8);flex:1;font-weight:700;overflow:hidden}.party-row.is-leader .pr-name{color:var(--gold-2)}.pr-lv,.pr-sub{color:var(--paper-dim);font-size:11px}.pr-job{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.pr-tag{color:var(--tx-gold,#ffd27a);background:var(--cl-gold-t20,#d8a94a2e);border-radius:3px;padding:0 4px;font-size:10px}.is-offline .pr-tag{color:var(--paper-dim);background:#ffffff14}.pr-bars{grid-template-columns:1fr;gap:2px;display:grid}.pr-bar{background:var(--lt-shade55,#0000008c);border-radius:2px;height:4px;display:block;overflow:hidden}.pr-fill{transform-origin:0;height:100%;transition:transform .3s linear;display:block}.pr-hp .pr-fill{background:linear-gradient(#ff8a7a,#d23a2a)}.pr-sp .pr-fill{background:linear-gradient(#8ac6ff,#2f6fd0)}.chat-log[data-tab=party] .chat-line:not(.in-party){display:none}.ch-party,.ch-party .chat-name{color:var(--party-teal)}.panel-party,.panel-board{flex-direction:column;gap:8px;display:flex}.party-section{flex-direction:column;gap:6px;display:flex}.party-section[hidden],.party-section>[hidden]{display:none}.pw-mentor{border-top:1px solid var(--line);padding-top:6px}.pw-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pw-name{color:var(--party-teal);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.pw-count{color:var(--paper-dim);font-size:12px}.pw-members{max-height:220px}.pw-summary{color:var(--paper-dim);margin:0;font-size:12px}.party-form,.board-form{gap:6px;display:flex}.party-form .input{flex:1;min-width:0}.party-form .btn,.pw-leave .btn,.mentor-row .btn,.board-row .btn,.board-post>.btn,.board-levels .btn{min-height:36px;padding:4px 12px;font-size:13px}.pw-leave{justify-content:flex-end;display:flex}.hint.is-warn{color:var(--tx-gold,#ffd27a)}.mentor-info{flex-direction:column;gap:4px;display:flex}.mentor-row{border-bottom:1px dashed var(--cl-gold-ln15,#d8a94a26);align-items:center;gap:8px;min-height:40px;display:flex}.mentor-label{color:var(--paper-dim);font-size:12px}.mentor-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--paper-dim);flex:1;font-weight:700;overflow:hidden}.mentor-name.is-online{color:var(--tx-gold,#ffe6a8)}.mentor-state{color:var(--paper-dim);font-size:11px}.mentor-virtue{color:var(--gold-2);font-size:13px;font-weight:700}.board-list{max-height:calc(46 * var(--vh1,1vh));overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.board-row{border-bottom:1px dashed var(--cl-gold-ln15,#d8a94a26);align-items:center;gap:8px;min-height:52px;padding:4px 0;display:flex}.board-row.is-unfit{opacity:.6}.board-main{flex:1;min-width:0}.board-text{overflow-wrap:anywhere;font-weight:700}.board-meta{color:var(--paper-dim);flex-wrap:wrap;gap:4px 10px;font-size:12px;display:flex}.board-leader{color:var(--gold-2)}.board-mine{color:var(--party-teal);font-size:12px}.board-form{flex-direction:column}.board-levels{align-items:flex-end;gap:6px;display:flex}.board-lv-field{color:var(--paper-dim);flex-direction:column;gap:2px;font-size:11px;display:flex}.board-lv{width:84px}.board-post{border-top:1px solid var(--line);padding-top:6px}.board-post>.btn{align-self:flex-start}.hud-prompts{top:calc(max(8px, env(safe-area-inset-top)) + 44px);z-index:900;flex-direction:column;gap:6px;width:min(380px,100vw - 400px);min-width:260px;display:flex;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.prompt-card{pointer-events:auto;background:var(--hud-bg);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--lt-sh85,#14111cd9), 0 6px 18px var(--lt-sh50,#00000080);border:1px solid #3fe0cf99;padding:8px 12px;animation:.15s ease-out gwin-in}.prompt-text{overflow-wrap:anywhere;margin:0 0 6px;font-size:14px}.prompt-actions{align-items:center;gap:6px;display:flex}.prompt-actions .btn{min-height:44px;padding:6px 16px}.prompt-count{font-variant-numeric:tabular-nums;color:var(--paper-dim);margin-left:auto;font-size:12px}.is-touch .party-row,.is-touch .party-head,.is-touch .party-form .btn,.is-touch .pw-leave .btn,.is-touch .mentor-row .btn,.is-touch .board-row .btn,.is-touch .board-post>.btn,.is-touch .board-levels .btn,.is-touch .party-section .input,.is-touch .panel-board .input{min-height:44px}.is-touch .mentor-row,.is-touch .board-row{min-height:48px}@media (max-height:520px){.hud-left{gap:4px}.hud-party{gap:4px;width:172px}.round-btn{padding:0 10px;font-size:12px}.party-box{background:var(--lt-shade60,#14111c99);padding:2px}.party-list{max-height:68px}.party-row{min-height:44px;padding:2px 5px;font-size:11px}.pr-job{display:none}.pr-sub:has(.pr-tag[hidden]){display:none}.hud-prompts{top:calc(max(6px, env(safe-area-inset-top)) + 36px);width:min(360px,100vw - 340px)}.prompt-card{padding:6px 10px}.prompt-text{font-size:13px}.pw-members{max-height:140px}.board-list{max-height:calc(40 * var(--vh1,1vh))}}@media (max-height:520px) and (max-width:760px){.hud-prompts{width:calc(100vw - 300px);min-width:230px}}.hud-ailments{flex-wrap:wrap;align-items:center;gap:4px;max-width:220px;display:flex;pointer-events:none!important}.hud-ailments[hidden]{display:none}.ail{--p:1;pointer-events:auto;border-radius:50%;width:26px;height:26px;position:relative}.ail-ring{background:conic-gradient(#fff calc(var(--p) * 360deg), var(--lt-shade55,#0000008c) 0);border-radius:50%;position:absolute;inset:-2px}.ail.is-ending .ail-ring{background:conic-gradient(#ff8a6a calc(var(--p) * 360deg), var(--lt-shade55,#0000008c) 0)}.ail-icon{border-radius:50%;width:calc(100% - 2px);height:calc(100% - 2px);display:block;position:absolute;inset:1px}.ail-time{color:var(--tx-hi,#fff);text-shadow:0 0 2px var(--lt-tsh,#000), 0 0 2px var(--lt-tsh,#000);font-size:9px;font-weight:700;position:absolute;bottom:-3px;right:-3px}.status-orbs{pointer-events:auto;color:#3a2200;background:radial-gradient(circle at 30% 30%, #fff6c8, var(--cl-gold-bg,#ffc44a) 60%, var(--cl-gold-bg,#e08a1a));border:1px solid var(--lt-line60,#5a320099);box-shadow:0 0 6px var(--cl-gold-sh60,#ffc44a99);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.status-orbs[hidden]{display:none}.buff-el{border:1px solid var(--lt-line60,#0009);background:var(--el,#fff);border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;left:-2px}[data-el=fire]{--el:#ff7a3a}[data-el=water]{--el:#4ab0ff}[data-el=wind]{--el:#a8e65a}[data-el=earth]{--el:#c8964a}[data-el=light]{--el:#fff0a0}[data-el=dark]{--el:#9a6ad8}[data-el=spirit]{--el:#c8a8ff}[data-el=neutral]{--el:#d8d8d8}.el-pick{min-width:260px}.el-pick-row{grid-template-columns:repeat(4,minmax(56px,1fr));gap:6px;margin:4px 0;display:grid}.el-pick-btn{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--el) 55%, transparent), var(--lt-panel,#140e1cd9) 75%);min-width:52px;min-height:52px;color:var(--tx-hi,#fff);font:inherit;cursor:pointer;touch-action:manipulation;border:2px solid #ffffff2e;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;font-weight:700;display:flex;position:relative}.el-pick-btn:hover,.el-pick-btn:focus-visible{border-color:var(--el);outline:none}.el-pick-btn.is-selected{border-color:var(--cl-gold-ln,#f2d27c);box-shadow:0 0 10px var(--cl-gold-sh55,#f2d27c8c)}.el-pick-dot{background:radial-gradient(circle at 35% 35%, #fff, var(--el) 60%);width:18px;height:18px;box-shadow:0 0 8px var(--el);border-radius:50%}.el-pick-name{text-shadow:0 1px 2px var(--lt-tsh,#000);font-size:13px}.el-pick-last{color:#3a2200;background:var(--cl-gold-bg-hi,#f2d27c);border-radius:6px;padding:0 4px;font-size:9px;position:absolute;top:-8px;right:-4px}.el-pick-hint{opacity:.8;margin:2px 0 4px;font-size:11px}.el-pick-cancel{width:100%;min-height:44px}.hud-hotbar.hud-metal .hotkey-slot.is-toggle-on,.hotkey-slot.is-toggle-on{box-shadow:inset 0 0 0 2px #7dffb0,0 0 10px #7dffb0a6}.hotkey-slot.is-toggle-on .hotkey-count{color:var(--tx-green,#7dffb0)}.hotkey-slot.is-toggle-on .hotkey-icon{animation:1.4s ease-in-out infinite alternate toggle-glow}@keyframes toggle-glow{to{filter:brightness(1.25)drop-shadow(0 0 4px #7dffb0)}}.party-list .party-row.is-ally-target,.party-row.is-ally-target{background:#7dffb01f;box-shadow:inset 0 0 0 2px #7dffb0}@media (max-height:520px){.hud-ailments{gap:3px;max-width:172px}.ail{width:22px;height:22px}.el-pick-row{grid-template-columns:repeat(4,minmax(52px,1fr))}}@media (prefers-reduced-motion:reduce){.hotkey-slot.is-toggle-on .hotkey-icon{animation:none}}.screen-game{--metal:#272b34;--metal-mid:#1a1d24;--metal-lo:#101217;--trim:#c9a24a;--trim-hi:#f6dc8c;--trim-lo:#6e5018;--keycap:linear-gradient(180deg, #fdf3d4, #cfb070)}:where(.screen-game .hud-metal){position:relative}.screen-game .hud-metal{color:var(--paper);background:linear-gradient(180deg, #ffffff17, #fff0 30%), repeating-linear-gradient(115deg, #ffffff05 0 2px, #0000 2px 5px), linear-gradient(180deg, var(--metal) 0%, var(--metal-mid) 55%, var(--metal-lo) 100%);border:2px solid var(--trim);box-shadow:inset 0 0 0 1px var(--cl-gold-sh45,#f6dc8c73), inset 0 0 0 3px var(--lt-sh55,#0000008c), inset 0 1px 0 4px #ffffff0d, 0 6px 18px var(--lt-sh55,#0000008c);border-radius:12px}.screen-game .hud-metal:before,.screen-game .hud-metal:after{content:"";background:var(--hud-corner,none) center / contain no-repeat;pointer-events:none;z-index:1;width:16px;height:16px;position:absolute}.screen-game .hud-metal:before{top:2px;left:2px}.screen-game .hud-metal:after{bottom:2px;right:2px;transform:rotate(180deg)}.hud-hotbar.hud-metal{border-radius:16px;flex-direction:column;gap:0;padding:6px 10px 7px;display:flex}.metal-cap{background:radial-gradient(circle at 50% 50%, #8ff4c8 0 2.5px, #1d5a44 3.5px 4.5px, #0000 5px), linear-gradient(135deg, var(--trim-hi), var(--trim) 50%, var(--trim-lo));border:1.5px solid var(--lt-line100,#2a1c08);width:18px;height:18px;box-shadow:0 2px 4px var(--lt-sh60,#0009);pointer-events:none;z-index:2;border-radius:3px;position:absolute;top:calc(50% - 9px);transform:rotate(45deg)}.metal-cap-l{left:-11px}.metal-cap-r{right:-11px}.ab-vitals{align-items:center;gap:6px;margin:0 0 6px;display:flex}.ab-gauge{background:var(--lt-panel,#08090c);border:1px solid var(--lt-line100,#000);min-width:0;height:16px;box-shadow:0 0 0 1px var(--cl-gold-sh65,#c9a24aa6), inset 0 2px 4px var(--lt-sh90,#000000e6);border-radius:8px;flex:1 1 0;position:relative;overflow:hidden}.ab-fill{transform-origin:0;will-change:transform;border-radius:8px;position:absolute;inset:0}.ab-fill:after{content:"";background:linear-gradient(#ffffff80,#ffffff0d);border-radius:8px 8px 4px 4px;height:45%;position:absolute;top:1px;left:2px;right:2px}.ab-hp .ab-fill{background:linear-gradient(#ff9c88 0%,#e8432f 40%,#a8200f 75%,#6e0e06 100%)}.ab-exp .ab-fill{background:linear-gradient(#a8e2ff 0%,#3d9cf0 40%,#1f5fc0 75%,#123a80 100%)}.ab-text{z-index:1;height:100%;color:var(--tx-hi,#fff);text-shadow:0 0 2px var(--lt-tsh,#000), 0 1px 1px var(--lt-tsh,#000);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:800;line-height:1;display:flex;position:relative}.ab-label{color:var(--tx-gold,#ffe6a0);letter-spacing:.5px}.ab-exp .ab-label{color:var(--tx-blue,#cfeaff)}.ab-emblem{background:var(--hud-emblem,none) center / contain no-repeat;filter:drop-shadow(0 2px 3px #000000b3);pointer-events:none;flex:0 0 30px;height:30px;margin:-10px 0 -6px}.ab-hp:before{content:"";z-index:1;opacity:0;pointer-events:none;border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 6px 2px #ff3c28f2}.hud-hotbar.is-low-hp .ab-hp:before{animation:.8s ease-in-out infinite alternate ab-low-hp}@keyframes ab-low-hp{to{opacity:1}}.hotbar-rows{flex-direction:column;gap:4px;display:flex}.hotbar-row{gap:4px;display:flex}.hud-hotbar.hud-metal .hotkey-slot{background:radial-gradient(ellipse at 50% 30%, #ffffff1a, #fff0 60%), linear-gradient(180deg, var(--lt-panel,#2b2f38), var(--lt-panel,#0c0d11));border:1px solid var(--cl-gold-ln,#7a5f26);width:46px;height:46px;box-shadow:inset 0 1px 0 #ffffff29, inset 0 -2px 0 var(--lt-sh65,#000000a6), inset 0 0 0 2px var(--lt-sh35,#00000059), 0 1px 0 var(--cl-gold-sh15,#ffecaa26);border-radius:9px;transition:border-color .12s,box-shadow .12s}.hud-hotbar.hud-metal .hotkey-slot.is-filled{border-color:var(--trim)}.hud-hotbar.hud-metal .hotkey-slot:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#fff3,#fff0);border-radius:7px 7px 12px 12px/7px 7px 6px 6px;height:42%;position:absolute;top:2px;left:3px;right:3px}.hud-hotbar.hud-metal .hotkey-slot:hover,.hud-hotbar.hud-metal .hotkey-slot:focus-visible{border-color:var(--trim-hi);box-shadow:inset 0 1px 0 #fff3, inset 0 -2px 0 var(--lt-sh65,#000000a6), 0 0 0 1px var(--cl-gold-sh60,#f6dc8c99), 0 0 12px var(--cl-gold-sh60,#ffd26499)}.hud-hotbar.hud-metal .hotkey-slot:active{transform:translateY(1px)}.hud-hotbar.hud-metal .hotkey-slot.flash{animation:.25s ease-out ab-slot-flash}@keyframes ab-slot-flash{0%{box-shadow:0 0 0 2px var(--cl-gold-sh100,#ffe27a), 0 0 14px var(--cl-gold-sh90,#ffe27ae6)}}.hud-hotbar.hud-metal .hotkey-cd{z-index:1;border-radius:8px}.hud-hotbar.hud-metal .hotkey-key{z-index:2;text-align:center;color:#241a08;background:var(--keycap);min-width:14px;height:13px;text-shadow:none;border-radius:8px 0 5px;padding:0 3px;font-size:9px;font-weight:800;line-height:13px;top:-1px;left:-1px;box-shadow:0 1px #6e5018}.hud-hotbar.hud-metal .hotbar-row-2 .hotkey-key{color:#0c2340;background:linear-gradient(#e2f2ff,#86b6e4);box-shadow:0 1px #2a4e78}.hud-hotbar.hud-metal .hotkey-count{z-index:2}.hud-hotbar.hud-metal.is-assigning .hotkey-slot,.hud-hotbar.hud-metal .hotkey-slot.is-drop-target{border-color:var(--cl-gold-ln,#ffe27a);box-shadow:0 0 0 2px var(--cl-gold-sh60,#ffe27a99), 0 0 10px var(--cl-gold-sh50,#ffe27a80)}.hud-status.hud-metal{grid-template-columns:60px minmax(0,1fr);align-items:start;gap:0 9px;width:256px;padding:8px 10px 8px 8px;display:grid}.status-portrait{width:60px;height:60px;font:inherit;border:2px solid var(--trim-hi);background:radial-gradient(circle at 50% 35%, #5a4a7a, var(--lt-panel,#221a33) 75%);box-shadow:0 0 0 2px var(--lt-sh100,#120e18), 0 0 0 3.5px var(--trim), inset 0 0 8px var(--lt-sh60,#0009);cursor:pointer;border-radius:50%;margin-top:2px;padding:0;position:relative}.status-portrait:hover{box-shadow:0 0 0 2px var(--lt-sh100,#120e18), 0 0 0 3.5px var(--trim-hi), 0 0 12px var(--cl-gold-sh60,#ffd66e99), inset 0 0 8px var(--lt-sh60,#0009)}.status-portrait-img{pointer-events:none;border-radius:50%;display:block;position:absolute;inset:1px;overflow:hidden}.status-portrait-canvas{object-fit:cover;width:100%;height:100%;display:block}.status-badge{z-index:2;text-align:center;color:#2a1606;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#c9a24a) 60%, var(--cl-gold-bg,#8a6418));border:1.5px solid var(--lt-line100,#2a1c08);min-width:24px;height:20px;box-shadow:0 2px 4px var(--lt-sh60,#0009);font-variant-numeric:tabular-nums;border-radius:10px;padding:0 5px;font-size:11px;font-weight:800;line-height:17px;position:absolute;bottom:-5px;left:-6px}.status-badge:empty{display:none}.status-main{flex-direction:column;gap:3px;min-width:0;display:flex}.hud-status.hud-metal .status-plate{flex-direction:column;align-items:flex-start;gap:0}.hud-status.hud-metal .status-name{max-width:100%;color:var(--trim-hi);text-shadow:0 1px 0 var(--lt-tsh,#000), 0 0 6px #f6dc8c59;font-size:15px}.hud-status.hud-metal .status-level{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.hud-status.hud-metal .status-bar{grid-template-columns:20px 1fr}.hud-status.hud-metal .bar-track{background:var(--lt-panel,#0b0c10);border:1px solid var(--lt-line100,#000);box-shadow:0 0 0 1px var(--cl-gold-sh45,#c9a24a73), inset 0 1px 3px var(--lt-sh80,#000c)}.hud-status.hud-metal .bar-hp .bar-track,.hud-status.hud-metal .bar-sp .bar-track{border-radius:7px;height:13px}.hud-status.hud-metal .bar-fill{border-radius:7px;position:relative}.hud-status.hud-metal .bar-fill:after{content:"";background:linear-gradient(#ffffff73,#ffffff0a);border-radius:6px 6px 3px 3px;height:45%;position:absolute;top:1px;left:2px;right:2px}.hud-status.hud-metal .bar-hp .bar-fill{background:linear-gradient(#ffb0a0 0%,#e8432f 45%,#8e1a10 100%)}.hud-status.hud-metal .bar-sp .bar-fill{background:linear-gradient(#b0dcff 0%,#3a7fe0 45%,#1a3f8e 100%)}.hud-status.hud-metal .bar-hp .bar-value,.hud-status.hud-metal .bar-sp .bar-value{font-size:10px;font-weight:700;line-height:13px}.hud-status.hud-metal .status-exp .bar-track{border-radius:5px;height:9px}.hud-status.hud-metal .status-exp .bar-value{font-size:8px;line-height:9px}.hud-topright{align-items:stretch;width:200px}.hud-minimap.hud-metal{width:auto;margin-top:8px;padding:15px 7px 6px}.minimap-banner{z-index:2;text-align:center;border:1.5px solid var(--trim-hi);max-width:calc(100% - 34px);box-shadow:0 2px 5px var(--lt-sh60,#0009);background:linear-gradient(#c44a36,#7a1e14);border-radius:4px;padding:2px 14px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.minimap-banner:before,.minimap-banner:after{content:"";z-index:-1;border:1.5px solid var(--trim-lo);background:#5a140e;width:12px;height:100%;position:absolute;top:5px}.minimap-banner:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%);left:-10px}.minimap-banner:after{clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%);right:-10px}.minimap-banner .minimap-name{color:var(--tx-gold,#fff3d0);text-shadow:0 1px 0 var(--lt-tsh,#3a0a06);font-size:13px;font-weight:800;display:block}.minimap-frame{background:linear-gradient(180deg, var(--trim-hi), var(--trim) 50%, var(--trim-lo));box-shadow:0 0 0 1px var(--lt-sh100,#000), 0 2px 6px var(--lt-sh50,#00000080);border-radius:7px;padding:3px;position:relative}.minimap-frame .minimap-canvas{border:1px solid var(--lt-line100,#000);border-radius:4px;margin:0}.minimap-frame .minimap-channel{color:#fff;box-shadow:0 1px 3px var(--lt-sh70,#000000b3);background:linear-gradient(#4fb08a,#226a4e);border:1px solid #c9f5df;border-radius:9px;padding:0 7px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:7px;right:7px}.minimap-frame .minimap-channel:hover{filter:brightness(1.15)}.hud-minimap.hud-metal .minimap-foot{align-items:center;margin-top:5px}.minimap-clock{background:var(--lt-shade45,#00000073);border:1px solid var(--cl-gold-ln50,#c9a24a80);border-radius:9px;padding:0 7px;font-size:11px;line-height:17px}.hud-topright .hud-rates{width:auto}.panel-worldmap{flex-direction:column;gap:8px;display:flex}.worldmap-canvas{border:3px solid var(--trim);width:100%;box-shadow:0 0 0 1px var(--lt-sh100,#000);image-rendering:pixelated;border-radius:6px;display:block}.worldmap-legend{flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.wm-mons-title{color:var(--gold);margin:4px 0 0;font-size:15px}.wm-mon-list{flex-direction:column;gap:4px;display:flex}.wm-mon{border:1px solid var(--line);background:#ffffff0a;border-radius:8px}.wm-mon.is-open{border-color:var(--gold)}.wm-mon-head,.wm-drop{width:100%;min-height:44px;font:inherit;color:var(--paper);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 10px;font-size:14px;display:flex}.wm-mon-name{font-weight:700}.wm-mon-meta{color:var(--paper-dim);white-space:nowrap;margin-left:auto;font-size:12px}.wm-badge{background:var(--cl-gold-t20,#d8a94a33);color:var(--gold);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px}.wm-badge.is-mvp{color:var(--tx-red,#ffb0a0);background:#e0533f40}.wm-mon-detail{padding:0 10px 8px}.wm-mon-detail[hidden]{display:none}.wm-drops-title{color:var(--paper-dim);font-size:12px}.wm-drops{flex-direction:column;display:flex}.wm-drop{border-top:1px solid #ffffff0f;padding:0 4px}.wm-drop-name{flex:auto;min-width:0}.wm-drop-pct{font-variant-numeric:tabular-nums;color:var(--paper-dim);margin-left:auto}.wm-drop.is-card .wm-drop-name,.wm-drop.is-card .wm-drop-pct{color:var(--gold-2);font-weight:700}.wm-stat{gap:8px;padding:2px 4px;font-size:13px;display:flex}.wm-stat-k{min-width:56px;color:var(--paper-dim)}.legend-item{align-items:center;gap:5px;display:inline-flex}.legend-dot{border:1px solid var(--lt-line100,#1a1420);border-radius:50%;width:10px;height:10px}.lg-self{background:var(--cl-gold-bg,#ffd24a)}.lg-player{background:#fff}.lg-npc{background:#7fd4ff;border-radius:2px;transform:rotate(45deg)}.lg-portal{background:#d6a8ff;border-radius:2px}.lg-boss{background:var(--cl-gold-bg,#ffd24a);clip-path:polygon(0 100%,0 15%,25% 55%,50% 0,75% 55%,100% 15%,100% 100%);border:0;border-radius:2px}.wm-bosses{color:var(--paper);flex-direction:column;gap:2px;margin:6px 0;font-size:13px;display:flex}.wm-bosses[hidden]{display:none}.wm-boss-status{font-variant-numeric:tabular-nums;color:var(--paper-dim);white-space:nowrap;font-size:12px}.wm-boss-status.is-alive{color:var(--gold-2)}.wm-boss-status:empty{display:none}.hud-menu{flex-direction:column;align-items:stretch;gap:5px;display:flex}.mg-toggle{min-height:30px;font:inherit;color:var(--trim-hi);background:linear-gradient(180deg, var(--lt-panel,#353a46), var(--lt-panel,#15171d));border:1.5px solid var(--trim);box-shadow:0 2px 6px var(--lt-sh50,#00000080);cursor:pointer;border-radius:16px;align-self:flex-end;align-items:center;gap:7px;padding:2px 12px 2px 10px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.mg-toggle:hover{filter:brightness(1.15)}.mg-toggle-icon{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.hud-menu.is-open .mg-toggle-icon{transform:translateY(2px)rotate(-135deg)}.mg-toggle.has-badge:after{content:"";background:var(--vermilion-2);border:1.5px solid #fff3d0;border-radius:50%;width:11px;height:11px;position:absolute;top:-3px;right:-3px}.mg-grid{color:var(--paper);background:linear-gradient(180deg, #ffffff14, #fff0 30%), linear-gradient(180deg, var(--lt-panel,#272b34f0), var(--lt-panel,#101217f0));border:2px solid var(--trim);box-shadow:inset 0 0 0 1px var(--cl-gold-sh40,#f6dc8c66), inset 0 0 0 3px var(--lt-sh50,#00000080), 0 6px 18px var(--lt-sh55,#0000008c);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 2px;padding:8px 5px 6px;display:grid}.mg-grid[hidden],.mg-item[hidden]{display:none}.mg-item{min-width:44px;min-height:58px;font:inherit;color:var(--paper);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:2px 0 0;display:flex;position:relative}.mg-icon{background:radial-gradient(circle at 34% 28%, #ffffffb3 0, #fff0 32%), radial-gradient(circle at 50% 62%, var(--c1,#8a8f9c), var(--c2,#3a3f4a) 78%);border:2px solid var(--trim-hi);width:40px;height:40px;box-shadow:0 0 0 1.5px var(--lt-sh100,#1a1208), inset 0 -4px 6px var(--lt-sh35,#00000059), 0 3px 5px var(--lt-sh60,#0009);border-radius:50%;place-items:center;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.mg-img{pointer-events:none;filter:drop-shadow(0 1px #00000059);width:30px;height:30px;display:block}.mg-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-shadow:0 1px 2px var(--lt-tsh,#000);font-size:11px;font-weight:700;line-height:1.15;overflow:hidden}.mg-key{letter-spacing:-.2px;white-space:nowrap;text-align:center;z-index:1;color:#241a08;background:var(--keycap);min-width:15px;height:14px;box-shadow:0 1px 0 #6e5018, 0 1px 3px var(--lt-sh60,#0009);border-radius:4px;padding:0 2px;font-size:8.5px;font-weight:800;line-height:14px;position:absolute;top:0;right:-3px}.is-touch .mg-key{display:none}.mg-item:hover .mg-icon,.mg-item:focus-visible .mg-icon{box-shadow:0 0 0 1.5px var(--lt-sh100,#1a1208), inset 0 -4px 6px var(--lt-sh35,#00000059), 0 0 12px var(--cl-gold-sh85,#ffd66ed9);transform:translateY(-2px)scale(1.06)}.mg-item:active .mg-icon{transform:scale(.94)}.mg-item.is-soon{cursor:default}.mg-item.is-soon .mg-icon{filter:grayscale(.85)brightness(.75)}.mg-item.is-soon:hover .mg-icon{transform:none}.mg-item.is-soon .mg-label{color:var(--paper-dim)}.mg-soon{z-index:1;white-space:nowrap;color:#fff;border:1px solid var(--cl-gold-ln,#ffd2a0);box-shadow:0 1px 2px var(--lt-sh60,#0009);pointer-events:none;background:linear-gradient(#e0533f,#9a2a1c);border-radius:3px;padding:0 4px;font-size:9px;font-weight:800;line-height:13px;position:absolute;top:24px;left:50%;transform:translate(-50%)rotate(-8deg)}.mg-item[data-badge]:after{content:attr(data-badge);text-align:center;min-width:18px;height:18px;color:var(--tx-hi,#fff);background:var(--vermilion-2);border:1px solid #fff3d0;border-radius:9px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-3px;left:2px}.mg-tone-amber{--c1:#ffd08a;--c2:#b8621a}.mg-tone-azure{--c1:#9fd4ff;--c2:#2a62b0}.mg-tone-steel{--c1:#c9d6e2;--c2:#4a5a6e}.mg-tone-crimson{--c1:#ff9a8a;--c2:#9a2418}.mg-tone-leaf{--c1:#b8f09a;--c2:#3a8a34}.mg-tone-teal{--c1:#9af0e4;--c2:#1d7a70}.mg-tone-orange{--c1:#ffc27a;--c2:#c0501c}.mg-tone-sea{--c1:#8ee0d0;--c2:#22708a}.mg-tone-violet{--c1:#cdb4ff;--c2:#5a3aa8}.mg-tone-sun{--c1:#fff0a0;--c2:#d89a1a}.mg-tone-gold{--c1:#ffe7a0;--c2:#a8781c}.mg-tone-pink{--c1:#ffc4dc;--c2:#c04a7a}.mg-tone-bronze{--c1:#e8c08a;--c2:#7a4a20}.mg-tone-jade{--c1:#a6f0c8;--c2:#22805a}.hud-quest.hud-metal{border-radius:10px;width:256px;padding:5px 7px 7px;font-size:12px}.hud-quest.hud-metal.is-ready{box-shadow:inset 0 0 0 1px #a0ffbe73, inset 0 0 0 3px var(--lt-sh55,#0000008c), 0 0 12px #7dffa080;border-color:#7dffa0}.qt-badge{color:#2a1606;background:radial-gradient(circle at 40% 35%, var(--cl-gold-bg-hi,#fff2b8), var(--cl-gold-bg,#f2c046) 55%, var(--cl-gold-bg,#b07a14));border:1.5px solid var(--lt-line100,#2a1c08);width:22px;height:22px;box-shadow:0 1px 3px var(--lt-sh60,#0009);border-radius:50%;flex:0 0 22px;place-items:center;font-size:14px;font-weight:900;display:grid}.hud-quest.is-ready .qt-badge{background:radial-gradient(circle at 40% 35%,#d8ffe4,#5fd08a 55%,#1d7a44)}.hud-quest.hud-metal .qt-head{color:var(--trim-hi)}.hud-quest .qt-help,.hud-quest .qt-fold,.hud-quest .qt-close{width:24px;height:24px;font:inherit;color:var(--trim-hi);background:linear-gradient(180deg, var(--lt-panel,#363b46), var(--lt-panel,#16181e));border:1px solid var(--trim);cursor:pointer;border-radius:50%;flex:0 0 24px;padding:0;font-size:13px;font-weight:800;line-height:1}.hud-quest .qt-help:hover,.hud-quest .qt-fold:hover{filter:brightness(1.3)}.hud-quest .qt-close:hover{color:#fff;background:linear-gradient(180deg, #3c8a5a, var(--lt-panel,#1a3a28))}.hud-quest.hud-metal .qt-req{background:var(--lt-shade35,#00000059);border:1px solid var(--cl-gold-ln20,#c9a24a2e)}.hud-quest.hud-metal .qt-req.is-done{background:#3ca06440;border-color:#7dffa059}.hud-quest.hud-metal .qt-walk{background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#d8a94a) 60%, var(--cl-gold-bg,#a87a20));box-shadow:inset 0 1px 0 #ffffff80, 0 2px 4px var(--lt-sh50,#00000080);border-color:#5a3e0c}.is-touch .hud-quest .qt-fold,.is-touch .hud-quest .qt-close{border-radius:10px;flex-basis:44px;width:44px;height:44px}.is-touch .hud-quest .qt-help{display:none}.panel-settings{flex-direction:column;gap:10px;display:flex}.panel-settings .btn{min-height:44px}.settings-audio{grid-template-columns:1fr auto;align-items:center;column-gap:8px;display:grid}.settings-audio .settings-audio-range{accent-color:#d9a441;grid-column:1/-1;width:100%;min-height:44px;margin:0}.settings-audio-value{font-variant-numeric:tabular-nums;opacity:.85}.settings-heading{margin-top:4px}.settings-note{color:var(--paper-dim);margin:0;font-size:12px}.panel-help{flex-direction:column;gap:8px;display:flex}.help-list{flex-direction:column;gap:4px;margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.45;display:flex}.hud-perf{white-space:nowrap;color:var(--paper-dim);background:var(--lt-shade60,#0a0b0f99);border:1px solid var(--cl-gold-ln35,#c9a24a59);font-variant-numeric:tabular-nums;border-radius:8px;gap:6px;padding:1px 7px;font-size:10px;font-weight:700;line-height:14px;display:flex;position:absolute;bottom:calc(100% + 4px);right:0;pointer-events:none!important}.hud-perf[hidden],.hud-perf [hidden]{display:none}.hud-perf [data-level=good]{color:var(--tx-green,#8ef0a8)}.hud-perf [data-level=ok]{color:var(--tx-gold,#ffe27a)}.hud-perf [data-level=bad]{color:var(--tx-red,#ff8a7a)}@media (max-height:520px){.hud-hotbar.hud-metal{border-radius:12px;padding:3px 6px 4px}.hud-hotbar.hud-metal .hotbar-row-2{display:none}.hotbar-row{gap:3px}.hud-hotbar.hud-metal .hotkey-slot{width:44px;height:44px}.ab-vitals{gap:4px;margin-bottom:3px}.ab-gauge{border-radius:5px;height:10px}.ab-text{padding:0 6px;font-size:8px}.ab-emblem{display:none}.metal-cap{width:12px;height:12px;top:calc(50% - 6px)}.metal-cap-l{left:-8px}.metal-cap-r{right:-8px}.action-row-combat{margin-bottom:20px}.hud-perf{flex-direction:column;gap:0;padding:1px 4px;font-size:9px;line-height:11px;bottom:0;right:calc(100% + 4px)}.hud-status.hud-metal{grid-template-columns:44px minmax(0,1fr);gap:0 6px;width:206px;padding:4px 8px 5px 5px}.status-portrait{width:44px;height:44px;margin-top:1px}.status-badge{min-width:20px;height:17px;font-size:10px;line-height:14px;bottom:-4px;left:-5px}.hud-status.hud-metal .status-name{font-size:13px}.hud-status.hud-metal .status-level{font-size:10px}.hud-status.hud-metal .status-main{gap:2px}.hud-status.hud-metal .bar-hp .bar-track,.hud-status.hud-metal .bar-sp .bar-track{height:9px}.hud-status.hud-metal .bar-hp .bar-value,.hud-status.hud-metal .bar-sp .bar-value{font-size:8px;line-height:9px}.hud-status.hud-metal .status-exp .bar-track{height:6px}.hud-topright{width:140px}.hud-minimap.hud-metal{margin-top:7px;padding:12px 5px 4px}.minimap-banner{max-width:calc(100% - 26px);padding:1px 10px;top:-8px}.minimap-banner .minimap-name{font-size:11px}.minimap-frame .minimap-channel{font-size:10px;line-height:16px;top:5px;right:5px}.hud-minimap.hud-metal .minimap-foot{margin-top:3px}.mg-toggle{justify-content:center;align-self:stretch;min-height:44px}.hud-menu.is-floating .mg-grid{z-index:25;grid-template-columns:repeat(5,minmax(0,1fr));width:300px;position:absolute;top:0;right:calc(100% + 6px)}.mg-item{min-height:56px}.hud-quest.hud-metal{width:206px;padding:3px 5px 4px;font-size:11px}.hud-quest .qt-badge,.hud-quest .qt-help{display:none}.hud-quest .qt-fold,.hud-quest .qt-close{border-radius:10px;flex-basis:44px;width:44px;height:44px}}@media (max-height:520px) and (max-width:760px){.action-row-combat{margin-bottom:0}.hud-perf{flex-direction:row;gap:6px;bottom:calc(100% + 4px);right:0}}@media (prefers-reduced-motion:reduce){.hud-hotbar.is-low-hp .ab-hp:before{opacity:1;animation:none}.hud-status.is-low-hp .bar-hp .bar-track,.hud-hotbar.hud-metal .hotkey-slot.flash,.action-auto.is-auto-on:after,.buff.is-ending{animation:none}.hud-hotbar.hud-metal .hotkey-slot,.mg-icon,.mg-toggle-icon{transition:none}.mg-item:hover .mg-icon,.mg-item:focus-visible .mg-icon,.mg-item:active .mg-icon,.hud-hotbar.hud-metal .hotkey-slot:active{transform:none}}.screen-game img[src*="/assets/hud/"],.screen-game img[src*="/assets/items/"]{image-rendering:pixelated}.screen-game .action-btn{background:radial-gradient(circle at 50% 30%, #ffffff1f, #fff0 45%), radial-gradient(circle at 50% 55%, var(--lt-panel,#2c3a33) 0%, var(--lt-panel,#18221d) 70%, var(--lt-panel,#0e1411) 100%);border:2px solid var(--trim);box-shadow:inset 0 0 0 1px var(--cl-gold-sh40,#f6dc8c66), inset 0 0 0 3px var(--lt-sh55,#0000008c), 0 3px 8px var(--lt-sh55,#0000008c)}.screen-game .action-btn .action-icon{filter:drop-shadow(0 1px #0009)}.screen-game .action-btn .action-label{color:var(--tx-gold,#f3e6c0);text-shadow:0 1px 2px var(--lt-tsh,#000)}.screen-game .action-btn.action-attack{border-width:3px;border-color:var(--trim-hi);background:radial-gradient(circle at 50% 28%, var(--cl-gold-t25,#ffecb440), #fff0 42%), radial-gradient(circle at 50% 58%, #7a3a1c 0%, var(--lt-panel,#3c1a0e) 62%, var(--lt-panel,#1c0c06) 100%);box-shadow:inset 0 0 0 2px var(--cl-gold-sh45,#ffe29673), inset 0 0 0 5px var(--lt-sh50,#00000080), 0 0 12px var(--cl-gold-sh35,#ffaa4659), 0 4px 10px var(--lt-sh55,#0000008c)}.screen-game .action-btn.action-auto.is-auto-on{border-color:var(--cl-gold-ln,#ffe27a);background:radial-gradient(circle at 50% 30%, #fff6c859, #fff0 45%), radial-gradient(circle at 50% 58%, #2f7d4f 0%, var(--lt-panel,#173828) 75%)}.screen-game .mg-icon{background:linear-gradient(180deg, #ffffff1a, #fff0 40%), linear-gradient(180deg, var(--lt-panel,#24302a) 0%, var(--lt-panel,#141b17) 100%);border:2px solid var(--trim);box-shadow:0 0 0 1.5px var(--lt-sh100,#0a0d0b), inset 0 0 0 1px var(--cl-gold-sh35,#f6dc8c59), 0 3px 5px var(--lt-sh60,#0009);border-radius:10px}.screen-game .mg-img{filter:drop-shadow(0 1px #0009);width:28px;height:28px}.wm-root{flex-direction:column;gap:8px;display:flex}.panel-worldmap[hidden],.wm-world[hidden]{display:none}.wm-tabs{gap:4px;display:flex}.wm-tab{min-height:44px;font:inherit;color:var(--paper-dim);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:8px;flex:1;padding:0 14px;font-weight:700}.wm-tab.is-active{color:#1a1420;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#d8a94a))}.wm-npc-list,.wm-exit-list{flex-direction:column;gap:4px;display:flex}.wm-npc-row{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;align-items:stretch;gap:4px;display:flex}.wm-npc-main{min-height:44px;font:inherit;color:var(--paper);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:4px 8px;font-size:14px;display:flex}.wm-npc-main.is-static{cursor:default}.wm-npc-num{color:#1a1420;background:var(--gold);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.wm-npc-text{flex-direction:column;min-width:0;display:flex}.wm-npc-name{font-weight:700}.wm-npc-meta{color:var(--paper-dim);font-size:12px}.wm-npc-go{min-width:64px;min-height:44px;font:inherit;color:#1a1420;background:linear-gradient(180deg, var(--cl-gold-bg-hi,#ffe9a8), var(--cl-gold-bg,#d8a94a));cursor:pointer;border:0;border-radius:0 7px 7px 0;flex:none;padding:0 12px;font-weight:700}.wm-exit-row{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;align-items:center;min-height:44px;padding:4px 10px;font-size:14px;display:flex}.wm-world{flex-direction:column;gap:8px;display:flex}.hud-perf .perf-ver{opacity:.55;font-weight:400}.settings-version{color:var(--paper-dim);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;display:flex}.settings-version .ver-link{min-height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.settings-version.is-mismatch .ver-link,.settings-version .ver-warn{color:var(--tx-red,#ff8a7a)}.settings-version .ver-warn{flex-basis:100%}.settings-version .btn{min-height:44px}.status-portrait-wrap{align-self:start;position:relative}.pt-badges{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:-6px;right:-10px}.pt-badge{pointer-events:auto;min-width:22px;height:18px;font:inherit;text-align:center;color:#2a1606;font-variant-numeric:tabular-nums;cursor:pointer;background:linear-gradient(#fff3b0,#ffc93a 60%,#f0a020);border:1.5px solid #5a3200;border-radius:9px;padding:0 5px;font-size:11px;font-weight:800;line-height:15px;animation:1.6s ease-in-out infinite pt-badge-pulse;position:relative;box-shadow:0 1px 3px #0000008c,0 0 6px #ffd250b3}.pt-badge.pt-skill{color:#06203a;background:linear-gradient(#d8f2ff,#6cc8ff 60%,#3a9ae8);border-color:#0d3a66;box-shadow:0 1px 3px #0000008c,0 0 6px #6ec8ffb3}.pt-badge[hidden]{display:none}.pt-badge:before{content:"";position:absolute;inset:-13px -11px}.pt-badge:hover{filter:brightness(1.12)}@keyframes pt-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.pt-badge{animation:none}}.screen-game.is-mobile.hud-compact .hud-left .pt-badge{min-width:22px;min-height:0}.el-panel{flex-direction:column;gap:8px;display:flex}.el-main{min-height:0}.el-box{background:color-mix(in srgb, var(--element) 10%, var(--lt-shade30,#0000004d));border:1px solid color-mix(in srgb, var(--element) 55%, transparent);border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex}.el-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.el-chip{min-height:56px;color:var(--paper);background:var(--lt-shade35,#00000059);border:2px solid color-mix(in srgb, var(--element) 45%, transparent);cursor:pointer;touch-action:manipulation;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 2px;display:flex}.el-chip.is-selected{background:color-mix(in srgb, var(--element) 28%, var(--lt-shade35,#00000059));border-color:var(--element);box-shadow:0 0 10px color-mix(in srgb, var(--element) 60%, transparent)}.el-chip-glyph{font-size:20px;line-height:1}.el-chip small{color:var(--paper-dim);font-size:11px}.el-facts{flex-direction:column;gap:2px;display:flex}.el-facts p{margin:0}.el-chance b{color:var(--tx-gold,#ffe9a8)}.el-fact.is-short{color:var(--tx-red,#ff9d8a)}.el-note{color:var(--paper-dim);font-size:11px}.el-result{font-weight:700}.el-go{width:100%;min-height:44px}.el-ex-row{border-left:4px solid var(--element)}.el-left{color:var(--tx-gold,#ffe9a8);display:block}@media (max-width:520px){.el-main{grid-template-columns:1fr}.el-list{max-height:150px}}.inv-plus{color:var(--tx-gold,#fff4d6);background:var(--lt-panel,#3c2814d1);pointer-events:none;border-radius:3px;padding:0 3px;font-size:10px;font-weight:800;position:absolute;top:0;right:2px}.inv-plus.glow-ember,.glow-ember.upg-row-name{color:var(--tx-orange,#ffb070);text-shadow:0 0 6px #ff8a3dcc}.inv-plus.glow-gilded,.glow-gilded.upg-row-name{color:var(--tx-gold,#ffe58a);text-shadow:0 0 6px #ffd54af2}.panel-upgrade{flex-direction:column;gap:8px;display:flex}.upg-main{grid-template-columns:minmax(150px,.8fr) 1.2fr;gap:10px;min-height:0;display:grid}.upg-list{flex-direction:column;gap:4px;max-height:340px;padding-right:2px;display:flex;overflow-y:auto}.upg-row{text-align:left;min-height:48px;color:var(--paper);background:var(--lt-shade30,#0000004d);border:1px solid var(--cl-gold-ln25,#d8a94a40);cursor:pointer;touch-action:manipulation;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;display:flex}.upg-row.is-selected{border-color:var(--gold-2);background:var(--cl-gold-t15,#d8a94a29)}.upg-row-icon .item-icon{width:36px;height:36px}.upg-row-text{flex-direction:column;min-width:0;display:flex}.upg-row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.upg-row-sub{color:var(--paper-dim);font-size:11px}.upg-right{flex-direction:column;gap:8px;min-width:0;display:flex}.upg-stage{background:radial-gradient(ellipse at 50% 85%, #ff8a3d38, var(--lt-shade35,#00000059) 70%);border-radius:8px;height:96px;position:relative;overflow:hidden}.upg-anvil{width:92px;height:64px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.upg-anvil-block{background:linear-gradient(180deg, #6f6a78, var(--lt-panel,#3b3742));border-radius:4px 4px 2px 2px;height:18px;position:absolute;bottom:0;left:8px;right:8px;box-shadow:inset 0 2px #fff3}.upg-anvil-item{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.upg-anvil-icon{width:40px;height:40px}.upg-anvil-plus{color:var(--gold-2);text-shadow:0 0 4px var(--lt-tsh,#000);font-size:16px;position:absolute;top:0;right:-6px}.upg-anvil-plus[data-glow=ember]{color:var(--tx-orange,#ffb070);text-shadow:0 0 8px #ff8a3de6}.upg-anvil-plus[data-glow=gilded]{color:var(--tx-gold,#ffe58a);text-shadow:0 0 10px #ffd54a}.upg-hammer{transform-origin:90% 90%;opacity:0;width:44px;height:44px;position:absolute;top:6px;left:calc(50% + 14px);transform:rotate(35deg)}.upg-hammer-handle{transform-origin:bottom;background:#8a5a2c;border-radius:3px;width:6px;height:36px;position:absolute;bottom:2px;right:4px;transform:rotate(-45deg)}.upg-hammer-head{background:linear-gradient(#c9c3cf,#6f6a78);border-radius:3px;width:22px;height:14px;position:absolute;top:4px;left:2px;transform:rotate(-45deg)}.upg-burst{opacity:0;pointer-events:none;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:30px;left:50%}.upg-quip{text-shadow:0 1px 2px var(--lt-tsh,#000);margin:0;font-size:12px;line-height:1.3;position:absolute;top:4px;left:6px;right:6px}.upg-quip-head{font-size:13px;display:block}.upg-quip-head.is-ok{color:var(--tx-gold,#ffe27a)}.upg-quip-head.is-bad{color:var(--tx-red,#ffb4a0)}.upg-quip-who{color:var(--paper-dim)}.upg-stage[data-stage=swing] .upg-hammer{opacity:1;animation:.3s ease-in infinite upg-swing}.upg-stage[data-stage=swing] .upg-anvil{animation:.3s steps(2,end) infinite upg-jolt}.upg-stage[data-stage=success] .upg-burst{background:var(--cl-gold-bg-hi,#ffe27a);animation:.9s ease-out upg-burst-ok}.upg-stage[data-stage=success] .upg-anvil-item{animation:.6s ease-out upg-pop}.upg-stage[data-stage=fail] .upg-burst{background:#8a8496;animation:.9s ease-out upg-burst-fail}.upg-stage[data-stage=fail] .upg-anvil{animation:.45s ease-in-out upg-shake}@keyframes upg-swing{0%{transform:rotate(35deg)}70%{transform:rotate(-35deg)}to{transform:rotate(35deg)}}@keyframes upg-jolt{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(1px)}}@keyframes upg-burst-ok{0%{opacity:1;box-shadow:0 0 0 0 var(--cl-gold-sh90,#ffe27ae6);transform:scale(1)}to{opacity:0;transform:scale(9);box-shadow:0 0 30px 20px #ffe27a00}}@keyframes upg-burst-fail{0%{opacity:.8;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(6)translateY(-14px)}}@keyframes upg-pop{0%{transform:translate(-50%)scale(1)}40%{transform:translate(-50%)scale(1.35)}to{transform:translate(-50%)scale(1)}}@keyframes upg-shake{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 4px))}75%{transform:translate(calc(4px - 50%))}}@media (prefers-reduced-motion:reduce){.upg-stage[data-stage] .upg-hammer,.upg-stage[data-stage] .upg-anvil,.upg-stage[data-stage] .upg-anvil-item,.upg-stage[data-stage] .upg-burst{animation-duration:10ms;animation-iteration-count:1}}.upg-step{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.upg-step-text{color:var(--gold-2);font-size:20px}.upg-step-max{color:var(--paper-dim)}.upg-chance-head{justify-content:space-between;display:flex}.upg-chance-total{color:var(--tx-green,#9fe6a0);font-size:18px}.upg-chance-bar{background:var(--lt-shade45,#00000073);border-radius:5px;height:10px;margin:3px 0;display:flex;overflow:hidden}.upg-chance-base{background:linear-gradient(90deg,#4f9a5a,#7fd08a)}.upg-chance-pity{background:repeating-linear-gradient(45deg, var(--cl-gold-bg-hi,#ffcf6a), var(--cl-gold-bg-hi,#ffcf6a) 4px, var(--cl-gold-bg,#e8a43a) 4px, var(--cl-gold-bg,#e8a43a) 8px)}.upg-chance-split{color:var(--paper-dim)}.upg-pity{color:var(--tx-gold,#ffcf6a)}.upg-bonus{margin:0;font-size:12px}.upg-cost .panel-subtitle{margin:4px 0 2px}.upg-coin{align-items:center;gap:6px;display:flex}.upg-coin small{color:var(--paper-dim)}.upg-coin.is-short b,.upg-mat.is-short .upg-mat-count{color:var(--danger)}.upg-mats{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.upg-mat{align-items:center;gap:6px;min-height:30px;display:flex}.upg-mat-icon{width:28px;height:28px}.upg-mat-name{flex:1;min-width:0}.upg-mat.is-ok .upg-mat-count{color:var(--tx-green,#9fe6a0)}.upg-fail{margin:0;font-size:12px}.upg-fail.fail-drop{color:var(--tx-red,#ffc0a8)}.upg-charm-text{flex-direction:column;display:flex}.upg-charm-text small{color:var(--paper-dim);font-size:11px}.upg-charm.is-short b{color:var(--paper-dim)}.upg-go{flex-direction:column;gap:4px;display:flex}.upg-block{color:var(--danger);text-align:center;margin:0;font-size:12px}.upg-hammer-btn{min-height:52px;font-size:18px;font-weight:800}@media (max-height:480px){.upg-list{max-height:220px}.upg-stage{height:78px}.upg-main{grid-template-columns:minmax(140px,.7fr) 1.3fr}}@media (max-width:520px){.upg-main{grid-template-columns:1fr}.upg-list{max-height:160px}}.upg-tabs{margin-bottom:2px}.upg-mat-old{color:var(--tx-dim,#b8b0a0);margin-left:6px;font-size:11px}.forge-panel{flex-direction:column;gap:6px;max-height:420px;padding-right:2px;display:flex;overflow-y:auto}.forge-panel[hidden]{display:none}.forge-note{color:var(--tx-gold,#ffe9a8);background:var(--cl-gold-t15,#d8a94a24);border:1px solid var(--cl-gold-ln40,#d8a94a66);border-radius:6px;margin:0;padding:6px 8px;font-size:13px}.forge-sub{color:var(--tx-dim,#b8b0a0);font-size:11px}.forge-rows{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.forge-row{background:var(--lt-shade30,#0000004d);border:1px solid var(--cl-gold-ln25,#d8a94a40);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:48px;padding:4px 8px;display:flex}.forge-row.is-short{opacity:.75}.forge-mat{align-items:center;gap:6px;min-width:0;display:inline-flex}.forge-mat-text{flex-direction:column;min-width:0;display:flex}.forge-mat-text small{color:var(--tx-dim,#b8b0a0);font-size:11px}.forge-icon{flex:none;width:36px;height:36px}.forge-arrow{color:var(--tx-gold,#d8a94a);font-weight:800}.forge-btns{flex-wrap:wrap;gap:6px;margin-left:auto;display:inline-flex}.forge-btns .btn{min-width:44px;min-height:44px}@media (max-height:480px){.forge-panel{max-height:250px}}.forge-keep{color:var(--tx-gold,#ffb066);font-weight:600}.upg-reroll{border:1px solid var(--line,#ffffff26);background:#0000002e;border-radius:6px;margin:6px 0;padding:6px 8px}.upg-reroll[hidden]{display:none}.upg-reroll-head{color:var(--tx-gold,#ffe27a);margin:0 0 4px;font-size:13px}.upg-reroll-cols{grid-template-columns:1fr auto 1fr;align-items:start;gap:6px;display:grid}.upg-reroll-arrow{color:var(--paper-dim);align-self:center;font-size:16px}.upg-reroll-title{color:var(--paper-dim);margin:0 0 2px;font-size:11px}.upg-reroll-col.is-old .upg-reroll-opt{opacity:.7}.upg-reroll-list{margin:0;padding:0;list-style:none}.upg-reroll-opt{font-variant-numeric:tabular-nums;font-size:12px;line-height:1.5}.upg-reroll-opt.is-rare{color:#ffd76a;border:1px solid #f2c14e;border-radius:4px;padding:0 4px;box-shadow:0 0 6px #f2c14e8c}.upg-reroll-none{color:var(--paper-dim);margin:0;font-size:12px}.upg-reroll-note{color:var(--paper-dim);margin:4px 0 0;font-size:11px}.panel-rrw{flex-direction:column;gap:8px;display:flex}.rrw-main{grid-template-columns:minmax(150px,.8fr) 1.3fr;gap:10px;min-height:0;display:grid}.rrw-list{flex-direction:column;gap:4px;max-height:330px;padding-right:2px;display:flex;overflow-y:auto}.rrw-row{text-align:left;min-height:48px;color:var(--paper);background:var(--lt-shade30,#0000004d);border:1px solid var(--cl-gold-ln25,#d8a94a40);cursor:pointer;touch-action:manipulation;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;display:flex}.rrw-row.is-selected{border-color:var(--gold-2);background:var(--cl-gold-t15,#d8a94a29)}.rrw-row-icon .item-icon{width:36px;height:36px}.rrw-row-text{flex-direction:column;min-width:0;display:flex}.rrw-row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rrw-row-sub{color:var(--paper-dim);font-size:11px}.rrw-detail{flex-direction:column;gap:8px;min-width:0;display:flex}.rrw-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.rrw-head-name{font-size:15px}.rrw-head-sub{color:var(--paper-dim)}.rrw-slots{gap:4px;display:grid}.rrw-slot{text-align:left;min-height:48px;color:var(--paper);background:var(--lt-shade30,#0000004d);border:1px solid var(--cl-gold-ln25,#d8a94a40);cursor:pointer;touch-action:manipulation;border-radius:6px;grid-template-columns:34px 1fr auto;align-items:center;column-gap:8px;padding:4px 8px;display:grid}.rrw-slot.is-selected{border-color:var(--gold-2);background:var(--cl-gold-t15,#d8a94a29)}.rrw-slot-tier{color:var(--tx-gold,#d8a94a)}.rrw-slot.is-active .rrw-slot-text{color:var(--row-color,#e8e2d2);font-weight:700}.rrw-slot[data-grade=rare] .rrw-slot-text{text-shadow:0 0 6px #ff5a5f73}.rrw-slot.is-grey{opacity:.6}.rrw-slot.is-grey .rrw-slot-text{color:var(--tx-dim,#9d9484)}.rrw-slot.is-empty{opacity:.55;cursor:default}.rrw-slot.is-legacy .rrw-slot-text{color:var(--tx-gold,#c9b27a)}.rrw-slot-grade{color:var(--row-color,#9d9484)}.rrw-slot-hint{color:var(--tx-dim,#9d9484);grid-column:2/4;font-size:10px}.rrw-note{color:var(--gold-2);margin:0}.rrw-note.is-bad{color:var(--tx-red,#ff8d7e)}.rrw-legacy{border:1px dashed var(--cl-gold-ln45,#d8a94a73);border-radius:6px;flex-direction:column;gap:4px;padding:6px;display:flex}.rrw-roll{flex-direction:column;gap:4px;display:flex}.rrw-modes{grid-template-columns:1fr 1fr;gap:4px;display:grid}.rrw-mode{min-height:44px;color:var(--paper);background:var(--lt-shade30,#0000004d);border:1px solid var(--cl-gold-ln30,#d8a94a4d);cursor:pointer;touch-action:manipulation;border-radius:6px}.rrw-mode.is-selected{border-color:var(--gold-2);background:var(--cl-gold-t20,#d8a94a33);font-weight:700}.rrw-modehint,.rrw-pity,.rrw-ranges,.rrw-pool,.rrw-foot{color:var(--paper-dim);font-size:11px}.rrw-odds{margin:0}.rrw-cost{flex-direction:column;gap:2px;display:flex}.rrw-cost-line.is-ok{color:var(--tx-green,#a8e0a0)}.rrw-cost-line.is-short{color:var(--tx-red,#ff8d7e)}.rrw-big{min-width:44px;min-height:48px}.rrw-confirm{flex-direction:column;gap:8px;display:flex}.rrw-compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.rrw-col{background:var(--lt-shade35,#00000059);border:1px solid var(--row-color,#d8a94a4d);border-radius:6px;flex-direction:column;gap:2px;padding:8px;display:flex}.rrw-col-text{color:var(--row-color,#e8e2d2)}.rrw-col[data-grade=rare] .rrw-col-text{text-shadow:0 0 6px #ff5a5f80}.rrw-col-label,.rrw-col-grade{color:var(--paper-dim)}.rrw-arrow{color:var(--gold-2);font-size:20px}.rrw-delta{margin:0}.rrw-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:640px),(max-height:420px){.rrw-main{grid-template-columns:1fr}.rrw-list{flex-direction:row;max-height:120px;overflow:auto hidden}.rrw-row{flex:0 0 160px}}:root .screen-game .hud-skill-callout{z-index:12;white-space:nowrap;position:fixed;transform:translate(-50%);pointer-events:none!important}:root .screen-game .hud-skill-callout[hidden]{display:none}:root .screen-game .hud-skill-callout .skc-text{letter-spacing:.02em;color:var(--cl-ink-text);-webkit-text-stroke:4px var(--cl-ink-panel-solid);paint-order:stroke;font-size:22px;font-weight:800;display:inline-block}:root .screen-game .hud-skill-callout.is-on .skc-text{animation:1s ease-out forwards hp-skill-call}@keyframes hp-skill-call{0%{opacity:0;transform:translateY(6px)scale(.86)}14%{opacity:1;transform:translateY(0)scale(1.06)}24%{transform:translateY(0)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}:root .screen-game.is-mobile .hud-skill-callout .skc-text{-webkit-text-stroke-width:3px;font-size:16px}:root .screen-game .hud-hitchain{z-index:3;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute;top:calc(38% + 74px);right:250px;pointer-events:none!important}:root .screen-game .hud-hitchain[hidden]{display:none}:root .screen-game .hud-hitchain .hch-num{color:var(--cl-ink-text);-webkit-text-stroke:3px var(--cl-ink-panel-solid);paint-order:stroke;font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}:root .screen-game .hud-hitchain.is-bump .hch-num{animation:.18s ease-out hp-chain-bump}@keyframes hp-chain-bump{0%{transform:scale(1.18)}to{transform:scale(1)}}:root .screen-game .hud-hitchain .hch-bar{background:#211b29b3;border-radius:2px;width:72px;height:4px;display:block;overflow:hidden}:root .screen-game .hud-hitchain .hch-fill{background:var(--cl-mint-on-ink);transform-origin:100%;height:100%;display:block}:root .screen-game.is-mobile .hud-hitchain{align-items:flex-start;top:calc(27% + 54px);left:63%;right:auto}:root .screen-game.is-mobile .hud-hitchain .hch-num{font-size:14px}:root .screen-game.is-mobile .hud-hitchain .hch-fill{transform-origin:0}@media (prefers-reduced-motion:reduce){:root .screen-game .hud-skill-callout.is-on .skc-text,:root .screen-game .hud-hitchain.is-bump .hch-num{animation:none}}:root .screen-game .hud-cta{width:100%;min-height:44px;font:inherit;text-align:left;color:#fff;background:var(--cl-mint);border:1px solid var(--cl-mint-deep);border-radius:var(--cl-r-btn);cursor:pointer;pointer-events:auto;white-space:nowrap;text-overflow:ellipsis;padding:6px 12px;font-size:13px;font-weight:700;display:block;overflow:hidden;box-shadow:0 4px 12px #00000040}:root .screen-game .hud-cta:hover{background:var(--cl-mint-deep)}:root .screen-game .hud-cta[hidden]{display:none}:root .screen-game.is-mobile .hud-cta{width:auto;max-width:230px;padding:4px 10px;font-size:12px}:root .screen-game .hud-mapchip{width:100%;min-height:30px;font:inherit;color:var(--cl-ink-text);background:var(--cl-ink-panel);border:1px solid var(--cl-bronze);border-radius:var(--cl-r-chip);cursor:pointer;pointer-events:auto;white-space:nowrap;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:flex}:root .screen-game .hud-mapchip:hover{border-color:var(--cl-mint-on-ink)}:root .screen-game .hud-mapchip .mic-name{text-overflow:ellipsis;text-align:left;flex:auto;min-width:0;overflow:hidden}:root .screen-game .hud-mapchip .mic-lv{color:var(--cl-ink-text-soft);font-variant-numeric:tabular-nums;flex:none}:root .screen-game .hud-mapchip .mic-drops{color:var(--cl-mint-on-ink);flex:none;font-weight:700}:root .screen-game .hud-mapchip [hidden]{display:none}:root .screen-game .panel-mapdrops{flex-direction:column;gap:8px;display:flex}:root .screen-game .panel-mapdrops .mdp-list{flex-direction:column;gap:4px;display:flex}:root .screen-game .panel-mapdrops .mdp-row{min-height:44px;font:inherit;text-align:left;color:var(--cl-ink);background:var(--cl-paper);border:1px solid var(--cl-line);border-radius:var(--cl-r-slot);cursor:pointer;align-items:center;gap:8px;padding:4px 8px;display:flex}:root .screen-game .panel-mapdrops .mdp-row:hover{border-color:var(--cl-mint)}:root .screen-game .panel-mapdrops .mdp-icon{flex:none;width:32px;height:32px}:root .screen-game .panel-mapdrops .mdp-text{flex-direction:column;flex:auto;min-width:0;display:flex}:root .screen-game .panel-mapdrops .mdp-name{text-overflow:ellipsis;white-space:nowrap;filter:brightness(.8)saturate(1.2);font-size:13px;font-weight:700;overflow:hidden}:root .screen-game .panel-mapdrops .mdp-meta{color:var(--cl-ink-soft);font-size:11px}:root .screen-game .panel-mapdrops .mdp-badge{color:var(--cl-sun-deep);border:1px solid var(--cl-sun);border-radius:var(--cl-r-chip);flex:none;padding:1px 6px;font-size:10px;font-weight:700}:root .screen-game .party-row-wrap{display:flex;position:relative}:root .screen-game .party-row-wrap.has-go .party-row{padding-right:34px}:root .screen-game .party-row-wrap .pr-go{background:var(--cl-ink-raise);border:1px solid var(--cl-bronze);border-radius:var(--cl-r-chip);cursor:pointer;pointer-events:auto;opacity:0;width:28px;height:28px;padding:0;font-size:14px;line-height:1;transition:opacity .12s;position:absolute;top:50%;right:3px;transform:translateY(-50%)}:root .screen-game .party-row-wrap:hover .pr-go,:root .screen-game .party-row-wrap .pr-go:focus-visible,:root .screen-game .gwin .party-row-wrap .pr-go,:root .screen-game.is-touch .party-row-wrap .pr-go,:root .is-touch .screen-game .party-row-wrap .pr-go{opacity:1}:root .screen-game .party-row-wrap .pr-go[hidden]{display:none}:root .screen-game .party-row-wrap .pr-go.is-blocked{filter:grayscale();opacity:.45;cursor:not-allowed}:root .screen-game .gwin .party-row-wrap .pr-go{background:var(--cl-paper);border-color:var(--cl-line)}:root .is-touch .screen-game .party-row-wrap .pr-go,:root .screen-game.is-touch .party-row-wrap .pr-go,:root .screen-game.is-mobile .party-row-wrap .pr-go{width:44px;height:44px;right:0}:root .screen-game.is-mobile .party-row-wrap.has-go .party-row{padding-right:46px}:root .screen-game .hud-online-row{align-items:stretch;gap:4px;display:flex}:root .screen-game .hud-online-row>:first-child{flex:auto;min-width:0}:root .screen-game .hud-online-row .hud-perf.hud-perf-line{background:var(--cl-ink-panel);border:1px solid var(--cl-bronze);border-radius:var(--cl-r-chip);flex:none;align-items:center;margin:0;padding:1px 7px;font-size:11px;display:flex;position:static;inset:auto}:root .screen-game .hud-online-row .hud-perf.hud-perf-line[hidden],:is(:root .screen-game .hud-left.fit-party .hud-party .party-buttons,:root .screen-game .hud-left.fit-party .party-list .party-row-wrap:has(>.party-row.is-self)){display:none}:root .screen-game .hud-left.fit-party .party-row{gap:1px;min-height:28px;padding:2px 6px}:root .screen-game .hud-left.fit-party .party-row :is(.pr-sub,.pr-title,.pr-sp){display:none}:root .screen-game .hud-left.fit-party .party-row-wrap .pr-go{width:22px;height:22px;font-size:12px}:root .screen-game .hud-left.fit-party .party-row-wrap.has-go .party-row{padding-right:28px}:root .screen-game .hud-left.fit-quest .hud-quest :is(.qt-task,.qt-timer,.qt-night,.qt-walk),:root .screen-game .hud-left.fit-quest .hud-quest .qt-reqs>li:not(:first-child),:root .screen-game .hud-left.fit-pet .hud-petframe :is(.pf-mood,.pf-activity){display:none}.panel-pet{flex-direction:column;gap:8px;display:flex}.pet-top{align-items:flex-start;gap:10px;display:flex}.pet-top-side{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pet-portrait{background:radial-gradient(circle at 50% 60%,#ffe6f1 0%,#f6cfe0 60%,#e8b8cc 100%);border-radius:16px;flex:0 0 96px;width:96px;height:96px;position:relative;overflow:visible;box-shadow:inset 0 0 0 2px #a03c6459}.pet-portrait-canvas{transform-origin:50% 90%;width:96px;height:96px;animation:1.6s ease-in-out infinite pet-bounce;display:block}.pet-portrait.stage-sulky .pet-portrait-canvas{filter:saturate(.7);animation:2.4s ease-in-out infinite pet-sulk}.pet-portrait.hunger-starving .pet-portrait-canvas{animation-duration:3s}@keyframes pet-bounce{0%,60%,to{transform:translateY(0)scale(1)}70%{transform:translateY(0)scale(1.08,.9)}80%{transform:translateY(-10px)scale(.94,1.08)}90%{transform:translateY(0)scale(1.05,.95)}}@keyframes pet-sulk{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.pet-hearts i{opacity:0;background:#ff6fa3;width:12px;height:12px;animation:2.4s ease-in infinite pet-heart;position:absolute;bottom:30px;transform:rotate(45deg)}.pet-hearts i:before,.pet-hearts i:after{content:"";background:inherit;border-radius:50%;width:12px;height:12px;position:absolute}.pet-hearts i:before{left:-6px}.pet-hearts i:after{top:-6px}.pet-hearts i:first-child{left:14px}.pet-hearts i:nth-child(2){background:#ff9ac8;animation-delay:.8s;left:44px}.pet-hearts i:nth-child(3){animation-delay:1.6s;left:72px}@keyframes pet-heart{0%{opacity:0;transform:translateY(0)rotate(45deg)scale(.4)}20%{opacity:1}to{opacity:0;transform:translateY(-60px)rotate(45deg)scale(.9)}}.pet-hungry-badge{color:#fff;background:#e0333f;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700;animation:.9s ease-in-out infinite pet-nudge;position:absolute;top:-6px;right:-6px}@keyframes pet-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pet-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pet-name-box{flex-wrap:wrap;flex:1;align-items:baseline;gap:6px;min-width:0;display:flex}.pet-name{color:var(--tx-pink,#ffd6ea);overflow-wrap:anywhere;font-size:16px}.pet-kind{opacity:.75;font-size:11px}.pet-rare{background:linear-gradient(90deg, var(--cl-gold-bg,#f0c040), var(--cl-gold-bg-hi,#ffe9a0));color:#5a3a08;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}.pet-rename-input{background:var(--lt-shade50,#140a1480);min-width:120px;min-height:36px;color:var(--tx-hi,#fff);font:inherit;border:1px solid #ffc8e680;border-radius:8px;flex:1;padding:4px 8px}.pet-meter-head{align-items:baseline;gap:6px;font-size:12px;display:flex}.pet-meter-val{opacity:.8;font-variant-numeric:tabular-nums;margin-left:auto}.pet-stage{color:var(--tx-pink,#ff9ac8);font-weight:700}.pet-stage.stage-devoted{color:var(--tx-pink,#ff6fa3);text-shadow:0 0 6px #ff6eaacc}.pet-stage.stage-sulky{color:var(--tx-hi,#b0a8c8)}.pet-track{background:var(--lt-shade40,#0006);border-radius:6px;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.pet-fill{border-radius:6px;transition:width .5s;position:absolute;inset:0 auto 0 0}.pet-track-love .pet-fill{background:linear-gradient(90deg,#ff9ac8,#ff4f8a)}.pet-track-food .pet-fill{background:linear-gradient(90deg, var(--cl-gold-bg-hi,#ffd27a), #8ad86a)}.pet-track-food.hunger-hungry .pet-fill{background:linear-gradient(90deg, #ff9a4a, var(--cl-gold-bg,#ffc84a))}.pet-track-food.hunger-starving{animation:.8s ease-in-out infinite pet-alarm}@keyframes pet-alarm{50%{box-shadow:inset 0 0 0 2px #ff4a4a}}.pet-hunger.hunger-hungry{color:var(--tx-gold,#ffb84a);font-weight:700}.pet-hunger.hunger-starving{color:var(--tx-red,#ff5a5a);font-weight:700}.pet-tick{background:#ffffff8c;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.pet-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pet-btn{min-height:40px}.is-touch .pet-btn,.is-touch .panel-pet .btn{min-height:44px}.pet-trick{--cd:0;position:relative;overflow:hidden}.pet-cd-ring{pointer-events:none;background:conic-gradient(var(--lt-shade55,#140a1e8c) calc(var(--cd) * 360deg), transparent 0);border-radius:inherit;position:absolute;inset:0}.pet-trick:not(.is-cooling) .pet-cd-ring{display:none}.pet-trick>span:last-child{position:relative}.pet-info .pet-line,.pet-trick-state{opacity:.85;margin:0;font-size:12px}.pet-trick-state{color:var(--tx-pink,#ffd6ea);display:block}.pet-sub{color:var(--tx-gold,#ffd27a);margin:4px 0 2px;font-size:13px}.pet-acc-slot,.pet-egg-row{align-items:center;gap:8px;display:flex}.pet-acc-text,.pet-egg-text{flex-direction:column;flex:1;gap:1px;min-width:0;font-size:12px;display:flex}.pet-acc-empty{border:2px dashed #ffc8e673;border-radius:8px;width:36px;height:36px}.pet-acc-icon,.pet-egg-row .item-icon,.pet-acc-pick .item-icon{width:36px;height:36px}.pet-row-btns,.pet-acc-list{flex-wrap:wrap;gap:6px;display:flex}.pet-acc-pick{background:var(--lt-shade55,#3c142d8c);min-height:44px;color:inherit;font:inherit;cursor:pointer;border:1px solid #ffc8e666;border-radius:10px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.pet-acc-pick.is-locked{opacity:.55}.pet-acc-pick em{color:var(--tx-red,#ffb0b0);font-size:11px;font-style:normal}.pet-bonus-list{color:var(--tx-green,#a8f0c0);margin:0;padding-left:18px;font-size:12px}.pet-egg-row{border-top:1px solid #ffffff14;padding:4px 0}.pet-hungry-chip{color:#ffe0ec;min-height:32px;font:inherit;cursor:pointer;pointer-events:auto;background:#5a1432d9;border:1px solid #ff96b4b3;border-radius:16px;align-self:flex-start;align-items:center;gap:4px;padding:2px 10px 2px 4px;font-size:12px;font-weight:700;animation:.9s ease-in-out infinite pet-nudge;display:inline-flex}.pet-hungry-chip img{width:26px;height:26px}.pet-hungry-chip.is-starving{background:#82141ee6;border-color:#ff5a5a}.is-touch .pet-hungry-chip{min-height:44px}@media (prefers-reduced-motion:reduce){.pet-portrait-canvas,.pet-hearts i,.pet-hungry-badge,.pet-hungry-chip,.pet-track-food.hunger-starving{animation:none}}.duel-bar{top:calc(max(8px, env(safe-area-inset-top)) + 44px);z-index:6;background:var(--lt-panel,#46120edb);min-width:240px;max-width:min(460px,100vw - 440px);color:var(--tx-gold,#fff2d0);border:1px solid #ff8c6e99;border-radius:10px;align-items:center;gap:10px;padding:6px 8px 6px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.duel-bar[hidden]{display:none}.duel-bar-text{flex-direction:column;flex:1;min-width:0;display:flex}.duel-bar-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.duel-bar-clock{color:var(--tx-gold,#ffd27a);font-size:15px;font-weight:800}.duel-bar.is-countdown .duel-bar-clock{color:var(--tx-red,#ff9a7a)}.duel-bar-hint{color:var(--tx-gold,#fff2d0bf);font-size:10px;line-height:1.2}.duel-forfeit{flex:none;min-width:72px;min-height:44px}.duel-banner{z-index:7;background:var(--lt-panel,#14111cd1);border:1px solid var(--cl-gold-ln60,#d8a94a99);max-width:calc(100vw - 40px);color:var(--paper);text-align:center;pointer-events:none;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 22px;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.duel-banner[hidden]{display:none}.duel-banner.run{animation:.45s ease-out duel-banner-pop}.duel-banner-title{font-size:18px}.duel-banner.is-mine .duel-banner-title{font-size:30px}.duel-banner[data-kind=win] .duel-banner-title{color:var(--tx-gold,#ffe27a);text-shadow:0 0 12px #ffd25acc}.duel-banner[data-kind=lose] .duel-banner-title{color:var(--tx-red,#ffb4a0)}.duel-banner[data-kind=draw] .duel-banner-title{color:var(--tx-blue,#bfe3ff)}.duel-banner[data-kind=cancelled] .duel-banner-title{color:var(--paper-dim)}.duel-banner-detail{color:var(--paper-dim);font-size:12px}@keyframes duel-banner-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}60%{opacity:1;transform:translate(-50%)scale(1.08)}to{transform:translate(-50%)scale(1)}}@media (max-height:480px){.duel-bar{top:calc(max(6px, env(safe-area-inset-top)) + 36px);min-width:200px;max-width:calc(100vw - 360px)}.duel-banner{top:24%}.duel-banner.is-mine .duel-banner-title{font-size:24px}}.settings-hint{color:var(--paper-dim);margin:-6px 0 4px 28px;font-size:11px}.gift-box{flex-direction:column;gap:6px;display:flex}.gift-row{align-items:stretch;gap:8px;display:flex}.gift-row .gift-input{flex:auto;min-width:0;min-height:44px}.gift-row .gift-btn{flex:none;min-width:44px;min-height:44px;padding:0 14px}.gift-msg{min-height:1.2em;color:var(--paper-dim);overflow-wrap:anywhere;margin:0;font-size:12px}.gift-msg.is-ok{color:var(--tx-green,#9be28f)}.gift-msg.is-bad{color:var(--tx-red,#ff9a8a)}.gift-box .gift-hint{margin:0}.event-board{top:max(6px, env(safe-area-inset-top));z-index:5;background:var(--lt-shade60,#0e121e94);border:1px solid var(--cl-gold-ln45,#ffd27a73);width:min(210px,100vw - 440px);min-width:150px;color:var(--tx-gold,#f2ecdc);pointer-events:none;border-radius:8px;padding:4px 8px 5px;font-size:11px;line-height:1.35;position:absolute;left:50%;transform:translate(-50%)}.event-board[hidden]{display:none}.evb-title{text-align:center;color:var(--tx-gold,#ffd27a);font-size:12px;display:block}.evb-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.evb-timer{color:var(--tx-gold,#ffd27a);font-weight:800}.evb-sub{color:var(--tx-red,#ff9a8a);margin-top:2px;font-weight:700}.evb-me{color:var(--tx-green,#9fe0a8);margin-top:1px;font-weight:700}.boss-hud{--bh-ink:var(--cl-ink-panel-solid,#211b29);--bh-text:var(--cl-ink-text,#f4ecdf);--bh-dim:#b9ab99;--bh-edge:#7d6a52;--bh-gold:#ffcf4d;--bh-mint:#7fe0cb;top:calc(max(8px, env(safe-area-inset-top)) + 64px);z-index:5;box-sizing:border-box;border-radius:var(--cl-r-card,12px);background:color-mix(in srgb, var(--bh-ink) 92%, transparent);width:min(520px,100vw - 32px);color:var(--bh-text);border:1px solid var(--bh-edge);pointer-events:none;padding:8px 12px 6px;font-size:12px;line-height:1.3;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}.boss-hud.is-anchored{top:calc(100% + 8px)}.boss-hud[hidden],.boss-hud [hidden]{display:none!important}.bh-head{align-items:center;gap:8px;min-width:0;display:flex}.bh-mark{border-radius:2px;flex:none;width:12px;height:12px;transform:rotate(45deg);box-shadow:0 0 0 2px #ffffff2e}.bh-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:600;font-family:var(--font-head,inherit);overflow:hidden}.bh-chip{color:#e6dccb;white-space:nowrap;background:#ffffff1a;border-radius:999px;flex:none;padding:1px 8px;font-size:12px}.bh-grow{flex:1}.bh-pips{flex:none;gap:5px;display:flex}.bh-pip{background:#fff3;width:9px;height:9px;transform:rotate(45deg)}.bh-pip.is-on{background:var(--bh-gold);box-shadow:0 0 6px #ffcf4d99}.bh-pct{text-align:right;min-width:3ch;font-size:20px;font-weight:700;font-family:var(--font-head,inherit);color:var(--bh-gold);font-variant-numeric:tabular-nums;flex:none}.bh-track{background:#0006;border-radius:999px;height:14px;margin:6px 0 4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.bh-fill,.bh-chunk{border-radius:999px;width:100%;position:absolute;inset:0 auto 0 0}.bh-fill{background:linear-gradient(90deg,#b8423f,#e0505a);transition:width .12s ease-out}.bh-chunk{opacity:.85;background:#ffd9a8;transition:width .6s ease-in .45s}.bh-final{text-align:center;color:var(--bh-gold);font-size:14px;font-weight:600;font-family:var(--font-head,inherit);margin:2px 0 4px;display:block}.bh-rank{width:100%;color:var(--bh-dim);font:inherit;text-align:left;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:center;gap:12px;margin:0;padding:0;font-size:12px;display:flex;position:relative}.bh-rank:before{content:"";position:absolute;inset:-10px 0 -8px}.bh-sum{flex:1;gap:12px;min-width:0;display:flex;overflow:hidden}.bh-sum .bh-line{white-space:nowrap;gap:3px;min-width:0;display:inline-flex}.bh-sum .bh-who{text-overflow:ellipsis;max-width:11em;overflow:hidden}.bh-line.is-mine{color:var(--bh-mint);font-weight:600}.bh-empty{flex:1}.bh-arrow{width:26px;height:22px;color:var(--bh-text);background:#ffffff1a;border-radius:6px;flex:none;place-items:center;margin-left:auto;display:grid}.bh-rank:hover .bh-arrow,.bh-rank:focus-visible .bh-arrow{background:#fff3}.bh-full{pointer-events:auto;flex-direction:column;gap:2px;max-height:40vh;margin:6px 0 2px;padding:0;list-style:none;display:flex;overflow-y:auto}.bh-full .bh-line{background:#ffffff0d;border-radius:4px;align-items:center;gap:6px;padding:1px 6px;display:flex;position:relative;overflow:hidden}.bh-full .bh-bar{background:linear-gradient(90deg,#e0505a59,#e0505a1a);transition:width .3s ease-out;position:absolute;inset:0 auto 0 0}.bh-full .bh-place,.bh-full .bh-who,.bh-full .bh-share{position:relative}.bh-full .bh-place{text-align:right;width:2.2em;color:var(--bh-gold)}.bh-full .bh-who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bh-full .bh-share{font-variant-numeric:tabular-nums}.bh-full .bh-line.is-mine{background:#7fe0cb29;box-shadow:inset 0 0 0 1px #7fe0cb99}.boss-hud.is-final{border-color:var(--bh-gold);animation:.4s ease-out bh-final-pop;box-shadow:0 0 14px #ffc85066,0 8px 24px #0000004d}@keyframes bh-final-pop{0%{opacity:0}to{opacity:1}}:has(>.boss-hud.is-anchored:not([hidden]))>.rare-shout-host.is-anchored{top:calc(100% + 8px + var(--boss-hud-h,0px))}.screen-game:not(.is-mobile):has(.boss-hud.is-anchored:not([hidden])) .travel-banner.is-nav{top:calc(max(8px, env(safe-area-inset-top)) + 72px + var(--boss-hud-h,0px))}.screen-game:not(.is-mobile):has(.target-frame.is-anchored:not([hidden])) .travel-banner.is-nav{top:calc(max(8px, env(safe-area-inset-top)) + 72px + var(--target-frame-h,0px))}.screen-game:not(.is-mobile):has(>.hud-announce:not([hidden])):has(.boss-hud.is-anchored:not([hidden])) .travel-banner.is-nav{top:calc(max(8px, env(safe-area-inset-top)) + 110px + var(--boss-hud-h,0px))}.screen-game:not(.is-mobile):has(>.hud-announce:not([hidden])):has(.target-frame.is-anchored:not([hidden])) .travel-banner.is-nav{top:calc(max(8px, env(safe-area-inset-top)) + 110px + var(--target-frame-h,0px))}.screen-game:not(.is-mobile):has(>.travel-banner.is-nav:not([hidden])) .rare-shout-host.is-anchored{margin-top:90px}.screen-game:not(.is-mobile):has(>.travel-banner.is-nav:not([hidden])):has(:is(.boss-hud,.target-frame).is-anchored:not([hidden])) .rare-shout-host.is-anchored{margin-top:52px}.screen-game:has(>.hud-announce:not([hidden])) .boss-hud.is-anchored{top:calc(100% + 46px)}.screen-game:has(>.hud-announce:not([hidden])) :has(>.boss-hud.is-anchored:not([hidden]))>.rare-shout-host.is-anchored{top:calc(100% + 46px + var(--boss-hud-h,0px))}.screen-game:has(.boss-hud:not([hidden])) .lg-tip{display:none}@media (max-height:480px){.boss-hud{top:calc(max(4px, env(safe-area-inset-top)) + 52px);width:min(360px,100vw - 420px);min-width:260px;padding:5px 8px 4px;font-size:10px}.boss-hud.is-anchored{top:calc(100% + 4px)}.screen-game:has(>.hud-announce:not([hidden])) .boss-hud.is-anchored{top:calc(100% + 34px)}.bh-name{max-width:9em;font-size:12px}.bh-chip{display:none}.bh-pct{font-size:14px}.bh-track{height:10px;margin:4px 0 2px}.bh-rank{gap:8px;font-size:10px}.bh-rank:before{inset:-14px 0}.bh-arrow{width:22px;height:16px}.bh-full{max-height:150px}}@media (prefers-reduced-motion:reduce){.bh-fill,.bh-chunk,.bh-full .bh-bar{transition:none}.boss-hud.is-final{animation:none}}.target-frame{top:calc(max(8px, env(safe-area-inset-top)) + 64px);z-index:5;box-sizing:border-box;border-radius:var(--cl-r-card,12px);background:color-mix(in srgb, var(--cl-ink-panel-solid,#211b29) 90%, transparent);width:min(360px,100vw - 32px);color:var(--cl-ink-text,#f4ecdf);pointer-events:none;border:1px solid #5d5068;padding:6px 10px;font-size:12px;line-height:1.3;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000047}.target-frame.is-anchored{top:calc(100% + 8px)}.target-frame[hidden],.target-frame [hidden],.tf-sheet-layer[hidden]{display:none!important}.tf-head{align-items:center;gap:6px;min-width:0;display:flex}.tf-mark{border-radius:2px;flex:none;width:10px;height:10px;transform:rotate(45deg);box-shadow:0 0 0 2px #ffffff29}.tf-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;font-family:var(--font-head,inherit);overflow:hidden}.tf-tag{color:#2a1f08;background:#ffcf4d;border-radius:999px;flex:none;padding:0 6px;font-size:10px;font-weight:700}.tf-chip{color:#e6dccb;white-space:nowrap;background:#ffffff1a;border-radius:999px;flex:none;padding:0 7px;font-size:11px}.tf-grow{flex:1}.tf-icons{flex:none;gap:2px;display:flex}.tf-icon{width:16px;height:16px}.tf-drop-btn{color:#ffd96b;font:inherit;cursor:pointer;pointer-events:auto;background:#ffcf4d1f;border:1px solid #ffcf4d99;border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:600;position:relative}.tf-drop-btn:before{content:"";position:absolute;inset:-8px -4px}.tf-drop-btn:hover,.target-frame.is-open .tf-drop-btn{background:#ffcf4d42}.tf-track{background:#0000006b;border-radius:999px;height:14px;margin-top:5px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.tf-fill{background:linear-gradient(90deg,#b8423f,#e0505a);border-radius:999px;width:100%;transition:width .15s ease-out;position:absolute;inset:0 auto 0 0}.tf-hp-text{text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000c;font-size:10px;line-height:14px;display:block;position:relative}.tf-pop{pointer-events:auto;border-top:1px solid #ffffff1a;margin-top:6px;padding-top:6px}.tf-pop-title{color:#ffd96b;margin-bottom:4px;font-size:12px;display:block}.tf-drop-list{flex-direction:column;gap:2px;max-height:40vh;display:flex;overflow-y:auto}.tf-drop{min-height:28px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:0;border-radius:6px;align-items:center;gap:6px;padding:2px 6px;display:flex}.tf-drop:hover{background:#ffffff1f}.tf-drop-icon{flex:none;width:24px;height:24px}.tf-drop-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tf-drop.is-card .tf-drop-name{color:#b8a6ff}.tf-drop-mvp{color:#2a1f08;background:#ffcf4d;border-radius:999px;flex:none;padding:0 6px;font-size:10px}.tf-drop-pct{font-variant-numeric:tabular-nums;color:#b9ab99;flex:none}.tf-empty{color:#b9ab99;margin:4px 0}.tf-sheet .tf-drop-list{max-height:none;padding-bottom:6px;overflow-y:auto}.tf-sheet .tf-drop{min-height:44px}:has(>.target-frame.is-anchored:not([hidden]))>.rare-shout-host.is-anchored{top:calc(100% + 8px + var(--target-frame-h,52px))}.screen-game:has(>.hud-announce:not([hidden])) .target-frame.is-anchored{top:calc(100% + 46px)}@media (max-height:480px){.target-frame{top:calc(max(4px, env(safe-area-inset-top)) + 52px);align-items:center;gap:6px;width:min(340px,100vw - 420px);min-width:250px;padding:4px 8px;font-size:10px;display:flex}.target-frame.is-anchored{top:calc(100% + 4px)}.screen-game:has(>.hud-announce:not([hidden])) .target-frame.is-anchored{top:calc(100% + 34px)}.tf-head{display:contents}.tf-name{flex:0 auto;order:1;max-width:7em;font-size:11px}.tf-chip,.tf-icons,.tf-tag,.tf-grow{display:none}.tf-track{flex:1;order:2;height:12px;margin:0}.tf-hp-text{font-size:9px;line-height:12px}.tf-drop-btn{order:3}.tf-drop-btn:before{inset:-14px -6px}}@media (prefers-reduced-motion:reduce){.tf-fill{transition:none}}.travel-banner{top:calc(max(8px, env(safe-area-inset-top)) + 44px);z-index:5;background:var(--lt-panel,#14281edb);min-width:220px;max-width:min(460px,100vw - 440px);color:var(--tx-hi,#e9ffe9);border:1px solid #7dffb080;border-radius:10px;align-items:center;gap:8px;padding:2px 2px 2px 12px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.travel-banner[hidden]{display:none}.travel-banner.is-hunting{background:var(--lt-panel,#3c1e0cdb);border-color:var(--cl-gold-ln60,#ffbe6e99);color:var(--tx-gold,#fff0d8)}.travel-dot{background:#7dffb0;border-radius:50%;flex:none;width:8px;height:8px;animation:1s ease-in-out infinite travel-pulse}.travel-banner.is-hunting .travel-dot{background:#ffb46a}.travel-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.travel-cancel{width:44px;height:44px;font:inherit;color:inherit;background:var(--lt-shade25,#00000040);cursor:pointer;border:1px solid #fff3;border-radius:8px;flex:none;font-size:18px;font-weight:700}.travel-banner.is-nav .travel-dot{display:none}.travel-banner.is-nav .travel-cancel{width:auto;min-width:64px;padding:0 12px;font-size:13px}.travel-banner.is-nav{top:calc(max(8px, env(safe-area-inset-top)) + 104px)}@keyframes travel-pulse{50%{opacity:.35}}@media (max-height:480px){.travel-banner{top:calc(max(6px, env(safe-area-inset-top)) + 36px);min-width:200px;max-width:calc(100vw - 360px);font-size:12px}.travel-banner.is-nav{top:auto;bottom:calc(max(6px, env(safe-area-inset-bottom)) + 100px)}}.is-touch .qt-req{min-height:44px}.qt-req.is-missing .qt-req-name:after{content:" ›";color:var(--tx-green,#7dffb0)}.panel-community{flex-direction:column;gap:8px;display:flex}.cm-intro{color:var(--paper-dim);margin:0;font-size:13px}.cm-reward{width:40px;height:40px;display:inline-flex;position:relative}.cm-reward-icon{background:var(--lt-shade35,#00000059);border-radius:6px;width:40px;height:40px}.cm-reward-qty{background:var(--lt-panel,#14111ce6);color:var(--gold-2);border-radius:4px;padding:0 3px;font-size:11px;font-weight:700;line-height:1.3;position:absolute;bottom:-2px;right:-2px}.cm-coin{color:var(--gold-2);white-space:nowrap;font-size:12px}.cm-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.cm-day{border:1px solid var(--line);background:var(--lt-panel,#2b2438d9);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-height:120px;padding:6px 3px;display:flex;position:relative}.cm-day-name{color:var(--paper);font-size:13px}.cm-day-tag{color:#fff3d6;background:#c8402fcc;border-radius:999px;padding:0 6px;font-size:11px}.cm-day-rewards{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.cm-day.is-big{border-color:var(--gold-2);background:linear-gradient(180deg, #784614d9, var(--lt-panel,#2b2438d9))}.cm-day.is-now{border:2px solid var(--gold-2);box-shadow:0 0 10px var(--cl-gold-sh70,#f2d27cb3)}.cm-day.is-today{animation:1.6s ease-in-out infinite cm-glow}.cm-day.is-claimed{opacity:.7}.cm-tick{color:var(--tx-green,#8ee07a);text-shadow:0 1px 2px var(--lt-tsh,#000);font-size:20px;font-weight:900;position:absolute;top:2px;right:4px}@keyframes cm-glow{50%{box-shadow:0 0 18px var(--cl-gold-sh100,#f2d27c)}}.cm-streak{color:var(--gold-2);justify-content:space-between;align-items:baseline;gap:8px;font-weight:700;display:flex}.cm-streak small{color:var(--paper-dim);font-weight:400}.cm-big-btn{min-height:48px;font-size:17px}.cm-pop{z-index:200;border:2px solid var(--gold-2);background:var(--lt-panel,#14111cf2);min-width:220px;box-shadow:0 0 24px var(--cl-gold-sh60,#f2d27c99);pointer-events:auto;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;animation:.35s ease-out cm-pop-in;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.cm-pop-title{color:var(--gold-2);font-size:17px}.cm-pop-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.cm-pop-extra{color:var(--tx-green,#b8f09a);margin:0}.cm-pop-close{color:var(--paper-dim)}@keyframes cm-pop-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}.cm-chip{box-sizing:border-box;color:#effff8;width:176px;min-height:28px;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;pointer-events:auto;background:linear-gradient(90deg,#14505aeb,#1e6e64eb);border:1px solid #8ee0d0;border-radius:12px;align-items:center;gap:4px;padding:2px 8px 2px 3px;font-size:12px;font-weight:700;display:flex;position:relative}.hud-topright .cm-chip{width:auto}.cm-chip[hidden]{display:none}.cm-chip-icon,.cm-chip-img{flex:none;width:22px;height:22px}.cm-chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cm-chip[data-badge]:after{content:attr(data-badge);color:#fff;text-align:center;background:#e0573f;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:11px;line-height:16px;position:absolute;top:-6px;right:-6px}.cm-tabs{gap:6px;display:flex}.cm-tab{border:1px solid var(--line);background:var(--lt-panel,#2b2438d9);min-height:44px;color:var(--paper-dim);font:inherit;cursor:pointer;border-radius:8px;flex:1;font-weight:700}.cm-tab.is-active{border-color:var(--gold-2);color:var(--gold-2);background:#78461499}.cm-progress,.cm-shop{flex-direction:column;gap:8px;display:flex}.cm-collect{align-items:center;gap:8px;font-size:14px;display:flex}.cm-collect-icon{flex:none;width:32px;height:32px}.cm-bar{border:1px solid var(--gold);background:var(--lt-shade45,#00000073);border-radius:13px;height:26px;position:relative;overflow:hidden}.cm-bar-fill{background:linear-gradient(90deg,#3a8a34,#b8f09a);height:100%;transition:width .6s ease-out}.cm-bar-text{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px var(--lt-tsh,#000);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.cm-marks{height:18px;margin:-6px 14px 0 0;position:relative}.cm-mark{color:var(--paper-dim);font-size:11px;position:absolute;top:0;transform:translate(-50%)}.cm-mark:before{content:"▲";text-align:center;font-size:8px;line-height:1;display:block}.cm-mark.is-reached{color:var(--gold-2);font-weight:700}.cm-ends,.cm-mine{margin:0;font-size:13px}.cm-mine{color:var(--gold-2)}.cm-milestones,.cm-offers{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cm-ms,.cm-offer{border:1px solid var(--line);background:var(--lt-panel,#2b2438d9);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.cm-ms.is-ready{border-color:var(--gold-2);box-shadow:0 0 8px var(--cl-gold-sh50,#f2d27c80)}.cm-ms-title{width:58px;color:var(--gold-2);flex:none}.cm-ms-rewards{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.cm-wings{color:var(--tx-green,#b8f09a);font-size:12px}.cm-claim-btn,.cm-buy-btn{flex:none;min-width:96px;min-height:44px}.cm-offer-item{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cm-offer-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.cm-offer-cost{color:var(--paper-dim);flex:none;font-size:12px}.cm-stepper{flex:none}.cm-stepper .shop-step{min-width:44px;min-height:44px}.cm-qty{text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-weight:700;display:inline-block}@media (max-height:520px){.cm-chip{min-height:24px;font-size:10px}.cm-chip:before{content:"";position:absolute;inset:-10px -2px}.cm-day{min-height:0;padding:4px 2px}.cm-reward,.cm-reward-icon{width:32px;height:32px}.cm-offer{flex-wrap:wrap}.cm-intro{font-size:12px}}.cm-mails{max-height:calc(52 * var(--vh1,1vh));flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cm-mail{background:var(--lt-shade55,#1422188c);border:1px solid var(--cl-gold-ln35,#e8c25a59);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding:10px 12px;display:grid}.cm-mail-head{flex-direction:column;grid-column:1;gap:2px;display:flex}.cm-mail-title{color:var(--tx-gold,#f3d98a)}.cm-mail-head small{opacity:.7}.cm-mail-body{white-space:pre-wrap;grid-column:1/-1;margin:0;line-height:1.5}.cm-mail .cm-day-rewards{grid-column:1;justify-content:flex-start}.cm-mail>button{grid-area:1/2;min-height:44px}.cm-empty{text-align:center;opacity:.75;padding:24px 0}.panel-tasks .shop-tabs{margin-bottom:8px}.tk-reset{opacity:.75;margin:-4px 0 8px;display:block}.tk-row.is-done{border-color:var(--cl-gold-ln,#e8c25ad9);box-shadow:0 0 0 1px var(--cl-gold-sh35,#e8c25a59) inset}.tk-row.is-claimed{opacity:.6}.tk-bar{background:var(--lt-shade45,#00000073);border:1px solid var(--cl-gold-ln35,#e8c25a59);border-radius:8px;height:16px;margin-top:4px;position:relative;overflow:hidden}.tk-fill{background:linear-gradient(90deg,#3f8f4f,#8fd06a);position:absolute;inset:0 auto 0 0}.tk-num{text-align:center;text-shadow:0 1px 2px var(--lt-tsh,#000);font-size:11px;font-weight:700;line-height:14px;display:block;position:relative}.tk-rewards{grid-column:1/-1;align-items:center;gap:8px}.tk-exp{color:var(--tx-blue,#a8d8ff);font-weight:700}.tk-claimed{color:var(--tx-green,#8fd06a);white-space:nowrap;grid-area:1/2;font-weight:700}.tk-chest{background:var(--lt-shade55,#3c280a8c);border:1px solid var(--cl-gold-ln50,#e8c25a80);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;margin-top:10px;padding:10px 12px;display:grid}.tk-chest.is-done{border-color:var(--cl-gold-ln,#e8c25a)}.tk-chest>button{grid-area:1/2;min-height:44px}.panel-cards .cm-intro-big{color:var(--paper,#f3ead2);font-size:15px;line-height:1.55}.panel-cards .cm-ready{color:var(--tx-green,#8fd06a);font-size:15px}.panel-cards .cm-owned{color:var(--tx-gold,#f3d98a);font-weight:700}.panel-cards .cm-mail.is-ready{border-color:#8fd06acc}.cm-sets{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.cm-set{background:var(--lt-shade55,#1422188c);border:1px solid var(--cl-gold-ln25,#e8c25a40);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.cm-set small{opacity:.75}.cm-set.is-done{border-color:#8fd06a}@media (max-width:900px) and (orientation:landscape){.panel-cards .cm-intro-big{font-size:14px}.cm-sets{grid-template-columns:repeat(2,1fr)}}.panel-cards .cm-mails{max-height:none;overflow:visible}.panel-cards .cm-short,.panel-cards .cm-warn{color:var(--tx-red,#ff8a7a);opacity:1}.panel-cards .cm-danger{background:var(--lt-shade55,#3c100c8c);border-color:#ff7864b3}.panel-cards .tk-chest>button{min-width:120px;min-height:44px}@media (max-width:900px) and (orientation:landscape){.panel-cards .tk-chest{grid-template-columns:1fr}.panel-cards .tk-chest>button{grid-area:auto/1;width:100%}}.tk-cond{color:var(--paper-dim,#b9ae96);font-size:11px;display:block}.tk-actions{flex-direction:column;grid-area:1/2;align-items:stretch;gap:4px;display:flex}.tk-actions>button{min-height:44px}.tk-actions>.tk-reroll{min-height:44px;font-size:12px}.tk-locked:disabled{opacity:.5;filter:grayscale();cursor:not-allowed}.panel-cards .cm-ok{color:var(--tx-green,#8fe08a);opacity:1}:root .screen-game{font-family:var(--font);color:var(--cl-ink-text);--ink:#211b29;--ink-2:var(--cl-ink-well);--ink-3:var(--cl-ink-raise);--paper:var(--cl-ink-text);--paper-dim:var(--cl-ink-text-soft);--gold:var(--cl-bronze);--gold-2:var(--cl-mint-on-ink);--vermilion:var(--cl-coral);--vermilion-2:var(--cl-coral);--jade:var(--cl-mint);--line:var(--cl-bronze);--panel-bg:var(--cl-ink-panel);--hud-bg:var(--cl-ink-panel);--radius:var(--cl-r-card);--metal:#2a2333;--metal-mid:#241e2c;--metal-lo:#211b29;--trim:var(--cl-bronze);--trim-hi:#a08a6c;--trim-lo:#4a3f36;--keycap:linear-gradient(180deg, #f4ecdf, #e3d6c2);--hud-corner:none;--hud-emblem:none}:root .screen-game :is(.gwin,.npc-dialog,.modal,.pmc-card,.rh-card,.hud-sheet,.icard-sheet,.icard,.mkt-confirm,.shop-confirm-box,.shop-sellall-panel,.player-menu,.arena-result,.sd-ready,.sd-result,.hud-menu.is-sheet,.skill-tip,.hud-tooltip,.emote-grid,.hud-wtd-panel,.level-up-tip,.rrw-confirm){--ink:var(--cl-ink);--ink-2:var(--cl-cream-deep);--ink-3:var(--cl-paper);--paper:var(--cl-ink);--paper-dim:var(--cl-ink-soft);--gold:var(--cl-caramel);--gold-2:var(--cl-mint-deep);--line:var(--cl-line);--panel-bg:var(--cl-cream);--hud-bg:var(--cl-cream);--keycap:linear-gradient(180deg, #fff, #ede3d3);color:var(--cl-ink);text-shadow:none}:root .screen-game :is(.hud-metal,.ornate,.hud-panel,.hud-status,.hud-minimap,.hud-chat,.hud-hotbar):not(.gwin):not(.npc-dialog):not(.arena-result):not(.sd-ready):not(.sd-result){background:var(--cl-ink-panel);border:1px solid var(--cl-bronze);border-radius:var(--cl-r-card);color:var(--cl-ink-text);box-shadow:0 8px 24px #0000004d}:root .screen-game :is(.hud-metal,.ornate):before,:root .screen-game :is(.hud-metal,.ornate):after{background:0 0}:root .screen-game :is(.metal-cap,.ab-emblem){display:none}:root .screen-game .ab-gauge{box-shadow:none;background:#00000059;border:0}:root .screen-game .ab-fill:after{display:none}:root .screen-game .ab-hp .ab-fill{background:var(--cl-hp)}:root .screen-game .ab-exp .ab-fill{background:var(--cl-exp)}:root .screen-game .ab-text{color:#fff;text-shadow:0 1px 2px #0009;font-weight:500}:root .screen-game :is(.ab-label,.ab-exp .ab-label){color:#fff}:root .screen-game .bar-track{background:#00000059;border:0}:root .screen-game .hud-hotbar .hotkey-slot{border-radius:var(--cl-r-slot);box-shadow:none;background:#00000047;border:1px solid #7d6a52b3}:root .screen-game .hud-hotbar .hotkey-key{color:var(--cl-ink);background:var(--keycap);box-shadow:none;font-weight:600}:root .screen-game .hud-hotbar .hotbar-row-2 .hotkey-key{color:var(--cl-ink);box-shadow:none;background:#dbe9f3}:root .screen-game .hud-hotbar.is-assigning .hotkey-slot,:root .screen-game .hud-hotbar .hotkey-slot.is-drop-target{border-color:var(--cl-mint-on-ink);box-shadow:0 0 0 2px #6fd6bf80}:root .screen-game .minimap-banner{background:var(--cl-ink-panel-solid);border:1px solid var(--cl-bronze);border-radius:999px;box-shadow:0 2px 6px #0000004d}:root .screen-game .minimap-banner:before,:root .screen-game .minimap-banner:after{display:none}:root .screen-game .minimap-banner .minimap-name{color:var(--cl-ink-text);text-shadow:none;font-weight:500}:root .screen-game .minimap-frame{box-shadow:0 0 0 1px var(--cl-bronze);background:0 0;border-radius:9px;padding:0}:root .screen-game .minimap-frame .minimap-canvas{border:0;border-radius:9px}:root .screen-game .minimap-frame .minimap-channel{color:#10241f;background:var(--cl-mint-on-ink);box-shadow:none;border:0;font-weight:600}:root .screen-game .minimap-clock{border-color:var(--cl-bronze);background:#0000004d}:root .screen-game :is(.status-name,.hud-status .status-name){color:var(--cl-ink-text);font-weight:600}:root .screen-game .btn{color:var(--cl-ink-text);background:var(--cl-ink-raise);box-shadow:inset 0 0 0 1px var(--cl-bronze), 0 2px 0 #00000059}:root .screen-game .btn-primary{color:#10241f;background:var(--cl-mint-on-ink);box-shadow:0 2px 0 var(--cl-mint-deep)}:root .screen-game .btn-ghost{color:var(--cl-ink-text-soft);background:0 0}:root .screen-game .btn-danger{color:#ffb4ad;background:var(--cl-ink-raise);box-shadow:inset 0 0 0 1px var(--cl-coral), 0 2px 0 #00000059}:root .screen-game .hud-chat :is(.chat-tab,.tab){color:var(--cl-ink-text-soft);box-shadow:none;background:0 0;border:0;border-radius:8px}:root .screen-game .hud-chat :is(.chat-tab,.tab):is([aria-selected=true],.is-active,.active){color:#10241f;background:var(--cl-mint-on-ink);font-weight:500}:root .screen-game .hud-chat :is(input,select){color:var(--cl-ink-text);background:#0000004d;border:1px solid #7d6a52cc;border-radius:10px}:root .screen-game :is(.gwin,.gwin.ornate){background:var(--cl-cream);border:1.5px solid var(--cl-line);border-radius:var(--cl-r-win);color:var(--cl-ink);box-shadow:0 12px 32px #211b2947}:root .screen-game .gwin.gwin-sheet{border-bottom-right-radius:0;border-bottom-left-radius:0}:root .screen-game :is(.gwin,.gwin.ornate):before,:root .screen-game :is(.gwin,.gwin.ornate):after{background:0 0}:root .screen-game :is(.gwin .gwin-header,.gwin.ornate .gwin-header){border-bottom:1px solid var(--cl-line);background:0 0;min-height:46px;margin:0 12px;padding:4px 6px}:root .screen-game .gwin-title{font-family:var(--font);color:var(--cl-ink);text-shadow:none;font-size:18px;font-weight:600}:root .screen-game .gwin-close{width:40px;height:40px;color:var(--cl-ink-soft);background:0 0;border:0;border-radius:50%;font-size:26px;font-weight:400}:root .screen-game .gwin-close:hover{color:var(--cl-ink);background:var(--cl-cream-deep)}:root .screen-game .gwin-grip{background:var(--cl-line)}:root .screen-game :is(.gwin,.npc-dialog,.modal,.hud-sheet,.icard-sheet,.mkt-confirm,.shop-confirm-box,.pmc-card,.rh-card,.player-menu,.arena-result,.sd-ready,.sd-result,.hud-menu.is-sheet) .btn{color:var(--cl-ink);box-shadow:inset 0 0 0 1.5px var(--cl-line), 0 2px 0 var(--cl-line);text-shadow:none;background:#fff}:root .screen-game :is(.gwin,.npc-dialog,.modal,.hud-sheet,.icard-sheet,.mkt-confirm,.shop-confirm-box,.pmc-card,.rh-card,.player-menu,.arena-result,.sd-ready,.sd-result,.hud-menu.is-sheet) .btn-primary{color:#fff;background:var(--cl-mint);box-shadow:0 2px 0 var(--cl-mint-deep)}:root .screen-game :is(.gwin,.npc-dialog,.modal,.hud-sheet,.icard-sheet,.mkt-confirm,.shop-confirm-box,.pmc-card,.rh-card,.player-menu,.arena-result,.sd-ready,.sd-result,.hud-menu.is-sheet) .btn-ghost{color:var(--cl-ink-soft);box-shadow:inset 0 0 0 1.5px var(--cl-line);background:0 0}:root .screen-game :is(.gwin,.npc-dialog,.modal,.hud-sheet,.icard-sheet,.mkt-confirm,.shop-confirm-box,.pmc-card,.rh-card,.player-menu,.arena-result,.sd-ready,.sd-result,.hud-menu.is-sheet) .btn-danger{color:var(--cl-coral-deep);box-shadow:inset 0 0 0 1.5px var(--cl-coral), 0 2px 0 #f3c3c7;background:#fff}:root .screen-game :is(.gwin,.npc-dialog,.modal,.hud-sheet) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){color:var(--cl-ink);border:1.5px solid var(--cl-line);background:#fff;border-radius:10px}:root .screen-game :is(.gwin,.hud-sheet) input[type=range]{accent-color:var(--cl-mint)}:root .screen-game :is(.gwin,.hud-sheet) :is(.tab,.chip,.cat-chip,.sto-tab,.shop-tab,.inv-tab){color:var(--cl-ink-soft);border:1.5px solid var(--cl-line);box-shadow:none;text-shadow:none;background:#fff}:root .screen-game :is(.gwin,.hud-sheet) :is(.tab,.chip,.cat-chip,.sto-tab,.shop-tab,.inv-tab):is([aria-selected=true],[aria-pressed=true],.is-active,.is-on,.active,.selected){color:#fff;background:var(--cl-mint);border-color:var(--cl-mint)}:root .screen-game :is(.gwin,.hud-sheet) :is(.inv-slot,.item-slot,.sto-slot){border-radius:var(--cl-r-slot);background-color:#fff}:root .screen-game .hud-scrim{background:#211b2952}:root .screen-game .npc-dialog{background:var(--cl-cream);border:1.5px solid var(--cl-line);border-radius:var(--cl-r-win);padding:16px 20px;box-shadow:0 12px 32px #211b2947}:root .screen-game .npc-dialog:before,:root .screen-game .npc-dialog:after{background:0 0}:root .screen-game .npc-name{font-family:var(--font);color:var(--cl-mint-deep);font-weight:600}:root .screen-game .npc-text{color:var(--cl-ink);font-size:16px;line-height:1.7}:root .screen-game :is(.npc-narrate,.npc-text.is-narration){color:var(--cl-ink-soft);border-left:3px solid var(--cl-line);padding-left:14px;font-style:italic}:root .screen-game .npc-dialog .npc-text{cursor:pointer}:root .screen-game .npc-dialog.is-narr .npc-name,:root .screen-game .npc-dialog.is-narr .npc-title{opacity:0}:root .screen-game .npc-dialog.is-narr .npc-portrait{filter:grayscale(.7);opacity:.55}:root .screen-game .npc-dialog .npc-skip{min-height:32px;font:inherit;color:var(--cl-ink-soft);border-radius:var(--cl-r-btn);cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:13px;font-weight:500;position:absolute;top:6px;right:10px}:root .screen-game .npc-dialog .npc-skip[hidden]{display:none}:root .screen-game .npc-dialog .npc-skip:hover{background:var(--cl-cream-deep)}:root .screen-game .npc-dialog .npc-beatdots{gap:4px;margin-top:8px;display:flex}:root .screen-game .npc-dialog .npc-beatdots i{background:var(--cl-line);border-radius:50%;width:6px;height:6px}:root .screen-game .npc-dialog .npc-beatdots i.on{background:var(--cl-ink-soft)}:root .screen-game.is-touch .npc-dialog .npc-skip{min-height:44px}:root .screen-game .mg-icon{box-shadow:none;background:0 0;border:0;border-radius:10px}:root .screen-game .mg-item:hover .mg-icon,:root .screen-game .mg-item:focus-visible .mg-icon{box-shadow:none;background:#f4ecdf1a;transform:none}:root .screen-game .mg-img{filter:none}:root .screen-game .mg-key{color:var(--cl-ink);background:var(--keycap);box-shadow:none;border-radius:6px}:root .screen-game .eg-item[data-badge]:after{color:#fff;background:var(--cl-coral);border:0;font-weight:600;box-shadow:0 0 0 2px #241e2c}:root .screen-game :is(.hud-sheet,.hud-menu.is-sheet) .mg-item:hover .mg-icon{background:var(--cl-cream-deep)}:root .screen-game .hud-cluster .action-btn{border:1px solid var(--cl-bronze);background:var(--cl-ink-panel);box-shadow:0 4px 12px #0000004d}:root .screen-game .hud-cluster .action-btn:hover,:root .screen-game .hud-cluster .action-btn:active{border-color:var(--cl-mint-on-ink)}:root .screen-game .hud-actions.hud-cluster .action-btn.action-attack{background:var(--cl-mint);box-shadow:0 3px 0 var(--cl-mint-deep), 0 6px 16px #0000004d;border:0}:root .screen-game .hud-actions.hud-cluster .action-btn.is-active{border-color:var(--cl-mint-on-ink);background:#2c4a44}:root .screen-game .hud-actions.hud-cluster .action-btn.action-auto.is-auto-on{background:var(--cl-mint);box-shadow:0 3px 0 var(--cl-mint-deep), 0 6px 16px #0000004d;border:0}:root .screen-game:not(.is-mobile) .hud-cluster .action-btn.action-auto{border-radius:var(--cl-r-card);align-content:center}:root .screen-game:not(.is-mobile) .hud-cluster .action-btn.action-auto .action-label{letter-spacing:1px;color:var(--cl-ink-text);text-shadow:none;align-self:center;margin:0 0 12px;font-size:22px;font-weight:600}:root .screen-game:not(.is-mobile) .hud-cluster .action-btn.action-auto.is-auto-on .action-label{color:#fff;text-shadow:none}:root .screen-game .action-key{color:var(--cl-ink);background:var(--keycap);box-shadow:none;text-shadow:none;border-radius:6px}:root .screen-game .status-portrait{border-color:var(--cl-bronze);box-shadow:none;background:radial-gradient(circle at 50% 35%,#4a3f58,#2d2636 70%)}:root .screen-game .status-badge{color:#10241f;background:var(--cl-mint-on-ink);box-shadow:none;text-shadow:none;border:2px solid #241e2c;font-weight:600}:root .screen-game .hud-status .status-name{color:var(--cl-ink-text);text-shadow:none}:root .screen-game .hud-status .status-level{color:var(--cl-ink-text-soft)}:root .screen-game .hud-status .bar-track{box-shadow:none;background:#00000059;border:0}:root .screen-game .hud-status .bar-fill:after{display:none}:root .screen-game .hud-status .bar-hp .bar-fill{background:var(--cl-hp)}:root .screen-game .hud-status .bar-sp .bar-fill{background:var(--cl-sp)}:root .screen-game .hud-status .bar-base .bar-fill{background:var(--cl-exp)}:root .screen-game .hud-status .bar-job .bar-fill{background:var(--cl-mint-on-ink)}:root .screen-game .hud-status :is(.bar-label,.bar-hp .bar-label,.bar-sp .bar-label,.bar-base .bar-label,.bar-job .bar-label){color:var(--cl-ink-text-soft);text-shadow:none}:root .screen-game .hud-announce{border:1px solid var(--cl-mint-on-ink);background:var(--cl-ink-panel);box-shadow:0 6px 18px #0000004d}:root .screen-game .announce-text{color:var(--cl-ink-text);text-shadow:none}:root .screen-game .hud-topright .hud-rates{color:#ffe08a;background:var(--cl-ink-panel);border:1px solid var(--cl-bronze);box-shadow:none;animation:none}:root .screen-game .prompt-card{color:var(--cl-ink-text)}:root .screen-game .hud-petframe{width:230px;min-height:52px;font:inherit;text-align:left;color:var(--cl-ink-text);background:var(--cl-ink-panel);border:1px solid var(--cl-bronze);border-radius:var(--cl-r-card);cursor:pointer;pointer-events:auto;align-items:center;gap:8px;margin-top:6px;padding:5px 10px 5px 5px;display:flex}:root .screen-game .hud-petframe[hidden]{display:none}:root .screen-game .hud-petframe:hover{border-color:var(--cl-mint-on-ink)}:root .screen-game .hud-petframe .pf-face{background:var(--cl-pink-pale);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:22px;display:grid}:root .screen-game .hud-petframe .pf-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}:root .screen-game .hud-petframe .pf-row{white-space:nowrap;align-items:baseline;gap:6px;display:flex;overflow:hidden}:root .screen-game .hud-petframe .pf-name{text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}:root .screen-game .hud-petframe .pf-mood{color:var(--cl-ink-text-soft);font-size:11px}:root .screen-game .hud-petframe .pf-activity{color:var(--cl-mint-on-ink);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.2;overflow:hidden}:root .screen-game .hud-petframe.is-hungry .pf-mood{color:var(--cl-coral)}:root .screen-game .hud-petframe .pf-hearts{letter-spacing:1px;color:var(--cl-pink);font-size:10px;line-height:1}:root .screen-game.is-mobile .hud-petframe{width:auto;min-height:44px;margin-top:4px}:root .screen-game.is-mobile .hud-petframe :is(.pf-hearts,.pf-activity){display:none}:root .screen-game .hud-joystick .joy-base{background:#fffdf92e;border:3px solid #fffdf9bf;box-shadow:0 4px 12px #00000040}:root .screen-game .hud-joystick .joy-base:before{border:0}:root .screen-game .hud-joystick .joy-knob{background:#fffdf9f2;border:0;box-shadow:0 2px 6px #211b294d}:root .screen-game .hud-joystick.is-held .joy-knob{box-shadow:0 0 0 3px var(--cl-mint-on-ink), 0 2px 6px #211b294d;background:#fff}:root .screen-game.is-mobile .hud-cluster .hotkey-slot{border:1px solid var(--cl-bronze);background:var(--cl-ink-panel);box-shadow:0 4px 12px #0000004d}:root .screen-game .hud-topcenter{top:max(8px, env(safe-area-inset-top));z-index:12;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}:root .screen-game .hud-topcenter>.pcbar{pointer-events:auto;--pcb:50px;position:relative}@media (max-width:1279px){:root .screen-game .hud-topcenter>.pcbar{--pcb:46px}}:root .screen-game .hud-topcenter .pcbar-line{justify-content:center;align-items:stretch}:root .screen-game .hud-topcenter .eg-pcbar{background:var(--cl-ink-panel);border:1px solid var(--cl-bronze);border-radius:var(--cl-r-card);padding:3px 4px;box-shadow:0 8px 24px #0000004d}:root .screen-game .hud-topcenter .eg-pcbar .eg-item{height:var(--eg);min-height:var(--eg);border-radius:var(--cl-r-btn);justify-content:center}:root .screen-game .hud-topcenter .eg-pcbar .eg-item:hover{background:#f4ecdf14}:root .screen-game .hud-topcenter .eg-pcbar .mg-icon{width:28px;height:28px}:root .screen-game .hud-topcenter .eg-pcbar .mg-img{width:24px;height:24px}:root .screen-game .hud-topcenter .eg-pcbar .eg-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--cl-ink-text-soft);text-shadow:none;font-size:10px;line-height:13px;display:block;overflow:hidden}:root .screen-game .hud-topcenter .eg-pcbar .mg-key{display:none}:root .screen-game .hud-topcenter :is(.pcbar-toggle,.pcbar-more){color:var(--cl-ink-text);background:var(--cl-ink-panel);border:1px solid var(--cl-bronze);border-radius:var(--cl-r-card);text-shadow:none;font-weight:500;box-shadow:0 8px 24px #0000004d}:root .screen-game .hud-topcenter .pcbar-toggle{height:auto;margin:0}:root .screen-game .hud-topcenter .pcbar-more{height:auto}:root .screen-game .hud-topcenter .eg-pcbar-pop{background:var(--cl-cream);border:1.5px solid var(--cl-line);border-radius:var(--cl-r-win);--paper:var(--cl-ink);--paper-dim:var(--cl-ink-soft);left:50%;right:auto;transform:translate(-50%);box-shadow:0 12px 32px #211b2947}:root .screen-game .hud-topcenter .eg-pcbar-pop .eg-label{color:var(--cl-ink);text-shadow:none}:root .screen-game .hud-topcenter .eg-pcbar-pop .mg-item:hover .mg-icon{background:var(--cl-cream-deep)}:root .screen-game:not(.is-mobile) .hud-announce{top:calc(max(8px, env(safe-area-inset-top)) + 64px)}:root .screen-game:not(.is-mobile) .hud-minimap .minimap-clock{text-align:center;white-space:normal;width:60px;height:64px;color:var(--cl-ink-text);background:var(--cl-ink-panel);border:1px solid var(--cl-bronze);border-radius:var(--cl-r-card);justify-content:center;align-items:center;padding:4px;font-size:13px;font-weight:500;line-height:1.3;display:flex;position:absolute;top:0;right:calc(100% + 8px);box-shadow:0 8px 24px #0000004d}:root .screen-game .minimap-clock{position:relative}:root .screen-game:not(.is-mobile) .hud-minimap .minimap-clock{flex-direction:column;gap:4px;font-size:12px}:root .screen-game:not(.is-mobile) .hud-minimap .minimap-clock .sky-text{flex-direction:column;align-items:center;line-height:1.25;display:flex}:root .screen-game:not(.is-mobile) .hud-minimap .minimap-clock .sky-sep{display:none}:root .screen-game:not(.is-mobile) .hud-minimap .minimap-clock .sky-label{color:var(--cl-mint-on-ink);font-size:11px}:root .screen-game .minimap-clock .sky-bar{background:#f4ecdf2e;border-radius:2px;height:3px;display:block;position:relative;overflow:hidden}:root .screen-game:not(.is-mobile) .hud-minimap .minimap-clock .sky-bar{width:48px}:root .screen-game.is-mobile .minimap-clock{white-space:nowrap;letter-spacing:-.2px;padding:0 5px 2px;font-size:10px}:root .screen-game.is-mobile .minimap-clock .sky-bar{height:2px;position:absolute;bottom:1px;left:6px;right:6px}:root .screen-game .minimap-clock .sky-fill{border-radius:inherit;background:linear-gradient(90deg,#ffd27a,#f2e6cf);width:0;height:100%;transition:width 1s linear;display:block}:root .screen-game .minimap-clock.is-night .sky-fill{background:linear-gradient(90deg, #8a9bff, var(--cl-mint-on-ink))}:root .screen-game .hud-minimap .minimap-foot .hud-perf{box-shadow:none;color:var(--cl-ink-text-soft);background:0 0;border:0;margin-left:auto;padding:0 6px;font-size:11px;position:static;inset:auto}:root .screen-game:not(.is-mobile) .hud-combo{top:38%;left:auto;right:250px}:root .screen-game :is(.gwin,.hud-sheet) .r2-tabs{flex-wrap:wrap;gap:4px;display:flex}:root .screen-game :is(.gwin,.hud-sheet) :is(.r2-tabs .tab,.skill-tab){min-height:36px;font:500 14px var(--font-ui,inherit);color:var(--cl-ink-soft);border-radius:var(--cl-r-btn);cursor:pointer;background:0 0;border:0;padding:0 14px}:root .screen-game :is(.gwin,.hud-sheet) :is(.r2-tabs .tab,.skill-tab):hover{background:var(--cl-cream-deep)}:root .screen-game :is(.gwin,.hud-sheet) :is(.r2-tabs .tab,.skill-tab):is(.is-active,[aria-selected=true]){color:#fff;background:var(--cl-mint)}:root .screen-game .r2-chip{color:var(--cl-ink-soft);background:var(--cl-cream-deep);border-radius:var(--cl-r-chip);white-space:nowrap;align-items:center;gap:4px;padding:1px 8px;font-size:12px;line-height:1.5;display:inline-flex}:root .screen-game .r2-chip.is-mint{color:var(--cl-mint-deep);background:var(--cl-mint-pale)}:root .screen-game .panel-skills .skill-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}:root .screen-game .panel-skills .skill-tabs{flex-wrap:wrap;gap:4px;display:flex}:root .screen-game .panel-skills .skill-tabs[hidden]{display:none}:root .screen-game .panel-skills .skill-points{color:var(--cl-ink-soft);background:var(--cl-cream-deep);border-radius:var(--cl-r-chip);margin:0 0 0 auto;padding:3px 12px;font-size:13px;font-weight:500}:root .screen-game .panel-skills .skill-points.has-points{color:var(--cl-mint-deep);background:var(--cl-mint-pale)}:root .screen-game .panel-skills .skill-main{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:12px;display:grid}:root .screen-game .panel-skills.is-touch .skill-main{grid-template-columns:minmax(0,1fr)}:root .screen-game .panel-skills .skill-list{background:var(--cl-paper);border:1px solid var(--cl-line);border-radius:var(--cl-r-card);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}:root .screen-game .panel-skills .skill-list>[hidden],:root .screen-game .panel-skills .skill-list>.panel-subtitle{display:none}:root .screen-game .panel-skills .skill-row{min-height:60px;color:var(--cl-ink);background:var(--cl-cream);border-radius:var(--cl-r-card);box-shadow:none;border:1.5px solid #0000;grid-template-columns:44px minmax(0,1fr) auto auto;gap:10px;padding:8px}:root .screen-game .panel-skills .skill-row:hover{border-color:var(--cl-line)}:root .screen-game .panel-skills .skill-row.is-selected{border-color:var(--cl-mint);box-shadow:none}:root .screen-game .panel-skills .skill-row.is-locked{opacity:.6}:root .screen-game .panel-skills .skill-row.is-ultimate{background:var(--cl-cream);border-color:var(--cl-sun)}:root .screen-game .panel-skills .skill-row.is-ultimate .skill-sub{color:var(--cl-sun-deep)}:root .screen-game .panel-skills .skill-icon{border-radius:var(--cl-r-slot);width:44px;height:44px;box-shadow:inset 0 0 0 1.5px var(--cl-line);background:#fff}:root .screen-game .panel-skills .skill-name{color:var(--cl-ink);font-size:14px;font-weight:500}:root .screen-game .panel-skills .skill-sub{color:var(--cl-ink-soft);font-size:12px}:root .screen-game .panel-skills .skill-meter{background:var(--cl-track);border-radius:3px;height:6px;margin-top:4px;display:block;position:relative;overflow:hidden}:root .screen-game .panel-skills .skill-meter>b{background:var(--cl-mint);border-radius:3px;position:absolute;inset:0 auto 0 0}:root .screen-game .panel-skills .skill-plus{color:#fff;background:var(--cl-mint);border-radius:var(--cl-r-btn);width:36px;height:36px;box-shadow:0 2px 0 var(--cl-mint-deep);border:0;font-size:24px;font-weight:600;line-height:1}:root .screen-game .panel-skills .skill-plus:disabled{color:var(--cl-ink-soft);background:var(--cl-cream-deep);box-shadow:none}:root .screen-game.is-touch .panel-skills .skill-plus,:root .screen-game .panel-skills.is-touch .skill-plus{width:44px;height:44px}:root .screen-game .panel-skills .skill-side{flex-direction:column;gap:8px;display:flex;position:sticky;top:0}:root .screen-game .panel-skills .skill-detail{min-height:180px;color:var(--cl-ink);background:var(--cl-paper);border:1px solid var(--cl-line);border-radius:var(--cl-r-card);box-shadow:var(--cl-shadow);margin:0;padding:10px 14px}:root .screen-game .panel-skills.is-touch .skill-detail{min-height:0;box-shadow:none}:root .screen-game .panel-skills.is-touch .skill-detail:has(.skill-detail-empty){display:none}:root .screen-game .panel-skills .skill-detail-empty{text-align:center;color:var(--cl-ink-soft);margin:40px 0 0;font-size:13px}:root .screen-game .panel-skills .skill-side .panel-hint{text-align:center;color:var(--cl-ink-soft);margin:0;font-size:12px}:root .screen-game .panel-skills .skill-detail .inv-actions{flex-direction:column;gap:6px;display:flex}:root .screen-game .panel-skills .skill-detail .inv-actions .btn{width:100%}@media (max-width:700px),(max-height:500px){:root .screen-game .panel-skills .skill-main{grid-template-columns:minmax(0,1fr)}:root .screen-game .panel-skills .skill-side{position:static}}:root .screen-game .hud-death.hud-downed{-webkit-backdrop-filter:grayscale(.7);background:radial-gradient(#211b2966,#211b29cc)}:root .screen-game .hud-downed .death-card-3{width:min(420px,100vw - 24px);color:var(--cl-ink-text);border:1px solid var(--cl-bronze);border-radius:var(--cl-r-card);background:#211b29f2;padding:22px 26px 16px;box-shadow:0 12px 40px #00000080}:root .screen-game .hud-downed .death-card-3:after{display:none}:root .screen-game .hud-downed .death-title{color:var(--cl-ink-text);text-shadow:none;margin:0 0 4px;font-size:26px;font-weight:600}:root .screen-game .hud-downed .death-pet{color:var(--cl-ink-text-soft);margin:0;font-style:italic}:root .screen-game .hud-downed :is(.death-pet,.death-exp,.death-vip)[hidden]{display:none}:root .screen-game .hud-downed .death-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 6px;display:flex}:root .screen-game .hud-downed .death-chips .r2-chip[hidden]{display:none}:root .screen-game .hud-downed .death-chips .r2-chip.is-mint{color:var(--cl-mint-on-ink);background:#6fd6bf24}:root .screen-game .hud-downed .death-exp{color:var(--cl-ink-text-soft);margin:0 0 4px;font-size:13px;font-weight:500}:root .screen-game .hud-downed .death-hint{color:var(--cl-ink-text-soft);margin:4px 0 10px}:root .screen-game .hud-downed .death-choice{min-height:52px;color:var(--cl-ink-text);background:var(--cl-ink-well);border:1.5px solid var(--cl-bronze);border-radius:var(--cl-r-btn);box-shadow:none;filter:none}:root .screen-game .hud-downed .death-choice:hover:not(:disabled){border-color:var(--cl-mint-on-ink);filter:none}:root .screen-game .hud-downed .death-choice-save{color:#10241f;background:var(--cl-mint-on-ink);border-color:var(--cl-mint-on-ink);box-shadow:0 2px 0 var(--cl-mint-deep)}:root .screen-game .hud-downed .death-choice-save .dc-hint{color:#1d4a40}:root .screen-game .hud-downed .dc-hint,:root .screen-game .hud-downed .death-choice.is-blocked .dc-hint{color:var(--cl-ink-text-soft)}:root .screen-game .hud-downed .death-coins{color:var(--cl-sun)}@media (max-height:520px){:root .screen-game .hud-downed .death-card-3{width:min(760px,100vw - 24px);padding:10px 16px 8px}:root .screen-game .hud-downed .death-title{font-size:20px}:root .screen-game .hud-downed .death-chips{margin:4px 0}:root .screen-game .hud-downed .death-choice{min-height:88px}}:root .screen-game .panel-friends .friend-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}:root .screen-game .panel-friends .friend-online-count{color:var(--cl-ink-soft);font-size:13px}:root .screen-game .panel-friends :is(.friend-list,.friend-pending){background:0 0;border:0;flex-direction:column;gap:6px;margin:0 0 10px;padding:0;display:flex}:root .screen-game .panel-friends :is(.friend-list,.friend-pending)[hidden],:root .screen-game .panel-friends .friend-pending>.panel-subtitle{display:none}:root .screen-game .panel-friends .friend-row{background:var(--cl-paper);border-radius:var(--cl-r-card);min-height:60px;box-shadow:0 2px 0 var(--cl-line);border:0;gap:12px;padding:8px 12px}:root .screen-game .panel-friends .friend-row:not(.is-online):has(.dot){opacity:.75}:root .screen-game .panel-friends .friend-face{width:44px;height:44px;color:var(--cl-sky-deep);background:var(--cl-sky-pale);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:600;display:grid}:root .screen-game .panel-friends .friend-line{align-items:center;gap:6px;min-width:0;display:flex}:root .screen-game .panel-friends .link-name{color:var(--cl-sky-deep);font-weight:500}:root .screen-game .panel-friends .dot{background:var(--cl-line);width:9px;height:9px;box-shadow:none;flex-basis:9px}:root .screen-game .panel-friends .is-online .dot{background:var(--cl-mint);box-shadow:none}:root .screen-game .panel-friends .friend-sub{color:var(--cl-ink-soft)}:root .screen-game .panel-friends .friend-actions{flex:none;gap:6px}:root .screen-game .panel-friends .friend-add{margin:0}:root .screen-game.is-touch .panel-friends .friend-row .btn{min-height:44px}@media (max-height:520px){:root .screen-game .panel-friends .friend-row{min-height:52px;padding:4px 10px}:root .screen-game .panel-friends .friend-face{width:38px;height:38px;font-size:16px}}:root .screen-game .npc-dialog .npc-tools{z-index:2;gap:4px;display:flex;position:absolute;top:6px;right:10px}:root .screen-game .npc-dialog .npc-tools .npc-skip{position:static}:root .screen-game .npc-dialog .npc-history[hidden],:root .screen-game .npc-dialog.is-history :is(.npc-main,.npc-beatdots,.npc-tools){display:none}:root .screen-game .npc-dialog .npc-history{min-width:0;max-height:min(360px, calc(calc(100 * var(--vh1,1vh)) - 120px));flex-direction:column;gap:8px;display:flex}:root .screen-game .npc-dialog .npc-history-title{color:var(--cl-ink);font-size:15px;font-weight:600}:root .screen-game .npc-dialog .npc-history-lines{background:var(--cl-paper);border:1px solid var(--cl-line);border-radius:var(--cl-r-card);color:var(--cl-ink);flex-direction:column;gap:10px;padding:10px 12px;font-size:15px;line-height:1.7;display:flex;overflow-y:auto}:root .screen-game .npc-dialog .npc-history-line{margin:0}:root .screen-game .npc-dialog .npc-history-line b{color:var(--cl-mint-deep);font-size:14px;font-weight:600;display:block}:root .screen-game .npc-dialog .npc-history-line.is-narration{color:var(--cl-ink-soft);border-left:3px solid var(--cl-line);padding-left:12px;font-style:italic}:root .screen-game .npc-dialog .npc-history-foot{align-items:center;gap:10px;display:flex}:root .screen-game .npc-dialog .npc-history-legend{color:var(--cl-ink-soft);flex:1;font-size:12px}:root .screen-game .hud-chapter{z-index:1400;cursor:pointer;background:#211b2973;outline:none;place-items:center;display:grid;position:absolute;inset:0}:root .screen-game .hud-chapter[hidden]{display:none}:root .screen-game .hud-chapter .chapter-card{text-align:center;background:var(--cl-ink-panel);border:1px solid var(--cl-bronze);border-radius:var(--cl-r-card);width:min(640px,100vw - 80px);padding:26px 34px 34px;animation:.35s ease-out r2-fade-in;position:relative;box-shadow:0 12px 40px #00000073}:root .screen-game .hud-chapter .chapter-heading{letter-spacing:1px;color:var(--cl-mint-on-ink);margin-bottom:10px;font-size:14px;font-weight:500;display:block}:root .screen-game .hud-chapter .chapter-text{color:var(--cl-ink-text);margin:0;font-size:19px;font-style:italic;line-height:1.8}:root .screen-game .hud-chapter .chapter-more{color:var(--cl-ink-text-soft);font-size:12px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@media (max-height:520px){:root .screen-game .hud-chapter .chapter-card{width:calc(100vw - 80px);padding:16px 20px 28px}:root .screen-game .hud-chapter .chapter-text{font-size:15px;line-height:1.7}}@keyframes r2-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}:root .screen-game .hud-expfloat{z-index:30;pointer-events:none;flex-direction:column;gap:2px;display:flex;position:fixed}:root .screen-game .hud-expfloat .expfloat-item{color:#ffd84a;-webkit-text-stroke:3px #5a3f12;paint-order:stroke;white-space:nowrap;opacity:0;font-size:16px;font-weight:700}:root .screen-game .hud-expfloat .expfloat-item.is-on{animation:1.5s ease-out forwards r2-exp-rise}@keyframes r2-exp-rise{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-18px)}}@media (prefers-reduced-motion:reduce){:root .screen-game .hud-expfloat .expfloat-item.is-on{animation:1.5s linear forwards r2-exp-fade}}@keyframes r2-exp-fade{0%,70%{opacity:1}to{opacity:0}}:root .screen-game .npc-dialog .job-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:6px 0;display:grid}:root .screen-game .npc-dialog .job-card{min-width:0;font:inherit;text-align:center;color:var(--cl-ink);background:var(--cl-paper);border:2px solid var(--cl-line);border-radius:var(--cl-r-card);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}:root .screen-game .npc-dialog .job-card:hover:not(:disabled){border-color:var(--cl-caramel)}:root .screen-game .npc-dialog .job-card.is-on{border-color:var(--cl-mint);box-shadow:0 0 0 3px #2a9f8933}:root .screen-game .npc-dialog .job-card.is-locked{cursor:default;opacity:.7}:root .screen-game .npc-dialog .job-art{background:linear-gradient(180deg, var(--cl-sky-pale), var(--cl-cream-deep));border-radius:var(--cl-r-card);place-items:center;width:100%;height:110px;display:grid}:root .screen-game .npc-dialog .job-art-icon{width:72px;height:72px}:root .screen-game .npc-dialog .job-name{font-size:18px;font-weight:600}:root .screen-game .npc-dialog .job-chips{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}:root .screen-game .npc-dialog .job-desc{font-size:14px;line-height:1.5}:root .screen-game .npc-dialog :is(.job-skills,.job-rec){color:var(--cl-ink-soft);font-size:12px}:root .screen-game .npc-dialog .job-lock{color:var(--cl-coral-deep);font-size:12px}:root .screen-game .npc-dialog .job-pick-hint{color:var(--cl-ink-soft);font-size:12px}:root .screen-game .npc-dialog .npc-confirm{background:var(--cl-paper);border:1.5px solid var(--cl-mint);border-radius:var(--cl-r-card);padding:12px 14px}:root .screen-game .npc-dialog .npc-confirm-title{color:var(--cl-mint-deep);margin-bottom:4px;font-size:16px;display:block}@media (max-height:520px){:root .screen-game .npc-dialog .job-art{height:56px}:root .screen-game .npc-dialog .job-art-icon{width:44px;height:44px}:root .screen-game .npc-dialog .job-desc,:root .screen-game .npc-dialog .job-rec{display:none}:root .screen-game .npc-dialog .job-card{gap:4px;padding:8px}}:root .screen-game .npc-dialog:has(.job-cards){width:min(720px,100vw - 24px)}:root .screen-game .npc-dialog .npc-service:has(.job-cards){max-height:calc(calc(100 * var(--vh1,1vh)) - 330px);overscroll-behavior:contain;overflow-y:auto}@media (max-height:520px){:root .screen-game .npc-dialog .npc-service:has(.job-cards){max-height:calc(calc(100 * var(--vh1,1vh)) - 230px)}}:root .screen-game .hud-sheet.sp-sheet{width:min(100%,760px);max-height:min(300px, calc(80 * var(--vh1,1vh)));color:var(--cl-ink);background:var(--cl-cream);border:1.5px solid var(--cl-line);border-radius:var(--cl-r-win) var(--cl-r-win) 0 0;border-bottom:0}:root .screen-game .sp-sheet .hs-title{color:var(--cl-ink)}:root .screen-game .sp-sheet .sp-now{color:var(--cl-ink-soft)}:root .screen-game .sp-sheet :is(.sp-tab,.sp-clear){min-height:44px;color:var(--cl-ink-soft);border-radius:var(--cl-r-btn);background:0 0;border:0;font-weight:500}:root .screen-game .sp-sheet .sp-tab[aria-selected=true]{color:#fff;background:var(--cl-mint)}:root .screen-game .sp-sheet .sp-grid{grid-template-columns:repeat(auto-fill,72px);gap:10px;padding:4px 2px 8px}:root .screen-game .sp-sheet .sp-item{width:72px;min-height:72px;color:var(--cl-ink);border-radius:var(--cl-r-card);box-shadow:inset 0 0 0 1.5px var(--cl-line);background:#fff;border:0;padding:6px 2px 4px}:root .screen-game .sp-sheet .sp-item:active,:root .screen-game .sp-sheet .sp-item.is-on{box-shadow:inset 0 0 0 2.5px var(--cl-mint)}:root .screen-game .sp-sheet .sp-icon{width:36px;height:36px}:root .screen-game .sp-sheet .sp-icon-img{width:34px;height:34px}:root .screen-game .sp-sheet .sp-name{font-size:11px;font-weight:500}:root .screen-game .sp-sheet .sp-note{color:var(--cl-ink-soft);font-size:10px}:root .screen-game .sp-sheet .sp-foot{border-top:1px solid var(--cl-line);flex:none;align-items:center;gap:10px;padding:6px 0 2px;display:flex}:root .screen-game .sp-sheet .sp-hint{min-width:0;color:var(--cl-ink-soft);flex:1;font-size:12px}:root .screen-game .sp-sheet .sp-clear{color:var(--cl-coral-deep);box-shadow:inset 0 0 0 1.5px var(--cl-coral), 0 2px 0 #f3c3c7;background:#fff;padding:0 16px}:root .screen-game .sp-sheet .sp-clear[hidden]{display:none}:root .screen-game .panel-premium .pm-tabs{gap:4px}:root .screen-game .panel-premium .pm-tabs .shop-tab{min-height:40px;color:var(--cl-ink-soft);border-radius:var(--cl-r-btn);background:0 0;border:0;padding:0 12px;font-weight:500}:root .screen-game .panel-premium .pm-tabs .shop-tab:hover{background:var(--cl-cream-deep)}:root .screen-game .panel-premium .pm-tabs .shop-tab.is-active{color:#fff;background:var(--cl-mint)}:root .screen-game .panel-premium .pm-gems{color:var(--cl-sky-deep);background:var(--cl-paper);border:1px solid var(--cl-line);border-radius:999px;padding:2px 14px;font-weight:600}:root .screen-game .panel-premium .pm-card{text-align:left;color:var(--cl-ink);background:var(--cl-paper);border:1.5px solid var(--cl-line);border-radius:var(--cl-r-card);box-shadow:none;align-items:flex-start}:root .screen-game .panel-premium .pm-card :is(.pm-art,.pm-set-art,canvas){align-self:center}:root .screen-game .panel-premium .pm-card.is-trying{border-color:var(--cl-mint);box-shadow:0 0 0 3px #2a9f8926}:root .screen-game .panel-premium .pm-card .pm-name{font-size:15px;font-weight:500}:root .screen-game .panel-premium .pm-card .pm-price b{color:var(--cl-sky-deep)}:root .screen-game .panel-premium .pm-cosmetic{color:var(--cl-mint-deep);background:var(--cl-mint-pale);white-space:normal}:root .screen-game .panel-premium .pm-tryon{background:var(--cl-cream);border:1px solid var(--cl-line);border-radius:var(--cl-r-card)}:root .screen-game .panel-premium .pm-tryon-title{color:#fff;background:var(--cl-mint)}:root .screen-game .panel-premium .pm-tryon-price{color:var(--cl-ink);background:var(--cl-paper);border:1px solid var(--cl-line);border-radius:var(--cl-r-btn);padding:6px 10px;font-weight:500}:root .screen-game .panel-premium .pm-tryon-price.is-short{color:var(--cl-coral-deep)}:root .screen-game .panel-premium :is(.pm-tryon-info,.pm-card)>:is(.pm-cosmetic,.pm-tryon-price){align-self:flex-start}:root .screen-game .panel-premium .pm-card>.pm-cosmetic{justify-content:center;align-self:stretch}:root .screen-game .panel-arena{font-size:14px}:root .screen-game .panel-arena .arena-tabs{gap:4px}:root .screen-game .panel-arena .arena-tab{min-height:40px;color:var(--cl-ink-soft);border-radius:var(--cl-r-btn);background:0 0;border:0;flex:none;padding:0 16px;font-weight:500}:root .screen-game .panel-arena .arena-tab:hover{background:var(--cl-cream-deep)}:root .screen-game .panel-arena .arena-tab.is-on{color:#fff;background:var(--cl-mint)}:root .screen-game .panel-arena .arena-play{grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:14px;display:grid}:root .screen-game .panel-arena .arena-play-main{flex-direction:column;gap:8px;min-width:0;display:flex}:root .screen-game .panel-arena .arena-host{flex-direction:column;align-items:center;gap:8px;display:flex;position:sticky;top:0}:root .screen-game .panel-arena .arena-bubble{color:var(--cl-ink);background:var(--cl-paper);border:1px solid var(--cl-line);border-radius:14px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5;position:relative}:root .screen-game .panel-arena .arena-card{background:var(--cl-paper);border:1px solid var(--cl-line);border-radius:var(--cl-r-card);padding:10px 12px}:root .screen-game .panel-arena .arena-bracket{color:var(--cl-ink);font-size:16px;font-weight:600}:root .screen-game .panel-arena .arena-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}:root .screen-game .panel-arena .arena-stat{text-align:center;color:var(--cl-ink);background:var(--cl-paper);border:1px solid var(--cl-line);border-radius:var(--cl-r-card);padding:10px 12px;font-size:16px;font-weight:600}:root .screen-game .panel-arena :is(.arena-h,.arena-mode-line,.arena-count,.arena-points,.arena-coins){color:var(--cl-mint-deep)}:root .screen-game .panel-arena .arena-mode{color:var(--cl-ink);background:var(--cl-paper);border:1px solid var(--cl-line);border-radius:var(--cl-r-card);padding:10px 12px}:root .screen-game .panel-arena .arena-mode-name{color:var(--cl-ink);font-size:15px}:root .screen-game .panel-arena .arena-note{color:var(--cl-ink-soft)}:root .screen-game .panel-arena .arena-queue{color:var(--cl-mint-deep)}:root .screen-game .panel-arena .arena-warn{color:var(--cl-coral-deep);background:var(--cl-pink-pale)}:root .screen-game .panel-arena .arena-item{background:var(--cl-paper);border:1px solid var(--cl-line)}:root .screen-game.is-touch .panel-arena .arena-play,:root .screen-game.is-mobile .panel-arena .arena-play{grid-template-columns:minmax(0,1fr)}:root .screen-game.is-touch .panel-arena .arena-host,:root .screen-game.is-mobile .panel-arena .arena-host{order:-1;position:static}@media (max-width:760px),(max-height:520px){:root .screen-game .panel-arena .arena-play{grid-template-columns:minmax(0,1fr)}:root .screen-game .panel-arena .arena-host{order:-1;position:static}}:root .screen-game .panel-stage .sd-chip.is-solo{color:var(--cl-mint-deep);background:var(--cl-mint-pale);border-color:#0000}:root .screen-game .hud-left>.sd-bar{width:250px;min-width:0;max-width:none;color:var(--cl-ink-text);background:var(--cl-ink-panel);border:1px solid var(--cl-bronze);border-radius:var(--cl-r-card);box-shadow:none;pointer-events:auto;flex-wrap:wrap;gap:4px 10px;margin-top:6px;padding:8px 10px 8px 12px;position:relative;top:auto;left:auto;transform:none}:root .screen-game .hud-left>.sd-bar:after,:root .screen-game .hud-left>.sd-bar[hidden]{display:none}:root .screen-game .hud-left:has(>.sd-bar:not([hidden]))>.hud-quest{display:none}:root .screen-game .hud-left>.sd-bar .sd-bar-text{flex:100%;gap:3px}:root .screen-game .hud-left>.sd-bar .sd-bar-title{white-space:normal;font-size:14px;font-weight:600}:root .screen-game .hud-left>.sd-bar .sd-bar-sub{color:var(--cl-ink-text);font-size:13px}:root .screen-game .hud-left>.sd-bar .sd-bar-meter{background:#ffffff1f;border-radius:4px;height:8px;display:block;position:relative;overflow:hidden}:root .screen-game .hud-left>.sd-bar .sd-bar-meter[hidden]{display:none}:root .screen-game .hud-left>.sd-bar .sd-bar-meter-fill{background:var(--cl-mint-on-ink);border-radius:4px;position:absolute;inset:0 auto 0 0}:root .screen-game .hud-left>.sd-bar .sd-bar-clock{color:var(--cl-ink-text-soft);flex:1;font-size:15px;font-weight:600}:root .screen-game .hud-left>.sd-bar .sd-bar-clock.is-low{color:var(--cl-sun)}:root .screen-game .hud-left>.sd-bar .sd-leave{min-width:56px;min-height:36px;padding:0 12px}:root .screen-game.is-touch .hud-left>.sd-bar .sd-leave{min-height:44px}:root .screen-game.is-mobile .hud-left>.sd-bar{width:190px;margin-top:4px;padding:4px 8px}:root .screen-game.is-mobile .hud-left>.sd-bar .sd-bar-title{font-size:12px}:root .screen-game.is-mobile .hud-left>.sd-bar :is(.sd-bar-sub,.sd-bar-clock){font-size:11px}:root .screen-game .panel-stage .sd-chip{color:var(--cl-ink-soft);background:var(--cl-cream-deep);border-radius:var(--cl-r-chip);border-color:#0000}:root .screen-game .panel-stage .sd-chip.is-solo{color:var(--cl-mint-deep);background:var(--cl-mint-pale)}:root .screen-game .panel-stage .sd-stages>li{background:var(--cl-paper);border-radius:var(--cl-r-card)}:root .screen-game .mkt-tabs{gap:4px}:root .screen-game .mkt-tabs .shop-tab{min-height:40px;color:var(--cl-ink-soft);border-radius:var(--cl-r-btn);background:0 0;border:0;padding:0 14px;font-weight:500}:root .screen-game .mkt-tabs .shop-tab:hover{background:var(--cl-cream-deep)}:root .screen-game .mkt-tabs .shop-tab.is-active{color:#fff;background:var(--cl-mint)}:root .screen-game .mkt-filterbox{background:0 0;border:0;padding:8px 0}:root .screen-game .mkt-chip{min-height:36px;color:var(--cl-ink-soft);border-radius:var(--cl-r-btn);box-shadow:none;background:0 0;border:0;padding:0 12px;font-weight:500}:root .screen-game .mkt-chip:hover{background:var(--cl-cream-deep)}:root .screen-game .mkt-chip.is-active{color:#fff;background:var(--cl-mint)}:root .screen-game .mkt-list{gap:6px}:root .screen-game .mkt-row{color:var(--cl-ink);background:var(--cl-paper);border-radius:var(--cl-r-card);box-shadow:0 2px 0 var(--cl-line);border:0}:root .screen-game .mkt-row:hover,:root .screen-game .mkt-row:focus-visible{background:var(--cl-paper);box-shadow:inset 0 0 0 1.5px var(--cl-line), 0 2px 0 var(--cl-line)}:root .screen-game .mkt-row.is-selected{background:var(--cl-mint-pale);box-shadow:inset 0 0 0 1.5px var(--cl-mint)}:root .screen-game .mkt-row .mkt-name{font-size:15px;font-weight:500}:root .screen-game .mkt-row .mkt-seller{color:var(--cl-ink-soft)}:root .screen-game .mkt-row .mkt-price{color:var(--cl-sun-deep)}:root .screen-game .mkt-detail{color:var(--cl-ink);background:var(--cl-paper);border:1px solid var(--cl-line);border-radius:var(--cl-r-card);box-shadow:var(--cl-shadow)}:root .screen-game .mkt-split .mkt-detail{padding:10px 12px}@media (max-height:520px){:root .screen-game .npc-dialog .npc-history{max-height:calc(calc(100 * var(--vh1,1vh)) - 170px)}}