:root{--ink:#0a0c13;--panel-a:#282e46f2;--panel-b:#121521f2;--edge:#7e8ec452;--card:#ffffff0a;--card-line:#7e8ec433;--gold:#ffcf5a;--gold-d:#b8801c;--text:#f4f1ea;--muted:#a9b0c6;--red:#e5483a;--green:#5fd47a;--blue:#7cc0ff;--purple:#c894ff;--accent:#ff8a3d;--xp:#ffd24a;--line:#3a4262;--font:Kanit, Tahoma, "Noto Sans Thai", "Leelawadee UI", sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#4a5578 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#4a5578;border-radius:8px}html,body{height:100%;color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;background:#07080d;margin:0;overflow:hidden}#game{position:fixed;inset:0}#world-loading{z-index:1200;text-align:center;color:var(--gold);background:#07080df0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:18px;display:flex;position:fixed;inset:0}#world-loading[hidden]{display:none}#world-loading button{font:inherit;color:var(--text);background:var(--panel-a);border:1px solid var(--gold-d);cursor:pointer;border-radius:8px;padding:10px 20px}canvas{image-rendering:auto;display:block}[hidden]{display:none!important}b,strong{font-weight:600}.panel{background:linear-gradient(180deg, var(--panel-a), var(--panel-b));border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--edge), inset 0 1px 0 #ffffff12, 0 6px 18px #00000073;border-radius:12px}button{font:inherit;cursor:pointer;color:#fff;border:2px solid var(--ink);text-shadow:0 1px #00000073;background:linear-gradient(#f2604e,#b9281c);border-radius:9px;padding:8px 14px;font-weight:500;transition:filter .12s,transform 60ms;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #00000038,0 2px #0006}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fff3,0 1px #0006}button:disabled{filter:grayscale(.75)brightness(.75);opacity:.6;cursor:default}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button.secondary{background:linear-gradient(#4b5472,#2b3145)}button.big{color:#2b1700;text-shadow:none;background:linear-gradient(#ffd873,#e3921b);font-weight:600}input,select{font:inherit;color:#fff;background:#0c0f18;border:2px solid #343c5a;border-radius:9px;padding:8px 10px}input{font-size:16px}input:focus,select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #ffcf5a2e}input[type=checkbox]{accent-color:var(--green)}.muted{color:var(--muted);font-size:13px}.tag{white-space:nowrap;color:#d4e8ff;background:#7cc0ff24;border:1px solid #7cc0ff59;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500}.tag.active{background:#7cc0ff2e}.tag.passive{color:#ffe7ad;background:#ffcf5a24;border-color:#ffcf5a59}.badge{text-align:center;color:#2b1700;border:2px solid var(--ink);background:linear-gradient(#ffe38c,#f0a81f);border-radius:999px;min-width:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.bonus{color:#8ee6a0;font-size:12px}.warn{color:#ff8f84;font-size:12px}.glow{color:#ffd740;text-shadow:0 0 6px #ffab00;font-weight:600}small.cards{color:var(--purple);font-size:11px}.overlay{z-index:20;background:#05060a8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}#login{background:#07080d}.login-bg{image-rendering:auto;background:url(/assets/ui/title_bg.png) 50%/cover no-repeat,radial-gradient(at 50% 25%,#4a1f2e 0%,#150e1a 55%,#07080d 100%);position:fixed;inset:0}.login-bg:after{content:"";background:radial-gradient(#07080d40 0%,#07080dd1 80%);position:absolute;inset:0}.logo{-webkit-user-select:none;user-select:none;margin-bottom:4px;line-height:1}.logo-top{letter-spacing:3px;font-size:22px;font-weight:600}.logo-main{letter-spacing:4px;color:#86ff6f;text-shadow:0 3px 0 #1f5c15, 0 5px 0 var(--ink), 0 0 22px #86ff6f73;font-size:58px;font-weight:700;animation:5s infinite flicker}.logo-sub{background:var(--red);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:8px;margin-top:8px;padding:1px 14px;font-size:15px;font-weight:600;display:inline-block;transform:rotate(-3deg)}#login-form .login-row{gap:8px;display:flex}#login-form .login-row input{flex:1;min-width:0}.gender-pick{gap:10px;margin-bottom:10px;display:flex}.gender-pick label{cursor:pointer;flex:1}.gender-pick input{opacity:0;pointer-events:none;position:absolute}.gender-pick span{background:#0c0f18d9;border:2px solid #2f3652;border-radius:12px;flex-direction:column;align-items:center;padding:2px 8px 8px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.gender-pick .preview{image-rendering:auto;background:no-repeat;width:76px;height:76px}.gender-pick .preview canvas{image-rendering:auto;width:76px;height:76px}.gender-pick input:checked+span{border-color:var(--gold);background:linear-gradient(#ffcf5a33,#0c0f18d9)}.gender-pick input:checked+span .preview{animation:1.2s ease-in-out infinite bob}.gender-pick input:focus-visible+span{outline:2px solid #fff}#login-form .hint{margin-top:8px;font-size:12px}.error{color:#ff8f84;min-height:1.4em;margin-top:6px;font-size:14px}.login-panel h3{color:var(--gold);margin:6px 0 8px;font-size:15px;font-weight:600}#login-top{counter-reset:rank;text-align:left;max-width:320px;margin:0 auto;padding:0;font-size:14px;list-style:none}#login-top li{counter-increment:rank;border-radius:8px;align-items:center;gap:8px;padding:3px 8px;display:flex}#login-top li:nth-child(odd){background:#ffffff0a}#login-top li:before{content:counter(rank);text-align:center;width:22px;color:var(--muted);font-weight:700}#login-top li:first-child:before{content:"🥇"}#login-top li:nth-child(2):before{content:"🥈"}#login-top li:nth-child(3):before{content:"🥉"}#login-top li span{color:var(--muted);margin-left:auto;font-size:13px}@keyframes toast{0%{opacity:0;transform:translateY(8px)scale(.96)}10%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes feed{0%{opacity:0;transform:translate(24px)}8%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes bob{50%{transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{to{opacity:.35}}@keyframes pulse{0%{box-shadow:0 0 #ff5252}to{box-shadow:0 0 10px 3px #ff5252}}@keyframes auto-glow{50%{box-shadow:inset 0 0 0 1px #5fd47ae6,0 0 22px 4px #5fd47a99,0 3px #00000073}}@keyframes ready{0%{filter:brightness(2.2);transform:scale(1.08)}to{filter:none;transform:none}}@keyframes hp-low{to{filter:brightness(1.5)}}@keyframes smith-flash{0%{box-shadow:0 0 0 2px var(--gold), 0 0 22px 6px #ffcf5abf;background-color:#ffcf5a4d}to{box-shadow:0 0 #0000}}@keyframes sparkle{0%{opacity:0;transform:translateY(8px)scale(.5)}25%{opacity:1;transform:scale(1.35)rotate(12deg)}to{opacity:0;transform:translateY(-20px)scale(1)}}@keyframes star-shine{50%{text-shadow:0 0 10px #ffd740,0 0 2px #fff}}@keyframes heartbeat{0%,to{opacity:.75}15%{opacity:1}30%{opacity:.8}45%{opacity:1}}@keyframes flicker{0%,92%,to{opacity:1}93%{opacity:.6}95%{opacity:1}97%{opacity:.75}}@keyframes lvup{0%{opacity:0;transform:translate(-50%)scale(.3)}12%{opacity:1;transform:translate(-50%)scale(1.18)}20%{transform:translate(-50%)scale(1)}80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-24px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=640px){.char-grid{grid-template-columns:minmax(0,1fr)}.smith-row.stack{flex-wrap:wrap}.smith-row.stack>.grow{flex-basis:calc(100% - 52px)}.smith-row.stack>button,.smith-row.stack>.btn-col{flex-direction:row;flex:100%;width:auto}.smith-row.stack>.btn-col button{flex:1;width:auto}.smith-tabs{gap:4px}.smith-tabs button{padding:4px 1px 5px;font-size:11px}.dialog-panel{max-height:94vh}#dialog-body{padding:10px 12px}.dialog-head{padding:10px 10px 8px 14px}#dialog-close{margin:0 12px 12px}.logo-main{font-size:46px}.lvup-text{font-size:36px}#death h2{font-size:30px}}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud>*{pointer-events:auto}#status{align-items:stretch;gap:10px;width:312px;padding:8px 10px 9px 9px;display:flex;position:absolute;top:10px;left:10px}.portrait-wrap{border:2px solid var(--ink);width:64px;height:64px;box-shadow:inset 0 0 0 2px var(--gold-d), 0 0 10px #ffcf5a2e;background:radial-gradient(circle at 50% 30%,#46507a,#161a29 75%);border-radius:50%;flex:none;align-self:flex-start;position:relative}#st-portrait{image-rendering:auto;border-radius:50%;width:100%;height:100%}.lv-badge{text-align:center;white-space:nowrap;color:#2b1700;border:2px solid var(--ink);background:linear-gradient(#ffe38c,#e59a19);border-radius:999px;min-width:38px;padding:0 6px;font-size:12px;font-weight:700;line-height:17px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.st-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.st-top{align-items:center;gap:6px;min-width:0;display:flex}.st-name{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.st-name b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;overflow:hidden}.st-baht{color:#ffe08a;flex:none;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.st-baht img{image-rendering:auto;width:16px;height:16px}.st-bars{grid-template-columns:1fr 1fr;grid-auto-rows:14px;gap:3px 6px;display:grid}.st-bars .bar{margin-top:0}.st-bars .bar.hp{grid-area:1/1/auto/2}.st-bars .bar.sp{grid-area:1/2/auto/3}.st-bars .bar.xp{grid-area:2/1/auto/3;height:11px}.st-bars .bar.jxp{grid-area:3/1/auto/3;height:11px}.st-bars .bar span{font-size:10.5px;line-height:12px}.st-bars .bar.xp span{font-size:9px;line-height:8px}.st-meta{align-items:center;gap:8px;margin-top:2px;display:flex}.st-meta .wbar{flex:1;min-width:0}.st-shortcuts{flex:none;gap:3px;display:flex}.st-shortcut{color:#f4f7ffc7;cursor:pointer;background:#1418288c;border:1px solid #82a5e638;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:32px;padding:2px 5px 3px;transition:background .12s,border-color .12s,transform 50ms;display:flex}.st-shortcut:hover{color:#fff;background:#283250b3;border-color:#8cb4ff8c}.st-shortcut:active{transform:scale(.96)}.st-shortcut .kbd{text-align:center;color:#2b1700;border:1px solid var(--ink);background:linear-gradient(#ffe38c,#e59a19);border-radius:4px;min-width:12px;padding:0 4px;font-family:Kanit,sans-serif;font-size:10px;font-weight:700;line-height:14px;display:inline-block}.st-shortcut .lbl{color:#f4f7ff99;margin-top:1px;font-size:9px;line-height:1.1}.bar{border:2px solid var(--ink);background:#06080d;border-radius:999px;height:16px;margin-top:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000b3}.bar i,.bar em{border-radius:999px;width:0;position:absolute;inset:0 auto 0 0}.bar i{transition:width .2s ease-out}.bar em{background:#ffe1b0;transition:width .5s ease-in .35s}.bar.hp i{background:linear-gradient(#ff8d7e 0%,#ea3a2c 45%,#a0150e 100%);box-shadow:inset 0 1px #ffffff59}.bar.hp.low i{animation:.7s infinite alternate hp-low}.bar.xp{height:12px}.bar.xp i{background:linear-gradient(#fff2ad,#ffc83d 50%,#d4890c)}.bar.jxp i{background:linear-gradient(#e2c7ff,#c894ff 50%,#7a4dba)}.bar.jxp.max i{opacity:.85;background:linear-gradient(#fff2ad,#ffc83d 50%,#d4890c)}.bar span{text-align:center;text-shadow:0 1px #000,0 0 3px #000;font-size:11px;font-weight:500;line-height:12px;display:block;position:relative}.bar.xp span{font-size:9px;line-height:8px}#buffs{pointer-events:none;flex-wrap:wrap;gap:5px;max-width:292px;display:flex;position:absolute;top:104px;left:12px}.buff{border:2px solid var(--ink);image-rendering:auto;background:#1b2033 50%/24px no-repeat;border-radius:8px;width:30px;height:30px;position:relative;box-shadow:0 0 0 1px #5fd47a99,0 2px 6px #0006}.buff b{background:#000c;border-radius:4px;padding:0 3px;font-size:9px;line-height:12px;position:absolute;bottom:-5px;right:-4px}.buff.ending{animation:.4s infinite alternate blink}#map-name{display:none}#target-info{text-align:center;align-items:center;gap:8px;min-width:240px;max-width:320px;padding:6px 14px 8px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}#target-info .t-face{image-rendering:auto;border:2px solid var(--ink);background:radial-gradient(circle at 50% 30%,#5a2a33,#1a1016 75%);border-radius:50%;flex:none;width:40px;height:40px}#target-info .t-main{flex:1;min-width:0}#target-info .t-head{justify-content:center;align-items:baseline;gap:6px;font-size:14px;display:flex}#target-info .t-name{font-weight:600}#target-info .t-lv{background:#ffffff14;border-radius:999px;padding:0 6px;font-size:12px;font-weight:600}#target-info .bar{height:12px}#target-info.easy .t-name{color:#b8bfd3}#target-info.hard .t-name{color:#ffd24a}#target-info.deadly .t-name{color:#ff6b5e}#target-info.boss{box-shadow:inset 0 0 0 1px #c894ff99,0 0 16px #c894ff59}#target-info.boss .t-name{color:var(--purple)}#corner{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:10px;right:10px}#minimap-box{background:linear-gradient(135deg,#202840eb,#101420f5);border:1.5px solid #82a5e647;border-radius:12px;padding:5px;box-shadow:0 8px 24px #0000008c,inset 0 1px #ffffff26}#minimap{cursor:pointer;background:#0c0f18;border-radius:7px;width:172px;height:118px;display:block;box-shadow:inset 0 2px 6px #000000b3}#minimap-name{text-align:center;max-width:172px;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;font-weight:500;overflow:hidden}#map-zoom-controls{justify-content:center;gap:4px;margin-top:5px;display:flex}#map-zoom-controls button{touch-action:manipulation;min-width:32px;height:34px;padding:0 6px;font-size:18px}#map-zoom-controls #map-zoom-reset{min-width:48px;color:var(--gold);font-size:12px}#map-zoom-controls button:disabled{opacity:.4;cursor:default}@media (width<=640px){#minimap{width:120px;height:84px}#minimap-name{max-width:120px;margin-top:2px;font-size:10px}#status{gap:7px;width:206px;padding:6px 8px 7px 6px;top:6px;left:6px}.portrait-wrap{width:48px;height:48px}}#menu{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:186px;display:flex}.menu-btn{background:linear-gradient(#3d4566,#22273a);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;width:56px;height:54px;padding:3px 2px 2px;font-size:18px;display:flex;position:relative}.menu-btn img{image-rendering:auto;filter:drop-shadow(0 2px #00000080);width:28px;height:28px}.menu-btn span{font-size:10px;font-weight:500;line-height:1.2}.menu-btn>span:first-child{font-size:24px;line-height:1}.menu-btn .badge{animation:1s ease-in-out infinite bob;position:absolute;top:-7px;right:-7px}.menu-btn.off img{filter:grayscale()brightness(.7)}#feed{right:14px;bottom:calc(var(--actionbar-h,80px) + 22px);pointer-events:none;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute}.feed-row{white-space:nowrap;text-shadow:0 1px #000;background:linear-gradient(90deg,#0000,#080a10c7 28%);border-radius:6px;padding:2px 12px 2px 26px;font-size:13px;font-weight:500;animation:3.4s forwards feed}.feed-row.baht{color:#ffe08a}.feed-row.rare{color:var(--gold);font-weight:600}.feed-row.card{color:var(--purple);font-weight:600}.feed-row.xp{color:var(--blue)}#actionbar{flex-direction:column;align-items:flex-end;gap:7px;max-width:calc(100vw - 440px);display:flex;position:absolute;bottom:12px;right:12px}#skillbar,#itembar{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:6px;display:flex}.slot{background:radial-gradient(circle at 50% 30%,#363e5e,#161a28 80%);border-radius:13px;place-items:center;width:60px;height:60px;padding:0;font-size:10px;line-height:1.1;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #7e8ec459,inset 0 1px #ffffff14,0 3px #00000073}.slot img{image-rendering:auto;filter:drop-shadow(0 2px #0000008c);width:40px;height:40px}.slot .key{z-index:3;color:#d3daee;text-shadow:0 1px #000;font-size:10px;font-weight:600;position:absolute;top:2px;left:6px}.slot .count{z-index:3;text-shadow:0 1px #000,0 0 3px #000;font-size:13px;font-weight:700;position:absolute;bottom:1px;right:5px}.slot .label{z-index:3;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #000,0 0 2px #000;padding:0 3px;font-size:9px;font-weight:500;position:absolute;bottom:2px;left:0;right:0;overflow:hidden}#skillbar .slot:not(.noicon) .label{display:none}.slot.noicon .label{white-space:normal;padding:12px 3px 0;font-size:10px;position:static}.slot .cd{z-index:2;pointer-events:none;background:conic-gradient(#04060bcc calc(var(--cd,0) * 1turn), transparent 0);position:absolute;inset:0}.slot .cdt{z-index:3;pointer-events:none;text-shadow:0 1px #000,0 0 5px #000;place-items:center;font-size:17px;font-weight:700;display:grid;position:absolute;inset:0}.slot.ready{animation:.45s ease-out ready}.slot.empty img{filter:grayscale()brightness(.55)}.slot.empty .count{color:#ff8f84}.slot.toggle.on{background:radial-gradient(circle at 50% 30%,#3a9a58,#123620 80%);box-shadow:inset 0 0 0 1px #5fd47acc,0 0 14px #5fd47a73,0 3px #00000073}.slot.auto{border-radius:50%;width:74px;height:74px}.slot.auto img{width:42px;height:42px;margin-top:-8px}.slot.auto .label{letter-spacing:1px;font-size:12px;font-weight:700;bottom:9px}.slot.auto .key{top:8px;left:50%;transform:translate(-50%)}#btn-hunt.on{animation:1.2s ease-in-out infinite auto-glow}#btn-hunt.on:after{content:"";border:2px dashed #aaffbebf;border-radius:50%;animation:4s linear infinite spin;position:absolute;inset:4px}#btn-hunt.on img{animation:.9s ease-in-out infinite bob}#chat{z-index:10;width:min(360px,100vw - 480px);min-width:240px;display:none;position:fixed;bottom:12px;left:10px}body.playing #chat{display:block}@media (width>=1024px){#chat{width:min(460px,100vw - 520px)}}body.in-battle #chat{display:none}body.in-battle.battle-chat #chat{z-index:13;width:min(340px,100vw - 20px);display:block;top:62px;bottom:auto}body.in-battle.battle-chat #chat-log{max-height:110px}#chat-log{text-shadow:0 1px #000;background:linear-gradient(#080a1026,#080a10b3 40%);border-radius:12px 12px 0 0;max-height:150px;padding:8px 10px 4px;font-size:13px;overflow-y:auto}#chat-log div{word-break:break-word;margin:1px 0}#chat-log .sys{color:#ffd98a}#chat-log b{color:#8fd0ff}#chat-form input{background:#080a10d1;border-color:#262c44;border-radius:0 0 12px 12px;width:100%;padding:7px 10px;font-size:14px}#toasts{pointer-events:none;z-index:40;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:24%;left:50%;transform:translate(-50%)}.toast{text-align:center;background:linear-gradient(#22273cf5,#0e101af5);border:1px solid #ffcf5a66;border-radius:999px;max-width:92vw;padding:7px 18px;font-size:14px;font-weight:500;animation:2.7s forwards toast;box-shadow:0 6px 16px #00000073}#vignette{z-index:9;pointer-events:none;opacity:0;background:radial-gradient(#0000 52%,#be000080 100%);transition:opacity .4s;position:fixed;inset:0}#vignette.on{opacity:1;animation:1s ease-in-out infinite heartbeat}#death{z-index:15;pointer-events:none;text-align:center;background:radial-gradient(#4600004d,#120000d1);place-items:center;animation:.6s fade-in;display:grid;position:fixed;inset:0}#death h2{color:#ff6b5e;text-shadow:0 3px #000,0 0 24px #ff3c2899;margin:0;font-size:38px;font-weight:700}#death p{color:#ffd0cb;margin:6px 0 0;font-size:16px}#death b{color:#fff;font-size:22px}body.dead #game canvas{filter:grayscale()brightness(.65);transition:filter .6s}#levelup{z-index:30;text-align:center;pointer-events:none;position:fixed;top:24%;left:50%;transform:translate(-50%)}#levelup.show{animation:2.6s forwards lvup}.lvup-text{letter-spacing:3px;white-space:nowrap;color:#fff4b8;text-shadow:0 3px 0 #b8801c, 0 6px 0 var(--ink), 0 0 26px #ffc428e6;font-size:50px;font-weight:700}.lvup-lv{color:var(--gold);text-shadow:0 2px #000;font-size:22px;font-weight:600}#ping-fps{letter-spacing:.2px;color:var(--text,#e9ecf6);-webkit-backdrop-filter:blur(4px);pointer-events:none;z-index:11;font-variant-numeric:tabular-nums;background:#080a12b8;border:1px solid #788cc82e;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:color .15s,border-color .15s;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}#ping-fps .pf-sep{background:#96aadc38;width:1px;height:10px;display:inline-block}#ping-fps.pf-ok{color:#b8eec6;border-color:#78dc8c4d}#ping-fps.pf-warn{color:#ffd074;border-color:#ffc8504d}#ping-fps.pf-bad{color:#ff8b8b;border-color:#ff6e6e5c}#ping-fps.pf-connlost{color:#ff5050;animation:.9s ease-in-out infinite pf-blink}#ping-fps.pf-dim{opacity:.45}#ping-fps.pf-dim.pf-warn,#ping-fps.pf-dim.pf-bad,#ping-fps.pf-dim.pf-connlost{opacity:1}@keyframes pf-blink{50%{opacity:.45}}#status-strip{pointer-events:none;flex-direction:column;gap:3px;max-width:292px;display:flex;position:absolute;top:150px;left:12px}#status-strip[hidden]{display:none}.st-chip{color:#e9edf9;border:1px solid var(--st-color,#8fa0c0);-webkit-backdrop-filter:blur(3px);background:#080a12c7;border-left-width:3px;border-radius:5px;align-items:center;gap:5px;padding:2px 7px 2px 5px;font-size:10.5px;font-weight:500;line-height:1.35;display:flex}.st-chip b{font-size:12px;line-height:1}.st-chip span{white-space:nowrap;flex:1}.st-chip i{font-variant-numeric:tabular-nums;color:#d7e1f5b8;font-size:9.5px;font-style:normal}.st-chip u{color:#0b0e16;background:var(--st-color,#8fa0c0);border-radius:3px;padding:0 3px;font-size:9px;font-weight:700;text-decoration:none}.st-chip.debuff{background:#1e080cc7}.bar.sp{background:#5aa0ff24;height:7px}.bar.sp i{background:linear-gradient(90deg,#4aa3ff,#8fd0ff);transition:width .18s linear}.bar.sp span{color:#a8cdff;text-shadow:0 1px 2px #000;font-size:9px}.bar.sp.low i{background:linear-gradient(90deg,#d05a5a,#e88)}.bar.sp.low span{color:#ffb4b4}.skill-row .sp-cost{color:#a8cdff;white-space:nowrap;background:#4aa3ff24;border:1px solid #4aa3ff4d;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600}.skill-row .sp-cost.dry{color:#ff9d9d;background:#d05a5a24;border-color:#d05a5a59}.skill-row.dry .sk-icon{opacity:.45}#combo-hud{text-align:right;pointer-events:none;border:2px solid var(--ink);border-right:4px solid var(--gold);transform-origin:100%;background:linear-gradient(135deg,#101422b8,#201834e0);border-radius:12px;min-width:118px;padding:6px 12px 8px;transition:border-color .2s,box-shadow .2s;position:absolute;top:215px;right:16px;box-shadow:0 6px 18px #0000008c,inset 0 0 12px #ffcf5a1f}#combo-hud.pop{animation:.18s cubic-bezier(.2,1.5,.4,1) combo-pop}#combo-hud.crit-pop{animation:.24s cubic-bezier(.15,1.7,.35,1) combo-crit-pop}.combo-tier{letter-spacing:1.5px;color:#ffe082;text-shadow:0 1px #000;font-size:10px;font-weight:700;line-height:1.1}.combo-num{color:#fff;text-shadow:0 2px #000,0 4px 10px #ffb40073;letter-spacing:-.5px;font-size:30px;font-style:italic;font-weight:800;line-height:1.05}.combo-kills{color:#b9f6ca;text-shadow:0 1px #000;margin-top:2px;font-size:11px;font-weight:600}.combo-bar{background:#0009;border-radius:999px;height:4px;margin-top:4px;overflow:hidden}.combo-bar i{background:linear-gradient(90deg,#ff6d00,#ffd740);border-radius:999px;width:100%;height:100%;transition:width 80ms linear;display:block}#combo-hud.tier-1{border-right-color:#ffd740}#combo-hud.tier-2{border-right-color:#ff9100;box-shadow:0 6px 20px #ff910059,inset 0 0 14px #ff910033}#combo-hud.tier-2 .combo-tier{color:#ffab40}#combo-hud.tier-2 .combo-num{color:#ffe082;text-shadow:0 2px #4e1b00,0 0 14px #ff9100bf}#combo-hud.tier-3{border-right-color:#e040fb;box-shadow:0 6px 22px #e040fb66,inset 0 0 16px #e040fb38}#combo-hud.tier-3 .combo-tier{color:#ea80fc}#combo-hud.tier-3 .combo-num{color:#f3e5f5;text-shadow:0 2px #311b92,0 0 16px #e040fbd9}#combo-hud.tier-3 .combo-bar i{background:linear-gradient(90deg,#a0f,#ea80fc)}#combo-hud.tier-4{border-right-color:#ff5252;box-shadow:0 6px 24px #ff525280,inset 0 0 18px #ffd74047}#combo-hud.tier-4 .combo-tier{color:#ff8a80}#combo-hud.tier-4 .combo-num{color:#ffd740;text-shadow:0 2px #4a0000,0 0 18px #ff5252f2}#combo-hud.tier-4 .combo-bar i{background:linear-gradient(90deg,#ff1744,#ffd740)}@keyframes combo-pop{0%{transform:scale(1.22)rotate(-2deg)}to{transform:scale(1)rotate(0)}}@keyframes combo-crit-pop{0%{transform:scale(1.36)rotate(3deg)}to{transform:scale(1)rotate(0)}}.class2-notify-btn{color:#1a0f00;cursor:pointer;background:linear-gradient(135deg,gold 0%,#ff8f00 100%);border:1px solid #ffffffd9;border-radius:12px;justify-content:center;align-items:center;margin:4px 0 2px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:filter .15s;animation:1.2s ease-in-out infinite alternate pulse-class2;display:inline-flex;box-shadow:0 0 10px #ffd700bf}.class2-notify-btn:hover{filter:brightness(1.1);box-shadow:0 0 16px #ffd700f2}.class2-notify-btn:not(.ready){color:#e1ebff;box-shadow:none;background:#303c58;border-color:#7687ad;animation:none}.class2-notify-btn:not(.ready):hover{transform:none;box-shadow:0 0 0 1px #a4b5da}@keyframes pulse-class2{0%{box-shadow:0 0 6px #ffd70080}to{box-shadow:0 0 16px #ffd700f2}}.npc-strip{background:linear-gradient(#ffcf5a14,#14182800);border-bottom:1px solid #ffcf5a2e;border-radius:8px 8px 0 0;align-items:center;gap:12px;margin:-2px 0 12px;padding:10px 12px;display:flex}.npc-strip .npc-face{image-rendering:auto;background:radial-gradient(circle at 50% 35%,#2e3550,#141827);border:1px solid #ffcf5a52;border-radius:10px;flex:none;width:56px;height:56px;box-shadow:0 1px #0000004d}.npc-strip .npc-meta{flex:1;min-width:0}.npc-strip .npc-name{color:var(--gold,#ffcf5a);text-shadow:0 1px #000;margin-bottom:2px;font-size:14px;font-weight:700}.npc-strip .npc-role{color:#f4f7ff99;letter-spacing:.02em;margin-bottom:2px;font-size:11px}.npc-strip .npc-hint{color:#f4f7ffc7;font-size:11.5px;line-height:1.4}.empty-state{text-align:center;border:1px dashed var(--card-line);color:#f4f7ffd9;background:#14182859;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:4px 0;padding:26px 18px;display:flex}.empty-state .empty-icon{filter:drop-shadow(0 1px #0006);opacity:.9;font-size:30px;line-height:1}.empty-state .empty-title{color:var(--fg,#f4f7ff);margin-top:2px;font-size:13.5px;font-weight:600}.empty-state .empty-hint{color:#f4f7ff9e;max-width:380px;font-size:11.5px;line-height:1.45}.empty-state .empty-action{margin-top:6px}.dialog-panel{flex-direction:column;width:min(680px,100%);max-height:min(90vh,920px);animation:.16s ease-out pop;display:flex;overflow:hidden}.dialog-head{background:linear-gradient(#ffcf5a21,#0000);border-bottom:1px solid #ffcf5a38;align-items:center;gap:8px;padding:12px 12px 10px 18px;display:flex}.dialog-head h2{min-width:0;color:var(--gold);text-shadow:0 1px #000;flex:1;margin:0;font-size:19px;font-weight:600}.icon-btn{background:linear-gradient(#4b5472,#2b3145);border-radius:50%;flex:none;width:34px;height:34px;padding:0;font-size:15px}#dialog-x{place-items:center;transition:background .15s,transform .12s,color .12s;display:grid}#dialog-x:hover{color:#fff;background:linear-gradient(#ff6b5e,#b9281c);transform:scale(1.06)}#dialog-x:active{transform:scale(.96)}#dialog-x:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#dialog-x[hidden],#dialog-close[hidden]{display:none!important}#dialog-body{flex:1;min-height:0;padding:12px 18px;overflow-y:auto}#dialog-body h3{color:var(--gold);align-items:center;gap:8px;margin:12px 0 8px;font-size:14px;font-weight:600;display:flex}#dialog-body h3:after{content:"";background:linear-gradient(90deg,#ffcf5a59,#0000);flex:1;height:1px}#dialog-body section>h3:first-child{margin-top:0}#dialog-body p{margin:0 0 10px}#dialog-close{margin:0 18px 14px}.shop-row{background:var(--card);border:1px solid var(--card-line);border-left:4px solid var(--card-line);border-radius:11px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.shop-row:hover{background:#fff1}.shop-row img,.equip-slot img,.empty-icon{box-sizing:content-box;image-rendering:auto;border:1px solid var(--ink);background:radial-gradient(circle at 50% 35%,#2e3550,#141827);border-radius:9px;flex:none;width:36px;height:36px;padding:2px}.shop-row .grow,.equip-slot .grow{flex:1;min-width:0}.shop-row select{max-width:100%;margin-top:4px;padding:4px 6px;font-size:12px}.tabs{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.tabs .muted{margin-left:auto}.tabs button{white-space:nowrap;border-radius:999px;padding:6px 14px}.tabs button.secondary{color:var(--muted);box-shadow:none;background:#ffffff0f;border-color:#262c44}.auto-sec{background:var(--card);border:1px solid var(--card-line);border-radius:12px;margin-bottom:10px;padding:12px}.auto-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.auto-head h3{margin:0!important;font-size:15px!important}.auto-head h3:after{display:none}.auto-head button{min-width:110px;padding:6px 10px}.auto-head button.on{background:linear-gradient(#58c874,#25803f)}.check{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 2px;font-size:14px;display:flex}.check:hover{background:#ffffff0a}.check input{flex:none;width:20px;height:20px;margin:0}.settings-section{margin:8px 0 16px}.settings-section h4{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:13px}.setting-row{border-bottom:1px dashed #ffffff0d;align-items:center;gap:10px;padding:7px 6px;font-size:13.5px;display:flex}.setting-row>span{flex:1}.setting-row input[type=checkbox]{flex:none;width:18px;height:18px}.setting-row select{color:#fff;border:1px solid var(--card-line);background:#0006;border-radius:6px;padding:4px 8px;font-size:13px}.setting-row input[type=range]{flex:1;max-width:200px}.setting-row b{color:var(--gold);text-align:right;min-width:36px;font-weight:600}body.hide-dmg .dmg-text,body.hide-dmg [class*=damage],body.hide-heal .heal-text,body.hide-heal [class*=heal-num],body.hide-nameplates .player-nameplate,body.hide-nameplates .nameplate{display:none!important}body.reduced-motion *{transition-duration:.001ms!important;animation-duration:.001ms!important}.row-line{flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 6px;font-size:14px;display:flex}.auto-sec select{padding:4px 8px;font-size:14px}.auto-sec p.muted{margin:6px 0 0;font-size:12px}.char-head{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.char-head .points{background:#ffffff0f;border-radius:999px;padding:1px 10px;font-weight:500}.char-head .points.has{color:#2b1700;background:linear-gradient(#ffe38c,#f0a81f);font-weight:700;animation:1.2s ease-in-out infinite bob}.char-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.stat-row{border-radius:8px;grid-template-columns:40px 50px 28px minmax(0,1fr);align-items:center;gap:6px;padding:4px 6px;font-size:13px;display:grid}.stat-row:nth-child(2n){background:#ffffff08}.stat-row>b{color:var(--gold)}.stat-row .muted{font-size:11px}.stat-row .stat-preview{color:#ffd074;grid-column:1/5;padding:2px 0 0 46px;font-size:10.5px}.plus{background:linear-gradient(#6fe08a,#2c9448);border-radius:50%;width:26px;height:26px;padding:0;font-weight:700;line-height:1}.derived{background:var(--card);border:1px solid var(--card-line);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:10px;padding:10px;font-size:13px;display:grid}.derived b{color:#fff}.equip-slot{background:var(--card);border:1px solid var(--card-line);border-radius:11px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;font-size:13px;display:flex}.empty-icon{background:0 0;border-style:dashed;border-color:#4a5578;display:inline-block}.skill-row{background:var(--card);border:1px solid var(--card-line);border-radius:12px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:2px 12px;margin-bottom:7px;padding:10px;display:grid}.skill-row .sk-icon{image-rendering:auto;border:1px solid var(--ink);box-sizing:border-box;object-fit:contain;background:radial-gradient(circle at 50% 35%,#353d5c,#141827);border-radius:10px;grid-row:span 3;width:44px;height:44px;padding:5px}.skill-row.locked{opacity:.5}.skill-row.locked .sk-icon{filter:grayscale()}.skill-row h4{margin:0;font-size:15px;font-weight:600}.skill-row .lvl{color:var(--gold);margin-left:6px;font-size:13px;font-weight:700}.skill-row .next{color:#8ee6a0;font-size:12px}.skill-row .plus{grid-row:span 3;width:38px;height:38px;font-size:20px}.skill-group{color:var(--gold);margin:14px 0 8px;font-size:14px;font-weight:600}.sk-progress{background:#0006;border-radius:3px;height:5px;margin:3px 0 4px;position:relative;overflow:hidden}.sk-progress i{border-radius:3px;height:100%;transition:width .25s ease-out;display:block}.sk-progress b{letter-spacing:.04em;color:#f4f7ff8c;font-size:9.5px;font-weight:600;position:absolute;top:-14px;right:0}.skill-row.novice .sk-progress i{background:linear-gradient(90deg,#6d7891,#8c98b6)}.skill-row.trained .sk-progress i{background:linear-gradient(90deg,#57a8ff,#8fd0ff)}.skill-row.master .sk-progress i{background:linear-gradient(90deg,#c07cff,#ffb0ff)}.skill-row.max .sk-progress i{background:linear-gradient(90deg,#ffc53d,#fff09a);box-shadow:0 0 6px #ffc53d80}.skill-row.max .sk-progress b{color:var(--gold)}.skill-row.tier-bg.novice{border-left:3px solid #6d7891}.skill-row.tier-bg.trained{border-left:3px solid #57a8ff}.skill-row.tier-bg.master{border-left:3px solid #c07cff}.skill-row.tier-bg.max{border-left:3px solid var(--gold)}.skill-batch{background:linear-gradient(#6ca8ff1a,#14182800);border:1px solid #6ca8ff47;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 8px;padding:10px 12px;display:flex}.skill-batch-info{flex:1;min-width:0;font-size:12.5px}.skill-batch .skill-plan{overflow-wrap:anywhere;max-width:100%;margin-top:3px;font-size:11px;line-height:1.35}.skill-batch button{white-space:nowrap}.world-filters{flex-wrap:wrap;gap:5px;margin:0 0 10px;display:flex}.wf-pill{color:#f4f7ffc7;cursor:pointer;background:#1418288c;border:1px solid #82a5e638;border-radius:999px;padding:5px 10px;font-size:11.5px;transition:background .12s,border-color .12s,color .12s}.wf-pill:hover{color:#fff;background:#283250b3;border-color:#8cb4ff8c}.wf-pill.on{color:#fff;background:linear-gradient(#5082e699,#3c5ab48c);border-color:#8cb4ffb3;box-shadow:0 0 10px #5082e666}.world-scroll{perspective:950px;perspective-origin:50% 35%;padding:16px 10px 28px;overflow-x:auto}.world{aspect-ratio:5/3;width:100%;min-width:540px;transform-style:preserve-3d;background:radial-gradient(at 50% 20%,#5fd47a24,#0000 70%),linear-gradient(#181e32f5,#0c101afa);border:1.5px solid #82a5dc52;border-radius:16px;margin-top:6px;transition:transform .35s cubic-bezier(.2,.9,.3,1);position:relative;transform:rotateX(20deg)rotate(-1deg);box-shadow:0 22px 42px #000000bf,inset 0 1px #ffffff2e,inset 0 -4px #00000080}.world:hover{transform:rotateX(15deg)rotate(0)}.world svg{filter:drop-shadow(0 4px 6px #00000080);width:100%;height:100%;position:absolute;inset:0}.world .node{text-align:center;border:2px solid var(--ink);width:19%;transform-style:preserve-3d;background:linear-gradient(#374164,#1a1e2e);border-radius:11px;padding:7px 5px;font-size:12px;line-height:1.25;transition:transform .18s,box-shadow .18s,border-color .18s;position:absolute;transform:translate(-50%,-50%)translateZ(14px);box-shadow:inset 0 1px #fff3,0 8px 18px #0009,0 2px 4px #0006}.world .node:hover{border-color:var(--gold);transform:translate(-50%,-56%)translateZ(28px)scale(1.06);box-shadow:inset 0 1px #ffffff59,0 16px 28px #000000b3,0 0 16px #ffcf5a66}.world .node small{font-size:11px;display:block}.world .node.here{box-shadow:inset 0 0 0 2px var(--gold), 0 0 18px #ffcf5aa6, 0 10px 20px #0009;transform:translate(-50%,-50%)translateZ(18px)}.world .node.fit small{color:#b9f6ca}.world .node.hard small{color:#ff8f84}.world .node.easy small{color:#b0bec5}.world .node.unknown{opacity:.45;border-style:dashed}.legend{flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;display:flex}.legend .fit{color:#b9f6ca}.legend .hard{color:#ff8f84}.legend .easy{color:#b0bec5}button.danger{background:linear-gradient(#ff5a4a,#a3140c);animation:.8s infinite alternate pulse}[data-refine]{flex-shrink:0;width:108px;padding:6px 4px;font-size:13px;line-height:1.2}.smith-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:8px;display:grid}.smith-tabs button{overflow-wrap:anywhere;color:#2b1700;min-width:0;text-shadow:none;background:linear-gradient(#ffd873,#e3921b);border-radius:11px;flex-direction:column;align-items:center;gap:1px;padding:5px 2px 6px;font-size:12px;font-weight:600;line-height:1.15;display:flex}.smith-tabs button span{font-size:18px;line-height:1.2}.smith-tabs button.secondary{color:var(--muted);box-shadow:none;background:#ffffff0d;border-color:#262c44;font-weight:500}.smith-wallet{flex-wrap:wrap;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.smith-wallet>span{color:#ffe08a;border:1px solid var(--card-line);background:#00000047;border-radius:999px;padding:2px 12px}.smith-wallet .shards{color:#e6d2ff;border-color:#c894ff66}.smith-batch{background:linear-gradient(#ffcf5a1a,#14182800);border:1px solid #ffcf5a47;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 8px;padding:10px 12px;display:flex}.smith-batch-info{font-size:12.5px}.smith-batch-btns button{white-space:nowrap}.smith-row{position:relative}.smith-row>button,.smith-row .btn-col button{flex-shrink:0;width:108px;padding:6px 4px;font-size:13px;line-height:1.2}.smith-row .btn-col{flex-direction:column;flex-shrink:0;gap:5px;display:flex}.smith-row.maxed,.smith-row.ready{background:linear-gradient(90deg, #ffcf5a1a, var(--card));border-color:#ffcf5a80}.star-row{letter-spacing:1px;color:var(--gold);text-shadow:0 0 6px #ffb41ea6,0 1px #000;white-space:nowrap;font-size:15px}.star-row i{color:#4a5578;text-shadow:none;font-style:normal}.stars{color:var(--gold);letter-spacing:-1px;white-space:nowrap;text-shadow:0 0 5px #ffaa00bf}.stars.s5{animation:1.8s ease-in-out infinite star-shine}.stat-diff{color:var(--muted);flex-wrap:wrap;gap:2px 10px;margin:3px 0;font-size:12px;display:flex}.stat-diff b{color:#8ee6a0}.have{color:#d6dbea}.short{color:#ff8f84;font-weight:600}.evolve-to{background:#ffcf5a12;border:1px dashed #ffcf5a61;border-radius:10px;align-items:center;gap:8px;margin:6px 0 4px;padding:5px 8px;font-size:13px;display:flex}.shop-row .evolve-to img{width:28px;height:28px}.evolve-to .arrow{color:var(--gold);font-weight:700}.book-lines button small{opacity:.8;font-size:11px}.book-row{background:var(--card);border:1px solid var(--card-line);border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.book-row img{box-sizing:content-box;image-rendering:auto;border:1px solid var(--ink);background:radial-gradient(circle at 50% 35%,#2e3550,#141827);border-radius:9px;flex:none;width:36px;height:36px;padding:2px}.book-row .grow{flex:1;min-width:0}.book-row.owned{box-shadow:inset 3px 0 0 var(--gold);background:linear-gradient(90deg,#ffcf5a21,#ffffff08);border-color:#ffcf5a99}.book-row.locked:not(.owned) img{filter:grayscale(.7)brightness(.8)}.book-name{font-size:14px;font-weight:600}.book-row .atk{color:#fff}.book-row .dim{color:#8d94ab;font-size:11px}.book-src{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.src{border:1px solid;border-radius:999px;padding:1px 8px;font-size:11px}.src.shop{color:#ffe7ad;background:#ffcf5a1a;border-color:#ffcf5a66}.src.drop{color:#d4e8ff;background:#7cc0ff1a;border-color:#7cc0ff59}.src.evo{color:#e6d2ff;background:#c894ff1a;border-color:#c894ff66}.tag.own{color:#b9f6ca;background:#5fd47a29;border-color:#5fd47a73}.flash{animation:smith-flash 1.4s ease-out var(--flash-delay,0s)}.smith-row.flash:after{content:"✨";pointer-events:none;opacity:0;animation:sparkle 1.4s ease-out var(--flash-delay,0s);font-size:20px;position:absolute;top:2px;right:12px}.toast.celebrate{color:#2b1700;border:2px solid var(--ink);background:linear-gradient(#ffe38c,#f0a81f);font-size:16px;font-weight:600;box-shadow:0 0 18px #ffc42899,0 6px 16px #00000073}.toast.warn{color:#fff5f0;background:linear-gradient(#d24a3a,#8a1d12);border:1px solid #ffc8b48c;font-size:14px;font-weight:600;box-shadow:0 0 14px #d24a3a8c,0 6px 16px #00000073}.sell-inputs{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.sell-inputs input{width:84px;padding:4px 8px;font-size:13px}#market-q{flex:1;min-width:0;padding:6px 10px;font-size:14px}.jobs{gap:10px;display:grid}.job{background:var(--card);border:1px solid var(--card-line);border-radius:12px;grid-template-columns:76px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.job .portrait{image-rendering:auto;background-color:#00000040;background-repeat:no-repeat;border-radius:10px;width:76px;height:76px}.job h4{margin:0 0 2px;font-size:16px}#dialog[data-kind=faculty] .dialog-panel{width:min(900px,100vw - 24px)}body:has(#dialog[data-kind=faculty]:not([hidden])) #toasts{top:4px}body:has(#dialog[data-kind=faculty]:not([hidden])) #toasts .toast{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 24px);padding:5px 12px;font-size:12px;overflow:hidden}body:has(#dialog[data-kind=faculty]:not([hidden])) #toasts .toast:not(:last-child){display:none}.faculty-tree-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.faculty-tree-heading h3{margin:2px 0 0!important;font-size:18px!important}.faculty-tree-heading h3:after{display:none}.class-route-label{color:#b8c7e8;font-size:11px}.faculty-tree-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.faculty-tree-tabs button{min-width:0;min-height:40px;padding:7px 4px;font-size:13px}.faculty-tree-tabs button.active{border-color:var(--gold);color:var(--gold);background:#393444;box-shadow:inset 0 0 0 1px #d8ad48}.class1-node{background:linear-gradient(145deg,#383341,#232b40);border:1px solid #9a824e;border-radius:12px;align-items:center;gap:12px;max-width:460px;margin:0 auto;padding:12px 16px;display:flex}.class1-node .portrait{background:#172136;border-radius:8px;flex:none;width:52px;height:52px}.class1-node .grow{flex:1;min-width:0}.class1-node h4{color:var(--gold);margin:0;font-size:18px}.class1-node button{flex:none;font-size:12px}.class2-rule{text-align:center;color:#d5ddef;font-size:12px;margin:10px 0 0!important}.class2-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:28px;display:grid;position:relative}.class2-branches:before{content:"";border:1px solid #a78d54;border-bottom:0;border-radius:8px 8px 0 0;width:50%;height:15px;position:absolute;top:13px;left:25%}.class2-branches:after{content:"";border-left:1px solid #a78d54;height:13px;position:absolute;top:0;left:50%}.class2-card.job{background:linear-gradient(155deg,#303a53,#20283c);border-color:#667598;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:14px;display:flex}.class2-card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px #a58b46}.class2-card-head{align-items:center;gap:10px;min-width:0;display:flex}.class2-card-head>div{min-width:0}.class2-card-head .portrait{flex:none;width:56px;height:56px}.class2-card h4{color:#fff0bd;overflow-wrap:anywhere;font-size:18px}.class2-role{color:#9ed7f7;font-size:12px}.class2-card>p{color:#e0e6f1;min-height:38px;font-size:13px;margin:0!important}.class2-skill-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.class2-skill{align-items:center;gap:6px;min-width:0;font-size:11px;display:flex}.class2-skill img{image-rendering:auto;background:#152039;border-radius:6px;flex:none;width:28px;height:28px}.class2-skill span{overflow-wrap:anywhere;min-width:0}.class2-skill small{color:#b8c7df;font-size:10px;display:block}.class2-requirements{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.class2-requirements span{color:#ffd09a;background:#202334;border-radius:6px;padding:3px 8px;font-size:12px}.class2-requirements .met{color:#a5eac0;background:#1f3b36}.class2-reason{color:#d1d9e9;min-height:20px;font-size:12px}.class2-card>button{width:100%;min-height:40px}.class-lineage,.class3-branches{min-width:0}.class3-branches{gap:12px;display:grid}.class3-route{color:#c7b0ff;text-align:center;overflow-wrap:anywhere;padding:12px 4px;font-size:12px}.class3-card.job{background:linear-gradient(155deg,#383251,#24263d);border-color:#7860ad}.class3-portrait{object-fit:contain;background:#161d30;border-radius:10px}.class3-trial{overflow-wrap:anywhere;border-color:#7860ad;margin-top:14px;padding:14px}.class3-trial p{margin:6px 0}.class2-confirm{border-color:var(--gold);margin-top:12px;padding:16px}.class2-confirm button{min-height:40px;margin:4px 6px 0 0}.faculty-mastery-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.faculty-mastery-list .tb-row{flex-wrap:wrap;gap:8px;margin:0}.faculty-mastery-list .tb-row>.grow{flex-basis:180px}.faculty-mastery-list .tb-row button{margin-left:auto}@media (width<=540px){.faculty-tree-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.faculty-tree-heading{align-items:flex-start;gap:6px}.faculty-tree-heading h3{font-size:16px!important}.faculty-tree-heading>.tag{white-space:nowrap;font-size:10px}.class1-node{gap:8px;padding:10px}.class1-node h4{font-size:16px}.class1-node .tag{font-size:10px}.class2-branches{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:18px}.class2-branches:before{display:none}.class2-branches:after{height:18px}.class2-card>p{min-height:0}.faculty-mastery-list{grid-template-columns:minmax(0,1fr)}}.ctabs{border-bottom:1px solid #96aadc2e;flex-wrap:wrap;gap:4px;margin-bottom:10px;padding:0 0 10px;display:flex}.ctab,.itab{color:var(--text,#d8def0);cursor:pointer;background:#14182880;border:1px solid #96aadc38;border-radius:7px;flex:1;padding:8px 10px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.ctab:hover,.itab:hover{background:#323c648c}.ctab.on,.itab.on{color:#f4f7ff;background:linear-gradient(#5082e652,#3c5ab447);border-color:#8cb4ff8c;box-shadow:inset 0 0 0 1px #8cb4ff40}.itabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;padding:0 0 8px;display:flex}.itab{flex:none;padding:6px 8px;font-size:11.5px}.inv-search{align-items:center;gap:6px;margin:0 0 8px;display:flex}.inv-search input[type=search]{border:1px solid var(--card-line);color:var(--fg,#f4f7ff);appearance:none;background:#14182899;border-radius:7px;outline:none;flex:1;padding:6px 10px;font-size:12px}.inv-search input[type=search]::placeholder{color:#f4f7ff73}.inv-search input[type=search]:focus{background:#1e243cb3;border-color:#8cb4ff8c}.inv-search input[type=search]::-webkit-search-cancel-button{display:none}.inv-search button.secondary{padding:4px 8px;font-size:11px}.lv-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}@media (width<=520px){.lv-row{grid-template-columns:1fr}}.lv-card{background:#141a2c8c;border:1px solid #96aadc2e;border-radius:8px;padding:10px 12px}.lv-card .lv-title{color:#c8d7f0a6;letter-spacing:.4px;text-transform:uppercase;font-size:11px}.lv-card .lv-title .cls{color:#ffd074;font-weight:700}.lv-card .lv-big{letter-spacing:.3px;margin:4px 0 8px;font-size:22px;font-weight:800}.lv-card .lv-big .muted{color:#c8d7f080;font-size:12px;font-weight:500}.lv-card .bar{margin-top:6px}.lv-card .jlv-hint{color:#aadcffb3;margin-top:4px;font-size:10.5px}.points-line{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.points-line .has{color:#ffd074}.points-line .stat-auto{padding:3px 9px;font-size:11px}.slot-thumb{background:#080c1699;border:1px solid #96aadc29;border-radius:6px;flex:none;place-items:center;width:38px;height:38px;margin-right:8px;display:grid}.slot-thumb img{image-rendering:auto;width:32px;height:32px}.slot-thumb .empty-icon{border:1px dashed #96aadc40;border-radius:4px;width:22px;height:22px}.quest-head{margin-bottom:12px}.quest-title{color:var(--gold,#ffcf5a);margin-bottom:3px;font-size:17px;font-weight:700}.quest-goal{margin-bottom:12px}.quest-label{justify-content:space-between;align-items:baseline;margin-bottom:5px;font-size:13px;display:flex}.quest-label b{font-variant-numeric:tabular-nums}.quest-reward{background:#ffcf5a14;border:1px solid #ffcf5a47;border-radius:7px;align-items:baseline;gap:10px;margin-bottom:14px;padding:8px 12px;display:flex}.quest-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.quest-foot .big{padding:8px 20px;font-size:14px}.quest-chain-h{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:18px 0 8px;font-size:12px}.qc-list{margin:0;padding:0;list-style:none}.qc-row{background:#ffffff08;border:1px solid #ffffff0f;border-left:3px solid #ffffff1f;border-radius:8px;grid-template-columns:24px 1fr;align-items:start;gap:8px;margin-bottom:4px;padding:7px 8px;display:grid;position:relative}.qc-row.qc-active{border-left-color:var(--gold,#ffcf5a);background:#ffcf5a0f}.qc-row.qc-done{opacity:.6}.qc-row.qc-done .qc-title{text-decoration:line-through}.qc-bullet{text-align:center;font-size:14px;line-height:22px}.qc-title{font-size:13.5px;font-weight:600}.qc-meta{margin-top:2px;font-size:11.5px}.qc-bar{height:5px;margin-top:5px}#quest-tracker{-webkit-backdrop-filter:blur(4px);pointer-events:auto;background:#080a12c2;border:1px solid #ffcf5a47;border-radius:7px;align-items:center;gap:8px;max-width:320px;padding:5px 10px 5px 5px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}#quest-tracker[hidden]{display:none}.qt-open{cursor:pointer;background:#ffcf5a24;border:1px solid #ffcf5a4d;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;padding:0;font-size:16px;display:grid}.qt-open:hover{background:#ffcf5a42}.qt-main{cursor:pointer;border-radius:5px;flex:1;min-width:0;padding:2px 4px;transition:background .12s}.qt-main:hover{background:#ffcf5a1f}.qt-main:focus-visible{outline:2px solid var(--gold,#ffcf5a);outline-offset:1px;background:#ffcf5a1f}.qt-title{color:#ffe6ac;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:11.5px;font-weight:600;overflow:hidden}.qt-done{color:#10131c;background:var(--gold,#ffcf5a);border-radius:4px;flex:none;padding:2px 7px;font-size:10px;font-weight:700;animation:1.2s ease-in-out infinite qt-pulse}@keyframes qt-pulse{50%{opacity:.6}}body.quest-on #ping-fps{top:46px}body.quest-on #target-info{top:48px}.tier{color:var(--tier-c,inherit)}.tier.t1{--tier-c:#e8eef5}.tier.t2{--tier-c:#6ddf7a}.tier.t3{--tier-c:#57a8ff}.tier.t4{--tier-c:#c07cff}.tier.t5{--tier-c:#ffc53d;font-weight:600}.tier-filter{flex-wrap:wrap;gap:6px;margin:8px 0 12px;display:flex}.tier-f{color:var(--ink-dim,#b9c0d0);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;display:inline-flex}.tier-f:hover{background:#ffffff17}.tier-f.on{color:#10131c;background:#ffcf5a;border-color:#ffcf5a;font-weight:700}.tier-f .dot{background:var(--tier-c,#fff);border-radius:50%;width:8px;height:8px}.tier-f.t1{--tier-c:#e8eef5}.tier-f.t2{--tier-c:#6ddf7a}.tier-f.t3{--tier-c:#57a8ff}.tier-f.t4{--tier-c:#c07cff}.tier-f.t5{--tier-c:#ffc53d}.tier-f.on .dot{box-shadow:0 0 0 2px #00000059}.coats{flex-direction:column;gap:8px;display:flex}.coat-row{align-items:center;gap:8px;display:flex}.coat-row img{image-rendering:auto;flex:none;width:28px;height:28px}.coat-row .grow{flex:auto;min-width:0}.coat-name{font-size:12px}.coat-row button{flex:none;min-width:74px}.bar.coat-on i{background:linear-gradient(#b9f4f8 0%,#46c8dc 50%,#1c7e94 100%);box-shadow:inset 0 1px #fff6}.bar.coat-full i{background:linear-gradient(#fff0b8 0%,#ffc83d 50%,#b8810c 100%);box-shadow:inset 0 1px #fff6}.coat-warn{color:#ffca6a;margin-top:2px;font-size:11px}.aff-badge{margin-left:3px;font-weight:700}.aff-badge.aff-magic{color:#38bdf8;text-shadow:0 0 6px #38bdf873}.aff-badge.aff-rare{color:#c084fc;text-shadow:0 0 8px #c084fc8c}.aff-badge.aff-epic{color:#fbbf24;text-shadow:0 0 10px #fbbf24b3;animation:1.5s infinite alternate pulse}.affix-line{letter-spacing:.2px;margin-top:2px;font-size:11px;font-weight:500}.affix-line.aff-magic{color:#7dd3fc}.affix-line.aff-rare{color:#d8b4fe}.affix-line.aff-epic{color:#fde047;text-shadow:0 0 6px #fde04759}body:not(.has-touch) #vinput{display:none!important}#vinput{pointer-events:none;z-index:12;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;position:fixed;inset:0}#joystick{pointer-events:none;width:140px;height:140px;position:absolute;bottom:16px;left:16px}#joy-base{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#3c508252,#14182873 75%);border:2px solid #96b4e647;border-radius:50%;position:absolute;inset:14px;box-shadow:inset 0 0 24px #506eb440,0 4px 18px #00000073}#joy-stick{will-change:transform;pointer-events:none;background:radial-gradient(circle at 35% 30%,#cfd8ee,#6b7aa6 65%,#2f3854);border:2px solid #dce6ff73;border-radius:50%;width:56px;height:56px;margin-top:-28px;margin-left:-28px;transition:transform 40ms linear;position:absolute;top:50%;left:50%;box-shadow:inset 0 2px 4px #ffffff59,0 3px 10px #00000080}.vjoy-hint{letter-spacing:1px;color:#b4c8f08c;text-shadow:0 1px #000;pointer-events:none;font-size:9px;font-weight:700;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}#dpad{right:18px;bottom:calc(var(--actionbar-h,80px) + 16px);pointer-events:none;width:150px;height:150px;position:absolute}.dpad-btn{color:#dbe5ff;pointer-events:auto;touch-action:none;cursor:pointer;background:radial-gradient(circle at 50% 35%,#5a6ea08c,#1c2238a6 70%);border:1px solid #a0b9e64d;border-radius:14px;outline:none;place-items:center;width:50px;height:50px;margin:0;padding:0;font-size:18px;font-weight:700;line-height:1;transition:transform 50ms,background 50ms,box-shadow 50ms;display:grid;position:absolute;box-shadow:inset 0 1px #ffffff1a,0 3px 10px #00000073}.dpad-btn span{pointer-events:none;transform:translateY(-1px)}.dpad-btn.up{top:0;left:50px}.dpad-btn.down{bottom:0;left:50px}.dpad-btn.left{top:50px;left:0}.dpad-btn.right{top:50px;right:0}.dpad-btn.pressed,.dpad-btn:active{background:radial-gradient(circle at 50% 35%,#8cb4f0cc,#3c5aa0d9 70%);border-color:#dcebff99;transform:scale(.92);box-shadow:inset 0 2px 4px #ffffff4d,0 1px 4px #0006}@media (height<=540px){#dpad{width:130px;height:130px}.dpad-btn{width:44px;height:44px}.dpad-btn.up,.dpad-btn.down{left:43px}.dpad-btn.left,.dpad-btn.right{top:43px}}@media (width<=420px){#joystick{width:120px;height:120px;bottom:10px;left:10px}#joy-base{inset:12px}}.equip-slot.coming{opacity:.45}.equip-slot.coming .slot-thumb{border-style:dashed}.kit-sum{border:1px solid var(--card-line,#ffffff14);background:#ffffff08;border-radius:9px;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:10px;padding:7px 10px;font-size:12px;display:flex}.kit-count{font-weight:700}.kit-count.full{color:#6ddf7a}.kit-count.part{color:#ffcf5a}#journey{border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--edge), 0 4px 14px #00000073;background:linear-gradient(#2f3652f0,#141724f0);border-radius:12px;margin-top:8px;padding:8px 10px 10px}.journey-head{justify-content:space-between;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.journey-head b{color:var(--gold);font-variant-numeric:tabular-nums}.journey-bar{background:#00000073;border:1px solid #ffffff1a;border-radius:6px;height:9px;overflow:hidden}.journey-bar i{background:linear-gradient(90deg,#4fc3f7,#81c784);width:0;height:100%;transition:width .18s linear;display:block}#journey-cancel{width:100%;margin-top:7px;padding:5px;font-size:12px}.tb-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:9px;align-items:center;gap:8px;padding:7px 8px;display:flex}.tb-row+.tb-row{margin-top:5px}.tb-row.here{border-color:var(--gold);background:#ffcf5a14}.tb-row .tb-name{font-size:14px}.tb-row .tb-meta{font-size:11.5px}.tb-row button{flex-shrink:0;min-width:104px}.tb-row.locked{opacity:.55}.fit-tag.fit{color:#b9f6ca}.fit-tag.hard{color:#ff8f84}.fit-tag.easy{color:#b0bec5}.tb-warn{color:#ffca6a}.tb-token{color:#ffd54f}.winbike-home{color:#2b1700;border:2px solid var(--ink);cursor:pointer;background:linear-gradient(#ffe38c,#e59a19);border-radius:10px;width:100%;margin:0 0 10px;padding:9px 12px;font-size:14px;font-weight:600;transition:transform 60ms,box-shadow .12s;display:block;box-shadow:0 2px #00000059}.winbike-home:hover{box-shadow:0 0 14px #ffc53d73,0 2px #00000059}.winbike-home:active{transform:translateY(1px)}.tb-svc{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.tb-svc span{color:#c8d2e0;background:#ffffff0f;border-radius:5px;padding:1px 5px;font-size:10.5px}.world .node.go{cursor:pointer}.world .node.go:hover{border-color:var(--gold)}.world .node.busy{opacity:.5;pointer-events:none}.skill-row.foreign{opacity:.62}.skill-row.foreign .skill-lv{color:var(--gold)}.skill-row .tag{vertical-align:middle;margin-left:4px;padding:1px 5px;font-size:10px}.keep-box{cursor:pointer;color:#c8d2e0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:7px;flex-shrink:0;align-items:center;gap:4px;padding:3px 7px;font-size:11.5px;display:inline-flex}.keep-box:hover{border-color:var(--gold);color:#fff}.keep-box input{accent-color:#4fc3f7;cursor:pointer;margin:0}.filter-block{margin:6px 0 2px}.filter-block .filt-sell{color:#ffca6a;max-height:5.5em;margin:2px 0 4px;font-size:11.5px;line-height:1.5;overflow-y:auto}.radius-block{margin:8px 0 2px}.radius-head{margin-bottom:5px;font-size:13px}.radius-btns{flex-wrap:wrap;gap:6px;margin-bottom:5px;display:flex}.radius-btns button{flex:1 1 0;min-width:66px;padding:6px 4px;font-size:12.5px}.radius-btns button.on{color:#06222e;background:linear-gradient(#4fc3f7,#1b7fb8);font-weight:700}#world-notices{flex-direction:column;gap:6px;width:172px;max-width:100%;display:flex}#world-notices:has(>button:not([hidden])){padding-top:2px}#world-notices>button{width:100%;margin-top:0}@media (width<=640px){#world-notices{width:120px}#world-notices>button{padding:5px 7px;font-size:10px}}#daily-chip{text-align:left;cursor:pointer;border:2px solid var(--gold);color:#ffe6a8;background:linear-gradient(#4a3a1f,#241c10);border-radius:10px;margin-top:8px;padding:7px 11px;font-size:12.5px;line-height:1.35;transition:opacity .6s,transform .6s,box-shadow .6s;display:block;box-shadow:0 3px 12px #00000080}#daily-chip.ready{animation:1.4s ease-in-out infinite alternate dailyGlow}#daily-chip.faded{opacity:.35;transform:translateY(2px);box-shadow:0 1px 4px #0000004d}#daily-chip.faded.ready{opacity:.65}#daily-chip.faded:hover,#daily-chip.faded:focus-visible{opacity:1;transform:translateY(0)}#daily-chip.faded:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@keyframes dailyGlow{0%{box-shadow:0 3px 12px #00000080}to{box-shadow:0 3px 18px #ffcf5a99}}#raid-chip{text-align:left;cursor:pointer;color:#ffd0c8;background:linear-gradient(#4a1f1f,#2a1010);border:2px solid #ff8f84;border-radius:10px;margin-top:6px;padding:7px 11px;font-size:12.5px;line-height:1.35;transition:opacity .6s,transform .6s,box-shadow .6s;display:block;box-shadow:0 3px 12px #00000080}#raid-chip.ready{animation:1.1s ease-in-out infinite alternate raidGlow}#raid-chip.recap{border-color:var(--gold);color:#ffe6a8;background:linear-gradient(#4a3a1f,#241c10)}@keyframes raidGlow{0%{box-shadow:0 3px 12px #00000080}to{box-shadow:0 3px 22px #ff8f84b3}}#mount-chip{text-align:left;cursor:pointer;color:#d6e6ff;font-size:12.5px;line-height:1.35;font:inherit;background:linear-gradient(#1f3040,#101822);border:2px solid #84b6ff;border-radius:10px;margin-top:6px;padding:7px 11px;font-size:12.5px;display:block;box-shadow:0 3px 12px #00000080}#mount-chip[hidden]{display:none}#mount-chip:hover{filter:brightness(1.15)}.raid-head{align-items:center;gap:10px;margin:4px 0 8px;display:flex}.raid-portrait{image-rendering:auto;background:#1a1410;border:2px solid #ff8f84;border-radius:8px;width:56px;height:56px}.raid-name{color:#ffe6e0;font-size:15px;font-weight:600}.raid-meta{margin-top:2px;font-size:11.5px}.raid-bars{margin:6px 0 10px}.raid-hp{position:relative}.raid-hp i{background:linear-gradient(90deg,#ff6457,#ff8f84)}.raid-hp span{color:#fff;text-shadow:0 1px 2px #0009;justify-content:center;align-items:center;font-size:11.5px;font-weight:500;display:flex;position:absolute;inset:0}.raid-your{background:#ffcf5a14;border:1px solid #ffcf5a40;border-radius:8px;margin-bottom:8px;padding:6px 9px;font-size:12.5px}.raid-warp{border:2px solid var(--gold);color:#ffe6a8;cursor:pointer;background:linear-gradient(#5a4a2a,#2a2010);border-radius:9px;width:100%;margin:4px 0 8px;padding:7px 10px;font-size:12.5px;font-weight:600;display:block}.raid-warp:hover{background:linear-gradient(#6a5a3a,#3a2a15)}.raid-section{color:var(--gold);margin:10px 0 6px;font-size:13px}.raid-board{border-collapse:collapse;width:100%;font-size:12px}.raid-board th,.raid-board td{text-align:left;border-bottom:1px solid #ffcf5a1a;padding:4px 6px}.raid-board th{color:#ffe6a8;font-size:11px;font-weight:500}.raid-board tr.me{background:#ffcf5a26}.raid-board tr.me td{color:#fff;font-weight:600}.mount-grid{flex-direction:column;gap:6px;margin:8px 0 4px;display:flex}.mount-tile{background:linear-gradient(#1c2434,#0e1320);border:1.5px solid #2a3a52;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;display:flex}.mount-tile.active{border-color:var(--gold);background:linear-gradient(#2a2210,#1a1408)}.mount-tile.locked{opacity:.65;filter:grayscale(.3)}.mount-emoji{text-align:center;width:38px;font-size:26px;line-height:1}.mount-info{flex:1;min-width:0}.mount-name{color:#fff;font-size:14px;font-weight:600}.mount-info .small{font-size:11.5px}.mount-action .btn,.mount-action .btn-ghost{font:inherit;cursor:pointer;border-radius:7px;padding:5px 12px;font-size:12px}.mount-action .btn{color:#d6e6ff;background:linear-gradient(#4a5a7a,#2a3a52);border:1px solid #84b6ff}.mount-action .btn:hover{filter:brightness(1.2)}.mount-action .btn-ghost{color:#ffd0c8;background:0 0;border:1px solid #ff8f84}.mount-tile .chip{background:var(--gold);color:#1a1408;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10.5px;font-weight:500;display:inline-block}.daily-grid{grid-template-columns:repeat(6,1fr);gap:5px;margin:8px 0;display:grid}.daily-cell{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:7px;padding:5px 3px;font-size:10.5px;line-height:1.25}.daily-cell b{font-size:12px;display:block}.daily-cell.special{border-color:var(--gold);background:#ffcf5a1a}.daily-cell.current{background:#4fc3f724;border-color:#4fc3f7}.daily-cell.claimed{opacity:.45}.daily-quest{background:#4fc3f714;border:1px solid #4fc3f740;border-radius:10px;margin-top:10px;padding:9px 10px}.daily-quest .dq-bar{background:#0006;border-radius:5px;height:7px;margin:5px 0;overflow:hidden}.daily-quest .dq-bar i{background:linear-gradient(90deg,#4fc3f7,#81c784);height:100%;display:block}.wbar{margin-top:5px}.wbar-row{color:#9aa4b8;justify-content:space-between;margin-bottom:2px;font-size:11px;display:flex}.wbar-row span:last-child{font-variant-numeric:tabular-nums}.wbar-track{background:#00000073;border:1px solid #ffffff14;border-radius:5px;height:7px;overflow:hidden}.wbar-track i{background:linear-gradient(90deg,#5c9d6b,#81c784);width:0;height:100%;transition:width .25s;display:block}.wbar.near .wbar-track i{background:linear-gradient(90deg,#c9a227,#ffcf5a)}.wbar.over .wbar-track i{background:linear-gradient(90deg,#c0392b,#ff6b5a)}.wbar.over .wbar-row{color:#ff8f84;font-weight:700}.wbar.over{animation:1.1s ease-in-out infinite alternate wbarPulse}@keyframes wbarPulse{0%{opacity:1}to{opacity:.68}}.fusion-head{background:#ff8a4c1a;border:1px solid #ff8a4c59;border-radius:8px;align-items:center;gap:10px;margin:12px 0 6px;padding:10px;display:flex}.fusion-head img{image-rendering:auto;width:32px;height:32px}.fodder-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:4px 0 6px;font-size:12px;display:flex}.fodder-toolbar .muted{margin:0}.fusion-stash{color:#cfd6e4;background:#00000047;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;font-size:12px;display:flex}.fusion-stash button{margin-left:auto}.fusion-summary{background:#0c0e14f0;border:1px solid #ffffff1f;border-radius:8px;gap:8px;margin-top:12px;padding:10px;display:grid;position:sticky;bottom:0}.fusion-summary button{width:100%}.fusion-summary .warn{margin:0}.wear-bar{background:#00000073;border:1px solid #ffffff12;border-radius:4px;height:6px;margin:4px 0 3px;overflow:hidden}.wear-bar i{background:linear-gradient(90deg,#4a7f59,#81c784);height:100%;transition:width .3s;display:block}.wear-bar.warn i{background:linear-gradient(90deg,#b8912a,#ffcf5a)}.wear-bar.broken{border-color:#c0392b}.wear-bar.broken i{background:#c0392b}.wear-row.broken{background:#c0392b1a}.wear-bad{color:#ff8f84}.wear-warn{color:#ffd166}.wear-note{color:#8b94a8;margin-top:-1px;font-size:10px}.wear-note.warn{color:#ffd166}.wear-note.broken{color:#ff8f84;font-weight:700}.slot.toggle.pvp.on{background:#ff525238;border-color:#ff5252}.slot.toggle.pvp.on .label{color:#ff8a80;font-weight:700}.slot.toggle.pvp.safe{background:#4dd0e12e;border-color:#4dd0e1}.slot.toggle.pvp.safe .label{color:#80deea}.login-stage{background:linear-gradient(145deg,#101422eb,#1c2238e0);border:1px solid #ffd76447;border-radius:12px;align-items:stretch;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex;box-shadow:inset 0 0 22px #00000073}.login-stage-card{background:radial-gradient(circle at 50% 62%,#5ce1e638,#0a0c16d9 72%);border:1px solid #78beff47;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:112px;min-width:112px;padding:6px 4px 4px;display:flex;position:relative}#login-preview-canvas{image-rendering:auto;filter:drop-shadow(0 4px 8px #000000b3);width:84px;height:84px}.stage-rot{color:#e2e8f0;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:6px;padding:2px 6px;font-size:10px;position:absolute;top:4px;right:4px}.stage-rot:hover{color:#fff;background:#ffd74040}.stage-cap{color:#ffe082;text-align:center;margin-top:2px;font-size:10px;font-weight:600;line-height:1.2}.login-stage-controls{text-align:left;flex-direction:column;flex:1;justify-content:center;gap:6px;display:flex}.stage-label{color:#94a3b8;font-size:11px;font-weight:600}.cls-tabs{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.cls-tab{color:#cbd5e1;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:7px;padding:5px 6px;font-size:11px;font-weight:600;transition:all .14s}.cls-tab:hover{color:#fff;background:#ffffff24}.cls-tab.active{color:#ffe082;background:linear-gradient(135deg,#ffc10747,#ff6f0052);border-color:#ffd54f;box-shadow:0 0 10px #ffc10747}.tint-swatches{align-items:center;gap:7px;padding-top:2px;display:flex}.swatch{background:var(--sw,#fff);cursor:pointer;border:2px solid #ffffff59;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .14s,box-shadow .14s}.swatch:hover{transform:scale(1.14)}.swatch.active{box-shadow:0 0 0 2px #ffd74073, 0 0 10px var(--sw,#fff);border-color:#ffd740;transform:scale(1.16)}.login-panel{text-align:center;grid-template-columns:1.1fr .9fr;align-items:start;gap:20px;width:min(820px,100%);max-width:100%;padding:20px 22px 18px;animation:.3s ease-out pop;display:grid;position:relative}.login-col-form{text-align:center}.login-col-helper{text-align:left;background:linear-gradient(165deg,#141828d9,#0c0f1aeb);border:1.5px solid #7e8ec447;border-radius:12px;align-self:stretch;padding:14px 16px 12px;position:relative}.login-col-helper:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.6;height:1px;position:absolute;top:0;left:14px;right:14px}.login-col-helper h3{color:var(--gold);letter-spacing:.3px;align-items:center;gap:6px;margin:4px 0 6px;font-size:13px;font-weight:600;display:flex}.login-col-helper h3:not(:first-child){margin-top:12px}.login-helper-steps,.login-hotkeys{color:#c8d2e0;margin:0;padding-left:18px;font-size:12.5px;line-height:1.7}.login-helper-steps li::marker{color:var(--gold);font-weight:700}.login-helper-steps li b{color:#ffe7ad;font-weight:600}.login-hotkeys{gap:4px;padding-left:0;list-style:none;display:grid}.login-hotkeys li{align-items:center;gap:8px;display:flex}.login-hotkeys kbd{min-width:26px;font:600 11px var(--font,sans-serif);text-align:center;color:#2b1700;border:1.5px solid var(--ink);box-shadow:0 1px 0 var(--ink);background:linear-gradient(#ffe38c,#e59a19);border-radius:5px;padding:1px 6px;display:inline-block}.login-class-preview{color:var(--muted);background:#00000047;border:1px solid #ffffff0f;border-radius:7px;margin-top:10px;padding:6px 8px;font-size:11.5px;line-height:1.4}.login-class-preview b{color:var(--gold);margin-bottom:2px;display:block}.login-class-preview .cls-tip{display:none}.login-class-preview .cls-tip.active{display:block}.login-tabs{border:1.5px solid var(--ink);background:#0006;border-radius:10px;gap:4px;margin:0 0 10px;padding:3px;display:flex}.login-tab{color:var(--muted);box-shadow:none;text-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:6px 8px;font-size:12px;font-weight:600;transition:all .15s}.login-tab:hover{color:#fff;filter:none;background:#ffffff0f}.login-tab.active{color:#2b1700;text-shadow:none;box-shadow:0 1px 0 var(--ink);background:linear-gradient(#ffd873,#e3921b)}.login-tab:focus-visible{outline:2px solid var(--gold);outline-offset:1px}body.login-mode-create .login-only-existing,body.login-mode-existing .login-only-create{display:none}.login-panel .logo-top{letter-spacing:3px;font-size:18px}.login-panel .logo-main{letter-spacing:3px;font-size:42px}.login-panel .logo-sub{margin-top:5px;padding:1px 12px;font-size:13px}.login-panel .sub{color:var(--muted);margin:6px 0 10px;font-size:12.5px}.login-existing-hint{color:#d4e8ff;text-align:left;background:#7cc0ff1a;border:1px solid #7cc0ff52;border-radius:9px;margin:6px 0 4px;padding:10px 12px;font-size:13px;line-height:1.5}.login-existing-hint b{color:var(--gold)}.existing-list{text-align:left;max-height:220px;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.existing-list li{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:7px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 10px;font-size:13px;display:flex}.existing-list li:hover{border-color:var(--gold);background:#ffcf5a14}.existing-list li b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.existing-list li .ex-lv{color:var(--muted);font-size:11px}.existing-list li .ex-cls{color:#d4e8ff;background:#7cc0ff24;border:1px solid #7cc0ff59;border-radius:999px;padding:1px 6px;font-size:11px}.existing-list .empty{text-align:center;color:var(--muted);cursor:default;padding:18px}.existing-list .empty:hover{background:#ffffff0a;border-color:#ffffff12}.login-options-row{justify-content:center;align-items:center;margin:6px 0 8px;display:flex}.login-depth25-label{cursor:pointer;color:#ffe7ad;-webkit-user-select:none;user-select:none;background:#ffcf5a14;border:1px solid #ffcf5a47;border-radius:20px;align-items:center;gap:8px;padding:4px 14px;font-size:13px;transition:all .18s;display:inline-flex}.login-depth25-label:hover{border-color:var(--gold);background:#ffcf5a29}.login-depth25-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold);cursor:pointer;margin:0}.login-depth25-label small{color:var(--muted);font-size:11px}@media (width<=720px){.login-panel{grid-template-columns:1fr;padding:16px 14px}.login-col-helper{order:-1}.login-panel .logo-main{font-size:36px}.login-panel .logo-top{font-size:16px}}#mvp-boss-bar{z-index:35;pointer-events:none;background:linear-gradient(#200812f0,#12060cf0);border:1.5px solid #ff5252;border-radius:11px;width:min(440px,68vw);padding:7px 12px 9px;position:fixed;top:40px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #ff17446b,inset 0 0 14px #ff525233}.mvp-head{align-items:center;gap:8px;margin-bottom:5px;font-size:13px;display:flex}.mvp-badge{color:#fff;letter-spacing:.6px;background:linear-gradient(90deg,#d50000,#ff6d00);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800;box-shadow:0 0 10px #ff1744a6}#mvp-name{color:#ffe082;text-shadow:0 1px 2px #000;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:800;overflow:hidden}.mvp-lv{color:#ff8a80;font-size:11px;font-weight:700}.mvp-track{background:#000000b8;border:1px solid #ffffff2e;border-radius:999px;height:15px;position:relative;overflow:hidden}#mvp-fill{background:linear-gradient(90deg,#b71c1c,#ff1744 55%,#ff9100);width:100%;height:100%;transition:width .15s ease-out;display:block;box-shadow:0 0 12px #ff1744cc}#mvp-hp-text{color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;inset:0}#boss-cutin{z-index:80;pointer-events:none;justify-content:center;animation:2.8s cubic-bezier(.16,1,.3,1) forwards boss-cutin-anim;display:flex;position:fixed;top:22%;left:0;right:0}#boss-cutin[hidden]{display:none!important}.cutin-band{text-align:center;background:linear-gradient(90deg,#0000 0%,#b71c1ceb 20%,#23060ef5 50%,#b71c1ceb 80%,#0000 100%);border-top:2px solid #ffd740;border-bottom:2px solid #ffd740;flex-direction:column;align-items:center;gap:2px;width:100%;padding:12px 24px;display:flex;box-shadow:0 0 36px #ff1744bf}.cutin-warn{letter-spacing:3px;color:#ffd740;text-shadow:0 2px 4px #000;font-size:12px;font-weight:800}#cutin-boss-name{color:#fff;text-shadow:0 2px #b71c1c,0 0 18px #ffd740e6;font-size:24px;font-weight:900}@keyframes boss-cutin-anim{0%{opacity:0;transform:scaleY(.2)translateY(-10px)}14%{opacity:1;transform:scaleY(1.05)translateY(0)}22%{transform:scaleY(1)}82%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.15)}}.sound-pop{background:#0f1320f5;border:1px solid #ffd76459;border-radius:10px;flex-direction:column;gap:8px;min-width:210px;margin-top:6px;padding:10px 12px;display:flex;box-shadow:0 10px 26px #000000a6}.sound-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:8px;padding-bottom:4px;display:flex}.sound-track{color:#ffe082;font-size:11px;font-weight:700}.mini-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:6px;padding:2px 8px;font-size:10px}.mini-btn:hover{background:#ff525259}.sound-row{color:#cbd5e1;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.sound-row input[type=range]{accent-color:#ffd54f;cursor:pointer;width:105px}.world-boss-status{border-radius:999px;align-items:center;gap:4px;margin-top:3px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.world-boss-status.alive{color:#ff8a80;background:#ff17443d;border:1px solid #ff5252a6}.world-boss-status.dead{color:#cbd5e1;background:#94a3b82e;border:1px solid #94a3b866}.emote-pop{background:#0f1320f5;border:1px solid #ffd76459;border-radius:10px;width:224px;margin-top:6px;padding:10px;box-shadow:0 10px 26px #000000a6}.emote-head{color:#ffe082;border-bottom:1px solid #ffffff1a;margin-bottom:6px;padding-bottom:4px;font-size:11px;font-weight:700}.emote-grid{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.emote-btn{color:#e2e8f0;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:600;transition:transform .12s,background .12s;display:flex}.emote-btn b{font-size:15px}.emote-btn:hover{background:#ffd74038;border-color:#ffd54f;transform:translateY(-1px)}.party-invite,.party-hud{z-index:28;background:#0e1422eb;border:1px solid #69f0ae61;border-radius:10px;width:235px;padding:8px 10px;position:fixed;left:12px;box-shadow:0 6px 20px #0000008c}.party-invite{z-index:32;border-color:#ffd54f;top:196px}.party-hud{top:200px}.party-head{color:#69f0ae;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;font-size:11px;font-weight:700;display:flex}.party-member{cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:7px;margin-bottom:4px;padding:5px 6px;transition:border-color .12s,background .12s}.party-member:last-child{margin-bottom:0}.party-member:hover,.party-member.selected{background:#69f0ae24;border-color:#69f0ae8c}.pm-top{justify-content:space-between;align-items:center;margin-bottom:3px;font-size:11px;display:flex}.pm-name{color:#fff;font-weight:700}.pm-meta{color:#94a3b8;font-size:10px}.pm-actions{justify-content:space-between;align-items:center;gap:6px;margin-top:2px;display:flex}.pm-btns{gap:4px;display:inline-flex}.pm-act{color:#e6ecff;cursor:pointer;background:#0006;border:1px solid #ffffff2e;border-radius:5px;width:22px;height:22px;padding:0;font-size:11px;line-height:1}.pm-act:hover{background:#5082e673;border-color:#8cb4ff99}.party-member.me{border-left:3px solid var(--gold)}.pm-hp-track{background:#000000a6;border-radius:999px;height:5px;overflow:hidden}.pm-hp-fill{background:linear-gradient(90deg,#00c853,#69f0ae);height:100%;transition:width .15s;display:block}.t-actions{gap:5px;margin-top:5px;display:flex}.t-actions button{cursor:pointer;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700}.inspect-head{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:10px;display:flex}.inspect-head canvas{image-rendering:auto;background:#00000059;border:1px solid #ffd74059;border-radius:8px;flex:none;width:64px;height:64px}.inspect-id{min-width:0}.inspect-name{color:var(--accent);font-size:16px;font-weight:700}.inspect-class{color:#b2ebf2;margin-top:2px;font-size:12px}.inspect-section{color:var(--muted);margin:6px 0;font-size:12px}.inspect-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.diff-pos{color:#69f0ae;font-weight:600}.diff-neg{color:#ff7676;font-weight:600}.inspect-equip-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.inspect-slot{background:#00000059;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:flex}.inspect-slot img{image-rendering:auto;width:26px;height:26px}.tw-hero{border:1px solid var(--card-line);background:linear-gradient(90deg,#c894ff1f,#ffffff08);border-radius:12px;align-items:stretch;gap:14px;margin-bottom:4px;padding:10px 12px;display:flex}.tw-face{box-shadow:inset 0 0 0 2px var(--gold-d);background:#00000059;border:1px solid #ffcf5a40;border-radius:8px;flex:0 0 64px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.tw-face canvas{image-rendering:auto;width:64px;height:64px}.tw-heromain{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}#dialog-body .tw-quote{color:var(--muted);margin:0 0 6px;font-size:13px;font-style:italic}.tw-best{align-items:baseline;gap:8px;font-size:13px;display:flex}.tw-best b{color:var(--gold,#ffcf5a);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.tw-prog{border:2px solid var(--ink);background:#ffffff12;border-radius:4px;height:8px;margin-top:5px;overflow:hidden}.tw-prog i{background:linear-gradient(90deg,#ffcf5a,#ff8a4d);border-radius:999px;height:100%;transition:width .3s;display:block}#dialog-body h3 .muted{color:var(--muted);font-size:12px;font-weight:400}.tw-starts{flex-wrap:wrap;gap:8px;display:flex}.tw-start{min-width:84px;color:inherit;font-size:14px;line-height:1.2;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffcf5a33;border-radius:8px;flex-direction:column;align-items:center;padding:8px 14px;transition:background .15s,border-color .15s,transform .1s;display:flex}.tw-start small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:400}.tw-start.on{color:#2b1700;text-shadow:none;border-color:var(--gold,#ffcf5a);background:#ffcf5a2e}.tw-start.on small{color:#5a3b00}.tw-allies{flex-wrap:wrap;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:flex}.tw-ally{opacity:.62;filter:grayscale(.7);text-align:center;min-width:132px;color:inherit;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;transition:background .15s,border-color .15s,transform .1s;display:flex;position:relative}.tw-ally canvas{border:2px solid var(--ink);image-rendering:auto;background:radial-gradient(circle at 50% 30%,#46507a,#161a29 75%);border-radius:6px;width:56px;height:56px}.tw-ally b{margin-top:6px;font-size:13px;line-height:1.2}.tw-ally small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:400;line-height:1.25}.tw-ally.on{opacity:1;filter:none;border-color:var(--gold,#ffcf5a);background:#ffcf5a1f;box-shadow:inset 0 0 0 2px #5fd47acc,0 0 12px #5fd47a4d,0 2px #0006}.tw-check{width:18px;height:18px;color:var(--gold,#ffcf5a);background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;place-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;top:6px;right:8px}.tw-ally.on .tw-check{background:var(--gold,#ffcf5a);color:#1a1a2e;border-color:var(--gold,#ffcf5a)}#dialog-body .tw-bonus{color:var(--muted);margin:8px 0 0;font-size:13px}.tw-bonus b{color:var(--gold,#ffcf5a)}.tw-top{counter-reset:tw;margin:0;padding:0;font-size:14px;list-style:none}.tw-top li{counter-increment:tw;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:10px;margin-bottom:4px;padding:6px 10px;font-size:13px;display:flex}.tw-top li:nth-child(odd){background:#ffffff0a}.tw-top li:before{content:counter(tw);text-align:right;width:22px;min-width:22px;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.tw-top li:first-child:before{content:"🥇";color:var(--gold,#ffcf5a);font-weight:700}.tw-top li:nth-child(2):before{content:"🥈";color:#c8d0dc}.tw-top li:nth-child(3):before{content:"🥉";color:#c08a5a}.tw-top li.none:before{content:""}.tw-top li.me{background:#ffcf5a14;border-color:#ffcf5a40}.tw-top .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tw-top b{color:var(--gold,#ffcf5a);font-variant-numeric:tabular-nums;font-size:13px}.tw-enter{width:100%;margin-top:4px;padding:12px;font-size:17px;display:block}#battle{z-index:12;pointer-events:none;-webkit-user-select:none;user-select:none;--spd:1;position:fixed;inset:0}body.in-battle #vignette,body.in-battle #death{display:none!important}#battle .emo{place-items:center;font-size:18px;line-height:1;display:inline-grid}.bt-top{align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;top:10px;left:10px;right:10px}.bt-floor{pointer-events:auto;white-space:nowrap;flex:1;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.bt-tname{color:var(--gold);text-shadow:0 1px #000;font-weight:700}.bt-fl b{color:var(--gold,#ffcf5a);font-size:19px}.bt-crown{font-size:14px;animation:1.2s ease-in-out infinite bob}.bt-round{color:var(--muted);margin-left:auto;margin-right:6px;font-size:13px;font-weight:500}.bt-round b{color:var(--gold,#ffcf5a)}#battle.boss .bt-floor{box-shadow:inset 0 0 0 1px #c894ffb3,0 0 16px #c894ff59,0 6px 18px #00000073}.bt-tools{pointer-events:auto;gap:4px;margin-left:auto;display:flex}.bt-chat{position:relative}.bt-unread{color:#fff;text-align:center;background:#ff4d4d;border:2px solid #0a0c13;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;display:inline-block;position:absolute;top:-6px;right:-6px}.tw-daily{color:var(--muted);margin:4px 0 10px;font-size:12.5px}.tw-daily b{color:var(--gold,#ffcf5a)}.bt-daily{color:#8eb6ff;background:#8fb2ff14;border:1px solid #8fb2ff40;border-radius:6px;margin-top:8px;padding:6px 10px;font-size:12px}.bt-daily.low{color:#ff9b6a;background:#ff9b6a14;border-color:#ff9b6a40}.bt-tool{font-weight:600;font:inherit;color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:3px;padding:4px 8px;font-size:12px;transition:background .12s,border-color .12s;display:flex}.bt-tool .bt-ico{width:22px;height:22px}.bt-tool.on{background:linear-gradient(#58c874,#25803f);box-shadow:inset 0 1px #ffffff59,0 0 12px #5fd47a8c,0 2px #0006}.bt-tool[data-auto].on .bt-ico{animation:3s linear infinite spin}.bt-giveup{color:#ff9b6a;background:linear-gradient(#7b3a3f,#4a1d22);border-color:#ff9b6a4d}.bt-ico{filter:drop-shadow(0 2px #00000080);object-fit:contain;image-rendering:auto;flex:none;width:24px;height:24px}.bt-banner{white-space:nowrap;pointer-events:none;text-shadow:0 2px #000;text-align:center;max-width:calc(100vw - 24px);color:var(--gold,#ffcf5a);background:#ffcf5a26;border:1px solid #ffcf5a59;border-radius:8px;align-items:center;gap:8px;margin:6px 8px 0;padding:8px 12px;font-size:13.5px;font-weight:600;animation:.25s ease-out btBannerIn;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.bt-banner.show{animation:bt-banner calc(1.1s / var(--spd)) ease-out forwards}.bt-banner span{text-overflow:ellipsis;overflow:hidden}.bt-banner small{color:#fff9;margin-top:2px;font-size:11.5px;font-weight:400;display:block}.bt-bico{object-fit:contain;image-rendering:auto;vertical-align:middle;flex:none;width:14px;height:14px}.bt-banner.foe{color:#ffb8b8;background:#ff767626;border-color:#ff767659}.bt-banner.ultimate{color:var(--gold);font-size:24px}.bt-banner.floor,.bt-banner.boss{color:var(--gold,#ffcf5a);background:#ffcf5a38;border-color:#ffcf5a80;padding:10px 40px;font-size:16px;top:30%}.bt-banner.floor.show,.bt-banner.boss.show{animation-duration:calc(1.6s / var(--spd))}.bt-banner.boss{color:var(--purple);border-color:#c894ffb3}.bt-bottom{grid-template-columns:1fr 1fr;gap:6px;padding:6px 8px 8px;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.bt-bottom>*{pointer-events:auto}.bt-cmd{flex-direction:column;gap:7px;height:180px;padding:8px 10px;display:flex;overflow:hidden}.bt-cmd.sub{opacity:.55}.bt-head{align-items:center;gap:8px;min-height:28px;margin-bottom:6px;font-size:13px;display:flex}.bt-head b{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--gold);font-size:15px;overflow:hidden}.bt-stepno{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.bt-back{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;flex:none;margin-left:auto;padding:3px 10px;font-size:12px}.bt-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;display:grid}.bt-cbtn{min-height:64px;color:inherit;font-size:15px;font:inherit;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px;transition:background .12s,border-color .12s,transform 80ms;display:flex;position:relative}.bt-cbtn .lb{white-space:nowrap;font-size:12.5px;font-weight:600}.bt-cbtn small{color:var(--muted);font-size:10.5px;font-weight:500;position:absolute;bottom:1px;right:7px}.bt-cbtn.ultimate:not(:disabled){color:#2b1700;text-shadow:none;background:linear-gradient(#ffd873,#e3921b);animation:1s ease-in-out infinite alternate bt-ult}.bt-cbtn.ultimate:not(:disabled) small{color:#5a3b00}.bt-cbtn.escape{background:linear-gradient(#394a5e,#1f2836)}#battle .sel{outline:2px solid var(--gold);outline-offset:1px;filter:brightness(1.15)}#battle button:focus-visible{outline:2px solid var(--gold)}.bt-log{color:var(--muted);flex-direction:column;flex:1;justify-content:flex-end;gap:3px;max-height:160px;padding:6px 4px;font-size:12.5px;line-height:1.55;display:flex;overflow-y:auto}.bt-log div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bt-log div:last-child{color:var(--text);font-weight:500}.bt-log div:last-child:before{content:"▸ ";color:var(--gold)}.bt-wait{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13px;display:flex}.bt-wait button{padding:5px 12px;font-size:13px}.bt-spin{border:2px solid #fff3;border-top-color:var(--gold,#ffcf5a);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite btSpin}.bt-grid.tgts{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;min-height:0;overflow-y:auto}.bt-tgt{text-align:left;background:linear-gradient(#4a2f3a,#2a1b22);border-radius:9px;flex-direction:column;align-items:center;gap:6px;min-height:0;padding:6px 8px;font-size:13px;display:flex}.bt-tgt.ally{background:linear-gradient(#2f4a3a,#1b2a22);border-color:#8fb2ff40}.bt-tgt .nm{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.bt-tgt .mini{background:#06080d;border-radius:999px;height:5px;overflow:hidden}.bt-tgt .mini i{background:var(--red);height:100%;display:block}.bt-tgt.ally .mini i{background:var(--green)}.bt-party{grid-template-columns:1fr;justify-content:center;gap:6px;padding:8px;display:grid}.bt-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;grid-template-columns:48px 1fr;align-items:center;gap:8px;min-width:0;padding:6px 8px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative}.bt-card.acting{background:linear-gradient(#ffcf5a2e,#ffffff08);border-color:#8fb2ffb3;box-shadow:0 0 0 1px #8fb2ff80,0 0 12px #8fb2ff33}.bt-card.dead{opacity:.45;filter:grayscale(.8)}.bt-card.hit{animation:.4s btHit}.bt-face{border:2px solid var(--ink);box-shadow:inset 0 0 0 2px var(--gold-d);background:radial-gradient(circle at 50% 30%,#46507a,#161a29 75%);border-radius:50%;flex:none;width:48px;height:48px;position:relative}.bt-face canvas{image-rendering:auto;border-radius:4px;width:48px;height:48px}.bt-lv{white-space:nowrap;border:2px solid var(--ink);color:var(--gold,#ffcf5a);background:#1a1a2e;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:700;line-height:14px;position:absolute;bottom:-2px;left:50%;right:-2px;transform:translate(-50%)}.bt-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bt-nm{text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:6px;font-size:15px;line-height:1.3;display:flex;overflow:hidden}.bt-g{border:2px solid var(--ink);background:#0000004d;border-radius:3px;align-items:center;height:12px;margin-top:4px;padding:0 5px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000b3}.bt-g i,.bt-g em{border-radius:999px;width:0;position:absolute;inset:0 auto 0 0}.bt-g i{background:linear-gradient(#ff7676 0%,#b32f2f 100%);transition:width .2s;position:absolute;top:0;bottom:0;left:0}.bt-g em{background:#0006;transition:width .6s;position:absolute;top:0;bottom:0;left:0}.bt-g.hp i{background:linear-gradient(#8ef0a3 0%,#34b75a 50%,#1b7a37 100%)}.bt-g.hp.low i{background:linear-gradient(#ff5a4a 0%,#a3140c 100%);animation:.8s ease-in-out infinite alternate btPulse}.bt-g.mp i{background:linear-gradient(#6d8cff 0%,#2a44a8 100%)}.bt-g.tp i{background:linear-gradient(#8fe5a1 0%,#2f8a4a 100%)}.bt-g.tp.full{box-shadow:0 0 8px #ffc428cc}.bt-g.tp.full i{background:linear-gradient(#ffe38c 0%,#f0a81f 100%);animation:.6s ease-in-out infinite alternate bt-tp}.bt-g>span{text-shadow:0 1px #000,0 0 3px #000;justify-content:space-between;align-items:center;height:100%;padding:0 6px;font-size:10px;font-weight:600;line-height:1;display:flex;position:relative}.bt-g small{opacity:.85;font-size:9px;font-weight:700}.bt-g2{grid-template-columns:1fr;gap:4px;display:flex}.bt-chips{flex-wrap:wrap;gap:3px;min-height:20px;margin-top:2px;display:flex}.bt-chip{background:#ffffff14;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:2px;padding:1px 4px;font-size:10px;line-height:18px;display:inline-flex}.bt-chip img,.bt-chip .emo{image-rendering:auto;width:16px;height:16px;font-size:11px}.bt-chip b{font-size:10px;font-weight:700}.bt-chip.good{color:#c1ffc7;background:#8fe5a12e;border-color:#5fd47a80}.bt-chip.bad{color:#ffc1c1;background:#ff76762e;border-color:#e5483a80}.bt-chip.ko{color:#ffb8b8;background:#ff767640;font-size:11px}.bt-pick{text-overflow:ellipsis;white-space:nowrap;max-width:70%;color:var(--gold,#ffcf5a);background:#1a3a26;border:1px solid #5fd47ab3;border-radius:999px;padding:0 8px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:4px;right:6px;overflow:hidden}.bt-list{left:10px;bottom:calc(var(--bt-bottom-h,180px) + 18px);width:min(430px,100vw - 20px);max-height:calc(100% - var(--bt-bottom-h,180px) - 84px);pointer-events:auto;flex-direction:column;grid-template-columns:1fr;gap:6px;padding:8px;animation:.14s ease-out pop;display:grid;position:absolute;overflow:hidden}.bt-lhead{background:linear-gradient(#ffcf5a21,#0000);border-bottom:1px solid #ffcf5a38;align-items:center;gap:8px;margin-bottom:6px;padding:9px 10px 8px 14px;font-size:13px;display:flex}.bt-lhead b{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;overflow:hidden}.bt-lhead span{white-space:nowrap;color:var(--muted);font-size:12px}.bt-lbody{flex-direction:column;gap:4px;max-height:280px;padding:8px;display:flex;overflow-y:auto}.bt-row{width:100%;box-shadow:none;text-shadow:none;text-align:left;color:inherit;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:5px;padding:6px 8px;font-size:12.5px;transition:background .12s,border-color .12s;display:flex}.bt-row:hover:not(:disabled){background:#ffcf5a1a;border-color:#ffcf5a4d}.bt-row img,.bt-row .emo{image-rendering:auto;background:radial-gradient(circle at 50% 35%,#2e3550,#141827);border-radius:8px;grid-row:span 2;width:34px;height:34px}.bt-row .nm{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.bt-row .nm small{color:var(--gold);font-size:11px}.bt-row .cost{color:var(--blue);grid-row:span 2;font-size:13px;font-weight:700}.bt-row .cost.poor{color:#ff8f84}.bt-row .ds{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;overflow:hidden}.bt-result,.bt-modal{pointer-events:auto;z-index:2;background:#05060a80;place-items:center;padding:16px;animation:.25s fade-in;display:grid;position:absolute;inset:0}.bt-modal{z-index:5;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.bt-top{z-index:3;align-items:center;gap:8px;padding:6px 10px;display:flex}.bt-rbox{text-align:center;width:min(430px,100%);max-height:calc(100% - 20px);padding:18px 18px 16px;animation:.35s ease-out bt-rpop;overflow-y:auto}.bt-rtitle{letter-spacing:2px;color:#fff4b8;text-shadow:0 3px 0 #b8801c, 0 5px 0 var(--ink), 0 0 22px #ffc428cc;font-size:46px;font-weight:700;line-height:1.1}.defeat .bt-rtitle{color:#ff6b5e;text-shadow:0 3px 0 #5a0f08, 0 5px 0 var(--ink), 0 0 22px #ff3c2899}.escaped .bt-rtitle{color:var(--blue);text-shadow:0 3px 0 #1c4a78, 0 5px 0 var(--ink)}.bt-rsub{color:var(--muted);margin:6px 0 12px;font-size:15px}.bt-rbox p{margin:0 0 12px}.bt-rw{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;margin-bottom:10px;display:flex}.bt-rw div{background:var(--card);border:1px solid var(--card-line);border-radius:11px;flex-direction:column;padding:8px;display:flex}.bt-rw small{color:var(--muted);font-size:11px}.bt-rw b{color:var(--gold,#ffcf5a);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.bt-rw .xp b{color:var(--blue)}.bt-rw .baht b{color:#ffd86b}.bt-lvup{color:var(--gold);text-shadow:0 0 10px #ffc42899;margin-bottom:10px;font-size:16px;font-weight:700;animation:1s ease-in-out infinite bob}.bt-loot{flex-flow:column wrap;justify-content:center;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.bt-loot li{border:1px solid var(--card-line);background:#ffffff0a;border-radius:5px;padding:5px 10px;font-size:12.5px}.bt-loot li.card{color:var(--purple);border-color:#c894ff80 #c894ff80 #c894ff80 #57a8ff;border-left-style:solid;border-left-width:3px}.bt-loot li.rare{color:var(--gold,#ffcf5a);border-color:#ffcf5a80}.bt-cp{color:#b9f6ca;background:#ffcf5a14;border:1px solid #ffcf5a40;border-radius:6px;margin:10px 0;padding:8px 10px;font-size:12.5px;font-weight:600}.bt-ract{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.bt-ract button{flex:1;min-width:140px;padding:10px 14px;font-size:15px}.bt-mbox{text-align:center;width:min(360px,100%);padding:16px 18px;animation:.16s ease-out pop}.bt-mbox h3{color:var(--gold);margin:0 0 8px;font-size:18px}.bt-mbox p{margin:0 0 14px;font-size:14px}.bt-mact{gap:8px;display:flex}.bt-mact button{flex:1}@keyframes bt-banner{0%{opacity:0;transform:translate(-50%)scale(.7)}14%{opacity:1;transform:translate(-50%)scale(1.06)}22%,80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)}}@keyframes bt-hit{0%,to{transform:none}20%{background:#e5483a59;transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}@keyframes bt-tp{to{filter:brightness(1.45)}}@keyframes bt-ult{to{box-shadow:inset 0 1px #ffffff59,0 0 16px 3px #ffc428b3}}@keyframes bt-rpop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.04)}to{opacity:1;transform:none}}@media (width<=640px){.tw-hero{gap:10px;padding:8px}.tw-face{width:52px;height:52px}.tw-allies{gap:6px}.tw-ally{padding:7px 3px 8px}.tw-ally canvas{width:46px;height:46px}.tw-ally b{font-size:12px}.tw-ally small{font-size:9px}.tw-start{min-width:64px;padding:4px 8px;font-size:13px}.bt-top{gap:6px;top:6px;left:6px;right:6px}.bt-floor{flex-wrap:wrap;gap:0 6px;min-width:0;padding:3px 10px;font-size:13px}.bt-fl b{font-size:15px}.bt-round{font-size:11px}.bt-tools{gap:4px}.bt-tool{gap:3px;padding:5px 8px;font-size:11px}.bt-tool .bt-ico{width:18px;height:18px}.bt-tool .lbl{display:none}.bt-banner{padding:5px 16px;font-size:16px;top:56px}.bt-banner.ultimate{font-size:18px}.bt-banner.floor,.bt-banner.boss{padding:8px 26px;font-size:22px}.bt-bico{width:22px;height:22px}.bt-bottom{grid-template-columns:1fr;gap:6px;bottom:6px;left:6px;right:6px}.bt-cmd{gap:5px;height:118px;min-height:0;padding:6px 7px}.bt-head{min-height:24px}.bt-head b{font-size:13px}.bt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.bt-cbtn{justify-content:center;gap:4px;min-height:38px;padding:3px 4px;font-size:13px}.bt-cbtn .bt-ico{width:20px;height:20px}.bt-cbtn small{display:none}.bt-grid.tgts{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.bt-tgt{gap:2px;padding:2px 6px 4px;font-size:12px;line-height:1.2}.bt-log{gap:1px;font-size:12px}.bt-log div:nth-last-child(n+4){display:none}.bt-party{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px}.bt-card{border-radius:10px;align-items:flex-start;gap:6px;padding:5px 6px 5px 5px}.bt-face{width:34px;height:34px}.bt-lv{border-width:1px;padding:0 3px;font-size:8px;line-height:11px;bottom:-6px}.bt-nm{font-size:12px}.bt-g{border-width:1.5px;height:12px;margin-top:2px}.bt-g>span{padding:0 4px;font-size:9px}.bt-g small{font-size:8px}.bt-g2{grid-template-columns:1fr 1fr;gap:3px}.bt-chips{gap:2px;min-height:0;margin:0;position:absolute;top:-7px;left:30px}.bt-chip{padding:0 2px;font-size:10px;line-height:14px}.bt-chip img,.bt-chip .emo{width:12px;height:12px}.bt-chip.ko{display:none}.bt-pick{padding:0 6px;font-size:10px;line-height:14px;top:-8px;right:4px}.bt-list{width:auto;left:6px;right:6px;bottom:calc(var(--bt-bottom-h,250px) + 10px);max-height:calc(100% - var(--bt-bottom-h,250px) - 64px)}.bt-row{padding:5px 8px}.bt-rtitle{font-size:36px}.bt-rw b{font-size:20px}}@media (height<=520px) and (width>=641px){.bt-top{top:6px}.bt-floor{padding:3px 12px;font-size:14px}.bt-bottom{grid-template-columns:300px minmax(0,1fr);gap:6px;bottom:6px}.bt-cmd{gap:4px;height:112px;padding:6px}.bt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.bt-cbtn{min-height:34px;padding:3px 5px;font-size:13px}.bt-cbtn small{display:none}.bt-party{gap:5px;padding:5px}.bt-card{gap:6px;padding:5px 6px}.bt-face{width:38px;height:38px}.bt-g{height:12px;margin-top:2px}.bt-g2{grid-template-columns:1fr 1fr;gap:3px}.bt-chips{display:none}.bt-banner.floor,.bt-banner.boss{top:22%}}.tw{flex-direction:column;gap:14px;display:flex}.tw-quote{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.tw-start:hover{background:#ffcf5a14;border-color:#ffcf5a66}.tw-start:active{transform:translateY(1px)}.tw-start b{color:var(--gold,#ffcf5a);font-size:15px}.tw-ally:hover{background:#ffffff12;border-color:#ffcf5a4d}.tw-ally:active{transform:translateY(1px)}.tw-bonus{margin:4px 0 0;font-size:12.5px}.tw-top li.none{background:0 0;border-color:#0000;padding:6px 0}.bt-rbox .bt-rtitle{font-size:19px;font-weight:700}.bt-rbox .bt-rsub{color:var(--muted);margin-top:4px;font-size:13px}.bt-rbox.victory .bt-rtitle{color:var(--gold,#ffcf5a)}.bt-rbox.defeat .bt-rtitle{color:#ff7676}.bt-rbox.escaped .bt-rtitle{color:#8eb6ff}.bt-rw>div{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;flex:1;gap:2px;padding:10px 12px;display:flex}.bt-rbox .bt-lvup{color:var(--gold,#ffcf5a);margin-top:8px;font-size:13.5px;font-weight:600}.bt-back:hover:not(:disabled){background:#ffffff14}.bt-back:disabled{opacity:.4;cursor:not-allowed}.bt-cbtn:hover:not(:disabled){background:#ffcf5a1a;border-color:#ffcf5a59}.bt-cbtn:active:not(:disabled){transform:translateY(1px)}.bt-cbtn:disabled{opacity:.4;cursor:not-allowed}.bt-row:disabled{opacity:.45;cursor:not-allowed}.bt-row b{font-weight:600}.bt-tgt.enemy{border-color:#ff767640}.bt-tgt:hover:not(:disabled){background:#ffcf5a1a}@keyframes btSpin{to{transform:rotate(360deg)}}@media (width>=720px){.bt-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (width>=540px){.bt-party{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.bt-card.target{border-color:var(--gold,#ffcf5a);box-shadow:0 0 0 1px var(--gold,#ffcf5a)}.bt-card.dead .bt-face canvas{filter:grayscale()brightness(.7)}@keyframes btHit{0%{background:#ff505080}to{background:#ffffff08}}.bt-nm b{font-size:13px}@keyframes btPulse{0%{filter:brightness()}to{filter:brightness(1.4)}}.bt-g span{z-index:1;justify-content:space-between;align-items:center;gap:4px;width:100%;font-size:10.5px;display:flex;position:relative}.bt-g span small{color:#ffffffd9}.bt-g span .v{font-variant-numeric:tabular-nums;font-weight:600}.bt-g2 .bt-g{flex:1}.bt-fl{color:var(--muted)}.bt-tool:hover{background:#ffffff1a}.bt-tool[aria-pressed=true]{border-color:var(--gold,#ffcf5a);color:var(--gold,#ffcf5a);background:#ffcf5a33}.bt-tool .lbl{font-size:11px}.bt-banner.ally{color:#aecbff;background:#8fb2ff26;border-color:#8fb2ff59}@keyframes btBannerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bt-log b{color:var(--gold,#ffcf5a)}.bt-log .miss{color:#8eb6ff}.bt-log .crit{color:#ff7676;font-weight:700}.bt-log .heal{color:#8fe5a1}@media (width<=640px){.lv-badge{min-width:32px;font-size:10px;line-height:14px;bottom:-5px}.st-name b{font-size:13px}.st-name .tag{display:none}.bar{height:14px;margin-top:3px}.bar span{font-size:10px;line-height:10px}.bar.xp{height:10px}.bar.xp span{font-size:8px;line-height:6px}.st-baht{margin-top:2px;font-size:11px}#buffs{max-width:206px;top:78px;left:8px}.buff{background-size:20px;width:24px;height:24px}#target-info{min-width:170px;max-width:200px;padding:4px 10px 6px;top:112px}#target-info .t-head{font-size:12px}#target-info .t-face{width:30px;height:30px}#corner{gap:6px;top:6px;right:6px}#minimap-box{padding:3px}#menu{flex-flow:column;gap:5px;max-width:none}.menu-btn{border-radius:12px;width:44px;height:44px;padding:2px}.menu-btn span:not(:first-child){display:none}.menu-btn img{width:28px;height:28px}#actionbar{align-items:stretch;gap:6px;max-width:none;bottom:6px;left:6px;right:6px}#skillbar,#itembar{justify-content:center;gap:5px}.slot{border-radius:12px;width:52px;height:52px}.slot img{width:34px;height:34px}.slot.auto{width:62px;height:62px}.slot.auto img{width:34px;height:34px;margin-top:-8px}.slot.auto .label{font-size:10px;bottom:6px}.slot.auto .key{display:none}#chat{width:auto;min-width:0;left:6px;right:6px;bottom:calc(var(--actionbar-h,130px) + 12px)}body.in-battle.battle-chat #chat{width:auto;top:54px}body.in-battle.battle-chat #chat-log{max-height:64px}#chat-log{max-height:70px;font-size:12px}#chat-form input{padding:5px 10px;font-size:16px}#feed{right:8px;bottom:calc(var(--actionbar-h,130px) + 120px)}.feed-row{font-size:12px}.sound-pop{z-index:35;width:min(250px,100vw - 76px);min-width:0;max-height:calc(100dvh - 24px);margin-top:0;position:fixed;top:50%;right:58px;overflow-y:auto;transform:translateY(-50%)}}.item-monster-portrait{background:radial-gradient(circle,#233f45,#101827);border-radius:10px;flex:none;width:60px;height:60px}.item-art{--art-size:60px;width:var(--art-size);height:var(--art-size);isolation:isolate;background:radial-gradient(circle,#e5b44d21,#0c1423cc 70%);border-radius:10px;flex:none;display:inline-block;position:relative}.item-art>.item-art-object{object-fit:contain;width:70%;height:70%;box-shadow:none;z-index:1;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:15%}.item-art>.item-art-frame,.skill-art>.item-art-frame{object-fit:contain;width:100%;height:100%;box-shadow:none;z-index:2;pointer-events:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.item-art--t1>.item-art-frame{opacity:.65;filter:saturate(.2)}.item-art--t2>.item-art-frame{opacity:.8}.item-art--t4,.item-art--t5{box-shadow:0 0 16px -8px var(--item-accent)}.item-art-gem{background:var(--item-accent);z-index:3;border:1px solid #ffffffb3;width:6px;height:6px;position:absolute;top:5px;right:5px;transform:rotate(45deg)}.equip-slot .slot-thumb{background:0 0;border:0;width:58px;height:58px}.slot-thumb .item-art{--art-size:58px}.skill-art{isolation:isolate;grid-row:span 3;width:64px;height:64px;display:block;position:relative}.skill-row .skill-art>.sk-icon{object-fit:contain;z-index:1;background:#070d19bf;border:0;border-radius:8px;width:72%;height:72%;padding:0;position:absolute;inset:14%}.skill-row.locked .skill-art{filter:saturate(.35)}.skill-row.max .skill-art{filter:drop-shadow(0 0 5px #f6c4584d)}.collectible-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:14px;display:grid}.monster-collectible{background:radial-gradient(at 50% 0,#324a4f85,#0e1322f5 75%);border:1px solid #caa15061;border-radius:15px;grid-template-columns:104px minmax(0,1fr);gap:16px;min-width:0;margin-bottom:10px;padding:14px;display:grid;box-shadow:inset 0 1px #ffe5aa12,0 5px 16px #00000029}.monster-collectible--gallery{flex-direction:column;margin:0;display:flex}.collectible-art{aspect-ratio:2/3;border-radius:9px;width:104px;position:relative;overflow:hidden}.monster-collectible--gallery .collectible-art{align-self:center;width:100%;max-width:196px}.collectible-art:before{content:"";background:radial-gradient(at 50% 55%,#90713261,#0b161cf5 75%);border-radius:10px;position:absolute;inset:9%}.collectible-art>.collectible-monster{object-fit:contain;width:80%;height:73%;box-shadow:none;z-index:1;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:13% 10% 14%}.collectible-art:not(.collectible-art--illustrated)>.collectible-monster{max-width:126px;left:50%;transform:translate(-50%)}.collectible-art>.collectible-frame{object-fit:fill;width:100%;height:100%;box-shadow:none;pointer-events:none;z-index:2;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.collectible-rank{z-index:3;white-space:nowrap;color:#ffe4a5;background:#0b131be6;border:1px solid #e6b95a66;border-radius:12px;padding:1px 8px;font-size:10px;line-height:1.5;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.collectible-info{flex-direction:column;gap:7px;min-width:0;display:flex}.collectible-info h4{color:#ffe5ac;margin:0;font-size:15px;line-height:1.45}.collectible-count{color:#9facbe;font-size:11px}.collectible-info .bonus{font-size:12px;line-height:1.55}.collectible-info select{width:100%;min-width:0;max-width:100%;font-size:12px}.collectible-info button{min-height:35px;margin-top:auto}@media (width<=600px){.skill-row{grid-template-columns:48px minmax(0,1fr) auto;gap:8px}.skill-art{width:48px;height:48px}.skill-row h4{font-size:13px}.collectible-grid{grid-template-columns:minmax(0,1fr)}.monster-collectible--gallery{grid-template-columns:100px minmax(0,1fr);gap:12px;display:grid}.monster-collectible--gallery .collectible-art{width:100px}.collectible-info h4{font-size:13px}.item-art{--art-size:50px}}.appearance-editor{grid-template-columns:minmax(240px,.9fr) minmax(0,1.25fr);align-items:start;gap:20px;display:grid}.look-stage{text-align:center;background:radial-gradient(at 50% 65%,#415061 0,#222a3a 52%,#1a2030 100%);border:1px solid #707b95;border-radius:14px;padding:16px 10px;position:sticky;top:0;overflow:hidden}.look-caption{flex-direction:column;gap:3px;display:flex}.look-caption>b{color:#ffdf94;font-size:18px}.look-caption>span{color:#c5cce0;font-size:12px}.look-canvases{justify-content:center;min-height:335px;display:flex;position:relative}#look-body{object-fit:contain;filter:drop-shadow(0 12px 13px #0007);width:min(100%,290px);height:auto;max-height:380px}#look-face{background:#131b2ce6;border:1px solid #b6a368;border-radius:16px;width:112px;height:112px;position:absolute;top:4px;right:0}.look-directions{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.look-directions button{min-height:40px;padding:6px 2px;font-size:11px}.look-directions button[aria-pressed=true]{color:#ffdc84;border-color:#ffd46e}.look-note{color:#cbd1e0;margin-bottom:0;font-size:12px}.look-group{border:1px solid #606c88;border-radius:10px;min-width:0;margin:0 0 15px;padding:11px}.look-group legend{color:#ffda82;padding:0 6px;font-weight:700}.look-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.look-option{text-align:left;align-items:center;gap:9px;min-width:0;min-height:44px;padding:8px;font-size:13px;display:flex}.look-option.selected{color:#fff1bd;background:#56516c;border-color:#ffd96d;box-shadow:inset 0 0 0 1px #ffd96d}.look-swatch{border:1px solid #d2d6df;border-radius:50%;flex-shrink:0;width:25px;height:25px;display:inline-block}.look-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3;background:#202738f7;border:1px solid #69738d;border-radius:10px;grid-column:1/-1;padding:12px;position:static}.look-footer p{color:#ffe19b;margin:0 0 8px}.look-footer small{color:#b6c0d4;margin-top:6px;display:block}.look-footer-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.look-footer-buttons button{min-height:44px}.look-footer #look-save{color:#fff4d4;background:linear-gradient(#99753a,#6e5027);border-color:#e8c879}.look-footer #look-save:disabled{filter:grayscale(.7);opacity:.65}.look-option:focus-visible,.look-directions button:focus-visible{outline-offset:2px;outline:2px solid #fff2b8}@media (width<=700px){.appearance-editor{grid-template-columns:minmax(0,1fr);gap:12px}.look-stage{padding:10px;position:relative}.look-canvases{height:260px;min-height:240px}#look-body{width:210px;height:260px}#look-face{width:92px;height:92px}.look-options{grid-template-columns:repeat(2,minmax(0,1fr))}.look-group{padding:9px}.look-footer{bottom:-1px}.look-footer-buttons{grid-template-columns:1fr 1fr;display:grid}.look-footer #look-save{grid-column:1/-1}.look-footer p{font-size:13px}.look-footer small{font-size:11px}.look-caption>b{font-size:16px}}.look-option,.look-directions button{color:#edf1fc;background:linear-gradient(#3b455b,#242c40);border-color:#66738c}.look-option.selected{color:#fff1bd;background:#56516c;border-color:#ffd96d}#look-body{transform:translate(-30px)}@media (width<=700px){#look-body{transform:translate(-15px)}}.catalog-hero{background:linear-gradient(120deg,#1a2937,#30423d);border:1px solid #b49b5c;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:18px;display:flex}.catalog-hero h2{color:#f7d989;margin:4px 0;font-size:25px}.catalog-hero p{color:#cedbd8;margin:0}.catalog-hero small{color:#bfcfc8}.catalog-seal{color:#e9cd8b;text-align:center;border:1px solid #c6a75c;border-radius:50%;flex-shrink:0;padding:10px;font-size:12px;line-height:1.6}.catalog-controls{grid-template-columns:2fr 1fr 1fr;gap:8px;display:grid}.catalog-controls input,.catalog-controls select{box-sizing:border-box;color:#fff;width:100%;min-width:0;font:inherit;background:#243044;border:1px solid #70829e;border-radius:7px;padding:9px}.catalog-checks{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;display:flex}.catalog-checks label{align-items:center;gap:5px;display:flex}.catalog-checks input{width:auto}.catalog-checks span{color:#e4ce91;margin-left:auto}.catalog-row{border-bottom:1px solid #44516a;align-items:center;gap:12px;padding:13px 4px;display:flex}.catalog-row>.item-art,.catalog-row>img{object-fit:contain;flex-shrink:0;width:64px;height:64px}.catalog-row .grow{min-width:0}.catalog-source{color:#c7d4bd;overflow-wrap:anywhere;margin-top:5px;font-size:12px}.catalog-new{color:#19251e;background:#bcd3a4;border-radius:4px;margin-left:7px;padding:1px 6px;font-size:10px;display:inline-block}.catalog-lock{color:#d8a790;font-size:12px}.catalog-ready{color:#acd4b6;font-size:12px}.catalog-empty{text-align:center;color:#cdd5e1;padding:32px 10px}.catalog-pages{justify-content:center;align-items:center;gap:20px;padding:18px 0;display:flex}.shop-search{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#243044;border:1px solid #70829e;border-radius:7px;margin-bottom:10px;padding:10px}@media (width<=600px){.catalog-controls{grid-template-columns:1fr 1fr}.catalog-controls input{grid-column:1/-1}.catalog-hero{padding:12px}.catalog-hero h2{font-size:21px}.catalog-hero p{font-size:12px}.catalog-row>.item-art,.catalog-row>img{width:52px;height:52px}.catalog-row b{font-size:14px}.catalog-checks{gap:8px;font-size:12px}.catalog-row{gap:8px}}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kanit-thai-400-normal-D80Pglro.woff2)format("woff2"),url(/assets/kanit-thai-400-normal-D2nliXKa.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kanit-vietnamese-400-normal-DRI8YWyb.woff2)format("woff2"),url(/assets/kanit-vietnamese-400-normal-dow6Bnto.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kanit-latin-ext-400-normal-B2xPf58u.woff2)format("woff2"),url(/assets/kanit-latin-ext-400-normal-CHvNKHHD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kanit-latin-400-normal-BUlsQXH3.woff2)format("woff2"),url(/assets/kanit-latin-400-normal-HVZWrfev.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/kanit-thai-500-normal-BB8gri04.woff2)format("woff2"),url(/assets/kanit-thai-500-normal-Iy_w0a80.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/kanit-vietnamese-500-normal-BzTrpCM3.woff2)format("woff2"),url(/assets/kanit-vietnamese-500-normal-T1ndT7MF.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/kanit-latin-ext-500-normal-EHs3suD6.woff2)format("woff2"),url(/assets/kanit-latin-ext-500-normal-BFdWrG22.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/kanit-latin-500-normal-CX_4XcKi.woff2)format("woff2"),url(/assets/kanit-latin-500-normal-qBha86O4.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kanit-thai-600-normal-Bj6oiaDc.woff2)format("woff2"),url(/assets/kanit-thai-600-normal-wbTlPO7I.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kanit-vietnamese-600-normal-Bi7fw3I4.woff2)format("woff2"),url(/assets/kanit-vietnamese-600-normal-DXCRAa_8.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kanit-latin-ext-600-normal-DAX3wtuq.woff2)format("woff2"),url(/assets/kanit-latin-ext-600-normal-BBDzoLaj.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kanit-latin-600-normal-0lS78yAd.woff2)format("woff2"),url(/assets/kanit-latin-600-normal-DlacpeTg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kanit-thai-700-normal-BPu_EjOu.woff2)format("woff2"),url(/assets/kanit-thai-700-normal-BFFnaoRZ.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kanit-vietnamese-700-normal-CdlTihzi.woff2)format("woff2"),url(/assets/kanit-vietnamese-700-normal-BlUBAAZx.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kanit-latin-ext-700-normal-CcNUUlTS.woff2)format("woff2"),url(/assets/kanit-latin-ext-700-normal-2PbN0JCr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kanit-latin-700-normal-xfKc2BN3.woff2)format("woff2"),url(/assets/kanit-latin-700-normal-CZbzRMIr.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}