:root{--gold:#e3c27a;--gold-dim:#9c814a;--panel:#0e0c0ac7;--panel-solid:#15120f;--edge:#e3c27a66;--text:#efe6d2;--muted:#a99f8c;--boss:#8e2bb8;--serif:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--sans:"Segoe UI", Tahoma, system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font:14px/1.4 var(--sans);-webkit-user-select:none;user-select:none;background:#0b0a09;margin:0;overflow:hidden}#app,#app>canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:3px;box-shadow:0 0 0 1px #0009,0 6px 24px #00000073}.hud{pointer-events:none;position:fixed;inset:0}.top{text-align:center;text-shadow:0 2px 4px #000;position:absolute;top:6px;left:50%;transform:translate(-50%)}.timer{font:600 30px var(--serif);color:#fff6de;letter-spacing:1px}.kills{color:var(--muted);font-size:13px}.l2-adena{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.l2-adena>i{background:var(--ui-adena) no-repeat;width:18px;height:13px;image-rendering:pixelated;flex:none}.top .purse{color:#e8d9a8;font-size:13px}.boss{text-align:center;width:min(520px,80vw);position:absolute;top:78px;left:50%;transform:translate(-50%)}.boss-name{font:600 16px var(--serif);color:#e9c8ff;text-shadow:0 2px 4px #000;margin-bottom:4px}.boss-bar{background:#000000b3;border:1px solid #c88cff80;height:12px}.boss-fill{background:linear-gradient(180deg, #c06cf0, var(--boss));height:100%;transition:width .1s}.l2-status,.l2-gear,.l2-bar,.l2-meter,.l2-xp,.l2-tooltip,.l2-window,.l2-loot{image-rendering:pixelated;color:#dcdcdc;font:11px/13px Tahoma,Verdana,Arial,sans-serif}.l2-xp{background:linear-gradient(#3d3224,#3d3224) bottom/100% 4px no-repeat;height:18px;position:absolute;bottom:0;left:0;right:0}.l2-xp:before{content:"";background:var(--ui-strip_l) left top no-repeat, var(--ui-strip_r) right top no-repeat, var(--ui-strip_c) left top repeat-x;position:absolute;inset:0 0 2px}.l2-xp .l2-gauge{top:4px;left:4px}.l2-xp .tick{background:linear-gradient(90deg,#1f1c18 50%,#ffffff2e 50%);width:2px;height:14px;position:absolute;top:3px}.l2-xp .label{text-shadow:1px 1px #000;line-height:12px;position:absolute;top:4px;left:12px}.l2-status{padding:37px 5px 5px 19px;position:absolute;top:10px;left:10px}.l2-status:before,.l2-gear:before,.l2-bar:before,.l2-meter:before,.l2-tooltip:before{content:"";border-style:solid;border-width:7px 15px;border-image:var(--ui-win) 7 15 fill / 7px 15px stretch;position:absolute;inset:0}.l2-status:before,.l2-gear:before,.l2-meter:before{border-image-source:var(--ui-win_size)}.l2-status:before,.l2-gear:before,.l2-bar:before,.l2-meter:before{left:14px}.l2-frame{background:var(--ui-frame_tile) repeat-y;background-origin:content-box;background-clip:content-box;width:16px;padding:8px 0;position:absolute;top:0;bottom:0;left:0}.l2-frame:before,.l2-frame:after{content:"";width:16px;height:8px;position:absolute;left:0}.l2-frame:before{background:var(--ui-frame_top);top:0}.l2-frame:after{background:var(--ui-frame_bottom);bottom:0}.l2-level{background:var(--ui-level_back);width:22px;height:20px;position:absolute;top:2px;left:19px}.l2-level span{text-align:center;position:absolute;inset:3px 0 auto}.l2-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;position:absolute;top:6px;left:45px;right:8px;overflow:hidden}.l2-gauge,.l2-gauge .fill,.l2-gauge.warn .fill:after{background:var(--l) left top / 4px 16px no-repeat, var(--r) right top / 4px 16px no-repeat, var(--c) 4px 0 / calc(100% - 8px) 16px no-repeat}.l2-gauge{height:13px;position:absolute;left:19px;overflow:hidden}.l2-gauge .fill{position:absolute;top:0;bottom:0;left:0}.l2-status .l2-gauge{top:23px}.l2-gauge.hp{--l:var(--ui-hp_bg_l);--c:var(--ui-hp_bg_c);--r:var(--ui-hp_bg_r)}.l2-gauge.hp .fill{--l:var(--ui-hp_l);--c:var(--ui-hp_c);--r:var(--ui-hp_r)}.l2-gauge.exp{--l:var(--ui-exp_bg_l);--c:var(--ui-exp_bg_c);--r:var(--ui-exp_bg_r)}.l2-gauge.exp .fill{--l:var(--ui-exp_l);--c:var(--ui-exp_c);--r:var(--ui-exp_r)}.l2-gauge.warn .fill:after{--l:var(--ui-hpwarn_l);--c:var(--ui-hpwarn_c);--r:var(--ui-hpwarn_r);content:"";animation:.8s step-end infinite hp-warn;position:absolute;inset:0}@keyframes hp-warn{50%{opacity:0}}.l2-digits{pointer-events:none;display:flex;position:absolute;top:2px}.l2-digits i{background:var(--ui-digits) no-repeat;flex:none;width:8px;height:8px}.l2-gauge .title{left:9px}.l2-gear{pointer-events:none;grid-template-columns:repeat(6,36px);grid-auto-rows:36px;justify-content:space-between;row-gap:2px;padding:7px 8px 7px 22px;display:grid;position:fixed;top:0;left:10px}.l2-gear.lit{z-index:1}.gear-slot{background:var(--ui-equip_slot) no-repeat;position:relative}.gear-slot img{image-rendering:auto;width:32px;height:32px;position:absolute;top:1px;left:2px}.gear-slot[style*=--grade]:after{content:"";width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--grade);opacity:.85;position:absolute;top:1px;left:2px}.gear-slot.locked img{opacity:.35}.gear-slot.hover:before,.gear-slot.target:before{content:"";background:var(--ui-slot_over);z-index:1;width:34px;height:34px;position:absolute;top:1px;left:2px}.gear-slot.target:after{content:"";z-index:2;opacity:1;width:32px;height:32px;animation:.9s ease-in-out infinite alternate gear-target;position:absolute;top:1px;left:2px;box-shadow:inset 0 0 0 1px #f4d58d,0 0 8px 1px #f4d58dbf}@keyframes gear-target{0%{opacity:.55}}.l2-buffs{flex-wrap:wrap;display:flex;position:relative}.l2-buff{background:var(--ui-buff_frame);width:26px;height:26px;padding:1px}.l2-buff img{image-rendering:auto;width:24px;height:24px;display:block}.l2-bar{width:506px;height:46px;position:absolute;bottom:20px}.l2-bar>div{position:absolute}.l2-bar .number-box{border:1px solid;border-image:var(--ui-number_box) 1 fill / 1px stretch;width:17px;height:46px;top:0;left:15px}.l2-bar .page{text-align:center;width:18px;line-height:18px;top:17px;left:15px}.l2-bar .group{background:var(--ui-slot_group);width:153px;height:46px;top:0;left:185px}.l2-bar .l2-btn{background:no-repeat;width:15px;height:15px}.l2-bar .up{background-image:var(--ui-btn_up);top:1px;left:17px}.l2-bar .down{background-image:var(--ui-btn_down);top:32px;left:17px}.l2-bar .expand{background-image:var(--ui-btn_expand);top:4px;left:1px}.l2-bar .tooltip{background-image:var(--ui-btn_tooltip);top:2px;left:492px}.l2-bar .rotate{background-image:var(--ui-btn_rotate);top:17px;left:492px}.l2-bar .lock{background-image:var(--ui-btn_lock);top:32px;left:492px}.l2-slot{background:var(--ui-slot);width:36px;height:36px;top:7px}.l2-slot>img,.l2-slot .cd{width:32px;height:32px;position:absolute;top:2px;left:2px}.l2-slot.empty>img,.l2-slot.empty .over{display:none}.l2-slot .cd{background:conic-gradient(transparent calc((1 - var(--cd)) * 360deg), #0000009e 0)}.l2-slot .key{position:absolute;top:2px;left:2px}.l2-slot .key.space{background:var(--ui-key_space);width:16px;height:12px}.l2-slot .key.r{background:var(--ui-key_r);width:16px;height:12px}.l2-slot .lv{top:auto;bottom:3px;right:2px}.l2-slot .over{background:var(--ui-slot_over);width:34px;height:34px;display:none;position:absolute;top:1px;left:1px}.l2-slot.hover .over{display:block}.l2-meter{padding:25px 7px 1px 19px;position:absolute;bottom:20px;right:10px}.l2-meter.above{bottom:70px}.l2-meter .head{white-space:nowrap;align-items:baseline;gap:6px;display:flex;position:absolute;top:6px;left:19px;right:7px}.l2-meter .caption{flex:auto;font-size:12px}.l2-meter .total{color:#b09b79}.l2-meter .rate,.l2-meter .share{color:#a3a0a3}.l2-meter .lines{position:relative}.l2-meter .line{height:28px;position:relative}.l2-meter .text,.l2-meter .l2-cp-bar{position:absolute;left:30px;right:0}.l2-meter .text{white-space:nowrap;gap:6px;display:flex;top:0}.l2-meter .name{text-overflow:ellipsis;flex:auto;overflow:hidden}.l2-meter .share{text-align:right;flex:none;width:28px}.l2-meter .l2-cp-bar{top:16px}.l2-cp-bar{height:7px;image-rendering:pixelated;--l:var(--ui-cp_bg_l);--c:var(--ui-cp_bg_c);--r:var(--ui-cp_bg_r);overflow:hidden}.l2-cp-bar .fill{--l:var(--ui-cp_l);--c:var(--ui-cp_c);--r:var(--ui-cp_r);height:100%}.l2-cp-bar,.l2-cp-bar .fill{background:var(--l) left top / 4px 8px no-repeat, var(--r) right top / 4px 8px no-repeat, var(--c) 4px 0 / calc(100% - 8px) 8px no-repeat}.l2-tooltip{isolation:isolate;white-space:nowrap;pointer-events:none;min-width:162px;padding:6px 9px;position:absolute}.l2-tooltip:before{z-index:-1;border-width:7px;border-image:var(--ui-tooltip) 7 fill / 7px stretch}.l2-tooltip .name{color:#fff}.l2-tooltip .detail{color:#a3a0a3}.l2-tooltip .desc{white-space:normal;color:#b2becf;width:0;min-width:100%;margin-top:6px}.l2-options-back{position:fixed;inset:0}.l2-window.l2-options{--group-h:calc(41px + var(--rows) * 46px);--h:calc(120px + var(--group-h));left:max(0px,round(down,50% - 139px,1px));top:max(13px, round(down, calc(50% - var(--h) / 2 + 6px), 1px));position:absolute}.l2-window{flex:none;position:relative}.l2-window>.back{border-style:solid;border-width:63px;border-image:var(--ui-opt_back) 63 fill / 63px stretch;position:absolute;inset:0}.l2-window>.frame{background:var(--ui-opt_frame_l) left top no-repeat, var(--ui-opt_frame_r) right top no-repeat, var(--ui-opt_frame_c) center top no-repeat, var(--ui-opt_frame_tile) 32px 0 / calc(100% - 64px) 64px no-repeat;height:64px;position:absolute;top:-13px;left:0;right:0}.l2-window>.caption{text-align:center;color:#d8dcf0;position:absolute;top:6px;left:40px;right:40px}.l2-window>.close{background:var(--ui-close);cursor:pointer;border:0;width:16px;height:16px;padding:0;position:absolute;top:5px;right:11px}.l2-window>.close:hover,.l2-window>.close:focus-visible{background:var(--ui-close_over);outline:none}.l2-window>.close:active{background:var(--ui-close_down)}.l2-options .tab-body{height:calc(var(--group-h) + 53px);border-style:solid;border-width:31px 15px;border-image:var(--ui-tab_bg) 31 15 fill / 31px 15px stretch;position:absolute;top:31px;left:1px;right:0}.l2-options .tab-line{background:var(--ui-tab_line) 0 0 repeat-x;height:23px;position:absolute;top:31px;left:107px;right:5px}.l2-options .tab{text-align:center;isolation:isolate;width:99px;height:23px;padding-top:5px;position:absolute;top:31px;left:8px}.l2-options .tab:before{content:"";z-index:-1;border-style:solid;border-width:0 8px;border-image:var(--ui-tab) 0 8 fill / 0 8px stretch;position:absolute;inset:0}.l2-options .heading{position:absolute;top:62px;left:15px}.l2-options .group{width:266px;height:var(--group-h);isolation:isolate;padding-top:5px;position:absolute;top:77px;left:6px}.l2-options .group:before{content:"";z-index:-1;border-style:solid;border-width:3px;border-image:var(--ui-group) 3 fill / 3px stretch;position:absolute;inset:0}.l2-options .row{height:46px;position:relative}.l2-options .row>div{position:absolute}.l2-options .row .name{top:4px;left:7px}.l2-options .row .min{top:19px;left:101px}.l2-options .row .max{text-align:right;width:50px;top:19px;left:207px}.l2-options .row .divider{background:var(--ui-divider) 0 0 / 100% 100%;width:252px;height:2px;top:37px;left:6px}.l2-options .row .l2-slider{border-style:solid;border-width:0 8px;border-image:var(--ui-slider_back) 0 8 fill / 0 8px stretch;touch-action:none;cursor:pointer;outline:none;width:160px;height:19px;top:0;left:100px}.l2-slider i{background:var(--ui-slider_mark);width:4px;height:19px;position:absolute;top:0}.l2-slider .cursor{background:var(--ui-slider_cursor);width:14px;height:19px;position:absolute;top:0}.l2-slider:hover .cursor,.l2-slider:focus-visible .cursor{background:var(--ui-slider_cursor_over)}.l2-slider.down .cursor{background:var(--ui-slider_cursor_down)}.l2-check{cursor:pointer;width:max-content;margin:16px 0 0 7px;padding-left:18px;display:block;position:relative}.l2-check input{opacity:0;width:0;height:0;position:absolute}.l2-check span:before{content:"";background:var(--ui-check);width:16px;height:16px;position:absolute;top:-1px;left:0}.l2-check input:checked+span:before{background:var(--ui-check_on)}.l2-options .buttons{left:8px;top:calc(var(--group-h) + 87px);gap:3px;display:flex;position:absolute}.l2-button{width:85px;height:27px;color:inherit;font:inherit;isolation:isolate;cursor:pointer;background:0 0;border:0;outline:none;padding:0 0 5px;position:relative}.l2-button:before{content:"";z-index:-1;border-style:solid;border-width:12px;border-image:var(--ui-button) 12 fill / 12px stretch;position:absolute;inset:0}.l2-button:hover:before,.l2-button:focus-visible:before{border-image-source:var(--ui-button_over)}.l2-button:active:before{border-image-source:var(--ui-button_down)}.l2-options-back:has(>.l2-auto){justify-content:center;align-items:center;padding:13px 16px;display:flex}.l2-window.l2-auto{max-width:100%}.l2-auto>.body{padding:36px 14px 14px;position:relative}.l2-auto p{margin:0 0 8px}.l2-auto .label{color:#b9b39f;margin:8px 0 3px 2px}.l2-auto .edit{box-sizing:border-box;background:var(--ui-edit_box) 0 0 / 100% 100%;color:#fff;width:100%;height:22px;font:inherit;-webkit-user-select:text;user-select:text;image-rendering:auto;border:1px solid #4a4238;outline:none;padding:0 6px;display:block}.l2-auto .edit:focus{border-color:#8d7f68}.l2-auto .submit{display:none}.l2-auto .message{color:#e8d9a8;min-height:13px;margin:8px 2px 0}.l2-auto .message.error{color:#ff8a7a}.l2-auto .buttons{justify-content:center;gap:3px;margin-top:10px;display:flex}.l2-button.wide{width:120px}.l2-button:disabled{opacity:.5;cursor:default}.l2-auto .link{color:#a8b4d8;font:inherit;cursor:pointer;background:0 0;border:0;margin:8px auto 0;padding:0;text-decoration:underline;display:block}.l2-auto .link:hover,.l2-auto .link:focus-visible{color:#d8dcf0;outline:none}.l2-auto .divider{background:#4a4238;height:1px;margin:12px 0}.l2-button.google{justify-content:center;align-items:center;gap:7px;width:100%;display:flex}.l2-button.google svg{width:14px;height:14px;margin-top:4px}.l2-auto .hint{color:#9a9484;margin:10px 0 0}.l2-account .email{color:#fff;overflow-wrap:anywhere;margin:0 2px 6px}.l2-account .status{color:#b9b39f;margin:0 2px}.account-status{margin-top:10px}a.privacy{color:#9a9484;width:max-content;margin:8px 0 0 auto;font-size:11px;display:block}a.privacy:hover,a.privacy:focus-visible{color:#d8dcf0}.l2-account .name-row{align-items:baseline;gap:8px;margin:0 2px;display:flex}.l2-account .name-row .link{margin:0 0 0 auto;display:inline}.l2-account .name-row .status{margin:0}.l2-board .group{isolation:isolate;padding:6px;position:relative}.l2-board .group:before{content:"";z-index:-1;border-style:solid;border-width:3px;border-image:var(--ui-group) 3 fill / 3px stretch;position:absolute;inset:0}.l2-board .board{scrollbar-width:thin;scrollbar-color:#5a4f3e transparent;grid-template-columns:auto minmax(0,1.2fr) auto minmax(0,1.4fr) minmax(0,1fr);gap:3px 10px;max-height:calc(50vh + 30px);display:grid;overflow-y:auto}.l2-board .head{color:#b9b39f;border-bottom:1px solid #4a4238;padding-bottom:3px}.l2-board .cell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.l2-board .rank,.l2-board .time{text-align:right;font-variant-numeric:tabular-nums}.l2-board .name{color:#fff}.l2-board .me{color:#ffd98a}.l2-board .gap{color:#9a9484;text-align:center;grid-column:1/-1}.l2-board .empty{color:#b9b39f;text-align:center;padding:10px 4px}.overlay.l2-screen{padding:0;display:block}.l2-window .heading{position:absolute}.l2-create .group,.l2-char .stat-box{isolation:isolate;position:absolute}.l2-create .group:before,.l2-char .stat-box:before{content:"";z-index:-1;border-style:solid;border-width:3px;border-image:var(--ui-group) 3 fill / 3px stretch;position:absolute;inset:0}.l2-window.l2-create{position:absolute;top:max(13px,round(down,50% - 190px,1px));left:max(16px,round(down,7vw,1px))}.l2-create .buttons{justify-content:center;gap:3px;display:flex;position:absolute;bottom:6px;left:0;right:0}.l2-create .class-heading{top:34px;left:15px}.l2-create .class-box{gap:4px;width:280px;height:50px;padding:4px;display:flex;top:49px;left:6px}.l2-create .choice{color:#a3a0a3;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;flex:1;align-items:center;gap:6px;padding:3px;display:flex}.l2-create .choice img{opacity:.6;image-rendering:auto;width:32px;height:32px}.l2-create .choice:hover,.l2-create .choice:focus-visible{color:#dcdcdc;outline:none}.l2-create .choice.on{color:#fff;background:#fff0c80f;border-color:#6d6252}.l2-create .choice.on img{opacity:1}.l2-create .class-about{color:#a3a0a3;width:268px;position:absolute;top:104px;left:12px}.l2-create .class-about .path{color:#b09b79;margin-bottom:3px}.l2-create .look-heading{top:176px;left:15px}.l2-create .look-box{width:280px;height:84px;padding:3px 0;top:191px;left:6px}.l2-create .stepper{height:26px;position:relative}.l2-create .stepper .label{position:absolute;top:7px;left:9px}.l2-create .stepper .value{text-align:center;color:#fff;width:92px;position:absolute;top:7px;left:148px}.l2-create .arrow{cursor:pointer;border:0;outline:none;width:16px;height:16px;padding:0;position:absolute;top:5px}.l2-create .arrow.left{background:var(--ui-arrow_left);left:132px}.l2-create .arrow.left:hover,.l2-create .arrow.left:focus-visible{background:var(--ui-arrow_left_over)}.l2-create .arrow.left:active{background:var(--ui-arrow_left_down)}.l2-create .arrow.right{background:var(--ui-arrow_right);left:240px}.l2-create .arrow.right:hover,.l2-create .arrow.right:focus-visible{background:var(--ui-arrow_right_over)}.l2-create .arrow.right:active{background:var(--ui-arrow_right_down)}.l2-create .name-heading{top:282px;left:15px}.l2-create .edit{background:var(--ui-edit_box) 0 0 / 100% 100%;color:#fff;width:276px;height:22px;font:inherit;-webkit-user-select:text;user-select:text;image-rendering:auto;border:1px solid #4a4238;outline:none;padding:0 6px;position:absolute;top:298px;left:8px}.l2-create .edit:focus{border-color:#8d7f68}.l2-create .problem{color:#ff8a7a;position:absolute;top:326px;left:12px;right:8px}.l2-window.l2-levels{padding:34px 6px 6px;position:absolute;top:max(13px,round(down,50% - 190px,1px));left:max(16px,round(down,7vw,1px))}.l2-levels .heading{position:relative;left:9px}.l2-levels .group{isolation:isolate;margin-top:2px;padding:4px;position:relative}.l2-levels .group:before{content:"";z-index:-1;border-style:solid;border-width:3px;border-image:var(--ui-group) 3 fill / 3px stretch;position:absolute;inset:0}.l2-levels .list{scrollbar-width:thin;scrollbar-color:#5a4f3e transparent;max-height:calc(50vh + 30px);overflow-y:auto}.l2-levels .level{color:#dcdcdc;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:3px 5px;display:flex}.l2-levels .level:hover:not(:disabled),.l2-levels .level:focus-visible{color:#fff;outline:none}.l2-levels .level.on{color:#fff;background:#fff0c80f;border-color:#6d6252}.l2-levels .level:disabled{color:#8a8785;cursor:not-allowed}.l2-levels .mark{flex:none;width:16px;height:16px}.l2-levels .level.cleared .mark{background:var(--ui-check_on)}.l2-levels .level.locked .mark{background:var(--ui-btn_lock) center no-repeat}.l2-levels .text{flex-direction:column;display:flex}.l2-levels .status{color:#a3a0a3}.l2-levels .level.cleared .status{color:#a6d96a}.l2-levels .level.locked .status{color:#8a8785}.l2-levels .about{color:#a3a0a3;min-height:52px;margin:8px 6px 0;position:relative}.l2-levels .buttons{justify-content:center;gap:3px;margin-top:8px;display:flex;position:relative}.l2-window.l2-char{position:absolute;top:max(13px,round(down,50% - 191px,1px));left:max(4px,round(down,50% - 376px,1px))}.l2-char .content{position:absolute;inset:34px 6px 8px}.l2-char .who{color:#fff;font-size:12px;position:absolute;top:2px;left:6px}.l2-char .what{color:#b09b79;position:absolute;top:19px;left:6px}.l2-char .heading:nth-of-type(3){top:40px;left:9px}.l2-char .heading{left:9px}.l2-char .stat-box{color:#dcdcdc;grid-template-columns:1fr auto 1fr auto;align-content:center;gap:3px 10px;padding:0 9px;display:grid;left:0;right:0}.l2-char .stat-box .label{color:#a3a0a3}.l2-char .stat-box .value{text-align:right}.l2-char .stat-box:nth-of-type(4){height:104px;top:55px}.l2-char .heading:nth-of-type(5){top:164px}.l2-char .stat-box:nth-of-type(6){height:58px;top:179px}.l2-char .heading:nth-of-type(7){top:242px}.l2-char .stat-box:nth-of-type(8){padding:7px 9px;display:block;top:257px;bottom:0}.set-name{color:#b09b79}.set-bonus,.set-effect,.set-none{color:#8a8785;white-space:normal;margin-top:3px}.set-box.active .set-name,.l2-item-tip .set.active .set-name{color:#ffd27a}.set-box.active .set-bonus,.l2-item-tip .set.active .set-bonus{color:#a6d96a}.set-box.active .set-effect,.l2-item-tip .set.active .set-effect{color:#dcdcdc}.l2-window.l2-inventory{position:absolute;top:max(13px,round(down,50% - 191px,1px));left:max(4px,round(down,50% - 76px,1px))}.l2-inventory>div,.l2-inventory>button{position:absolute}.l2-inventory .tab-body{border-style:solid;border-width:31px 15px;border-image:var(--ui-tab_bg) 31 15 fill / 31px 15px stretch;width:242px;height:321px;top:31px;left:204px}.l2-inventory .tab-line{background:var(--ui-tab_line) 0 0 repeat-x;width:130px;height:23px;top:31px;left:311px}.l2-inventory .tab{text-align:center;isolation:isolate;width:99px;height:23px;padding-top:5px;top:31px;left:212px}.l2-inventory .tab:before{content:"";z-index:-1;border-style:solid;border-width:0 8px;border-image:var(--ui-tab) 0 8 fill / 0 8px stretch;position:absolute;inset:0}.l2-inventory .equip-bg{background:var(--ui-equip_bg) 0 0 no-repeat;width:204px;height:365px;top:28px;left:0}.l2-inventory .viewport{cursor:grab;image-rendering:auto;position:absolute;inset:0;width:204px!important;height:364px!important}.l2-inventory .viewport:active{cursor:grabbing}.l2-inventory .equip-slots{background:var(--ui-equip_slot) 0 0 no-repeat;pointer-events:none;width:204px;height:365px;top:28px;left:0}.l2-inventory .rotate{cursor:pointer;background:no-repeat;border:0;outline:none;width:44px;height:23px;padding:0;top:327px}.l2-inventory .rotate.left{background-image:var(--ui-rotate_left);left:58px}.l2-inventory .rotate.left:hover{background-image:var(--ui-rotate_left_over)}.l2-inventory .rotate.left:active{background-image:var(--ui-rotate_left_down)}.l2-inventory .rotate.right{background-image:var(--ui-rotate_right);left:103px}.l2-inventory .rotate.right:hover{background-image:var(--ui-rotate_right_over)}.l2-inventory .rotate.right:active{background-image:var(--ui-rotate_right_down)}.l2-inventory .doll-slot,.l2-inventory .bag-item{image-rendering:auto;background:0 0;border:0;outline:none;padding:0;position:relative}.l2-inventory .doll-slot{width:34px;height:34px;position:absolute}.l2-inventory .doll-slot[data-filled],.l2-inventory .bag-item{cursor:pointer}.l2-inventory .doll-slot img,.l2-inventory .bag-item img{width:32px;height:32px;display:block}.l2-inventory .doll-slot img{margin:1px}.l2-inventory .bag-item img{margin:2px}.l2-inventory .doll-slot[style*=--grade]:after,.l2-inventory .bag-item:after{content:"";box-shadow:inset 0 0 0 1px var(--grade);opacity:.85;position:absolute;inset:1px}.l2-inventory .doll-slot.locked{pointer-events:none}.l2-inventory .doll-slot.locked img{opacity:.35}.l2-inventory .doll-slot:hover[data-filled]:before,.l2-inventory .bag-item:hover:before{content:"";background:var(--ui-slot_over);z-index:1;width:34px;height:34px;position:absolute;top:1px;left:1px}.l2-inventory .bag{background:var(--ui-slot) 0 0 / 36px 36px;scrollbar-width:thin;scrollbar-color:#5a4f3e transparent;background-attachment:local;background-origin:content-box;background-clip:content-box;grid-template-columns:repeat(6,36px);grid-auto-rows:36px;align-content:start;width:231px;height:288px;padding-right:15px;display:grid;top:58px;left:209px;overflow-y:auto}.l2-inventory .item-count{color:#b09b79;top:38px;right:5px}.l2-inventory .progress{color:#a3a0a3;align-items:center;gap:4px;width:226px;height:36px;display:flex;top:354px;left:212px}.grade-icon{vertical-align:-4px;flex:none;width:16px;height:16px;margin-left:4px;display:inline-block}.l2-skill-tip{z-index:5;position:fixed}.l2-item-tip{z-index:5;min-width:170px;position:fixed}.l2-tooltip .stat{justify-content:space-between;gap:16px;margin-top:3px;display:flex}.l2-tooltip .value{color:#dcdcdc}.l2-item-tip .note{white-space:normal;max-width:200px;margin-top:4px}.l2-item-tip .set{max-width:230px;margin-top:6px}.l2-item-tip .set-piece{color:#6f6c6a}.l2-item-tip .set-piece.worn{color:#dcdcdc}.l2-loot{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:190px;left:50%;transform:translate(-50%)}.l2-loot .row{isolation:isolate;white-space:nowrap;align-items:center;gap:8px;padding:6px 12px 6px 6px;animation:6s ease-out forwards loot;display:flex;position:relative}.l2-loot .row:before{content:"";z-index:-1;border-style:solid;border-width:7px;border-image:var(--ui-tooltip) 7 fill / 7px stretch;position:absolute;inset:0}.l2-loot img{width:32px;height:32px;box-shadow:0 0 0 1px var(--grade), 0 0 10px var(--grade);image-rendering:auto}.l2-loot .name{font-size:12px}.l2-loot .detail{color:#a3a0a3}@keyframes loot{0%{opacity:0;transform:translateY(8px)}6%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0}}.toast{font:600 22px var(--serif);color:#f6dcff;text-shadow:0 2px 6px #000;opacity:0;white-space:nowrap;position:absolute;top:150px;left:50%;transform:translate(-50%)}.toast.show{animation:3s ease-out forwards toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0}}.numbers{pointer-events:none;position:fixed;inset:0;overflow:hidden}.num{font:700 15px var(--sans);color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;will-change:transform, opacity;position:absolute;top:0;left:0}.num.crit{color:#ffd75e;font-size:21px}.num.hurt{color:#ff6b5b;font-size:18px}.num.heal{color:#7dff9a}.overlay{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0}.overlay.menu,.overlay.loading{background:radial-gradient(#0000001a,#0009)}.overlay.menu.home{background:linear-gradient(90deg,#000000b3,#00000026 55%,#0000);align-items:flex-start;padding-left:max(16px,7vw)}.overlay.levelup{background:#0000008c}.title{font:700 clamp(36px, 7vw, 68px) var(--serif);color:var(--gold);letter-spacing:3px;text-shadow:0 3px #3b2a10,0 0 30px #e3c27a59}.subtitle{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:-10px;font-size:12px}.card-wide{flex-direction:column;gap:10px;width:min(460px,100%);padding:20px 22px;display:flex}.card-wide h2{font:600 22px var(--serif);color:var(--gold);margin:0}.card-wide h2.lose{color:#ff8a7a}.card-wide p{color:#d9cfbb;margin:0}.hint{font-size:12px;color:var(--muted)!important}.heroes{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:4px;display:grid}.hero-pick{color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:#00000059;border:1px solid #e3c27a38;border-radius:3px;align-items:center;gap:10px;padding:7px 9px;display:flex}.hero-pick img{border:1px solid var(--gold-dim);opacity:.6;flex:none;width:34px;height:34px}.hero-pick>span{flex-direction:column;min-width:0;display:flex}.hero-pick-name{font:600 14px var(--serif);color:var(--text)}.hero-pick-tag{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.hero-pick:hover:not(:disabled),.hero-pick:focus-visible{border-color:var(--gold-dim);outline:none}.hero-pick.selected{border-color:var(--gold);color:#d9cfbb;background:linear-gradient(#7a5a2473,#4a351159)}.hero-pick.selected img{opacity:1}.hero-pick.selected .hero-pick-name{color:var(--gold)}.hero-pick.add{border-style:dashed;justify-content:center}.hero-pick.add .plus{color:var(--gold);font:600 18px var(--serif)}.modes{gap:8px;display:flex}.modes .btn{flex-direction:column;flex:1;gap:2px;margin-top:0;padding:8px 10px;display:flex}.mode-what{font:400 11px/14px var(--sans);color:#e0cfa6}.card-wide p.note{color:var(--gold)}.btn-row{gap:8px;display:flex}.btn-row .btn{flex:1;margin-top:0;padding:8px 6px;font-size:13px}.loot-title{font:600 15px var(--serif);color:var(--gold);margin:4px 0 0}.loot-list{flex-direction:column;gap:3px;display:flex}.loot-item{align-items:center;gap:8px;display:flex}.loot-item img{width:24px;height:24px}.loot-item .hint{margin-left:auto}.run-end{width:min(600px,100%);max-height:100%}.run-end .btn-row .btn{padding:11px 6px;font-size:15px}.damage-title{justify-content:space-between;align-items:baseline;display:flex}.damage-total{font:600 13px var(--sans);color:#fff3d6}.damage{scrollbar-width:thin;scrollbar-color:#5a4f3e transparent;min-height:0;overflow-y:auto}.damage table{border-collapse:collapse;font-variant-numeric:tabular-nums;white-space:nowrap;width:100%;font-size:12px}.damage th{z-index:1;background:var(--panel-solid);color:var(--muted);text-align:right;padding:0 0 3px 12px;font-weight:400;position:sticky;top:0}.damage th:first-child{text-align:left;padding-left:0}.damage td{text-align:right;padding:1px 0 1px 12px}.damage .skill{text-align:left;width:100%;max-width:0;padding-left:0}.damage .skill>div{align-items:center;gap:6px;display:flex}.damage .l2-buff{flex:none}.damage .text{flex:auto;min-width:0}.damage .name{text-overflow:ellipsis;color:#fff3d6;line-height:15px;overflow:hidden}.hero-pick:disabled{cursor:not-allowed;opacity:.45}.card-wide p.hero-path{color:var(--gold-dim);letter-spacing:.5px;margin-top:-8px;font-size:12px}.error{white-space:pre-wrap;font-family:Consolas,monospace;font-size:12px}.keys{color:var(--muted);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 12px;font-size:12px;display:grid}kbd{border:1px solid var(--gold-dim);min-width:22px;color:var(--text);font:600 11px var(--sans);text-align:center;background:#00000080;border-radius:3px;margin-right:6px;padding:1px 6px;display:inline-block}.btn{pointer-events:auto;border:1px solid var(--gold-dim);color:var(--text);font:600 15px var(--serif);cursor:pointer;background:linear-gradient(#3a3024,#221c15);border-radius:3px;margin-top:4px;padding:10px 14px}.btn:hover,.btn:focus-visible{border-color:var(--gold);color:#fff;outline:none}.btn.primary{color:#fff3d6;background:linear-gradient(#7a5a24,#4a3511)}.stats{grid-template-columns:1fr auto;gap:4px 12px;display:grid}.stats .val,.card-row .val{color:#fff3d6;font-weight:600}.loading-text{color:var(--muted)}.loading-bar{background:#ffffff1a;width:min(360px,80vw);height:6px}.loading-fill{background:var(--gold);width:0;height:100%;transition:width .1s}.levelup-title{font:700 34px var(--serif);color:var(--gold);text-shadow:0 2px 8px #000}.levelup-sub{color:var(--muted);margin-top:-12px}.cards{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.card{text-align:left;border:1px solid var(--edge);width:240px;color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(#282118f2,#120f0cf2);border-radius:4px;flex-direction:column;gap:8px;padding:14px;transition:transform .1s,border-color .1s;display:flex;position:relative}.card:hover,.card:focus-visible{border-color:var(--gold);outline:none;transform:translateY(-3px)}.card.passive{border-color:#7ab4e373}.card.ultimate{background:linear-gradient(#3a244ef2,#160e1ef2);border-color:#b86cf5}.card.ultimate:hover,.card.ultimate:focus-visible{border-color:#dcb4ff}.card.upgrade{border-color:var(--gold);background:linear-gradient(#403218f2,#1a140cf2)}.card-head{align-items:center;gap:10px;display:flex}.card-head img{width:48px;height:48px;image-rendering:pixelated;border:1px solid var(--gold-dim)}.card-head>div{padding-right:16px}.card-name{font:600 17px var(--serif);color:#fff3d6}.card-level{color:var(--gold);font-size:12px}.card.passive .card-level{color:#9cc8ef}.card.ultimate .card-level{color:#cf9dff}.card-desc{color:#cfc5b0;font-size:13px}.card-rows{color:var(--muted);flex-direction:column;gap:2px;font-size:13px;display:flex}.card-row{justify-content:space-between;display:flex}.card-key{position:absolute;top:8px;right:6px}.card.gear{border-color:color-mix(in srgb, var(--grade) 55%, transparent)}.card.gear:hover,.card.gear:focus-visible,.card.gear .card-head img{border-color:var(--grade)}.card.gear .card-level{color:var(--muted)}.card-replaces{color:var(--muted);margin-top:auto;font-size:12px}.cards.chosen .card.gear:not(.selected){opacity:.55}.card.gear.selected{opacity:1;border-color:var(--grade);box-shadow:0 0 0 1px var(--grade), 0 0 18px color-mix(in srgb, var(--grade) 45%, transparent);transform:translateY(-3px)}.chest-actions{gap:10px;display:flex}.chest-actions .btn{align-items:center;gap:8px;padding:7px 14px;display:inline-flex}.chest-actions .btn kbd{margin-right:0}.chest-actions .btn:disabled{opacity:.45;cursor:default;border-color:var(--gold-dim);color:var(--muted)}.reroll{flex-direction:column;align-items:center;gap:4px;display:flex}.reroll-btn{align-items:center;gap:8px;margin-top:0;padding:7px 14px;display:inline-flex}.reroll-btn kbd{margin-right:0}.reroll-btn .price{color:#f3dc9c;font:600 14px var(--sans)}.reroll-btn.poor{color:var(--muted)}.reroll-btn.poor .price{color:#9a9284}.reroll-btn.poor .l2-adena>i{background-image:var(--ui-adena_off)}.reroll-purse{color:var(--muted);text-shadow:0 1px 3px #000;font-size:12px}.reroll-note{color:#ff8a6a;text-shadow:0 1px 3px #000;opacity:0;min-height:17px;font-size:13px}.reroll-note.show{animation:2.4s ease-out forwards reroll-note}@keyframes reroll-note{0%,70%{opacity:1}to{opacity:0}}@media (max-width:640px){.status{width:calc(100% - 32px);bottom:76px}.skills{max-width:calc(100% - 32px)}.card{width:100%}}.run-escape{width:min(460px,100%)}.run-escape .kicker{color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-size:12px}.run-escape .next{font:600 17px var(--serif);align-items:baseline;gap:8px;margin-top:4px;display:flex}.run-escape .next .label{color:var(--muted);font:400 12px var(--sans);letter-spacing:2px;text-transform:uppercase}.run-escape .next .name{color:#fff3d6}.run-escape .status{color:var(--muted);font-size:12px}.run-escape.ready .status{color:#a6d96a}.run-escape.failed .status{color:#ff8a7a}.run-escape .loading-bar{width:100%}.run-escape .btn:disabled{opacity:.45;cursor:default;border-color:var(--gold-dim);color:var(--muted)}.fade{opacity:0;pointer-events:none;background:#000;transition:opacity linear;position:fixed;inset:0}.announce{text-align:center;opacity:0;width:min(92vw,760px);position:absolute;top:21%;left:50%;transform:translate(-50%)}.announce .title{font:700 clamp(34px, 5vw, 56px) var(--serif);color:var(--gold);letter-spacing:3px;text-shadow:0 3px #3b2a10,0 0 26px #000000d9,0 0 34px #e3c27a59}.announce .line{font:600 17px var(--serif);color:#f3e6c8;text-shadow:0 2px 6px #000,0 0 12px #000;margin-top:4px}.announce.show{animation:7s ease-out forwards announce}@keyframes announce{0%{opacity:0;transform:translate(-50%,14px)}8%{opacity:1;transform:translate(-50%)}82%{opacity:1}to{opacity:0}}.run-end .headline{flex-direction:column;align-items:center;margin:0 0 6px;display:flex}.run-end .headline .label{color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-size:12px}.run-end .headline .value{font:700 54px/1.05 var(--serif);color:#fff6de;letter-spacing:2px;text-shadow:0 3px #3b2a10,0 0 24px #e3c27a4d}