@font-face{font-family:Lexend;src:url(/ui/theme/Lexend-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Lexend;src:url(/ui/theme/Lexend-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Lexend;src:url(/ui/theme/Lexend-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Lexend;src:url(/ui/theme/Lexend-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Liberation Sans;src:url(/ui/fight/LiberationSans.ttf)format("truetype");font-display:block}:root{--font:Lexend, "Segoe UI", system-ui, sans-serif;--gold:#f8cd01;--panel:#2d2e26;--row:#0003;--row-alt:#ffffff0a;--band:#ffffff1a;--box:#00000059;--box-line:#ffffff1a;--stone:url(/ui/theme/window_green_background.png);--bg:#0e1014;--window:#0e1014d6;--line:#ffffff24;--line-strong:#ffffff4d;--text:#f2f2ee;--muted:#a9a9a0;--lime:#deff00;--lime-dark:#9fbb00;--green:#90e052;--hp:#e03a3a}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0}[hidden]{display:none!important}h1,h2,h3{margin:0}.error{color:#ff7d6e;min-height:1.2em;margin:0;font-size:14px}.btn,button.link{font:inherit;color:var(--text);cursor:pointer}.btn{color:#2f2f25;text-align:center;background:0 0;border:0;border-image:url(/ui/theme/btn_green_normal.png) 10 31 fill/10px 31px;border-radius:0;min-height:32px;padding:6px 20px;font-weight:700}.btn:hover:not(:disabled),.btn:focus-visible{border-image-source:url(/ui/theme/btn_green_over.png)}.btn:active:not(:disabled){border-image-source:url(/ui/theme/btn_green_pressed.png)}.btn:disabled{filter:none;color:#000;border-image-source:url(/ui/theme/btn_green_disabled.png)}.btn.wide{width:100%}button.link{color:var(--muted);background:0 0;border:none;padding:4px;text-decoration:underline}button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:2px}button:disabled{cursor:default;filter:grayscale()brightness(.7)}.btn-play{isolation:isolate;cursor:pointer;min-width:200px;height:64px;font:800 18px var(--font);letter-spacing:.05em;text-transform:uppercase;color:#1f2400;filter:drop-shadow(0 4px 10px #0009);background:0 0;border:none;padding:0 36px;position:relative}.btn-play:before{content:"";z-index:-1;background:linear-gradient(#f4ff8a, var(--lime) 45%, var(--lime-dark));position:absolute;inset:0;-webkit-mask:url(/ui/play-bg.png) 50%/100% 100% no-repeat;mask:url(/ui/play-bg.png) 50%/100% 100% no-repeat}.btn-play:hover:not(:disabled):before{background:linear-gradient(#faffc0, #ecff4d 45%, var(--lime))}.btn-play:active:not(:disabled){transform:translateY(1px)}.btn-play.big{min-width:280px;height:88px;font-size:26px}input,select{font:inherit;color:#d2d2d2;background:0 0;border:0;border-image:url(/ui/theme/bg_small_border_dark.png) 8 fill/8px;border-radius:0;width:100%;min-height:30px;padding:6px 10px}select option{background:#1c1f1a}input[type=checkbox],input[type=radio],input[type=range],input[type=color]{border-image:;min-height:0}input:focus{outline-offset:0;outline:1px solid #deff0080}*{scrollbar-width:thin;scrollbar-color:#deff0073 #ffffff0d}label{color:var(--muted);text-align:left;flex-direction:column;gap:4px;font-size:13px;display:flex}.window{isolation:isolate;filter:drop-shadow(0 10px 22px #000000a6);padding:0 12px 20px;position:relative}.window:before{content:"";z-index:-2;background:var(--stone) center / cover;position:absolute;inset:45px 12px 20px}.window:after{content:"";z-index:-1;pointer-events:none;border:50px solid #0000;border-width:80px 50px 72px;border-image:url(/ui/theme/window_border_bottom.png) 80 50 72;position:absolute;inset:37px 0 0}.window-title{min-height:45px;font:700 19px var(--font);color:var(--gold);text-shadow:2px 2px #000;border-image:url(/ui/theme/window_border_top.png) 0 20 fill/0 20px;align-items:center;gap:8px;margin:0 -12px 4px -9px;padding:4px 56px 4px 18px;display:flex;position:relative}.window:not(:has(>.window-title)){padding-top:12px}.window:not(:has(>.window-title)):before{inset:8px 12px 20px}.window:not(:has(>.window-title)):after{inset:0}.window[style*=--icon]>.window-title{padding-left:80px}.window[style*=--icon]>.window-title:after{content:"";pointer-events:none;background:var(--icon) 21px 8px / 34px 34px no-repeat, url(/ui/theme/window_border_icon_background.png) 0 0 / 147px 53px no-repeat;width:147px;height:53px;position:absolute;top:-5px;left:6px}.window-title:before{content:"";pointer-events:none;background:url(/ui/theme/window_border_top_right.png) no-repeat;width:38px;height:44px;position:absolute;top:1px;right:8px}.window-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.menu{background:linear-gradient(#0506088c,#050608cc),url(/ui/menu-bg.jpg) 50%/cover;min-height:100vh;padding:16px;position:relative}.game-title{letter-spacing:.02em;text-shadow:0 3px 12px #000;text-align:center;font-size:44px;font-weight:900}.game-title span{color:var(--lime)}.game-title.small{text-align:left;font-size:26px}.game-title img{filter:drop-shadow(0 4px 14px #000);width:min(460px,90vw);height:auto;margin:0 auto;display:block}.game-title.small img{width:180px;margin:0}#login{align-content:center;place-items:center;gap:24px;display:grid}.auth-window{width:min(380px,100%)}.auth-window .btn-play{align-self:center}.notice{color:var(--muted);border-top:1px solid var(--line);text-align:center;margin:0;padding:10px 16px;font-size:12px}.menu-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.account{color:var(--muted);align-items:center;gap:8px;display:flex}.menu-body{flex-wrap:wrap;align-items:stretch;gap:16px;min-height:calc(100vh - 200px);display:flex}.side{flex-direction:column;flex-shrink:0;width:300px;max-height:calc(100vh - 200px);display:flex}.side .window-body{overflow-y:auto}#new-char{width:auto;margin:0 12px 12px}.char-tile{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text);border:1px solid var(--line);background:#ffffff0a;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.char-tile:hover{border-color:var(--line-strong)}.char-tile.selected{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime);background:#deff0012}.char-tile img{width:44px;height:44px}.char-tile b{display:block}.char-tile small{color:var(--muted)}.char-tile .del{margin-left:auto;padding:2px 8px}.stage{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:280px;display:flex}.stage-art{background:url(/ui/light.png) 50% 0/70% no-repeat,url(/ui/grid.png) 50% 72%/100% no-repeat;width:420px;max-width:100%;height:440px;position:relative}.stage-art:after{content:"";z-index:0;background:url(/ui/platform.png) 50%/contain no-repeat;width:300px;height:230px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.stage-art canvas{z-index:1;max-width:100%;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.stage-name{text-align:center;text-shadow:0 2px 8px #000;margin-top:8px}.stage-name h2{font-size:26px}.stage-name p{color:var(--lime);margin:2px 0 0}#play{position:absolute;bottom:28px;right:32px}#select{background:linear-gradient(90deg, #050608bf, #05060826 35%, #05060826 65%, #050608bf), var(--class-bg,url(/ui/menu-bg.jpg)) center / cover;transition:background-image .3s}.class-panel{flex-shrink:0;align-self:center;width:300px}#classes{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.class-pick{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 50% 35%,#3a3d33,#121310 75%);border:2px solid #ffffff26;border-radius:50%;padding:8px;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 4px 10px #0009}.class-pick img{object-fit:contain;filter:drop-shadow(0 2px 3px #000);width:100%;height:100%}.class-pick:hover{border-color:#ffffff73;transform:translateY(-3px)scale(1.06)}.class-pick.selected{border-color:var(--lime);transform:scale(1.12);box-shadow:0 0 0 3px #deff0040,0 0 18px #deff008c}#class-desc{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.window-body h3{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;text-shadow:1px 1px #000;font-size:14px}.spell-row{flex-wrap:wrap;gap:6px;display:flex}.spell-row img{background:url(/ui/slot-silver.png) 50%/100% no-repeat;width:44px;height:44px;padding:4px}.create-bar{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;margin-top:16px;display:flex}.name-field{text-shadow:0 1px 4px #000,0 0 8px #000;flex-direction:column;gap:4px;width:300px;display:flex}.name-input{gap:6px;display:flex}.create-bar .error{align-self:center;max-width:320px}.icon-btn{cursor:pointer;border:1px solid var(--line-strong);background:#0000008c;border-radius:50%;place-items:center;width:42px;height:42px;padding:6px;display:grid}.icon-btn:hover{border-color:var(--lime);background:#ffffff14}.icon-btn img{width:100%;height:100%}.icon-btn.flip img{transform:scaleX(-1)}.name-input .icon-btn{border-radius:6px;flex-shrink:0}.stage{position:relative}.sex-toggle{gap:8px;margin-bottom:auto;padding-top:8px;display:flex}.sex-toggle button{cursor:pointer;width:52px;height:52px;color:var(--text);border:1px solid var(--line-strong);background:#0000008c;border-radius:50%;font-size:26px}.sex-toggle button[aria-checked=true]{color:#1f2400;background:var(--lime);border-color:var(--lime)}.rotate{z-index:2;gap:120px;margin-top:-40px;display:flex;position:relative}.info-panel{width:340px}.tabs{gap:4px;padding:0 4px;display:flex}.tabs button{flex:1}.tabs button,.zaap-tabs button,.info-tabs button,#spells-tabs button,#ach-tabs button,.inv-tabs button{min-height:35px;font:600 14px var(--font);color:#c7c7c5;cursor:pointer;background:0 0;border:0;border-image:url(/ui/theme/bg_tab_disabled_normal.png) 5 11 9 fill/5px 11px 9px;border-radius:0;padding:7px 14px 9px}.tabs button:hover,.zaap-tabs button:hover,.info-tabs button:hover,#spells-tabs button:hover,#ach-tabs button:hover,.inv-tabs button:hover{color:#fff;border-image-source:url(/ui/theme/bg_tab_disabled_over.png)}.tabs button[aria-selected=true],.zaap-tabs button[aria-selected=true],.info-tabs button[aria-selected=true],#spells-tabs button[aria-selected=true],#ach-tabs button[aria-selected=true],.inv-tabs button[aria-selected=true]{color:#fff;background:0 0;border-image:url(/ui/theme/bg_tab_selected_normal.png) 1 11 9 fill/1px 11px 9px}.class-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.class-head h2{font-size:24px}.complexity{color:var(--lime);letter-spacing:2px;font-size:14px}.roles{flex-direction:column;gap:6px;display:flex}.role{color:var(--muted);align-items:flex-start;gap:8px;font-size:13px;display:flex}.role b{color:#fff;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:12px}.heads-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.heads-grid button{aspect-ratio:1;cursor:pointer;border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:2px}.heads-grid button:hover{border-color:var(--line-strong)}.heads-grid button[aria-pressed=true]{border-color:var(--lime);background:#deff001a}.heads-grid img{object-fit:contain;width:100%;height:100%}.colors-row{gap:10px;display:flex}.swatch{border:2px solid var(--line-strong);cursor:pointer;border-radius:50%;width:44px;height:44px;position:relative;box-shadow:inset 0 0 0 2px #0006}.swatch:hover{border-color:var(--lime)}.swatch input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.swatch span{text-align:center;color:var(--muted);font-size:11px;position:absolute;bottom:-18px;left:0;right:0}.colors-row+.row{justify-content:flex-start;margin-top:14px}#game{background:#000;height:100vh;position:relative;overflow:hidden}#board{position:absolute;inset:0;overflow:hidden}#banner>*{pointer-events:auto}.pill{background:var(--window);border:1px solid var(--line);pointer-events:none;border-radius:20px;padding:6px 16px;font-weight:600;position:absolute}.pill:empty{display:none}.top-center{color:var(--lime);top:12px;left:50%;transform:translate(-50%)}.hover-info{font-size:14px;font-weight:400;top:52px;left:50%;transform:translate(-50%)}.tl.dead{opacity:.3}.counter.ap{background-image:url(/ui/ap.png)}.counter.mp{background-image:url(/ui/mp.png)}#game[data-mode=world] .fight-only,#game[data-mode=fight] .world-only{display:none}.kamas{color:#ffd34a;font-weight:700}.kamas:after{content:"";vertical-align:-1px;background:url(/ui/icon-kama.png) 50%/contain no-repeat;width:14px;height:13px;margin-left:4px;display:inline-block}.popup{z-index:2;flex-direction:column;width:min(420px,94vw);max-height:86vh;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup.wide{width:min(860px,96vw)}.window-title .close{cursor:pointer;color:#0000;background:url(/ui/theme/btn_close_normal.png) 50%/contain no-repeat;border:none;width:22px;height:22px;padding:0;font-size:0;position:absolute;top:11px;right:18px}.window-title .close:hover{background-image:url(/ui/theme/btn_close_over.png)}.window-title .close:active{background-image:url(/ui/theme/btn_close_pressed.png)}.window-footer{color:var(--muted);background:url(/ui/theme/window_separator_grey_horizontal.png) top/100% 1px no-repeat;justify-content:space-between;gap:12px;padding:10px 6px 0;font-size:13px;display:flex}.shop-body{flex:1;grid-template-columns:1fr 300px;min-height:0;display:grid}.shop-list-col{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.shop-filters{gap:6px;padding:10px;display:flex}select{font:inherit;color:var(--text);border:1px solid var(--line-strong);background:#00000080;border-radius:6px;padding:8px}#shop-list{flex-direction:column;gap:4px;max-height:56vh;padding:0 10px 10px;display:flex;overflow-y:auto}.item-row{text-align:left;font:inherit;color:var(--text);cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:6px;grid-template-columns:40px 1fr auto auto;align-items:center;gap:10px;padding:4px 8px;display:grid}.item-row:hover{border-color:var(--line-strong)}.item-row[aria-selected=true]{border-color:var(--lime);background:#deff0012}.item-row img{width:40px;height:40px}.item-row small{color:var(--muted)}.item-detail{flex-direction:column;gap:8px;padding:14px 16px;display:flex;overflow-y:auto}.item-detail img.big{align-self:center;width:96px;height:96px}.item-detail h2{font-size:18px}.item-detail ul{margin:0;padding-left:18px;font-size:14px}.item-detail .btn-play{align-self:center;min-width:160px;height:54px;margin-top:8px;font-size:16px}.popup.sheet{width:300px;max-height:calc(100% - 150px);top:16px;left:16px;transform:none}.popup.inventory{width:min(740px,100vw - 348px);max-height:calc(100% - 130px);top:16px;left:332px;transform:none}.popup.sheet.alone,.popup.inventory.alone{top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.sheet .window-body{overflow-y:auto}.sheet-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.sheet-head img{background:#0006;border-radius:6px;width:56px;height:56px}.sheet-head b{font-size:17px;display:block}.sheet-head small{color:var(--lime)}.stat-list{gap:3px;margin-bottom:10px;display:grid}.stat-row{background:#0004;border-radius:4px;grid-template-columns:22px 1fr auto 26px;align-items:center;gap:8px;padding:3px 6px;font-size:14px;display:grid}.stat-row img{width:20px;height:20px}.stat-row .v{font-weight:700}.stat-row .bonus{color:var(--lime);font-size:12px;font-weight:400}.stat-row button{border:1px solid var(--lime-dark);width:24px;height:24px;color:var(--lime);cursor:pointer;background:#2c3410;border-radius:4px;padding:0;font-weight:700}.stat-row button:disabled{opacity:.3;cursor:default}.sheet .points{margin:4px 0}.popup.sheet{width:470px}.sheet-head small{text-transform:uppercase;font-size:12px;display:block}.sheet-head .xp-bar{width:160px;margin:4px 0 0}.sheet-body{grid-template-columns:74px 1fr;gap:10px;display:grid}.sheet-left{flex-direction:column;gap:6px;display:flex}.sheet-big{background:linear-gradient(#2a3036,#1a1d21);border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;padding:6px 2px 4px;display:flex;position:relative}.sheet-big img{width:30px;height:30px}.sheet-big b{font-size:14px}.sheet-big button{border:1px solid var(--lime-dark);width:22px;height:22px;color:var(--lime);cursor:pointer;background:#2c3410;border-radius:50%;padding:0;font-weight:800;position:absolute;top:-6px;right:-6px}.sheet-big button:disabled{opacity:.3;cursor:default}.sheet-main{min-width:0}.sheet-grid{grid-template-columns:1fr 1fr;gap:2px 12px;font-size:13px;display:grid}.sheet-cell{border-radius:3px;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding:2px 4px;display:grid}.sheet-cell:hover,.sheet-table tr:hover td,.sheet-table tr:hover th{background:#ffffff10}.sheet-cell img{width:18px;height:18px}.sheet-cell span{color:#d6d6cf;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sheet-sep{border:none;border-top:1px solid #ffffff1f;grid-column:1/-1;width:100%;margin:4px 0}.sheet .neg,.sheet-table td.neg{color:#ff5a4e}.sheet-table{border-collapse:collapse;border-top:1px solid #ffffff1f;width:100%;margin:8px 0 6px;padding-top:6px;font-size:13px}.sheet-table th{text-align:left;color:#d6d6cf;white-space:nowrap;font-weight:400}.sheet-table tr:first-child th{text-align:right;color:var(--muted);text-transform:uppercase;font-size:11px}.sheet-table th img{vertical-align:-4px;width:18px;height:18px;margin-right:6px}.sheet-table td{text-align:right;padding:1px 4px;font-weight:700}.sheet-table td.none{color:var(--muted);font-weight:400}.sheet-foot{text-transform:uppercase;color:var(--muted);border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:8px;font-size:12px;display:flex}.sheet-foot b{text-align:center;color:#fff;background:#0007;border-radius:4px;min-width:32px;margin-left:6px;padding:2px 6px;font-size:14px;display:inline-block}#stats-spread.glow{border-color:var(--lime);color:var(--lime);box-shadow:0 0 8px #b5e61d66}.stat-row.adv{grid-template-columns:1fr auto}.tip-calc{grid-template-columns:1fr auto;gap:1px 12px;margin-top:6px;display:grid}.tip-calc .total{border-top:1px solid #4b4b46;padding-top:2px;font-weight:700}#log .calc{color:#a9b7c9;white-space:pre-line;margin:0 0 4px 10px;font-size:11px}.sheet .points b{color:var(--lime)}.spell-line{border-bottom:1px solid #ffffff14;grid-template-columns:44px 1fr;gap:10px;padding:6px 0;display:grid}.spell-line img{width:44px;height:44px}.spell-line p{color:var(--muted);white-space:pre-line;margin:2px 0 0;font-size:13px}.spell-line.locked{opacity:.45}.spell-line.locked img{filter:grayscale()}#spells-window{max-height:calc(100% - 150px);top:16px;transform:translate(-50%)}#spells-window .window-body{overflow-y:auto}.inv-body{grid-template-columns:1fr 296px;min-height:0;display:grid;overflow:hidden}.inv-equip{background:radial-gradient(at 50% 30%,#deff001a,#0000 65%);flex-direction:column;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.inv-doll{grid-template-columns:52px 1fr 52px;gap:8px;display:grid}.inv-col{align-content:start;gap:8px;display:grid}.inv-figure{background:url(/ui/platform.png) center bottom 6px/150px no-repeat;place-items:end center;min-height:236px;display:grid;position:relative}.inv-figure canvas{max-width:100%;max-height:230px;margin-bottom:26px}.inv-figure .icon-btn{width:30px;height:30px;padding:4px;position:absolute;bottom:4px}.inv-row{justify-content:space-between;gap:8px;display:flex}.inv-row .gap{flex:1}#inv-dofus{justify-content:center}.inv-slot{aspect-ratio:1;cursor:pointer;background:url(/ui/inv-empty.png) 50%/100% no-repeat;border:none;border-radius:4px;flex:none;width:52px;padding:6px;position:relative}.inv-slot img{width:100%;height:100%}.inv-slot.full{background:#1a1c10 url(/ui/inv-empty.png) 50%/100% no-repeat;box-shadow:inset 0 0 0 1px #8d9640}.inv-slot:disabled{cursor:default}.inv-slot:disabled img{opacity:.4}.inv-slot.sel,.inv-bag button.sel{background-image:url(/ui/inv-selected.png),url(/ui/inv-empty.png);background-size:100%}.inv-detail{border:1px solid var(--line);background:#00000059;border-radius:4px;grid-template-columns:56px 1fr;align-content:start;gap:4px 10px;min-height:120px;padding:10px;font-size:13px;display:grid}.inv-detail .big{grid-row:span 2;width:56px;height:56px}.inv-detail h2{margin:0;font-size:15px}.inv-detail small{color:var(--muted)}.inv-detail ul{columns:2;grid-column:1/-1;margin:4px 0;padding-left:18px}.inv-detail .btn{grid-column:1/-1;justify-self:end}.inv-detail>p{color:var(--muted);grid-column:1/-1;margin:0}.inv-side{border-left:1px solid var(--line);background:#00000040;flex-direction:column;gap:6px;min-height:0;padding:8px;display:flex}.inv-tabs{gap:2px;display:flex}.inv-tabs button{flex:1;height:35px;padding:4px 4px 7px}.inv-tabs button img{height:100%}.inv-side select,.inv-side input{padding:4px 8px;font-size:13px}.inv-bag{background:#00000059;flex:1;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:3px;min-height:260px;padding:2px;display:grid;overflow-y:auto}.inv-bag button,.inv-bag i{aspect-ratio:1;cursor:pointer;background:url(/ui/inv-empty.png) 50%/100% no-repeat;border:none;min-width:0;padding:4px}.inv-bag img{width:100%;height:100%}.inv-bag p{grid-column:1/-1}.inv-bottom{align-items:center;gap:8px;display:flex}.inv-bottom input{flex:1;min-width:0}@media (max-width:800px){.side{width:100%;max-height:none}.popup.sheet,.popup.inventory{width:auto;left:8px;right:8px}.inv-body{grid-template-columns:1fr;overflow-y:auto}#play{margin:16px auto 0;display:block;position:static}}.inv-bag i{opacity:.5;background:url(/ui/inv-empty.png) 50%/100% no-repeat;display:block}.boons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.boons:empty{display:none}.boons p{text-align:center;color:var(--muted);grid-column:1/-1;margin:0}.boon{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;text-align:center;background:#ffffff0a;border-radius:8px;justify-items:center;gap:6px;padding:12px 8px;display:grid}.boon:hover,.boon:focus-visible{border-color:var(--lime);background:#c8e65a1a;outline:none}.boon img{object-fit:contain;width:48px;height:48px}.boon small{color:var(--muted)}@media (max-width:520px){.boons{grid-template-columns:1fr}}.map-name #leave-tower{pointer-events:auto;margin-left:8px;padding:3px 10px;font-size:13px}#zaap-window.zaap{width:min(560px,94vw);height:auto;padding-bottom:12px}.zaap-tabs{grid-template-columns:repeat(3,1fr);gap:4px;padding:6px 4px 0;display:grid}.zaap-top{justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.zaap-save{align-items:center;gap:8px;display:flex}.zaap-save small{color:var(--muted);font-size:12px;display:block}.zaap-save .ankh{color:var(--muted);font-size:22px}.zaap-top input{width:230px;padding:6px 10px;font-size:13px}.zaap-foot{color:var(--muted);justify-content:space-between;align-items:center;padding:10px 12px 0;font-size:13px;display:flex}.zaap-foot .check{flex-direction:row;align-items:center;gap:6px}.zaap-foot .check input{width:auto}.zaap-kamas{color:var(--text);font-weight:600}.zaap-go{justify-content:center;padding-top:10px;display:flex}.zaap-go .btn-play{min-width:220px;height:50px;font-size:15px}#end{z-index:3000;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.end-window{width:min(760px,100%)}.end-head{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:10px 14px;display:flex}.end-banner{background:url(/ui/end-victory.png) 50%/100% 100% no-repeat;flex:none;place-items:center;width:190px;height:52px;display:grid}.defeat .end-banner{background-image:url(/ui/end-defeat.png)}.end-banner span{color:#3b2400;font-size:21px;font-weight:800;transform:translateY(-3px)}.defeat .end-banner span{color:#fff1ec}#end-time{color:var(--muted);font-variant-numeric:tabular-nums}.end-table{border-collapse:collapse;width:100%;font-size:14px}.end-table th{color:var(--muted);text-align:left;border-bottom:1px solid var(--line-strong);background:#ffffff08;padding:6px 10px;font-weight:600}.end-table th:first-child{width:34%}.end-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:6px 10px}.end-section td{color:var(--muted);background:#ffffff0a;font-weight:600}.end-section img{vertical-align:-3px;width:18px;height:18px;margin-right:4px}.end-name{align-items:center;gap:8px;font-weight:600;display:flex}.end-name img{object-fit:contain;background:#00000059;border-radius:4px;width:32px;height:32px}.end-name.me{color:var(--lime)}.end-level{white-space:nowrap}.lvl-badge{text-align:center;color:#2b1d00;background:linear-gradient(#ffe27a,#e7a91c);border-radius:4px;min-width:34px;padding:1px 6px;font-size:13px;font-weight:700;display:inline-block}.xp-bar{vertical-align:middle;border:1px solid var(--line-strong);background:#0009;border-radius:4px;width:72px;height:8px;margin-left:6px;display:inline-block;overflow:hidden}.xp-bar i{background:linear-gradient(#fff3a0,#f2c12e);height:100%;display:block}.level-up{color:var(--lime);font-size:12px}.end-kamas:after{content:"";vertical-align:-1px;background:url(/ui/icon-kama.png) 50%/contain no-repeat;width:14px;height:13px;margin-left:4px;display:inline-block}.end-items img{object-fit:contain;background:#00000059;border-radius:4px;width:30px;height:30px;margin-right:4px}.end-window .boons{padding:12px 14px 0}.boon.picked{border-color:var(--lime);box-shadow:0 0 0 2px var(--lime) inset, 0 0 12px #c8e65a55;background:#c8e65a26}.boon:disabled:not(.picked){opacity:.45}.boon-ok{grid-column:1/-1;justify-self:center;min-width:160px}.boon-ok:disabled{opacity:.5;cursor:default}.end-foot{flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.end-foot small{color:var(--muted)}.end-foot .btn-play{min-width:200px;height:50px;font-size:15px}.tl.ready{outline:2px solid var(--green)}@media (max-width:600px){.end-table th:nth-child(5),.end-table td:nth-child(5){display:none}.end-banner{width:140px}.zaap-top{flex-direction:column;align-items:stretch}.zaap-top input{width:100%}}.tip{color:#fff;background:#000000d9;border:0;border-radius:6px;width:340px;padding:8px 12px 10px;font-size:14px;line-height:1.35}.tip.floating{z-index:9500;pointer-events:none;position:fixed;box-shadow:0 4px 16px #000a}.tip.static{background:#0000008c;width:auto}.tip p{margin:0}.tip-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tip-head img{flex:none;width:40px;height:40px}.tip-head div{flex-direction:column;display:flex}.tip-name{font-size:15px}.tip-head small{color:#c7c7c5}.tip-name{color:var(--gold);font-weight:700}.tip-row{gap:8px;display:flex}.tip-label{color:#c8c8c0;min-width:0}.tip-rule{color:#c8c8c0;font-style:italic}.tip-bad,.tip-neg{color:#ff5a4a!important}.tip-desc{color:#f0a43a;white-space:pre-line;margin-top:8px!important}.tip-effects{margin-top:8px}.tip-title{font-weight:700;margin-bottom:2px!important}.tip-pos{color:#5fd33a}.item-tip .tip-name{font-size:16px}.tip-setname{color:#f2b13a;font-size:13px}.item-tip .tip-title{text-transform:uppercase;letter-spacing:.05em;color:#c8c8c0;border-bottom:1px solid #fff2;padding-bottom:3px;font-size:12px;margin-bottom:4px!important}.tip-effects.with-icons p:not(.tip-title):not(.tip-rule){align-items:center;gap:6px;padding-left:0;display:flex}.tip-effects.with-icons p:not(.tip-title):not(.tip-rule):not(:has(.tip-icon)):before{content:"";flex:none;width:16px}.tip-icon{flex:none;width:16px;height:16px}.item-detail .tip,.inv-detail .tip{grid-column:1/-1}#spells-window{width:min(720px,96vw)}.spells-body{grid-template-columns:240px 1fr;gap:10px;min-height:0;max-height:calc(100vh - 220px);padding:10px;display:grid;overflow:hidden}#spells-list{flex-direction:column;gap:2px;display:flex;overflow-y:auto}#spells-detail{overflow-y:auto}button.spell-line{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;grid-template-columns:36px 1fr;align-items:center;padding:4px 6px}button.spell-line img{width:36px;height:36px}button.spell-line span{flex-direction:column;display:flex}button.spell-line small{color:var(--muted)}button.spell-line[aria-pressed=true]{border-color:var(--lime);background:#deff0012}@media (max-width:640px){.spells-body{grid-template-columns:1fr}}.popup.options{z-index:50;width:min(640px,96vw);position:fixed}.options-body,.shop-body,.inv-body{background:url(/ui/theme/window_separator_grey_horizontal.png) top/100% 1px no-repeat}.options-body{grid-template-columns:170px 1fr;min-height:300px;display:grid}#options-tabs{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:10px;display:flex}#options-tabs button{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:8px 10px}#options-tabs button:hover{background:#ffffff0f}#options-tabs button[aria-selected=true]{border-color:var(--lime);color:var(--lime);background:#deff0014}#options-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex;overflow-y:auto}.opt-row{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.opt-row.range{grid-template-columns:1fr 160px 48px;display:grid}.opt-row input[type=range]{accent-color:var(--lime);width:100%}.opt-row input[type=checkbox]{accent-color:var(--lime);width:18px;height:18px}.opt-row output{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.opt-row.key{cursor:default}.opt-row kbd{border:1px solid var(--line-strong);min-width:84px;font:600 13px var(--font);text-align:center;background:#0006;border-bottom-width:3px;border-radius:5px;padding:3px 8px}.popup.options .window-footer{align-items:center}.popup.options .grow{flex:1}.btn.icon-only{padding:4px 8px}.btn.icon-only img{vertical-align:middle;width:22px;height:22px}@media (max-width:560px){.options-body{grid-template-columns:1fr}#options-tabs{border-right:none;border-bottom:1px solid var(--line);flex-flow:wrap}.opt-row.range{grid-template-columns:1fr 110px 44px}}#options-body label.opt-row{color:var(--text);flex-direction:row;align-items:center;font-size:14px}#options-body label.opt-row.range{display:grid}.spells-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 0;display:flex}#spells-tabs{gap:4px;display:flex}#spells-deck{align-items:center;gap:4px;display:flex}.deck-slot{border:1px solid color-mix(in srgb, var(--class-color) 60%, transparent);cursor:pointer;background:#0008;border-radius:6px;width:38px;height:38px;padding:2px}.deck-slot:disabled{cursor:default;border-style:dashed;border-color:#fff2}.deck-slot img{width:100%;height:100%;display:block}.deck-slot:not(:disabled):hover{border-color:#ff5a4a}.deck-count{color:var(--muted);margin-left:4px;font-size:13px;font-weight:700}button.spell-line.in-deck{box-shadow:inset 3px 0 0 var(--class-color)}.deck-toggle{border:1px solid var(--class-color);background:color-mix(in srgb, var(--class-color) 22%, #000);color:#fff;width:100%;font:inherit;cursor:pointer;border-radius:4px;margin-bottom:8px;padding:8px;font-weight:700}.deck-toggle:disabled{opacity:.5;cursor:default;background:#0006;border-color:#fff3}#spells-tree{background:linear-gradient(#08090cd1, #08090ce6), var(--class-bg) center 30% / cover;border:1px solid color-mix(in srgb, var(--class-color) 40%, transparent);border-radius:6px;max-height:calc(100vh - 230px);margin:10px;padding:14px 16px;overflow-y:auto}.tree-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.tree-head img{width:52px;height:52px;filter:drop-shadow(0 0 8px var(--class-color))}.tree-head b{color:var(--class-color);font-size:17px}.tree-head p{color:#d6d6cc;margin:2px 0 0;font-size:12px}.tree-branches{border-left:3px solid color-mix(in srgb, var(--class-color) 70%, transparent);flex-direction:column;gap:10px;margin-left:25px;padding-left:22px;display:flex;position:relative}.tree-branch{align-items:center;display:flex;position:relative}.tree-branch:before{content:"";background:color-mix(in srgb, var(--class-color) 70%, transparent);width:22px;height:3px;position:absolute;left:-22px}.tree-node{cursor:help;border-radius:26px;flex:1 1 0;align-items:center;gap:8px;min-width:0;padding:4px;display:flex}.tree-node:hover{background:#ffffff10}.tree-orb{background:radial-gradient(#2a2b30,#0c0d10);border:2px solid #ffffff30;border-radius:50%;flex:none;width:46px;height:46px;padding:3px;transition:box-shadow .2s,border-color .2s;position:relative}.tree-orb img{filter:grayscale(.85)brightness(.7);border-radius:50%;width:100%;height:100%;display:block}.tree-orb i{text-align:center;color:#ccc;background:#111;border:1px solid #ffffff40;border-radius:9px;min-width:20px;padding:0 3px;font:700 10px/16px serif;position:absolute;bottom:-4px;right:-6px}.tree-node:first-child .tree-orb img,.tree-node.on .tree-orb img{filter:none}.tree-node.on .tree-orb,.tree-node:first-child .tree-orb{border-color:var(--class-color)}.tree-node.on:not(:first-child) .tree-orb{box-shadow:0 0 12px var(--class-color)}.tree-node.on .tree-orb i{background:var(--class-color);color:#000;border-color:#0000}.tree-text{flex-direction:column;min-width:0;display:flex}.tree-text b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tree-text small{color:#b8b8ae;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.tree-node.on .tree-text small{color:#5fd33a}.tree-link{background:#ffffff25;border-radius:2px;flex:0 0 18px;height:3px;margin:0 2px}.tree-link.on{background:var(--class-color);box-shadow:0 0 6px var(--class-color)}.tree-empty{color:var(--muted)}@media (max-width:640px){.tree-text small{display:none}}.tree-node.root{flex:0 0 170px}.tree-node.mythic{flex:1 1 0}.tree-node.mythic .tree-orb{border-color:#f5c84a66}.tree-node.mythic .tree-orb i{color:#f5c84a;background:#222;border-color:#f5c84a66}.tree-node.mythic.on .tree-orb{box-shadow:0 0 16px #f5c84a, 0 0 4px var(--class-color);border-color:#f5c84a}.tree-node.mythic.on .tree-orb i{color:#000;background:#f5c84a}.tree-node.mythic.on .tree-orb img{filter:none}.tree-node.mythic b{color:#f5c84a}.tree-pip{color:#888;text-align:center;cursor:help;background:#0c0d10;border:2px solid #ffffff30;border-radius:50%;flex:none;width:20px;height:20px;font:700 10px/16px sans-serif}.tree-pip.on{border-color:var(--class-color);background:var(--class-color);color:#000;box-shadow:0 0 8px var(--class-color)}.tree-branch .tree-link{flex:6px;min-width:6px;max-width:18px}.tree-passives{border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;padding-top:10px;display:flex}.tree-passives>b{width:100%;color:var(--class-color);font-size:13px}.tree-passives small{color:var(--muted)}.tree-passive{background:#ffffff12;border-radius:12px;align-items:center;gap:4px;padding:2px 8px 2px 3px;font-size:12px;display:inline-flex}.tree-passive img{width:18px;height:18px}.boon.boon-spell{border-color:#6fa8ff66}.boon.mythic{border-color:#f5c84a;box-shadow:0 0 14px #f5c84a66}.boon.mythic b{color:#f5c84a}#buffs{pointer-events:auto;flex-direction:column;gap:3px;max-width:280px;max-height:calc(100% - 200px);display:flex;position:absolute;top:48px;left:8px;overflow:hidden}.buff{color:#c8f5b0;background:#000000b3;border:1px solid #5fd33a66;border-radius:12px;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;padding:2px 8px 2px 2px;font-size:12px;display:grid}.buff.bad{color:#ffb4aa;border-color:#ff5a4a66}.buff img{border-radius:50%;width:22px;height:22px}.buff span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.buff b{color:#fff;background:#ffffff1f;border-radius:8px;padding:0 5px;font-size:11px}#hover{white-space:pre-line}.loading{z-index:9000;color:var(--text);background:radial-gradient(at 50% 42%,#3c782859,#0000 60%),radial-gradient(at 50% 120%,#deff001f,#0000 55%),linear-gradient(#080c08d1,#040604f0),url(/ui/menu-bg.jpg) 50%/cover,#070a07;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;transition:opacity .45s;display:flex;position:fixed;inset:0;overflow:hidden}.loading.leaving{opacity:0;pointer-events:none}.loading.leaving .loading-logo{transition:transform .45s;transform:scale(1.08)}.loading-stage{aspect-ratio:2;width:min(560px,88vw);position:relative}.loading-logo{animation:.9s cubic-bezier(.2,1.4,.4,1) both logo-in,4s ease-in-out .9s infinite logo-float;position:absolute;inset:0}.loading-logo img{object-fit:contain;filter:drop-shadow(0 10px 22px #000000bf);width:100%;height:100%;display:block;position:relative}@keyframes logo-in{0%{opacity:0;transform:scale(.6)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes logo-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-9px)rotate(.6deg)}}.loading-egg{aspect-ratio:1;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#c8ff78d9,#50dc5a59 40%,#0000 70%);border-radius:50%;width:26%;animation:2.4s ease-in-out infinite egg-pulse;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}@keyframes egg-pulse{0%,to{opacity:.25;transform:translate(-50%,-50%)scale(.85)}50%{opacity:.95;transform:translate(-50%,-50%)scale(1.1)}}.loading-halo{background:radial-gradient(#aae65047,#0000 65%);border-radius:50%;animation:4s ease-in-out infinite halo;position:absolute;inset:-10% 5%}@keyframes halo{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.loading-shine{pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(105deg,#0000 35%,#ffffe6f2 48% 52%,#0000 65%) -150% 0/60% 100% no-repeat;animation:3.2s ease-in-out 1s infinite shine;position:absolute;inset:0;-webkit-mask:url(/ui/logo.png) 50%/contain no-repeat;mask:url(/ui/logo.png) 50%/contain no-repeat}@keyframes shine{0%{background-position:-150% 0}55%,to{background-position:250% 0}}.loading-sparks{pointer-events:none;position:absolute;inset:-20% -6% -30%}.loading-sparks i{left:var(--x);width:var(--s);height:var(--s);opacity:0;animation:spark var(--t) ease-in var(--d) infinite;background:#f6ffb0;border-radius:50%;position:absolute;bottom:0;box-shadow:0 0 6px 2px #deff00bf,0 0 14px 4px #78dc3c73}@keyframes spark{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:1}50%{transform:translate(14px,-150px)scale(1)}80%{opacity:.8}to{opacity:0;transform:translate(-10px,-320px)scale(.4)}}.loading-leaves{pointer-events:none;position:absolute;inset:-25% -10% -10%}.loading-leaves b{left:var(--x);opacity:0;width:14px;height:9px;animation:leaf var(--t) linear var(--d) infinite;background:linear-gradient(135deg,#8fd14f,#3f8f2a);border-radius:0 100%;position:absolute;top:0}@keyframes leaf{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.9}50%{transform:translate(30px,260px)rotate(200deg)}90%{opacity:.7}to{opacity:0;transform:translate(-10px,520px)rotate(400deg)}}.loading-bar{background:#000000a6;border:2px solid #b8893a;border-radius:8px;width:min(420px,80vw);height:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000c,0 0 18px #deff0026}.loading-bar i{background:repeating-linear-gradient(115deg, #ffffff38 0 8px, transparent 8px 16px) 0 0 / 40px 100%, linear-gradient(#f4ff8a, var(--lime) 50%, #6fa82a);border-radius:6px;width:0;transition:width .35s;animation:.8s linear infinite bar-stripes;position:absolute;inset:0 auto 0 0}@keyframes bar-stripes{to{background-position:40px 0,0 0}}.loading-text{color:#e9e6cf;text-shadow:0 2px 6px #000;text-align:center;min-height:1.3em;margin:0;font-size:15px}.loading-error{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:min(520px,92vw);display:flex}.loading-error p{color:#ffb4a8;margin:0}.loading-error .row{align-items:center;gap:12px;display:flex}.loading-error .btn-play{min-width:170px;height:52px;font-size:15px}.loading.failed .loading-bar,.loading.failed .loading-text{display:none}.loading.failed .loading-logo{filter:saturate(.5)brightness(.8);animation:none}.loading.compact{background:radial-gradient(at 50% 45%,#14280fd9,#000000eb 70%)}.loading.compact .loading-stage{width:min(320px,70vw)}@media (prefers-reduced-motion:reduce){.loading-logo,.loading-egg,.loading-halo,.loading-shine,.loading-sparks i,.loading-leaves b,.loading-bar i{animation:none!important}.loading-egg{opacity:.6}}.almanax-chip:hover{border-color:#ffd34a}.almanax-chip img{object-fit:cover;border-radius:50%;width:22px;height:22px}#game[data-mode=fight] .almanax-chip{display:none}#toasts{z-index:3000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}.toast{background:linear-gradient(#28220cf5,#141106f5);border:1px solid #c99a3a;border-radius:8px;align-items:center;gap:10px;min-width:300px;max-width:460px;padding:8px 14px 8px 8px;transition:opacity .6s,transform .6s;animation:.5s cubic-bezier(.2,1.4,.4,1) both toast-in;display:flex;box-shadow:0 6px 24px #0009,0 0 18px #ffd34a40}.toast.gone{opacity:0;transform:translateY(-10px)}.toast img{width:48px;height:48px}.toast b{color:#ffd34a;display:block}.toast small{color:#e9e6cf}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)scale(.9)}to{opacity:1;transform:none}}#chat-form{display:flex}#chat-form input{flex:1}.smiley-panel{z-index:2500;border:1px solid var(--line-strong);background:#0c0d0ff2;border-radius:6px;grid-template-columns:repeat(10,1fr);gap:2px;width:380px;max-height:240px;padding:6px;display:grid;position:absolute;bottom:110px;left:8px;overflow-y:auto}.smiley-panel button{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px}.smiley-panel button:hover{background:#ffffff1f}.smiley-panel img{width:30px;height:30px;display:block}.chat-smiley{vertical-align:middle;width:20px;height:20px}.check.craft-only{color:var(--muted);flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;padding:0 10px 8px;font-size:13px;display:flex}.check.craft-only input{width:auto}#craft-list,#res-list{flex-direction:column;gap:3px;min-height:300px;padding:0 8px 8px;display:flex;overflow-y:auto}.item-row .have{color:var(--muted);font-size:12px}.item-row.craftable .have{color:var(--green);font-weight:700}.item-row.craftable{border-color:#90e05259}.recipe{flex-direction:column;gap:4px;display:flex}.ing{background:#ff5a4a14;border-radius:6px;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:3px 6px;font-size:13px;display:grid}.ing.ok{background:#90e0521a}.ing img{width:32px;height:32px}.ing b{color:#ff8a7a}.ing.ok b{color:var(--green)}.qty-row{align-items:center;gap:6px;display:flex}.qty-row .qty{width:90px}.inv-bag .res-cell{position:relative}.res-cell .qty{font:700 11px var(--font);color:#fff;text-shadow:0 0 3px #000,0 0 2px #000;position:absolute;bottom:1px;right:3px}.worn-sets{flex-direction:column;gap:6px;margin-top:6px;display:flex}.tip-set .tip-title{color:#ffd34a}.popup.almanax{width:min(760px,96vw)}.almanax-body{grid-template-columns:240px 1fr;gap:16px;padding:16px;display:grid;overflow-y:auto}.almanax-meryde{background:radial-gradient(at 50% 70%,#ffd34a40,#0000 60%),url(/ui/platform.png) 50% 92%/80% no-repeat;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-height:260px;display:flex}.almanax-meryde canvas{max-width:100%;max-height:240px}.almanax-meryde b{color:#ffd34a;font-size:16px}.almanax-text{flex-direction:column;gap:8px;display:flex}.almanax-text h3{color:#ffe9a8;font-size:20px}.almanax-bonus{border-left:3px solid var(--lime);color:var(--lime);background:#deff0012;margin:0;padding:6px 10px;font-weight:700}.almanax-lore{color:var(--muted);margin:0;font-size:13px;font-style:italic}.almanax-offering{flex-direction:column;gap:4px;display:flex}.almanax-reward{color:#ffd34a;margin:0;font-size:13px}.almanax-text .btn-play{align-self:flex-start;min-width:220px;height:54px;font-size:15px}#almanax-msg{min-height:1.2em;color:var(--green);margin:0}.popup.achievements{width:min(820px,96vw)}.ach-points{color:#ffd34a;margin-left:10px;font-size:13px;font-weight:600}.ach-top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}#ach-tabs{flex-wrap:wrap;gap:4px;display:flex}.ach-title{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.ach-title select{width:auto}.ach-list{flex-direction:column;gap:6px;padding:10px 14px;display:flex;overflow-y:auto}.ach{border:1px solid var(--line);opacity:.75;background:#ffffff0a;border-radius:8px;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.ach.done{opacity:1;background:linear-gradient(90deg,#ffd34a1f,#ffffff08);border-color:#ffd34a80}.ach-icon{filter:grayscale(.8);width:56px;height:56px}.ach.done .ach-icon{filter:none}.ach-text{flex-direction:column;gap:3px;min-width:0;display:flex}.ach-text small{color:var(--muted)}.ach-bar{background:#00000080;border-radius:3px;height:6px;display:block;overflow:hidden}.ach-bar i{background:linear-gradient(90deg, #6fa82a, var(--lime));height:100%;display:block}.ach-reward{flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;display:flex}.ach-pts{color:#ffd34a;font-weight:700}.ach-titlename{color:#ffe9a8;font-style:italic}.ach-date{color:var(--muted)}@media (max-width:640px){.almanax-body{grid-template-columns:1fr}.smiley-panel{width:calc(100vw - 16px)}}input[type=checkbox]{appearance:none;cursor:pointer;background:url(/ui/theme/btn_checkbox_normal.png) 50%/contain no-repeat;border:0;flex:none;width:26px;height:22px;min-height:0;margin:0;padding:0}input[type=checkbox]:checked{background-image:url(/ui/theme/btn_checkbox_selected.png)}.popup.sheet{flex-direction:column;width:300px;display:flex}.sheet-tabs{margin:0 0 8px;padding:0 4px}.sheet-tabs button{flex:1}.popup.sheet .sheet-head{background:var(--box);border:1px solid var(--box-line);align-items:center;gap:10px;margin:0 10px;padding:8px;display:flex}.popup.sheet .sheet-head img{background:#000;border:1px solid #55564e;border-radius:2px;width:52px;height:52px}.popup.sheet .sheet-head b{color:#fff;font-size:15px;display:block}.popup.sheet .sheet-head small{color:#c8c8c0;text-transform:none;font-size:13px;display:block}.sheet-scroll{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 10px;display:flex;overflow-y:auto}.sheet-box{background:var(--box);border:1px solid var(--box-line);border-radius:3px;padding:3px 6px}.sheet-line{color:#e2e2dc;cursor:help;grid-template-columns:18px 1fr auto auto;align-items:center;gap:8px;padding:5px 4px;font-size:13px;display:grid}.sheet-box .sheet-line+.sheet-line{border-top:1px solid var(--box-line)}.sheet-line img{width:16px;height:16px}.sheet-line b{color:#fff;font-weight:700}.sheet-line b.neg{color:#ff5a4e}#stats-details{gap:0}#stats-details .sheet-line{background:var(--row)}#stats-details .sheet-line:nth-child(odd){background:var(--row-alt)}.sheet-section{cursor:pointer;background:var(--band);color:#e8e8e2;width:100%;font:600 13px var(--font);text-align:left;border:0;justify-content:space-between;margin-top:2px;padding:5px 8px;display:flex}.sheet-section:after{content:"−";font-weight:700}.sheet-section[aria-expanded=false]:after{content:"+"}.sheet-plus{cursor:pointer;color:#2f2f25;background:linear-gradient(#ecff5a,#a6c800);border:1px solid #2f3a00;border-radius:3px;width:20px;height:20px;padding:0;font-weight:800;line-height:1}.sheet-plus:disabled{opacity:.35;cursor:default}.sheet-xp{color:#e2e2dc;grid-template-columns:82px 1fr;align-items:center;gap:8px;padding:6px 4px;font-size:13px;display:grid}.sheet-segments{grid-template-columns:repeat(10,1fr);gap:2px;height:9px;display:grid}.sheet-segments i{background:linear-gradient(90deg, #ffea01 calc(var(--fill) * 100%), #0d0d0b 0);box-shadow:inset 0 0 0 1px #00000080}.sheet-points{background:var(--box);border:1px solid var(--box-line);border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:6px;font-size:13px;display:flex}.sheet-points b{text-align:center;color:#fff;background:#000;border:1px solid #4a4b44;min-width:34px;padding:1px 8px}.sheet-buttons{border-top:1px solid #45463f;gap:10px;padding:8px 10px 10px;display:flex}.sheet-buttons .btn{flex:1}#stats-msg:empty{display:none}#stats-msg{color:var(--muted);margin:0 10px;font-size:12px}.inv-slot,.inv-slot.full{box-shadow:none;background:url(/ui/theme/slot_dark_background_empty.png) 50%/100% no-repeat;border-radius:4px}.inv-slot.full{background-image:url(/ui/theme/slot_dark_background_full.png)}.inv-slot.sel,.inv-bag button.sel{background-image:url(/ui/inv-selected.png),url(/ui/theme/slot_dark_background_full.png)}.inv-slot.empty img{opacity:.45}.inv-figure .icon-btn{background:0 0;border:0}.inv-figure .icon-btn img{filter:sepia()saturate(6)hue-rotate(30deg)brightness(1.1)}.inv-bag{background:#00000059}.inv-bag button,.inv-bag i{background:url(/ui/theme/slot_dark_background_empty.png) 50%/100% no-repeat}.popup.options{width:min(740px,96vw)}.popup.options .options-body{background:0 0;grid-template-columns:150px 1fr;min-height:380px}#options-tabs{border-right:1px solid var(--line);gap:2px;padding:8px 8px 8px 0}#options-body{gap:10px;max-height:60vh;padding:12px 16px}.opt-title{color:var(--gold);text-shadow:1px 1px #000;margin:0;font-size:18px}.opt-desc{color:#c8c8c0;margin:-4px 0 4px;font-size:13px}.opt-group{border:1px solid var(--line);background:#0000004d;border-radius:4px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.opt-group h3{color:#edede6;margin:0 0 2px;font-size:14px}.opt-group .opt-row{color:#dcdcd6;font-size:13px}.popup.options .window-footer .btn{min-width:100px}.hdv{width:min(1080px,96vw)}.hdv-tabs{padding:6px 4px 0}.hdv-search{padding:8px 4px 0}.hdv-search input{width:100%}.hdv-body{grid-template-columns:200px 1fr 320px;gap:10px;height:56vh;min-height:0;padding:8px 4px;display:grid}.hdv-side{flex-direction:column;gap:8px;min-height:0;display:flex}.hdv-cats{flex-direction:column;gap:4px;display:flex}.hdv-cats button{font:600 13px var(--font);color:var(--text);text-align:left;cursor:pointer;background:var(--row);border:1px solid var(--box-line);border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.hdv-cats button[aria-selected=true]{border-color:var(--gold);color:var(--gold)}.hdv-types{background:var(--box);border:1px solid var(--box-line);border-radius:4px;flex-direction:column;flex:1;gap:4px;padding:6px;display:flex;overflow-y:auto}.hdv-type{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.hdv-list{background:var(--box);border:1px solid var(--box-line);border-radius:4px;flex-direction:column;gap:4px;min-height:0;padding:4px;display:flex;overflow-y:auto}.hdv-detail{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.hdv-head{border-bottom:1px solid var(--box-line);grid-template-rows:auto auto;grid-template-columns:48px 1fr;align-items:center;column-gap:8px;padding-bottom:6px;display:grid}.hdv-head img{grid-row:1/3;width:48px;height:48px}.hdv-head small{color:var(--muted)}.hdv-offer{background:var(--row);border-radius:4px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:grid}.hdv-mine-col .hdv-offer{grid-template-columns:1fr auto auto auto}.hdv-offer>span:first-child{align-items:center;gap:6px;min-width:0;display:flex}.hdv-offer img{width:28px;height:28px}.hdv-offer small{color:var(--muted)}.hdv-rolled{color:#b8e07a}.hdv-mine-col h3{font:600 14px var(--font);color:var(--gold);margin:0}.hdv-bag{grid-template-columns:repeat(5,minmax(0,1fr));min-height:0}.hdv-form{grid-template-columns:1fr 1fr;gap:6px;display:grid}.hdv-info{color:var(--muted);flex-direction:column;gap:2px;margin:0;font-size:13px;display:flex}@media (max-width:760px){.hdv-body,.hdv-sell{grid-template-columns:1fr;height:auto}}.turn-clock{align-items:center;gap:4px;width:100%;height:28px;padding:0 8px;font-size:13px;display:flex;position:relative}.turn-clock img{width:14px;height:14px}.turn-clock b{text-align:center;min-width:84px;font:700 22px var(--font);color:#f2d35b;background:#262626;border:1px solid #000;border-bottom:none;border-radius:14px 14px 0 0;padding:2px 10px 4px;position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #3c3c3c}.turn-clock b:empty{display:none}.turn-progress{background:#555;height:4px;position:absolute;bottom:0;left:0;right:0}.turn-progress i{background:#f2c33a;height:100%;transition:width .5s linear;display:block}.btn-endturn{isolation:isolate;cursor:pointer;width:220px;height:60px;font:800 16px var(--font);letter-spacing:.03em;text-transform:uppercase;color:#fbf4ea;text-shadow:0 1px 2px #3b2510,0 0 2px #3b2510;background:0 0;border:none;margin:0;position:relative}.btn-endturn:before,.btn-endturn:after{content:"";z-index:-1;background:50%/100% 100% no-repeat;position:absolute;inset:0}.btn-endturn:before{background-blend-mode:multiply;background-image:url(/ui/hud/endturn-content.png),linear-gradient(#a8743f,#8a5c33);border-radius:12px;box-shadow:0 0 0 3px #1b1b1b;-webkit-mask:url(/ui/hud/endturn-content.png) 50%/100% 100%;mask:url(/ui/hud/endturn-content.png) 50%/100% 100%}.btn-endturn:after{opacity:.55;background-image:url(/ui/hud/endturn-light.png)}.btn-endturn:hover:not(:disabled):before{background-image:url(/ui/hud/endturn-hover.png),linear-gradient(#bf8649,#9b683a)}.btn-endturn:active:not(:disabled):before{background-image:url(/ui/hud/endturn-pressed.png),linear-gradient(#94653a,#76502d)}.btn-endturn:disabled{cursor:default;color:#c9c1b6}.btn-endturn:disabled:before{filter:grayscale(.8)brightness(.7)}.map-name{z-index:2;white-space:pre-line;font:700 20px/1.35 var(--font);color:#fff;letter-spacing:.02em;text-shadow:0 0 3px #000,0 0 2px #000,1px 1px #000;pointer-events:none;zoom:var(--hud);position:absolute;top:8px;left:8px}.map-name #map-name:first-line{font-size:21px}.map-name .btn{pointer-events:auto;margin-top:6px;font-size:13px}.almanax-chip{cursor:pointer;font:600 12px var(--font);color:#f0f0f0;background:var(--mod);box-shadow:inset 0 0 0 1px var(--mod-line);zoom:var(--hud);border:1px solid #000;border-radius:3px;align-items:center;gap:6px;padding:3px 10px 3px 4px;display:flex;position:absolute;top:76px;left:8px}#timeline{box-shadow:inset 0 0 0 1px var(--mod-line);zoom:var(--hud);background:#212121e6;border:1px solid #000;border-radius:3px;gap:6px;padding:6px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}#timeline:empty{display:none}.tl{background:50%/100% 100% no-repeat;border:1px solid #000;place-items:center;width:60px;height:66px;display:grid;position:relative}.tl.players{background-image:url(/ui/timeline-blue.png)}.tl.monsters{background-image:url(/ui/timeline-red.png)}.tl img{object-fit:contain;width:52px;height:52px}.tl.current{background-image:url(/ui/hud/turn-selector.png),url(/ui/timeline-blue.png);background-size:100% 100%,88% 88%;border:none}.tl.current.monsters{background-image:url(/ui/hud/turn-selector.png),url(/ui/timeline-red.png)}.tl-hp{background:#e04545;width:5px;max-height:calc(100% - 4px);position:absolute;bottom:2px;right:2px;box-shadow:0 0 0 1px #000}#turn{color:var(--mod-text);zoom:var(--hud);background:#212121eb;border:1px solid #000;border-radius:3px;font-size:13px;top:104px}.popup{height:min(620px, calc(86vh / var(--ui-scale,1)));max-height:none}.popup>*{flex-shrink:0}.popup.sheet,#spells-window{height:calc(100% - 150px)}.popup.inventory{height:calc(100% - 130px)}.bank{width:min(860px,96vw)}.bank-body{grid-template-columns:1fr 1fr;gap:12px;height:50vh;padding:8px 4px;display:grid}.bank-col{flex-direction:column;gap:6px;min-height:0;display:flex}.bank-col h3{font:600 14px var(--font);color:var(--gold);margin:0}.bank-col h3 small{color:var(--muted);font-weight:400}.bank-col .inv-bag{grid-template-columns:repeat(8,minmax(0,1fr));min-height:0}.bank-col .kamas{align-self:flex-end;font-weight:600}.bank-transfer{justify-content:center;gap:6px;padding:4px;display:flex}.bank-transfer input{width:160px}@media (max-width:760px){.bank-body{grid-template-columns:1fr;height:auto}.bank-col .inv-bag{grid-template-columns:repeat(5,minmax(0,1fr))}}.popup.hdv{height:min(720px, calc(90vh / var(--ui-scale,1)))}.popup.options{height:min(560px, calc(86vh / var(--ui-scale,1)))}.shop-body,.almanax-body,.hdv-body,.ach-list,.spells-body,#spells-tree,.inv-body,.options-body{flex:1 1 0;min-height:0;max-height:none}.almanax-body,.ach-list,#spells-tree,#options-body{overflow-y:auto}.popup.options #options-body{max-height:none}.shop-body,.hdv-body,.spells-body,.inv-body,.options-body{grid-template-rows:minmax(0,1fr);height:auto}#craft-list,#res-list,.inv-bag{flex:1;min-height:0}:root{--mod:#1f1e1b;--mod-line:#45443a;--mod-text:#f0f0f0;--d2-lime:#b9d80f;--d2-panel:#22211e;--hud-fit:1;--hud:calc(var(--ui-scale,1) * var(--hud-fit))}@media (max-width:1600px){:root{--hud-fit:.9}}@media (max-width:1400px){:root{--hud-fit:.8}}@media (max-width:1200px){:root{--hud-fit:.68}}.popup,.tip.floating{zoom:var(--ui-scale,1)}#banner{width:calc(100vw / var(--hud));zoom:var(--hud);background:linear-gradient(#34322b,#23221d 30%,#1a1915);border-top:2px solid #0c0b09;align-items:flex-end;gap:6px;height:176px;padding:6px;display:flex;position:absolute;bottom:0;left:0;box-shadow:inset 0 1px #5a5747,0 -2px 8px #00000080}.chat-module,.shortcuts,.menu-module,.minimap-module,.endturn-module{height:162px;box-shadow:inset 0 0 0 1px var(--mod-line), inset 0 2px 6px #00000080;color:var(--mod-text);background:#00000047;border:1px solid #000;border-radius:5px}.chat-module{min-width:320px;height:var(--chat-h,162px);background:#141311f0;flex-direction:column;flex:0 580px;transition:height .15s;display:flex;position:relative}.chat-size{left:10px;bottom:calc(var(--chat-h,162px) + 10px);z-index:1;gap:3px;transition:bottom .15s;display:flex;position:absolute}.chat-size button{cursor:pointer;width:22px;height:20px;font:700 16px/1 var(--font);color:#1a1a00;background:linear-gradient(#d4ef3a,#a8c40c);border:1px solid #000;border-radius:3px;padding:0}.chat-size button:hover{background:linear-gradient(#e2fb5a,#b9d80f)}#chat-log,#log{color:#d8d8d8;flex-direction:column;flex:1;gap:2px;min-height:0;padding:6px 10px;font-size:15px;line-height:1.3;display:flex;overflow-y:auto}#log p{margin:1px 0}#log .dmg{color:#ff8a7a}#log .heal{color:#8be08b}#chat-log b{color:var(--d2-lime)}#chat-log .system{color:#46b71f;font-style:normal}#chat-form{background:#00000073;border-top:1px solid #000;border-radius:0 0 5px 5px;flex:none;align-items:center;gap:6px;height:32px;padding:0 8px;display:flex}.chat-channel{color:var(--d2-lime);font-size:14px;font-weight:700}.chat-channel.group{color:#7fd3ff}.chat-channel.pm{color:#ff9ad5}#chat-input{color:#e8e8e8;background:0 0;border:none;border-image:;flex:1;height:24px;min-height:24px;padding:2px 6px;font-size:14px}.smiley-btn{cursor:pointer;background:0 0;border:none;flex:0 0 26px;height:26px;padding:1px}.smiley-btn img{width:24px;height:24px}#chat .smiley-panel{bottom:100%;left:0}.vitals{flex:0 0 132px;height:162px;position:relative}.heart{cursor:pointer;background:url(/ui/d2/heart-empty.png) 50%/contain no-repeat;border:none;flex-direction:column;justify-content:center;align-items:center;width:132px;height:132px;padding:0 0 8px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.heart-fill{background:url(/ui/d2/heart-full.png) 50%/contain no-repeat;transition:clip-path .3s;position:absolute;inset:0}.heart span,.counter span{z-index:2;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000,0 0 1px #000;font-weight:700;position:relative}.heart span{font-size:21px;line-height:1.15}.heart:not(.single) #hptext{border-bottom:2px solid #fff;padding:0 4px 1px;box-shadow:0 1px #0009}.heart.single #hpmax{display:none}.heart.single #hptext{font-size:25px}.counter{z-index:3;background:50%/contain no-repeat;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:6px}.counter.ap{background-image:url(/ui/d2/ap.png);left:18px}.counter.mp{background-image:url(/ui/d2/mp.png);right:18px}.counter span{font-size:17px}.shortcuts{flex:0 0 552px;grid-template-rows:112px 14px;grid-template-columns:504px 1fr;align-content:center;gap:8px 4px;padding:0 8px;display:grid;position:relative}#spells{background:url(/ui/banner/slot.png) 0 0/56px 56px;grid-template-columns:repeat(9,56px);grid-auto-rows:56px;display:grid;overflow:hidden}.spell{cursor:pointer;background:0 0;border:none;border-radius:8px;width:56px;height:56px;padding:5px;position:relative}.spell img{border-radius:4px;width:100%;height:100%}.spell:hover:not(:disabled){box-shadow:inset 0 0 0 2px #ffffffb3}.spell.selected{box-shadow:inset 0 0 0 2px var(--d2-lime)}.spell:disabled img{filter:grayscale(.7)brightness(.6)}.spell .cost,.spell .hotkey{display:none}.bar-page{font:700 18px var(--font);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.bar-page img{filter:drop-shadow(0 1px #000);background:linear-gradient(#d4ef3a,#a8c40c);border:1px solid #000;border-radius:3px;width:22px;height:22px;padding:3px}.bar-xp{grid-column:1/-1;align-items:center;display:flex}.bar-xp .track{background:#0f100c;border:1px solid #000;border-radius:2px;flex:1;height:12px;overflow:hidden}.bar-xp .track i{background:repeating-linear-gradient(90deg,#fff21d 0 52px,#b8a420 52px 56px);height:100%;transition:width .4s;display:block}.xp-level{display:none}.menu-module{flex:0 0 216px;grid-template-columns:repeat(4,46px);grid-auto-rows:46px;place-content:center;gap:6px;padding:8px 6px;display:grid}.menu-module .kamas{text-align:center;grid-column:1/-1;align-self:center;font-size:15px}.chest-btn{cursor:pointer;background:linear-gradient(#ffd34a1f,#00000040);border:1px solid #ffd34a59;border-radius:6px;grid-column:1/3;align-self:center;align-items:center;gap:4px;height:40px;padding:0 6px 4px 2px;display:flex;position:relative}.chest-btn:hover{border-color:#ffd34a;box-shadow:0 0 10px #ffd34a59}.chest-btn img{object-fit:contain;filter:drop-shadow(0 2px 1px #0009);width:36px;height:36px}.chest-btn b{font:700 16px var(--font);color:#ffd34a;text-shadow:0 1px 2px #000}.chest-mini{background:#00000080;border-radius:2px;height:3px;position:absolute;bottom:3px;left:6px;right:6px;overflow:hidden}.chest-mini i{background:linear-gradient(90deg,#c9d6e3,#ffd34a);height:100%;transition:width .4s;display:block}.chest-btn:not([hidden])+.kamas{grid-column:3/-1;font-size:13px}.popup.chests{width:min(600px,96vw)}.chests-body{flex-direction:column;align-items:center;gap:10px;padding:0 0 16px;display:flex;overflow-y:auto}.chests-banner{text-align:center;background:linear-gradient(#00000059, transparent 30%, transparent 62%, var(--panel) 100%), url(/ui/chests.jpg) center 62% / cover;border-bottom:none;flex-direction:column;align-self:stretch;align-items:center;height:250px;padding-top:18px;display:flex}.chests-title{font:900 40px/1 var(--font);text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(#fff6c9 10%,#ffd34a 45%,#c47a12 90%);color:#0000;filter:drop-shadow(0 3px #3b2205)drop-shadow(0 0 2px #3b2205)drop-shadow(0 6px 10px #000000b3);-webkit-background-clip:text;background-clip:text;margin:0}.chests-sub{color:#fff;text-shadow:0 2px 3px #000,0 0 8px #000;margin:6px 0 0;font-size:16px;font-weight:700}.chests-hero{align-items:center;gap:16px;margin-top:-54px;display:flex;position:relative}.chests-hero img{filter:drop-shadow(0 0 14px #ffd34a8c)drop-shadow(0 4px 6px #000000b3);width:80px;height:80px;animation:2.4s ease-in-out infinite chest-bob}.chests-hero b{color:#ffd34a;text-shadow:0 2px #6b4300,0 4px 8px #000;font-size:44px;line-height:1;display:block}.chests-hero span{color:#e9e6cf;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 1px 3px #000;font-size:13px;font-weight:600}@keyframes chest-bob{50%{transform:translateY(-5px)}}.chests-track{grid-template-columns:repeat(20,1fr);gap:4px;width:calc(100% - 64px);display:grid}.pip{background:#ffffff14;border:1px solid #ffffff2e;border-radius:3px;height:18px;display:inline-block}.chests-track .pip.done{background:linear-gradient(#ffe07a,#c99a14);border-color:#ffd34a}.pip.good{border:2px solid #e6f0ff;box-shadow:0 0 6px #c9d6e3b3}.pip.perfect{border:2px solid #ffd34a;box-shadow:0 0 8px #ffd34acc}.chests-track .pip.next{animation:1.2s ease-in-out infinite pip-next}@keyframes pip-next{50%{background:#ffd34a73}}.chests-marks{grid-template-columns:repeat(20,1fr);width:calc(100% - 64px);margin-top:-4px;font-size:12px;font-weight:700;display:grid}.chests-marks span{white-space:nowrap;justify-self:center}.chests-marks .good{color:#e6f0ff;grid-column:9/12}.chests-marks .perfect{color:#ffd34a;grid-column:18/21;justify-self:end}.chests-next{color:var(--lime);text-shadow:0 2px 4px #000;margin:4px 0;font-size:20px;font-weight:800}.chests-cards{grid-template-columns:1fr 1fr;gap:12px;width:calc(100% - 32px);display:grid}.chests-card{background:linear-gradient(135deg,#ffd34a1a,#00000073);border:2px solid #c99a14;border-radius:10px;grid-template-columns:120px 1fr;align-items:center;gap:10px;min-height:100px;padding:6px 12px 6px 6px;display:grid;box-shadow:inset 0 0 0 1px #0009,0 0 12px #ffd34a26}.chests-card img{object-fit:cover;border-radius:6px;width:120px;height:88px;-webkit-mask:radial-gradient(#000 55%,#0000 100%);mask:radial-gradient(#000 55%,#0000 100%)}.chests-card p{color:#fff;text-shadow:0 1px 3px #000;margin:0;font-size:15px;font-weight:700}@media (max-width:560px){.chests-title{font-size:28px}.chests-cards{grid-template-columns:1fr}}.hud-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:46px;height:46px;padding:2px;display:grid}.hud-btn img{object-fit:contain;filter:drop-shadow(0 2px 1px #0009);width:100%;height:100%}.hud-btn:hover{background:#ffffff1a}.hud-btn:hover img{transform:scale(1.06)}.hud-btn[aria-pressed=true]{background:#b9d80f4d}.minimap-module{flex:300px;min-width:220px;padding:3px;display:flex}#minimap{pointer-events:none;border-radius:3px;flex:1;margin:0;position:relative;overflow:hidden}#minimap[data-world="1"]{background:#8fb8a8}.mm-world{position:absolute;top:50%;left:50%}.mm-world>*{position:absolute}.mm-tile{width:1024px;height:1024px}.mm-hint{filter:drop-shadow(0 1px 1px #000);width:26px;height:26px;transform:translate(-50%,-50%)}.mm-here{background:url(/ui/banner/map-here.png) 50%/100% 100% no-repeat}.mm-me{filter:drop-shadow(0 1px 1px #000);width:26px;height:26px;transform:translate(-50%,-60%)}.minimap-module{cursor:pointer;position:relative}.mm-zoom{flex-direction:column;gap:3px;display:flex;position:absolute;top:7px;right:7px}.mm-zoom button{color:#fff;width:22px;height:22px;font:700 15px/1 var(--font);cursor:pointer;box-shadow:inset 0 0 0 1px var(--mod-line);background:#141410d9;border:1px solid #000;border-radius:4px;padding:0}.mm-zoom button:hover{color:var(--lime)}.popup.worldmap{z-index:60;zoom:1;background-color:#0e0d0a;background-clip:border-box;flex-direction:column;width:100vw;height:100vh;max-height:none;display:flex;position:fixed;inset:0;transform:none}.wm-view{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#8fb8a8;flex:1;min-height:0;position:relative;overflow:hidden}.wm-view.dragging{cursor:grabbing}.wm-inner{transform-origin:0 0;position:absolute;top:0;left:0}.wm-tile{pointer-events:none;width:1024px;height:1024px;position:absolute}.wm-marks{pointer-events:none;position:absolute;inset:0}.wm-marks img{pointer-events:auto;position:absolute}.wm-hint{filter:drop-shadow(0 1px 1px #000);width:24px;height:24px;transform:translate(-50%,-50%)}.wm-me{filter:drop-shadow(0 0 4px #000);width:32px;height:32px;animation:1.2s ease-in-out infinite wm-me;transform:translate(-50%,-60%)}@keyframes wm-me{50%{transform:translate(-50%,-75%)}}.wm-empty{color:#fff;background:#0009;place-items:center;margin:0;display:grid;position:absolute;inset:0}.wm-foot{align-items:center;gap:12px;padding:8px 14px;display:flex}.wm-where{color:#d4d2c0;flex:1;font-weight:600}.wm-tools{align-items:center;gap:6px;display:flex}.wm-tools .btn{min-width:36px}.wm-zoom{text-align:center;color:#d4d2c0;min-width:52px}.endturn-module{flex-direction:column;flex:300px;justify-content:center;align-items:center;gap:22px;min-width:220px;padding:26px 12px 0;display:flex}.reveal{--c1:#ffd34a;--c2:#e8a317;--glow:#ffd34a8c;z-index:4000;cursor:default;font-family:var(--font);background:radial-gradient(at 50% 42%,#281c068c,#000000eb 70%);place-items:center;animation:.4s ease-out both rv-in;display:grid;position:absolute;inset:0;overflow:hidden}.reveal-good{--c1:#e6f0ff;--c2:#8fb8e8;--glow:#a0cdff99}.reveal-perfect{--c1:#ffe27a;--c2:#ff7ad9;--glow:#ffbe5abf}.reveal.ready{cursor:pointer}.reveal.gone{animation:.4s ease-in both rv-out}@keyframes rv-in{0%{opacity:0}}@keyframes rv-out{to{opacity:0;transform:scale(1.04)}}.reveal>*{grid-area:1/1}.reveal-sparks{pointer-events:none;z-index:3;width:100%;height:100%}.reveal-rays{opacity:0;pointer-events:none;background:repeating-conic-gradient(from 0deg, var(--glow) 0deg 6deg, transparent 6deg 18deg);border-radius:50%;width:900px;height:900px;margin-top:-16vh;animation:1.6s ease-out .7s forwards rv-rays-in,24s linear infinite rv-spin;-webkit-mask:radial-gradient(circle,#000 8%,#0000 62%);mask:radial-gradient(circle,#000 8%,#0000 62%)}.reveal-perfect .reveal-rays{background:repeating-conic-gradient(#ffd34ab3 0deg 5deg,#0000 5deg 12deg,#ff7ad98c 12deg 17deg,#0000 17deg 24deg,#7af0ff8c 24deg 29deg,#0000 29deg 36deg)}@keyframes rv-rays-in{0%{opacity:0;transform:scale(.3)}50%{opacity:.45}70%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}@keyframes rv-spin{to{rotate:360deg}}.reveal-chest{z-index:2;width:190px;filter:drop-shadow(0 0 18px var(--glow)) drop-shadow(0 10px 10px #000000b3);margin-top:-16vh;animation:.65s cubic-bezier(.3,1.6,.5,1) .1s both rv-drop,.75s ease-in .8s rv-shake,.35s ease-out 1.55s forwards rv-burst}@keyframes rv-drop{0%{transform:translateY(-70vh)scale(.6)}}@keyframes rv-shake{0%,to{transform:none}10%{transform:rotate(-3deg)}20%{transform:rotate(3deg)}30%{transform:rotate(-5deg)scale(1.03)}40%{transform:rotate(5deg)scale(1.03)}50%{transform:rotate(-7deg)scale(1.06)}60%{transform:rotate(7deg)scale(1.06)}70%{transform:rotate(-9deg)scale(1.1)}80%{transform:rotate(9deg)scale(1.1)}90%{transform:rotate(-4deg)scale(1.15)}}@keyframes rv-burst{to{opacity:0;filter:brightness(3)drop-shadow(0 0 40px #fff);transform:scale(1.9)}}.reveal-flash{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 34%, #fff 0%, var(--lime) 18%, transparent 55%);width:100%;height:100%;animation:.7s ease-out 1.5s rv-flash}@keyframes rv-flash{15%{opacity:1}to{opacity:0}}.reveal-pet{z-index:2;opacity:0;place-items:center;width:150px;height:150px;margin-top:-16vh;animation:.7s cubic-bezier(.2,1.8,.4,1) 1.65s forwards rv-pet;display:grid;position:relative}.reveal-pet img{width:128px;height:128px;filter:drop-shadow(0 0 14px var(--glow)) drop-shadow(0 6px 6px #0009);animation:2.6s ease-in-out 2.4s infinite rv-float;position:relative}.reveal-halo{background:radial-gradient(circle, var(--glow), transparent 65%);border-radius:50%;animation:1.8s ease-in-out infinite rv-pulse;position:absolute;inset:-30px}@keyframes rv-pet{0%{opacity:0;transform:scale(0)translateY(40px)}to{opacity:1;transform:none}}@keyframes rv-float{50%{transform:translateY(-10px)}}@keyframes rv-pulse{50%{opacity:.7;transform:scale(1.15)}}.reveal-card{z-index:5;flex-direction:column;align-self:end;align-items:center;gap:10px;width:min(460px,92vw);margin-bottom:7vh;display:flex;position:relative}.reveal-banner{opacity:0;background:url(/ui/end-victory.png) 50%/100% 100% no-repeat;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:86px;padding:10px 70px 18px;animation:.5s cubic-bezier(.2,1.4,.4,1) 1.9s forwards rv-banner;display:flex}.reveal-banner small{text-transform:uppercase;letter-spacing:.12em;color:#fff3c4;text-shadow:0 1px 2px #000;font-size:12px}.reveal-banner b{color:#fff;text-shadow:0 2px #6b4300,0 0 12px #0009;text-align:center;font-size:26px;line-height:1.1}.reveal-perfect .reveal-banner b{background:linear-gradient(90deg,#fff6c9,#ffd34a,#ff9ae3,#9ff6ff,#ffd34a,#fff6c9) 0 0/200% 100%;color:#0000;text-shadow:none;filter:drop-shadow(0 2px #6b4300);-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite rv-shimmer}@keyframes rv-banner{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:none}}@keyframes rv-shimmer{to{background-position:200% 0}}.reveal-stamp{border:3px solid var(--lime);text-transform:uppercase;letter-spacing:.06em;color:var(--lime);box-shadow:0 0 18px var(--glow), inset 0 0 10px var(--glow);opacity:0;background:#000000bf;border-radius:8px;padding:6px 14px;font-size:18px;font-weight:800;animation:.4s cubic-bezier(.5,0,.75,0) 2.2s forwards rv-stamp;position:absolute;top:-26px;right:-10px;rotate:10deg}@keyframes rv-stamp{0%{opacity:0;transform:scale(3.5)}80%{opacity:1;transform:scale(.92)}to{opacity:1;transform:none}}.reveal-stats{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.reveal-stats li{opacity:0;animation:rv-row .35s var(--d) ease-out forwards;background:#0000008c;border:1px solid #ffffff1f;border-radius:6px;grid-template-rows:auto 6px;grid-template-columns:26px 52px 1fr auto;align-items:center;gap:3px 8px;padding:6px 10px;display:grid}.reveal-stats img{grid-row:1/3;width:24px;height:24px}.reveal-stats b{color:var(--lime);text-align:right;font-size:18px}.reveal-stats span{color:#f2f2ee}.reveal-stats em{color:var(--muted);font-size:12px;font-style:normal}.reveal-bar{background:#ffffff1a;border-radius:3px;grid-column:2/-1;height:6px;position:relative;overflow:hidden}.reveal-bar:after{content:"";background:linear-gradient(90deg, var(--c2), var(--lime));width:0;animation:rv-fill .7s calc(var(--d) + .1s) cubic-bezier(.2, .8, .3, 1) forwards;border-radius:3px;position:absolute;inset:0 auto 0 0}.reveal-stats li.max{border-color:var(--lime);box-shadow:0 0 10px var(--glow)}.reveal-stats li.max em{color:var(--lime);font-weight:700}@keyframes rv-row{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes rv-fill{to{width:var(--p)}}.reveal-count{color:#ffe9a8;opacity:0;margin:4px 0 0;font-size:13px;animation:.4s 2.6s forwards rv-show}.reveal-hint{color:var(--muted);opacity:0;margin:0;font-size:12px;transition:opacity .4s}.reveal.ready .reveal-hint{opacity:1;animation:1.6s ease-in-out infinite rv-blink}@keyframes rv-show{to{opacity:1}}@keyframes rv-blink{50%{opacity:.4}}@media (max-height:700px){.reveal-chest,.reveal-pet,.reveal-rays{margin-top:-30vh}.reveal-card{margin-bottom:2vh}}@media (prefers-reduced-motion:reduce){.reveal *,.reveal{animation-duration:10ms!important;animation-iteration-count:1!important}}.popup.admin{width:min(1100px,96vw);height:min(760px,90vh)}.adm-refresh{width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:5px;margin-left:auto;margin-right:6px;font-size:18px}.adm-refresh:hover{background:#ffffff1a}.adm-body{flex:1;grid-template-columns:200px 1fr;min-height:0;display:grid}.adm-nav{border-right:1px solid var(--line);background:#00000040;flex-direction:column;gap:4px;padding:12px 8px;display:flex}.adm-tab{color:var(--muted);font:600 14px var(--font);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.adm-tab img{object-fit:contain;width:26px;height:26px}.adm-tab:hover{color:var(--text);background:#ffffff0f}.adm-tab[aria-current=true]{color:#2d2e26;background:linear-gradient(var(--lime), var(--lime-dark))}.adm-main{flex-direction:column;min-width:0;min-height:0;display:flex}.adm-content{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.adm-title{color:#ffe9a8;margin:0;font-size:20px}.adm-status{border-top:1px solid var(--line);min-height:1.4em;color:var(--muted);margin:0;padding:6px 16px;font-size:13px}.adm-status.ok{color:var(--green)}.adm-status.err,.adm-err{color:#ff7b6b}.adm-panel{border:1px solid var(--line);background:var(--box);border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:10px 12px;display:flex}.adm-panel h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:14px}.adm-tiles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.adm-tile{border:1px solid var(--line);background:linear-gradient(160deg,#deff0012,#00000059);border-radius:8px;flex-direction:column;gap:2px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.adm-tile img{object-fit:contain;opacity:.85;width:34px;height:34px;position:absolute;top:8px;right:8px}.adm-tile b{color:var(--text);font-variant-numeric:tabular-nums;font-size:26px}.adm-tile span{color:var(--lime);font-size:13px;font-weight:600}.adm-tile small{color:var(--muted);font-size:12px}.adm-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.adm-list-rows{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.adm-prow{background:var(--row);cursor:pointer;border-radius:5px;grid-template-columns:18px auto 1fr;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:grid}.adm-prow:hover,.adm-prow:focus-visible{background:#ffffff14;outline:none}.adm-prow small{color:var(--muted);text-align:right}.adm-rank{color:#ffd34a;text-align:center;font-style:normal;font-weight:700}.adm-dot{background:#555;border-radius:50%;width:9px;height:9px;display:inline-block}.adm-dot.on{background:var(--green);box-shadow:0 0 6px var(--green)}.adm-news{background:var(--row);border-radius:5px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 8px;font-size:14px;display:grid}.adm-news small{color:var(--muted)}.adm-news span{overflow-wrap:anywhere}.adm-text{resize:vertical;border:1px solid var(--line-strong);width:100%;color:var(--text);font:14px var(--font);background:#0008;border-radius:5px;padding:8px}.adm-panel .btn-play{align-self:flex-start;min-width:200px;height:44px;font-size:14px}.adm-split{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;min-height:0;display:grid}.adm-left{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.adm-scroll{border:1px solid var(--line);border-radius:6px;max-height:560px;overflow:auto}.adm-table{border-collapse:collapse;width:100%;font-size:13px}.adm-table th{color:var(--muted);text-align:left;background:#1b1d17;padding:6px 8px;font-weight:600;position:sticky;top:0}.adm-table td{white-space:nowrap;border-top:1px solid #ffffff0d;padding:6px 8px}.adm-table tr{cursor:pointer}.adm-table tbody tr:hover{background:#ffffff0d}.adm-table tr.sel{background:#deff001a}.adm-detail{flex-direction:column;gap:10px;min-width:0;max-height:600px;display:flex;overflow-y:auto}.adm-name{color:#ffd34a;margin:0;font-size:22px}.adm-info{grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:13px;display:grid}.adm-info dt{color:var(--muted)}.adm-info dd{margin:0}.adm-bag{flex-direction:column;gap:2px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.adm-bag li{border-radius:4px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:2px 4px;font-size:13px;display:grid}.adm-bag li:hover{background:#ffffff0d}.adm-bag img{object-fit:contain;width:28px;height:28px}.adm-res{color:var(--muted);margin:0;font-size:12px}.adm-x{color:#ff8a7a;cursor:pointer;background:#ff5a461f;border:none;border-radius:4px;width:24px;height:24px}.adm-x:hover{background:#ff5a4659}.adm-select,.adm-search,.adm-num{border:1px solid var(--line-strong);color:var(--text);font:14px var(--font);background:#0008;border-radius:5px;min-width:0;padding:6px 8px}.adm-tools{gap:6px;display:flex}.adm-search{flex:1}.adm-catalog{flex-direction:column;gap:2px;max-height:520px;padding-right:4px;display:flex;overflow-y:auto}.adm-hit{text-align:left;background:var(--row);color:var(--text);cursor:pointer;font:13px var(--font);border:1px solid #0000;border-radius:5px;grid-template-rows:auto auto;grid-template-columns:32px 1fr;align-items:center;column-gap:8px;padding:4px 6px;display:grid}.adm-hit:hover{border-color:var(--line-strong)}.adm-hit.sel{border-color:var(--lime);background:#deff0014}.adm-hit img{object-fit:contain;grid-row:1/3;width:32px;height:32px}.adm-hit small{color:var(--muted);font-size:11px}.adm-editor{border:1px solid var(--line);background:var(--box);border-radius:8px;flex-direction:column;gap:6px;min-width:0;max-height:580px;padding:10px;display:flex;overflow-y:auto}.adm-head{align-items:center;gap:10px;display:flex}.adm-head img{object-fit:contain;width:56px;height:56px}.adm-head b{color:#ffe9a8;font-size:16px}.adm-rolls{flex-wrap:wrap;gap:4px;display:flex}.adm-rolls .btn{padding:4px 8px;font-size:12px}.adm-stats{flex-direction:column;gap:4px;display:flex}.adm-stat{grid-template-columns:22px 1fr 84px 64px 24px;align-items:center;gap:6px;font-size:13px;display:grid}.adm-stat img{width:20px;height:20px}.adm-stat small{color:var(--muted);white-space:nowrap;font-size:11px}.adm-num{width:100%}.adm-row{grid-template-columns:1fr 150px auto;align-items:center;gap:8px;font-size:14px;display:grid}.adm-row:has(>select){grid-template-columns:auto 1fr}.adm-go{margin-top:4px}@media (max-width:800px){.adm-body{grid-template-columns:1fr}.adm-nav{border-right:none;border-bottom:1px solid var(--line);flex-flow:wrap}.adm-split,.adm-cols{grid-template-columns:1fr}}.title-center>.window-title{justify-content:center;padding-right:80px}.popup.inventory{width:min(920px,100vw - 348px)}.inv-body{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 410px;gap:10px;padding:6px 10px 0 4px}.inv-equip{background:radial-gradient(50% 55% at 50% 40%,#deff0033,#90e05212 60%,#0000 85%),linear-gradient(#0000001a,#00000073);border-radius:8px;gap:10px;padding:12px 14px;box-shadow:inset 0 0 0 1px #ffffff12}.inv-doll{grid-template-columns:60px minmax(0,1fr) 60px;gap:12px;min-height:440px}.inv-col{flex-direction:column;gap:8px;display:flex}.inv-col .gap{flex:1}.inv-slot{width:60px}.inv-figure{background:url(/ui/platform.png) center bottom 30px/220px no-repeat;min-height:0}.inv-figure canvas{max-height:300px;margin-bottom:70px}.inv-figure .icon-btn{bottom:14px}.inv-figure .icon-btn:first-of-type{left:18%}.inv-figure .icon-btn.flip{right:18%}#inv-dofus{border-top:1px solid var(--line);justify-content:center;gap:12px;padding-top:10px}.inv-detail:empty{display:none}.inv-side{background:0 0;border:0;grid-template-columns:46px minmax(0,1fr);gap:10px;padding:0;display:grid}.inv-tabs{flex-direction:column;gap:6px}.inv-tabs button,.inv-tabs button:hover,.inv-tabs button[aria-selected=true]{border:1px solid var(--line);background:#00000059;border-image:;border-radius:8px;flex:none;width:44px;height:44px;padding:7px}.inv-tabs button:hover{border-color:var(--line-strong)}.inv-tabs button[aria-selected=true]{border-color:var(--lime);background:#deff0029;box-shadow:0 0 8px #deff0040}.inv-tabs button{box-sizing:border-box;place-items:center;min-height:0;display:grid;overflow:hidden}.inv-tabs button img{object-fit:contain;width:100%;max-width:28px;height:100%;max-height:28px}.inv-main{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.inv-main input,.inv-main select,.hdv-side input{box-sizing:border-box;width:100%;min-width:0;min-height:36px;color:var(--text);border:1px solid var(--line-strong);background:#00000080;border-image:;border-radius:6px;padding:7px 10px;font-size:13px}.inv-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.inv-bag{border-radius:6px;gap:6px;padding:8px}.inv-bottom{justify-content:space-between;padding:0 2px}.inv-count{color:var(--muted);font-size:13px}.inv-count b{color:var(--text)}#inv-kamas{color:var(--lime);font-size:17px}.popup.inventory.bag-only{width:min(480px,42vw);left:auto;right:16px}.bag-only .inv-equip{display:none}.bag-only .inv-body{grid-template-columns:minmax(0,1fr)}.popup.hdv{width:min(820px,100vw - 530px);top:16px;left:16px;transform:none}.hdv-tabs{border-bottom:1px solid var(--line-strong);width:min(400px,70%);margin:2px auto 0;padding:0;display:flex}.hdv-tabs button{font:700 15px var(--font);color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:8px}.hdv-tabs button:hover{color:var(--text)}.hdv-tabs button[aria-selected=true]{color:var(--lime);border-bottom-color:var(--lime)}.hdv-body{grid-template-columns:230px minmax(0,1fr);gap:12px;padding:10px 4px 4px}.hdv-sell{grid-template-columns:minmax(0,1fr) 300px}.hdv-side{background:#0000004d;border-radius:6px;gap:8px;padding:10px;overflow-y:auto}.hdv-section{font:800 13px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text);align-items:center;gap:6px;margin:6px 0 0;display:flex}.hdv-section:before{content:"▾";color:var(--lime)}.hdv-section small{color:var(--muted);letter-spacing:0;margin-left:auto}.hdv-cats{flex-flow:wrap;gap:6px}.hdv-cats button{border:1px solid var(--line);background:#00000059;border-radius:8px;justify-content:center;width:44px;height:44px;padding:5px}.hdv-cats button img{width:32px;height:32px}.hdv-cats button:hover:not(:disabled){border-color:var(--line-strong)}.hdv-cats button[aria-selected=true]{border-color:var(--lime);background:#deff0029;box-shadow:0 0 8px #deff0040}.hdv-cats button:disabled{opacity:.35;cursor:default}.hdv-types{background:0 0;border:0;flex:1;gap:7px;padding:2px}.hdv-type{color:var(--text);flex-direction:row;align-items:center;gap:8px}.hdv-type input{width:18px;height:18px;min-height:0;max-height:18px;box-shadow:inset 0 0 0 1px var(--line-strong);background:#15160f;border-radius:4px;flex:none;align-self:center;position:relative}.hdv-type input:checked{background:var(--lime);box-shadow:none}.hdv-type input:checked:after{content:"";border:2.5px solid #15160f;border-width:0 2.5px 2.5px 0;width:4px;height:9px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.hdv-reset{font:700 12px var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer;border:1px solid var(--line);background:#0000004d;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}.hdv-reset:hover{color:var(--text);border-color:var(--line-strong)}.hdv-reset img{width:16px;height:16px}.hdv-main{flex-direction:column;gap:6px;min-height:0;display:flex}.hdv-cols,.hdv-main .item-row{grid-template-columns:48px minmax(0,1fr) 70px 120px;align-items:center;gap:10px;display:grid}.hdv-cols{color:var(--muted);padding:0 14px;font-size:13px}.hdv-cols span:first-child{grid-column:1/3;padding-left:58px}.hdv-cols span:nth-child(2){text-align:center}.hdv-cols span:last-child{text-align:right}.hdv-main .hdv-list{background:0 0;border:0;flex:1;gap:6px;padding:0 4px 0 0}.hdv-main .item-row{background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;min-height:64px;padding:6px 14px 6px 8px}.hdv-main .item-row:hover{background:#ffffff1a}.hdv-main .item-row img{width:44px;height:44px}.hdv-main .item-row .n{font-weight:700}.hdv-main .item-row .lvl{text-align:center;color:var(--text);font-size:14px}.hdv-main .item-row .kamas{text-align:right}.hdv-offers{flex-direction:column;gap:4px;margin:-2px 0 4px 28px;display:flex}@media (max-width:760px){.popup.hdv,.popup.inventory.bag-only{width:auto;left:8px;right:8px}.hdv-body,.hdv-sell{grid-template-columns:1fr}}.window-footer,.zaap-foot,.inv-bottom{padding-bottom:8px;padding-left:28px;padding-right:28px}.inv-body{padding-right:16px}select{appearance:base-select}::picker(select){appearance:base-select}select{cursor:pointer;align-items:center;gap:6px;display:flex}select::picker-icon{color:var(--lime);transition:rotate .15s}select:open::picker-icon{rotate:180deg}select:open{border-color:var(--lime)}::picker(select){border:1px solid var(--line-strong);color:var(--text);background:#1a1b15;border-radius:6px;max-height:320px;margin-top:4px;padding:4px;overflow-y:auto;box-shadow:0 8px 18px #000000b3}select option{cursor:pointer;background:0 0;border-radius:4px;padding:6px 10px;font-size:13px}select option::checkmark{display:none}select option:hover,select option:focus-visible{background:#ffffff14;outline:none}select option:checked{color:var(--lime);background:#deff001f;font-weight:700}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.heart-shield{z-index:2;pointer-events:none;position:absolute;inset:0}.heart-shield[hidden]{display:none}.heart-shield:before,.heart-shield i{content:"";background:url(/ui/banner/heart-shield.png) 50%/contain no-repeat;position:absolute;inset:0}.heart-shield:before{opacity:.45;filter:grayscale(.5)brightness(.7)}.heart-shield i{filter:drop-shadow(0 0 4px #b98affcc);transition:clip-path .3s}.heart-shield b{text-align:center;color:#fff;text-shadow:0 1px 2px #2a0b5c,0 0 3px #2a0b5c;font-size:14px;font-weight:800;line-height:20px;position:absolute;top:4px;left:0;right:0}#log .shield{color:#c9a4ff}#log .ap{color:#78c4ff}#log .mp{color:#8be06c}#log .crit{color:#ffc93c;font-weight:700}#log .debuff{color:#ffa866}#log .buff{color:#9fd4ff}.popup.support{width:min(460px,94vw);height:min(560px, calc(86vh / var(--ui-scale,1)))}.support-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px 14px;display:flex;overflow-y:auto}.support-msg{border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#0006;border-radius:8px;max-width:82%;padding:7px 10px}.support-msg.mine{background:#deff0012;border-color:#deff0059;align-self:flex-end}.support-msg.from-admin{background:#ff78c814;border-color:#ff78c873;align-self:flex-start}.support-msg small{color:var(--muted);margin-bottom:2px;font-size:11px;display:block}.support-msg p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px}.support-write{align-items:stretch;gap:8px;padding:8px 14px 4px;display:flex}.support-write textarea{resize:none;min-width:0;font:13px var(--font);color:var(--text);border:1px solid var(--line-strong);background:#00000080;border-image:;border-radius:6px;flex:1;padding:7px 10px}#chat-log .pm{color:#ff9ad5}.info-delete{align-self:flex-start;margin-top:10px}.ctx-menu{z-index:4000;background:#0e0f0bf7;border:1px solid #55564e;border-radius:6px;flex-direction:column;min-width:190px;padding:4px;font-size:14px;display:flex;position:fixed;box-shadow:0 8px 22px #0009}.ctx-menu header{color:var(--gold,#f1c860);border-bottom:1px solid #33342e;margin-bottom:2px;padding:4px 10px 6px;font-weight:700}.ctx-menu button{color:#e8e6d8;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 10px}.ctx-menu button:hover,.ctx-menu button:focus-visible{color:#fff;background:#c5f03a29;outline:none}#chat-log b[data-who]{cursor:pointer}#chat-log b[data-who]:hover{text-decoration:underline}.friends{width:min(440px,94vw)}.friends-count{color:var(--muted);font-size:12px;font-weight:400}.friends-list{flex-direction:column;gap:4px;height:min(52vh,460px);padding:8px 6px;display:flex;overflow-y:auto}.friend{opacity:.65;background:#ffffff08;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.friend.on{opacity:1}.friend-dot{background:#666;border-radius:50%;flex-shrink:0;width:10px;height:10px}.friend.on .friend-dot{background:#8fd14f;box-shadow:0 0 6px #8fd14f}.friend-text{flex-direction:column;flex:1;min-width:0;display:flex}.friend-text span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.friend-act{color:#e8e6d8;cursor:pointer;background:#0000004d;border:1px solid #44453f;border-radius:4px;width:28px;height:28px;padding:0}.friend-act:hover:not(:disabled){background:#c5f03a2e}.friend-act:disabled{opacity:.35;cursor:default}.friend-form{gap:8px;padding:8px 6px 4px;display:flex}.friend-form input{flex:1}.trade{width:min(900px,96vw)}.trade-body{grid-template-columns:1fr 1fr;gap:12px;padding:8px 4px;display:grid}.trade-col{flex-direction:column;gap:6px;min-width:0;display:flex}.trade-col h3,.trade-bag-title{font:600 14px var(--font);color:var(--gold);margin:0}.trade-bag-title{padding:0 4px}.trade-bag-title small{color:var(--muted);font-weight:400}.trade-ok{color:#8fd14f;font-size:12px}.trade-offer{background:#0000004d;border:1px solid #33342e;border-radius:6px;flex-direction:column;gap:3px;height:190px;padding:6px;display:flex;overflow-y:auto}.trade-row{border-radius:4px;align-items:center;gap:8px;padding:2px 4px;display:flex}.trade-row:hover{background:#ffffff0d}.trade-row img{object-fit:contain;width:32px;height:32px}.trade-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.trade-qty{width:64px}b.trade-qty{width:auto;color:var(--muted)}.trade-kamas{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.trade-kamas input{width:140px}.trade-bag{grid-template-columns:repeat(12,minmax(0,1fr));height:150px;margin:4px}.trade-foot{align-items:center;gap:8px;display:flex}.trade-foot span{flex:1}.fight-locks{gap:8px;display:flex}.fight-locks button{cursor:pointer;background:#00000073;border:1px solid #55564e;border-radius:6px;width:38px;height:34px;padding:4px}.fight-locks button img{object-fit:contain;opacity:.6;width:100%;height:100%}.fight-locks button[aria-pressed=true]{background:#e2a64040;border-color:#e2a640;box-shadow:0 0 8px #e2a64080}.fight-locks button[aria-pressed=true] img{opacity:1}.objectives img[src*="/challenges/"],.end-challenges img,.chal-icon{box-sizing:border-box;background:linear-gradient(#e3f53a,#b3cf0b);border:1px solid #1c2405;border-radius:3px;padding:2px;box-shadow:inset 0 0 0 1px #ffffff59}.objectives img[src*="/challenges/"]{width:24px;height:24px}#chat-log .pm b{color:#ff9ad5}.end-challenges{flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 0;padding:0;list-style:none;display:flex}.end-challenges li{background:#0000004d;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;display:flex}.end-challenges img{width:24px;height:24px}.end-challenges .met{color:var(--green)}.end-challenges .failed{color:#ff7d6e;text-decoration:line-through}#chat-log .party-chat,#chat-log .party-chat b{color:#7fd3ff}.party-panel{z-index:1;border:1px solid var(--mod-line,#55564e);background:#0a0c08e0;border-radius:8px;flex-direction:column;gap:4px;width:220px;padding:6px;font-size:13px;display:flex;position:absolute;top:160px;left:12px}.party-panel header{color:#7fd3ff;cursor:help;padding:0 4px 2px;font-weight:700}.party-member{border-radius:6px;align-items:center;gap:8px;padding:3px 4px;display:flex}.party-member.me{background:#7fd3ff1a}.party-member img{object-fit:cover;object-position:50% 0;background:#1b1d17;border-radius:50%;flex-shrink:0;width:32px;height:32px}.party-text{flex-direction:column;flex:1;min-width:0;display:flex}.party-text b,.party-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.party-text span{color:#b9b7a8;font-size:11px}.party-kick{color:#b9b7a8;cursor:pointer;background:0 0;border:0;border-radius:4px;width:22px;height:22px;padding:0}.party-kick:hover{color:#fff;background:#c42b1c}.party-leave{margin-top:2px;padding:4px 8px;font-size:12px}[data-badge]:not([data-badge=""]){position:relative}[data-badge]:not([data-badge=""]):after{content:attr(data-badge);color:#fff;min-width:18px;height:18px;font:700 11px/18px var(--font);text-align:center;pointer-events:none;background:#e0302a;border-radius:9px;padding:0 4px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #1a1b15}.adm-buttons{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.adm-buttons .adm-select{flex:1;min-width:120px}.adm-danger{color:#ffb4a8;border-color:#a33!important}.adm-danger:hover{background:#c828284d}.adm-tags{flex-wrap:wrap;gap:4px;display:inline-flex}.adm-tag{font:700 11px var(--font);text-transform:uppercase;border-radius:4px;padding:1px 6px;font-style:normal}.adm-tag.admin{color:var(--lime);background:#deff002e}.adm-tag.ban{color:#ffb4a8;background:#dc32284d}.adm-tag.mute{color:#ffd08a;background:#ffa02840}.adm-tag.msg{color:#ff9ad5;background:#ff78c833}.adm-inbox .adm-prow.sel{background:#deff001a}.adm-inbox .adm-prow small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.adm-thread{flex-direction:column;gap:8px;min-height:0;display:flex}.adm-thread .support-list{border:1px solid var(--line);background:#00000040;border-radius:6px;flex:1;min-height:160px;max-height:360px}.adm-log{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.adm-log li{background:#00000040;border-radius:4px;grid-template-columns:120px 110px 1fr;gap:8px;padding:5px 8px;font-size:13px;display:grid}.adm-log small{color:var(--muted)}.adm-log b{color:var(--lime);text-overflow:ellipsis;overflow:hidden}.zaap-checkpoints{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.zaap-checkpoints[hidden]{display:none}.zaap-checkpoints button{font:700 12px var(--font);color:var(--lime);cursor:pointer;border:1px solid color-mix(in srgb, var(--lime) 50%, transparent);background:#00000080;border-radius:4px;padding:4px 10px}.zaap-checkpoints button:hover{border-color:var(--lime)}.zaap-checkpoints button[aria-checked=true]{color:#111;background:var(--lime);border-color:var(--lime);box-shadow:0 0 8px color-mix(in srgb, var(--lime) 60%, transparent)}.modal-veil{z-index:10000;background:#0009;place-items:center;padding:16px;animation:.12s ease-out modal-in;display:grid;position:fixed;inset:0}.modal{zoom:var(--ui-scale,1);width:min(420px,100%)}.modal .window-title{justify-content:center}.modal-text{white-space:pre-line;color:var(--text);text-align:center;margin:14px 18px 4px;line-height:1.45}.modal-input{box-sizing:border-box;width:calc(100% - 36px);font:14px var(--font);color:var(--text);border:1px solid var(--line-strong);background:#00000080;border-image:;border-radius:6px;margin:10px 18px 0;padding:8px 10px;display:block}.modal-foot{justify-content:center;gap:10px;padding:14px 18px 4px;display:flex}.modal-foot button{min-width:110px}.modal-danger{color:#fff;background:#9b2a22;border-color:#c43a2f;border-image:;border-radius:6px}.modal-danger:hover:not(:disabled){background:#b8332a}.modal-foot button:disabled{opacity:.4;cursor:not-allowed}@keyframes modal-in{0%{opacity:0}}button.swatch{border-image:;min-width:0;min-height:0;padding:0}.color-pop{z-index:9000;gap:10px;width:232px;padding:14px 14px 16px;display:grid;position:fixed}.cp-grid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.cp-grid button{aspect-ratio:1;cursor:pointer;border:1px solid #0009;border-image:;border-radius:4px;min-width:0;min-height:0;padding:0;box-shadow:inset 0 0 0 1px #ffffff1f}.cp-grid button:hover{outline:1px solid var(--line-strong)}.cp-grid button[aria-pressed=true]{outline:2px solid var(--lime);outline-offset:1px}.cp-sv{cursor:crosshair;touch-action:none;height:120px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:6px;position:relative}.cp-hue{cursor:ew-resize;touch-action:none;height:12px;box-shadow:inset 0 0 0 1px var(--line-strong);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;position:relative}.cp-sv i,.cp-hue i{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000,0 1px 4px #000}.cp-hue i{background:0 0;top:50%}.cp-foot{align-items:center;gap:10px;display:flex}.cp-now{border:2px solid var(--line-strong);border-radius:50%;flex:none;width:34px;height:34px;box-shadow:inset 0 0 0 2px #0006}.cp-hex{min-width:0;font:700 13px var(--font);letter-spacing:1px;color:var(--text);border:1px solid var(--line-strong);background:#00000080;border-image:;border-radius:6px;flex:1;padding:6px 8px}#chat-log p{margin:0}#chat-log .fight{color:#9ed97a}#chat-log .fight .l-ally{color:#7fc4ff}#chat-log .fight .l-foe{color:#ff8f7a}#chat-log .fight .l-spell{color:#fff;font-weight:700}#chat-log .fight .l-el-neutral{color:#d6d6d6;font-weight:700}#chat-log .fight .l-el-earth{color:#d39a55;font-weight:700}#chat-log .fight .l-el-fire{color:#ff5c3c;font-weight:700}#chat-log .fight .l-el-water{color:#52b8ff;font-weight:700}#chat-log .fight .l-el-air{color:#5cdc5c;font-weight:700}#chat-log .fight .l-heal{color:#7cff6b;font-weight:700}#chat-log .fight .l-shield{color:#c9a4ff}#chat-log .fight .l-ap{color:#78c4ff}#chat-log .fight .l-mp{color:#8be06c}#chat-log .fight .l-crit{color:#ffc93c;font-weight:700}#chat-log .fight .l-debuff{color:#ffa866}#chat-log .fight .l-buff{color:#c6eaa8}#chat-log .fight.death{color:#ff8f7a}#chat-log .calc{color:#a9b7c9;white-space:pre-line;margin:0 0 4px 10px;font-size:11px}.fighter-card{color:#e8e8e8;min-width:480px;height:162px;font-family:var(--font);background:#1d1d1b;border:1px solid #000;border-radius:4px;flex:0 600px;grid-template-rows:26px 1fr;grid-template-columns:196px 1fr;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3b3a35}.fighter-card:empty{visibility:hidden}.fc-title{white-space:nowrap;color:#d8d8d8;background:#2b2b29;border-bottom:1px solid #000;grid-column:1/-1;align-items:center;gap:10px;padding:0 14px;font-size:13px;display:flex}.endturn-module{background:#141311f0;flex:none;gap:12px;min-width:240px;height:auto;padding:10px 14px 12px;position:absolute;bottom:calc(100% + 8px);right:6px}.fc-title b{font-weight:400}.fc-left{border-right:1px solid #000;align-items:center;gap:8px;padding:6px 8px;display:flex;box-shadow:1px 0 #3b3a35}.fc-face{object-fit:contain;object-position:center;flex:none;width:62px;height:122px}.fc-main{gap:6px;display:grid}.fc-right{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);align-items:center;padding:0 6px;display:grid}.fc-right .fc-stat{border-bottom:1px solid #000;height:100%;box-shadow:0 1px #34332e}.fc-right .fc-stat:nth-last-child(-n+5){box-shadow:none;border-bottom:none}.fc-stat{white-space:nowrap;align-items:center;gap:6px;font-size:15px;display:flex}.fc-stat img{object-fit:contain;flex:none;width:22px;height:22px}.fc-stat b{color:#f0f0f0;text-shadow:1px 1px #000;font-weight:700}.fc-stat b.neg{color:#f0f0f0}.mode-pick{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(at 50% 40%,#14181ed1,#030406f5 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px 16px;animation:.35s ease-out mode-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes mode-in{0%{opacity:0}to{opacity:1}}.mode-title{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;text-shadow:0 3px #000,0 0 24px #f8cd0159;font-size:clamp(26px,4vw,40px)}.mode-sub{color:var(--muted);margin:0}.mode-sub b{color:var(--text)}.mode-cards{flex-wrap:wrap;justify-content:center;gap:clamp(16px,4vw,56px);margin:8px 0;display:flex}.mode-card{--glow:var(--lime);width:clamp(220px,24vw,300px);font:inherit;color:var(--text);cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;transition:transform .25s,filter .25s;display:flex}.mode-card.hardcore{--glow:#ff4040}.mode-art{aspect-ratio:316/602;filter:drop-shadow(0 12px 22px #000c);width:100%;transition:filter .25s;display:block;position:relative;overflow:hidden}.mode-art img{width:151.9%;margin:-26.9% 0 0 -25.9%;transition:transform .4s;display:block}.mode-art:after{content:"";pointer-events:none;clip-path:polygon(50% 0,100% 10%,100% 90%,50% 100%,0 90%,0 10%);background:linear-gradient(#0000 55%,#0000008c);position:absolute;inset:0}.mode-card:hover,.mode-card:focus-visible{outline:none;transform:translateY(-8px)}.mode-card:hover .mode-art img{transform:scale(1.05)}.mode-card:hover .mode-art,.mode-card:focus-visible .mode-art{filter:drop-shadow(0 0 14px var(--glow)) drop-shadow(0 12px 22px #000c)}.mode-card[aria-checked=true]{transform:translateY(-8px)scale(1.03)}.mode-card[aria-checked=true] .mode-art{filter:drop-shadow(0 0 4px var(--glow)) drop-shadow(0 0 26px var(--glow))}.mode-cards:has([aria-checked=true]) .mode-card[aria-checked=false]{filter:grayscale(.7)brightness(.6)}.mode-name{text-transform:uppercase;letter-spacing:.1em;color:var(--glow);text-shadow:0 2px 0 #000, 0 0 16px var(--glow);align-items:center;gap:8px;margin-top:4px;font-size:26px;font-weight:800;display:flex}.mode-name img{width:26px;height:26px;filter:drop-shadow(0 0 4px var(--glow))}.mode-tag{color:#fff;font-weight:600}.mode-card ul{color:#cfcfc6;margin:4px 0 0;padding:0;font-size:13px;line-height:1.4;list-style:none}.mode-card li{padding:2px 0}.mode-card li.bad{color:#ff9a8a}.mode-card li.good{color:var(--green)}.mode-card li.bad:before{content:"✖ "}.mode-card li.good:before{content:"✚ "}.mode-actions{align-items:center;gap:20px;display:flex}#mode-ok:disabled{opacity:.5}.mode-pick.is-hardcore #mode-ok:before{background:linear-gradient(#ff9a8a,#ff4040 45%,#a01818)}.mode-pick.is-hardcore #mode-ok{color:#fff;text-shadow:0 1px 2px #000}.hc-skull{vertical-align:-2px;filter:drop-shadow(0 0 3px #ff4040);width:16px;height:16px;margin-left:4px}.char-tile.hardcore{border-color:#ff404073}.end-death{border-radius:6px;width:min(420px,100%);margin:6px auto 0;display:block}#end-window.dead #endtitle{color:#ff4040;text-shadow:0 0 14px #ff404099}.zaap-table{border:1px solid var(--box-line);background:var(--box);margin:0 12px}.zaap-row{border:0;border-top:1px solid var(--box-line);width:100%;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr 110px 90px;align-items:center;gap:8px;padding:8px 12px;display:grid}.zaap-row:nth-child(2n){background:var(--row-alt)}.zaap-row.head{background:var(--band);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;cursor:default;border-top:0;font-size:12px;font-weight:700}.zaap-row:not(.head):hover{background:#ffffff14}.zaap-row[aria-selected=true]{box-shadow:inset 3px 0 0 var(--lime);background:#deff001f}.zaap-row span:first-child{font-weight:600}.zaap-row span:last-child{color:var(--lime);font-size:13px}.zaap-row.soon{color:var(--muted)}.zaap-row.soon span:last-child{color:var(--muted);font-style:italic}.zaap-empty{color:var(--muted);margin:0;padding:12px}.zaap-detail{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:10px 12px 0;display:flex}.zaap-where{color:#d4d2c0;min-height:1.3em;margin:0;font-size:14px}.zaap-where.soon{color:var(--muted);font-style:italic}#open-info{position:relative}.info-dot{background:var(--hp);width:9px;height:9px;box-shadow:0 0 6px var(--hp);border-radius:50%;position:absolute;top:2px;right:2px}.mode-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:10px 14px 14px;display:flex;overflow-y:auto}.mode-body h3{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;text-shadow:1px 1px #000;margin:0;font-size:14px}.mode-body p{margin:0;line-height:1.45}.muted{color:var(--muted)}.mode-body .warn{color:#ffb347}.mode-body .good{color:var(--green)}.mode-body .bad{color:#ff9a8a}.mode-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mode-actions .btn-play{min-width:220px;height:50px;font-size:15px}.rift-intro{border:1px solid var(--box-line);border-radius:8px;position:relative;overflow:hidden}.rift-banner{object-fit:cover;width:100%;max-height:260px;display:block}.rift-text{background:linear-gradient(#0000,#050814eb 45%);flex-direction:column;gap:6px;padding:40px 18px 14px;display:flex;position:absolute;inset:auto 0 0}.rift-text h2{color:#b9d7ff;text-shadow:0 0 14px #5a8cffb3,0 2px #000;font-size:24px}.rift-head{align-items:baseline;gap:12px;display:flex}.rift-head h2{color:#b9d7ff;text-shadow:0 0 10px #5a8cff99;font-size:20px}.rift-route{background:radial-gradient(#283c8c59,#05081499);border:1px solid #78a0ff40;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:14px 10px;display:flex;overflow-x:auto}.rift-col{flex-direction:column;align-items:center;gap:8px;min-width:74px;display:flex;position:relative}.rift-col+.rift-col:before{content:"";background:#96b4ff59;width:14px;height:2px;position:absolute;top:50%;left:-10px}.rift-step{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.rift-node{width:70px;color:var(--text);font:inherit;cursor:default;background:#00000073;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;display:flex}.rift-node img{object-fit:contain;filter:drop-shadow(0 1px 2px #000);width:30px;height:30px}.rift-node.start img{object-fit:cover;object-position:50% 0;border-radius:50%}.rift-node small{font-size:11px}.rift-node.elite{border-color:#78beff80}.rift-node.boss{border-color:#ff404099;width:78px}.rift-node.open{border-color:var(--lime);animation:1.6s ease-in-out infinite rift-pulse;box-shadow:0 0 12px #deff0073}.rift-node.open:not(:disabled){cursor:pointer}.rift-node.open:disabled{filter:none}.rift-node.open:hover:not(:disabled){background:#deff001f}.rift-node.taken{filter:none;background:#90e0521f;border-color:#90e05299}.rift-node.current{border-color:var(--lime);filter:none;background:#deff0033;box-shadow:0 0 0 2px #deff004d}.rift-node.closed,.rift-node.future{opacity:.45;filter:none}.rift-node.closed small{text-decoration:line-through}@keyframes rift-pulse{50%{box-shadow:0 0 20px #deff00bf}}.mode-party{flex-direction:column;gap:6px;display:flex}.mode-mate{background:var(--box);border:1px solid var(--box-line);border-radius:6px;grid-template-columns:minmax(110px,auto) 60px 80px 100px 60px 1fr;align-items:center;gap:8px;padding:6px 10px;display:grid}.mode-mate.offline{opacity:.55}.mode-state.ok{color:var(--green)}.mode-hp{background:#0009;border:1px solid #55564e;border-radius:4px;height:8px;overflow:hidden}.mode-hp i{background:linear-gradient(#ff6b6b, var(--hp));height:100%;display:block}.mode-shards{color:#b9d7ff;font-weight:700}.mode-chips{flex-wrap:wrap;gap:4px;display:flex}.mode-chip{background:#ffffff12;border-radius:12px;align-items:center;gap:4px;padding:2px 8px 2px 2px;font-size:12px;display:inline-flex}.mode-chip img{width:20px;height:20px}.mode-pending,.mode-offers,.mode-recap,.mode-open{background:var(--box);border:1px solid var(--box-line);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.mode-actions.wrap .btn{white-space:normal;text-align:left}.mode-cards-row{flex-wrap:wrap;gap:10px;display:flex}.mode-cards-row .boon{flex:200px}.mode-shop{flex-direction:column;gap:6px;display:flex}.mode-shop-row{background:#ffffff0a;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 8px;display:flex}.mode-shop-row>:first-child{flex:1}.mode-shop-row b{color:#b9d7ff}.mode-shop-row.sold{opacity:.5}.mode-recap.won h3{color:var(--lime)}.mode-recap.lost h3{color:#ff9a8a}.mode-open-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.contract-list{flex-direction:column;flex-shrink:0;gap:6px;width:260px;display:flex;position:sticky;top:0}.contract-list h3.tier{margin-top:6px}h3.tier.accessible{color:var(--green)}h3.tier.intermediaire{color:#ffb347}h3.tier.difficile{color:#ff6b6b}.contract-card{text-align:left;border:1px solid var(--box-line);background:var(--box);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:center;column-gap:8px;padding:6px 8px;display:grid}.contract-card img{grid-row:span 2;width:32px;height:32px}.contract-card small{color:var(--muted);font-size:12px}.contract-card:hover:not(:disabled){border-color:var(--line-strong)}.contract-card.selected{border-color:var(--lime);box-shadow:inset 3px 0 0 var(--lime);filter:none;background:#deff0014}.contract-detail{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.contract-title{align-items:center;gap:10px;display:flex}.contract-title h2{color:var(--gold);text-shadow:0 2px #000;font-size:22px}.tier-badge{color:#111;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:700}.tier-badge.accessible{background:var(--green)}.tier-badge.intermediaire{background:#ffb347}.tier-badge.difficile{background:#ff6b6b}.contract-text{color:#d4d2c0;font-style:italic}.contract-foes{flex-wrap:wrap;gap:6px;display:flex}.contract-foe{border:1px solid var(--box-line);background:#0006;border-radius:16px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:13px;display:inline-flex}.contract-foe img{background:#000;border-radius:50%;width:28px;height:28px}.contract-foe.boss{border-color:var(--gold);color:var(--gold)}.contract-constraints{flex-direction:column;gap:6px;display:flex}.contract-constraint{border:1px solid var(--box-line);background:var(--box);cursor:pointer;border-radius:6px;grid-template-columns:20px 30px 1fr;align-items:center;gap:8px;padding:6px 10px;display:grid}.contract-constraint img{background:#ffffffd9;border-radius:50%;width:28px;height:28px;padding:2px}.contract-constraint .cc-text{flex-direction:column;gap:1px;display:flex}.contract-constraint small{font-size:12px}.contract-constraint.on{border-color:var(--lime);background:#deff0012}.contract-constraint.blocked{opacity:.6;cursor:not-allowed}.contract-reward,.contract-recap{background:var(--box);border:1px solid var(--box-line);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.info-news{border-left:3px solid var(--lime);background:var(--box);padding:10px 12px}.info-news small{color:var(--muted)}.info-news p{margin:4px 0 0}.info-mode h3{align-items:center;gap:8px;margin-bottom:6px;display:flex}.info-mode h3 img{object-fit:cover;object-position:50% 0;width:28px;height:28px}.info-mode p{color:#e2e2da;margin:0 0 8px;line-height:1.55}.objectives{z-index:1;pointer-events:none;background:#000000b8;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;gap:3px;max-width:min(560px,90vw);margin:0;padding:8px 14px;font-size:13px;list-style:none;display:flex;position:absolute;top:132px;left:50%;transform:translate(-50%)}.objectives li{align-items:center;gap:6px;display:flex}.objectives img{border-radius:50%;width:18px;height:18px}.objectives li.met{color:var(--green)}.objectives li.failed{color:#ff7d6e;text-decoration:line-through}.end-report{text-align:left;flex-direction:column;gap:3px;margin:6px 0 0;padding:0 0 0 18px;display:flex}.end-report li.met{color:var(--green)}.end-report li.failed{color:#ff7d6e}@media (max-width:760px){.popup.contracts .mode-body{flex-direction:column}.contract-list{width:100%;position:static}.mode-mate{grid-template-columns:1fr auto}}.craft-fee{color:var(--gold);margin:8px 0 0;font-weight:600}.craft-fee.short{color:#ff9a8a}#zaap-window.zaap.modes{width:min(980px,96vw);height:min(680px, calc(90vh / var(--ui-scale,1)))}#zaap-window .mode-body{flex:1;min-height:0}.zaap-tabs button{white-space:nowrap}#zaap-pane-contracts{flex-direction:row;align-items:flex-start}.popup.rift-dialog{width:min(520px,94vw);height:auto;max-height:80vh}.popup.rift-dialog .mode-body{padding-bottom:18px}.dialog-quote{color:#e8e4cf;background:#5a8cff14;border-left:3px solid #b9d7ff;padding:10px 12px;font-style:italic;line-height:1.5}.mode-status{z-index:1;background:#050814eb;border:1px solid #78a0ff59;border-radius:20px;flex-wrap:wrap;align-items:center;gap:10px;max-width:min(640px,70vw);padding:6px 12px 6px 6px;font-size:13px;display:flex;position:absolute;top:116px;left:12px}.mode-status>img{object-fit:cover;object-position:50% 0;border-radius:50%;width:28px;height:28px}.ms-hp{background:#0009;border:1px solid #55564e;border-radius:8px;align-items:center;width:90px;height:16px;display:inline-flex;position:relative;overflow:hidden}.ms-hp i{background:linear-gradient(#ff6b6b, var(--hp));position:absolute;inset:0 auto 0 0}.ms-hp b{text-align:center;text-shadow:0 1px 2px #000;width:100%;font-size:11px;position:relative}.mode-status .warn{color:#ffb347}.popup.info{width:min(960px,96vw);height:min(640px, calc(88vh / var(--ui-scale,1)))}.info-layout{border:1px solid var(--box-line);background:var(--box);flex:1;grid-template-columns:250px 1fr;gap:0;min-height:0;margin:6px 10px 12px;display:grid}.info-nav{border-right:1px solid var(--box-line);background:#00000040;flex-direction:column;gap:4px;padding:10px 8px;display:flex;overflow-y:auto}.info-nav h3{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;margin:8px 6px 4px;font-size:12px}.info-nav .muted{margin:0 6px;font-size:13px}.info-item{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-items:center;column-gap:8px;padding:7px 8px;display:grid}.info-item img{object-fit:cover;object-position:50% 0;grid-row:span 2;width:26px;height:26px}.info-item span{font-size:14px;font-weight:600;line-height:1.25}.info-item small{color:var(--muted);font-size:11px}.info-item:hover{background:#ffffff0f}.info-item.on{border-color:var(--lime);box-shadow:inset 3px 0 0 var(--lime);background:#deff0014}.info-page{padding:0 0 18px;overflow-y:auto}.info-art{background:radial-gradient(at 50% 60%,#2a3b2a,#0b0e10 75%);height:230px;position:relative;overflow:hidden}.info-art img{object-fit:cover;width:100%;height:100%}.info-art img[src$=\.webp]{object-fit:contain;padding:10px}.info-art:after{content:"";background:linear-gradient(#0000 60%,#0e1014f2);position:absolute;inset:0}.info-page h2{color:var(--gold);text-shadow:0 2px #000,0 0 12px #000c;margin:-26px 22px 10px;font-size:24px;position:relative}.info-page p{color:#e2e2da;margin:0 22px 12px;line-height:1.6}.info-date{color:#cfd8c0;text-shadow:0 1px 2px #000;margin:-40px 22px 18px;font-size:12px;display:block;position:relative}@media (max-width:760px){.info-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.info-nav{border-right:0;border-bottom:1px solid var(--box-line);flex-direction:row;overflow-x:auto}.info-nav h3{display:none}.info-item{min-width:160px}#zaap-pane-contracts{flex-direction:column}}#game[data-mode=world] #chat-log p.fight{display:none}.room-pick{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(at 50% 40%,#141828d6,#030408f5 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:14px 16px;animation:.35s ease-out mode-in;display:flex;position:fixed;inset:0;overflow-y:auto}.room-pick-step{letter-spacing:.14em;text-transform:uppercase;color:#b9d7ff;text-shadow:0 0 10px #5a8cff99;margin:0;font-size:14px;font-weight:800}.room-track{grid-template-columns:repeat(20,1fr);gap:4px;width:min(720px,92vw);display:grid}.room-track .pip{border-radius:3px;height:14px;position:relative}.room-track .pip.done{background:linear-gradient(#b9d7ff,#4f7fd8);border-color:#b9d7ff}.room-track .pip.next{animation:1.2s ease-in-out infinite pip-next}.room-track .pip.guardian{border:2px solid #ffd34a;box-shadow:0 0 8px #ffd34a99}.room-track .pip.guardian img{filter:drop-shadow(0 1px 2px #000);width:22px;height:22px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.room-pick .mode-cards{margin-top:18px}.room-card{width:min(260px,20vw,46vh - 184px);min-width:170px}.room-card.fight{--glow:#ff6a3d}.room-card.elite{--glow:#6fd3ff}.room-card.boss{--glow:#ff3b5c}.room-card.rest{--glow:#a8f0c8}.room-card.shop{--glow:#ffd34a}.room-card.event{--glow:#ff9fd2}.room-card.exit{--glow:#9fe3ff}.room-card:disabled{filter:none;cursor:default}.room-card .mode-name{font-size:24px}.room-card li.good{color:var(--green)}.room-card li.bad{color:#ff9a8a}.room-card li.good:before{content:"✚ "}.room-card li.bad:before{content:"⚠ "}.room-pick .mode-sub{color:#d4d2c0;min-height:1.3em;margin:0}.boon-pick{z-index:3100}.boon-card{gap:4px;width:min(250px,22vw,50vh - 200px);min-width:170px}.boon-art{aspect-ratio:546/1005;filter:drop-shadow(0 12px 22px #000c);width:100%;transition:filter .25s;display:block;position:relative}.boon-art img{object-fit:cover;clip-path:polygon(50% 0,100% 11%,100% 89%,50% 100%,0 89%,0 11%);width:100%;height:100%;transition:transform .4s;display:block}.boon-art.of-spell{clip-path:polygon(50% 0,96% 12%,96% 88%,50% 100%,4% 88%,4% 12%);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--glow) 55%, transparent), transparent 55%), linear-gradient(#1d1630, #08060f);place-items:center;display:grid}.boon-art.of-spell img{clip-path:none;width:46%;height:auto;filter:drop-shadow(0 0 18px var(--glow))}.boon-card:hover .boon-art img{transform:scale(1.03)}.boon-card:hover .boon-art,.boon-card:focus-visible .boon-art{filter:drop-shadow(0 0 12px var(--glow)) drop-shadow(0 12px 22px #000c)}.boon-card[aria-checked=true] .boon-art{filter:drop-shadow(0 0 4px var(--glow)) drop-shadow(0 0 26px var(--glow))}.boon-card .mode-name{text-align:center;font-size:22px;line-height:1.1}.boon-rarity{z-index:1;border:1px solid var(--glow);color:var(--glow);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 10px color-mix(in srgb, var(--glow) 50%, transparent);background:#0b0b10;border-radius:10px;margin-top:-18px;padding:2px 12px;font-size:11px;font-weight:800;position:relative}.boon-lines{color:#e8e6dc;margin:4px 0 0;padding:0;font-size:14px;line-height:1.5;list-style:none}.boon-lines b{color:var(--green);font-weight:800}.boon-sep{color:var(--glow);opacity:.8;font-size:11px}.boon-hint{color:#a9a698;font-size:13px}.ms-next{min-height:26px;margin-left:auto;padding:2px 14px;font-size:13px}.popup.apparats{width:min(1000px,96vw);height:min(760px, calc(92vh / var(--ui-scale,1)))}.apparats-body{flex-direction:column;flex:1;align-items:center;gap:8px;min-height:0;padding:0 0 12px;display:flex;overflow-y:auto}.apparats-banner{background:linear-gradient(#0000004d, transparent 30%, transparent 58%, var(--panel) 100%), url(/ui/apparats-banner.jpg) center 35% / cover;height:210px}.apparats-how{text-align:center;color:#d4d2c0;margin:0 24px;font-size:14px}.key-icon{vertical-align:-4px;width:18px;height:18px;margin-left:3px}.apparats-shop{flex:1;grid-template-columns:1fr 300px;gap:12px;width:calc(100% - 28px);min-height:360px;display:grid}.apparats-list{flex-direction:column;gap:8px;min-height:0;display:flex}.apparats-tabs{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.apparats-tabs button{min-height:35px;font:600 14px var(--font);color:#c7c7c5;cursor:pointer;background:0 0;border:0;border-image:url(/ui/theme/bg_tab_disabled_normal.png) 5 11 9 fill/5px 11px 9px;padding:7px 14px 9px}.apparats-tabs button:hover{color:#fff;border-image-source:url(/ui/theme/bg_tab_disabled_over.png)}.apparats-tabs button[aria-selected=true]{color:#fff;border-image:url(/ui/theme/bg_tab_selected_normal.png) 1 11 9 fill/1px 11px 9px}.apparats-filters{align-items:center;gap:12px;display:flex}.apparats-filters input:not([type]){flex:1;padding:6px 10px;font-size:13px}.apparats-filters .check{color:#d4d2c0;white-space:nowrap;flex-direction:row;align-items:center;gap:6px;font-size:13px;display:flex}.apparats-filters .check input{width:auto;margin:0}.apparats-grid{background:var(--box);border:1px solid var(--box-line);flex:1;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;gap:6px;min-height:240px;max-height:380px;padding:6px;display:grid;overflow-y:auto}.apparat{color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(160deg,#ffd34a0f,#00000059);border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;display:flex}.apparat img{object-fit:contain;filter:drop-shadow(0 2px 2px #0009);width:52px;height:52px}.apparat-name{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.4em;font-size:11px;line-height:1.2;display:-webkit-box;overflow:hidden}.apparat-price{color:#ffd34a;font-size:13px;font-weight:800}.apparat:hover{border-color:#ffd34a99}.apparat.picked{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime), 0 0 12px #deff004d}.apparat.owned .apparat-price{color:var(--green);font-size:12px}.apparats-detail{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.apparats-stage{background:url(/ui/platform.png) center bottom 8px/150px no-repeat,radial-gradient(at 50% 70%,#ffd34a2e,#0000008c 70%);border:2px solid #c99a14;border-radius:10px;flex-shrink:0;height:250px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009,0 0 12px #ffd34a26}.apparats-stage canvas{max-width:90%;max-height:210px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.apparats-stage .icon-btn{width:34px;height:34px;position:absolute;bottom:8px}#apparats-rot-left{left:8px}#apparats-rot-right{right:8px}.apparats-info{flex-direction:column;gap:8px;display:flex}.apparat-head{grid-template-columns:44px 1fr;align-items:center;column-gap:8px;display:grid}.apparat-head img{grid-row:span 2;width:44px;height:44px}.apparat-head b{color:#fff;font-size:15px}.apparat-head small{color:var(--muted)}.apparat-desc{color:#d4d2c0;margin:0;font-size:13px;font-style:italic;line-height:1.4}.apparats-info .btn-play{min-width:0;height:50px;font-size:15px}.apparats-msg{color:var(--lime);min-height:1.2em;margin:0;font-size:13px}@media (max-width:760px){.apparats-shop{grid-template-columns:1fr}}.inv-apparats{align-items:center}.inv-row-label{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;margin-right:6px;font-size:12px;font-weight:700}.chal-strip{z-index:2;background:#1c1c1aeb;border:1px solid #000;border-radius:4px;flex-direction:column;gap:6px;padding:6px;display:flex;position:absolute;top:120px;left:10px;box-shadow:inset 0 0 0 1px #45463d}#chal-slots{flex-direction:column;gap:6px;display:flex}.chal-slot{cursor:default;width:46px;height:46px;font:800 34px var(--font);color:#1c2405;place-items:center;padding:0;display:grid}.chal-slot img{object-fit:contain;width:100%;height:100%}.chal-slot.pickable{cursor:pointer}.chal-slot.failed{filter:grayscale()brightness(.6);position:relative}.chal-slot.failed:after{content:"✘";color:#ff4b3a;text-shadow:0 0 3px #000;place-items:center;font-size:30px;display:grid;position:absolute;inset:0}.chal-target{gap:3px;display:flex}.chal-target button{color:#9c9c92;height:22px;font:800 11px var(--font);cursor:pointer;background:#3b3c35;border:1px solid #000;border-radius:3px;flex:1;padding:3px}.chal-target button img{filter:grayscale()brightness(1.4);height:100%}.chal-target button[aria-pressed=true]{color:#1c2405;background:linear-gradient(#e3f53a,#b3cf0b)}.chal-target button[aria-pressed=true] img{filter:none}.chal-target button:disabled{cursor:default;filter:none}.chal-pick{z-index:6;background:#2b2c28;border:1px solid #000;border-radius:4px;width:360px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #4a4b42,0 8px 24px #0009}.chal-pick header{text-align:center;font:800 18px var(--font);color:#f2c200;background:#3b3c35;border:1px solid #000;margin:6px;padding:6px}.chal-options{color:#d8d8d0;justify-content:space-around;align-items:center;padding:12px 10px 4px;display:flex}.chal-opt{color:#d8d8d0;font:600 14px var(--font);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.chal-opt .chal-icon{width:64px;height:64px}.chal-opt .chal-icon img{object-fit:contain;width:100%;height:100%}.chal-options.chosen .chal-opt:not(.on) .chal-icon{filter:grayscale()brightness(.55)}.chal-opt.on .chal-icon{box-shadow:0 0 10px #d9f20a,inset 0 0 0 1px #ffffff80}.chal-pick footer{background:#22231f;justify-content:center;align-items:center;gap:30px;margin:8px 6px 6px;padding:8px;display:flex}#chal-count{color:#d8d8d0;font-weight:700}