@font-face{font-family:DotGothic16;font-display:swap;src:url(/assets/dotgothic16-Bg85QCag.woff2)format("woff2")}:root{--ink:#f6efdc;--muted:#c2b59a;--panel:#140e12e6;--edge:#c8352e;--gold:#e8c15a;--wood:#6b4a2b;--hp:#e0483c;--xp:#6fb6ff;--px:0 0 0 2px #000, 0 0 0 4px #5a3a22, 0 0 0 6px #000, 0 8px 24px #000c}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#10141a;margin:0;font:14px/1.35 DotGothic16,ui-monospace,monospace;overflow:hidden}#game{position:fixed;inset:0}#game canvas{image-rendering:pixelated}html,body,#game canvas{cursor:var(--cur)}button:not(:disabled),a[href],select,summary{cursor:var(--hand)}label:has(>input[type=radio],>input[type=checkbox]){cursor:var(--hand)}#game:after{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#0008 100%);position:absolute;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}[hidden]{display:none!important}img{image-rendering:pixelated}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#120c0a;box-shadow:inset 2px 0 #000,inset -2px 0 #2a1d14}::-webkit-scrollbar-thumb{background:#7d1f27;border:2px solid #000;border-radius:0;box-shadow:inset 2px 2px #c8352e,inset -2px -2px #4a1016}::-webkit-scrollbar-thumb:hover{box-shadow:inset 2px 2px 0 var(--gold), inset -2px -2px 0 #4a1016;background:#9a2a30}::-webkit-scrollbar-thumb:active{background:var(--gold);box-shadow:inset 2px 2px #fff3c0,inset -2px -2px #8a6a20}::-webkit-scrollbar-corner{background:#120c0a}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:#7d1f27 #120c0a}}select{appearance:none;font:inherit;color:var(--ink);background:#120c0a linear-gradient(45deg, transparent 50%, var(--gold) 50%) no-repeat calc(100% - 6px) 55% / 6px 6px;border:2px solid #5a3a22;border-radius:0;padding:3px 18px 3px 6px;font-size:12px;box-shadow:0 0 0 2px #000}select:focus{border-color:var(--gold);outline:none}select[aria-expanded=true]{background-image:linear-gradient(225deg, transparent 50%, var(--gold) 50%);background-position:calc(100% - 6px) 45%}.pick{z-index:1000;background:#120c0a;padding:2px;position:fixed;overflow-y:auto;box-shadow:0 0 0 2px #000,0 0 0 4px #5a3a22,0 0 0 6px #000,0 10px 0 6px #0008}.pick div{color:var(--ink);white-space:nowrap;cursor:var(--hand);padding:3px 12px 3px 16px;position:relative}.pick div.on{color:var(--gold);background:#3a1a1a;box-shadow:inset 2px 0 #7d1f27}.pick div.cur:before{content:"";background:var(--gold);width:4px;height:4px;position:absolute;top:calc(50% - 2px);left:6px}.pick div[aria-disabled]{opacity:.4;cursor:var(--cur)}.panel{background:var(--panel);box-shadow:var(--px);overscroll-behavior:contain;border-radius:2px;padding:16px}#login-bg{image-rendering:pixelated;background-position:bottom;background-size:cover;position:fixed;inset:0}#login-bg .petals{object-fit:cover;object-position:center bottom;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}#login-bg:after{content:"";background:radial-gradient(#0000 35%,#0008 100%);position:absolute;inset:0}#login{overscroll-behavior:contain;gap:12px;width:min(880px,100vw - 32px);max-height:min(100dvh - 16px + -1*max(16px,50dvh - 330px),860px);transition:opacity .15s ease-out;display:grid;position:absolute;top:max(16px,50vh - 330px);left:50%;overflow-y:auto;transform:translate(-50%)}.boot-wait #login{opacity:0;pointer-events:none}#login.boot-ready{opacity:1}#login .pv{background-color:#0006}@media (prefers-reduced-motion:reduce){#login{transition:none}}#login h1{letter-spacing:1px;text-align:center;text-shadow:2px 2px #000;margin:0;font-size:30px}#login h1 small{color:var(--edge);letter-spacing:6px;font-size:14px;display:block}#login h1 span{color:var(--edge)}#login .sub{text-align:center;color:var(--muted);margin:-6px 0 2px;font-size:13px}.l-tabs{justify-self:center;gap:0;display:flex;box-shadow:0 0 0 2px #000}.l-tabs button{font:inherit;color:var(--muted);cursor:var(--hand);background:#160f14;border:2px solid #3a2a24;padding:7px 22px;font-size:15px}.l-tabs button+button{border-left:0}.l-tabs button:hover{color:var(--ink);background:#2a1a1a}.l-tabs button.on{color:#1b1418;background:var(--gold);border-color:var(--gold);text-shadow:none}.l-cols{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}#login:has(#l-weapons[hidden]){width:min(440px,100vw - 32px)}#login:has(#l-weapons[hidden]) .l-cols{grid-template-columns:1fr}.l-acct section{gap:6px;display:grid}#l-creds{gap:10px;display:grid}#login .fld{gap:4px;display:grid}#login .fld>span:first-child{color:var(--gold);font-size:13px}#login input:not([type=radio]){width:100%;font:inherit;color:var(--ink);background:#000;border:2px solid #5a3a22;border-radius:0;outline:none;padding:9px}#login input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #000,0 0 0 4px #e8c15a44}#login input[readonly]{color:#7ee07a;background:#08140a;border-color:#2f5a2c}#login input::placeholder{color:#6b604c}.pw{display:block;position:relative}.pw input{padding-right:40px!important}#login .eye{width:34px;color:var(--ink);cursor:var(--hand);filter:grayscale()brightness(.7);background:#160f14;border:0;border-left:2px solid #3a2a24;padding:0;position:absolute;top:2px;bottom:2px;right:2px}#login .eye.on,#login .eye:hover{filter:none}#login .st{min-height:1.3em;color:var(--muted);margin:-2px 0 2px;font-size:12px;line-height:1.6}#login .st:empty{display:none}#login .st.ok{color:#7ee07a}#login .st.ok:before{content:"✔ "}#login .st.bad{color:#ff8a80}#login .st.bad:before{content:"✖ "}#login .st.wait:before{content:"◌ ";animation:.8s steps(4,end) infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}#login .st b{color:var(--ink);font-weight:400}#login .chip{font:inherit;color:var(--gold);cursor:var(--hand);background:#2a2014;border:2px solid #6b4a2b;margin:2px 2px 0 0;padding:1px 8px;font-size:12px}#login .chip:hover,#login .chip:focus-visible{border-color:var(--gold);background:#3a2c18;outline:none}#login .link{font:inherit;color:var(--gold);cursor:var(--hand);background:#2a2014;border:2px solid #6b4a2b;justify-self:start;margin-top:-2px;padding:3px 10px;font-size:13px}#login .link:hover:not(:disabled){border-color:var(--gold)}#login .link:disabled{opacity:.45;cursor:var(--cur)}#l-signed{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0;font-size:14px;display:flex}#r-code-row{gap:6px;display:flex}#r-code{letter-spacing:12px;text-align:center;flex:1;color:var(--gold)!important;padding:6px!important;font-size:24px!important}#login .mini{font:inherit;background:var(--edge);color:#fff;cursor:var(--hand);border:0;padding:0 14px;box-shadow:0 3px #7d1f27,0 0 0 2px #000}#login .mini:disabled{opacity:.5}#r-rules,#l-reset-rules{color:var(--muted);flex-wrap:wrap;gap:2px 12px;margin:-2px 0 2px;padding:0;font-size:12px;list-style:none;display:flex}#r-rules li:before,#l-reset-rules li:before{content:"◇ "}#r-rules li.ok,#l-reset-rules li.ok{color:#7ee07a}#r-rules li.ok:before,#l-reset-rules li.ok:before{content:"◆ "}#r-rules li.bad,#l-reset-rules li.bad{color:#ff8a80}#login .l-row{align-items:stretch;gap:8px;margin:10px 0 2px;display:flex}#login .l-row .link,#login .l-row .mini{justify-content:center;align-items:center;display:inline-flex}#login #r-send{margin-top:4px}.shake{animation:.3s steps(6,end) shake}@keyframes shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}#login .lang{color:var(--muted);justify-self:end;font-size:12px}#l-weapons{gap:6px;display:grid}#l-weapons label{cursor:var(--hand);background:#0006;border:2px solid #3a2a24;grid-template-columns:64px 1fr;align-items:center;gap:2px 12px;padding:8px 10px;transition:background .15s,border-color .15s;display:grid}#l-weapons label:hover{background:#2a1a1a}#l-weapons label:has(input:checked){border-color:var(--gold);background:#2a2014}#l-weapons label:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}#l-weapons input{opacity:0;pointer-events:none;position:absolute}#l-weapons b{color:var(--gold)}#l-weapons small{color:var(--muted);grid-column:2;font-size:12px}#l-weapons em{color:var(--ink);font-style:normal}.pv{width:60px;height:78px;image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:900px 78px;grid-row:span 2}#l-weapons label:hover .pv{animation:.5s steps(4,end) infinite walk}#l-weapons label:has(input:checked) .pv{animation:.5s steps(4,end) infinite walk}@keyframes walk{0%{background-position:-60px 0}to{background-position:-300px 0}}#l-go{font:inherit;background:var(--edge);color:#fff;cursor:var(--hand);text-shadow:1px 1px #000;border:0;padding:11px;font-size:18px;box-shadow:0 4px #7d1f27,0 0 0 2px #000}#l-go:hover{filter:brightness(1.15)}#l-go:active{transform:translateY(3px);box-shadow:0 1px #7d1f27,0 0 0 2px #000}#l-go:disabled{filter:grayscale(.6)brightness(.8);cursor:wait}#l-err{color:#ff8a80;text-align:center;min-height:1em;margin:0}@media (width<=760px){.l-cols{grid-template-columns:1fr}#l-weapons small{display:none}#l-weapons label{grid-template-columns:40px 1fr}.pv{background-size:600px 52px;width:40px;height:52px}@keyframes walk{0%{background-position:-40px 0}to{background-position:-200px 0}}}#hud{pointer-events:none;grid-template-columns:58px 1fr;gap:0 10px;width:290px;display:grid;position:absolute;top:14px;left:14px}.face{width:58px;height:58px;box-shadow:var(--px);background:radial-gradient(#3a2a30,#160f14);place-items:center;display:grid;position:relative;overflow:hidden}.face img{width:40px;height:52px;margin-top:8px}.face span{background:var(--gold);color:#1b1418;text-align:center;min-width:22px;padding:1px 4px;font-size:12px;font-weight:700;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 0 2px #000}.hud-main{text-shadow:1px 1px #000;align-content:center;gap:3px;display:grid}.bar{background:#1a0e10;height:16px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000,0 0 0 3px #5a3a22}.bar i,.bar u{width:0;position:absolute;top:0;bottom:0;left:0}.bar i{background:linear-gradient(#ff7a64 0 25%, var(--hp) 25% 75%, #a82a24 75%);transition:width .1s}.bar u{background:#fff3c0;transition:width .6s .25s}.bar.xp{height:8px}.bar.xp i{background:linear-gradient(#a8d8ff 0 30%, var(--xp) 30%);transition:width .4s}.bar span{text-align:center;text-shadow:1px 1px #000;font-size:11px;line-height:16px;position:absolute;inset:0}.bar.xp span{opacity:.85;font-size:9px;line-height:8px}#hud.low .face{animation:.6s infinite alternate lowhp}@keyframes lowhp{to{box-shadow:0 0 0 2px #000,0 0 0 4px #e0483c,0 0 18px #e0483c}}#party{grid-column:1/-1;gap:4px;margin-top:12px;font-size:12px;display:grid}#party:empty{display:none}#party .m{background:#000a;padding:3px 6px;box-shadow:0 0 0 1px #5a3a22}#party .m .bar{height:5px;margin-top:2px}#party .m .bar i{background:#6fcf6a}#hud #obj{grid-column:1/-1;max-width:100%;margin-top:8px}#side{pointer-events:none;gap:10px;width:186px;display:grid;position:absolute;top:14px;right:14px}#mini{box-shadow:var(--px);image-rendering:pixelated;background:#000;justify-self:end}#obj{text-shadow:1px 1px #000;background:#000a;padding:6px 8px;font-size:12px;box-shadow:0 0 0 2px #000,0 0 0 3px #5a3a22}#obj h4{color:var(--gold);letter-spacing:1px;margin:0 0 3px;font-size:12px;font-weight:400}#obj div{text-indent:-10px;padding-left:10px}#obj div:before{content:"◆ ";color:var(--edge)}#obj h4{cursor:pointer;pointer-events:auto}#obj h4:after{content:" ▾";color:var(--edge)}#obj.shut h4{margin:0}#obj.shut h4:after{content:" ▸"}#obj.shut>:not(h4){display:none}.ptr{pointer-events:none;text-shadow:1px 1px #000,0 0 6px #000;justify-items:center;gap:0;width:80px;margin:-16px 0 0 -40px;font-size:12px;display:grid;position:absolute;top:0;left:0}.ptr i{font-size:18px;font-style:normal;line-height:18px;animation:.7s ease-in-out infinite alternate bob}.ptr b{white-space:nowrap;font-weight:400}@keyframes bob{to{opacity:.55}}#boss{text-align:center;text-shadow:1px 1px #000;pointer-events:none;width:min(560px,100vw - 560px);min-width:280px;animation:.35s ease-out drop;position:absolute;top:14px;left:50%;transform:translate(-50%)}@keyframes drop{0%{opacity:0;transform:translate(-50%,-20px)}}#b-name{color:#ffb4a8;letter-spacing:1px;font-size:16px}.bar.boss{height:18px}.bar.boss i{background:linear-gradient(#ff6a5a 0 25%,#c8302c 25% 75%,#7d1f1b 75%)}#boss.shield .bar.boss{box-shadow:0 0 0 2px #000,0 0 0 3px #6fb6ff,0 0 14px #6fb6ff}#b-sub{color:var(--muted);margin-top:3px;font-size:12px}#zone{text-align:center;opacity:0;pointer-events:none;text-shadow:3px 3px #000;position:absolute;top:18%;left:0;right:0}#zone b{letter-spacing:2px;font-size:clamp(28px,5vw,52px);display:block}#zone small{color:var(--gold);letter-spacing:3px;font-size:16px}#zone.on{animation:3.2s ease-out forwards zone}@keyframes zone{0%{opacity:0;letter-spacing:12px;transform:translateY(10px)}15%,75%{opacity:1;transform:none}to{opacity:0}}#banner{text-align:center;opacity:0;pointer-events:none;text-shadow:2px 2px #000,0 0 16px #000;transition:opacity .3s;position:absolute;top:30%;left:0;right:0}#banner.on{opacity:1;animation:.35s ease-out punch}@keyframes punch{0%{transform:scale(1.3)}}#duelfx{pointer-events:none;z-index:5;place-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:0}#duelfx[hidden]{display:none}#duelfx b{--o:#000;--s:#7d1f27;color:var(--ink);letter-spacing:4px;text-shadow:4px 0 var(--o), -4px 0 var(--o), 0 4px var(--o), 0 -4px var(--o), 4px 4px var(--o), -4px 4px var(--o), 4px -4px var(--o), -4px -4px var(--o), 10px 10px var(--s);font-size:clamp(90px,18vw,200px);line-height:1;animation:.45s steps(6,end) both dpop}#duelfx small{color:var(--muted);text-shadow:2px 2px #000;font-size:clamp(14px,2.4vw,20px)}#duelfx.count small{order:-1}#duelfx.go b{color:var(--gold);--s:#b8321f;font-size:clamp(70px,14vw,160px);animation:.4s steps(5,end) both dpop,.9s steps(3,end) infinite dglow}#duelfx.ko b{color:#ff4a3a;--s:#2a0a0a;animation:.5s steps(5,end) both dslam,.5s steps(4,end) .5s dshake}#duelfx.ko.win small{color:var(--gold);font-size:clamp(20px,3.4vw,32px)}#duelfx.ko.lose b{color:#9aa0a8}#duelfx .who{color:var(--gold);text-shadow:3px 3px #000,-2px -2px #000;margin-bottom:4px;font-size:clamp(22px,4vw,40px);animation:.4s steps(4,end) .3s both dpop;display:block}#duelfx:is(.go,.ko):before{content:"";z-index:-1;background:#fff;animation:.35s steps(3,end) both dflash;position:fixed;inset:0}#duelfx i{background:var(--gold);width:8px;height:8px;animation:.7s steps(7,end) both dshard;position:absolute;top:50%;left:50%;box-shadow:2px 2px #000}#duelfx.count i{background:var(--ink);width:6px;height:6px}#duelfx.ko i{background:#ff4a3a;width:10px;height:10px}@keyframes dpop{0%{opacity:0;transform:scale(2.6)}40%{opacity:1;transform:scale(.85)}70%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes dslam{0%{opacity:0;transform:scale(4)rotate(-8deg)}60%{opacity:1;transform:scale(.9)rotate(2deg)}to{transform:scale(1)rotate(0)}}@keyframes dshake{25%{translate:-8px 4px}50%{translate:8px -4px}75%{translate:-4px}}@keyframes dglow{50%{filter:brightness(1.5)}}@keyframes dflash{0%{opacity:.7}to{opacity:0}}@keyframes dshard{0%{transform:rotate(var(--a)) translateX(0);opacity:1}to{transform:rotate(var(--a)) translateX(var(--d));opacity:0}}@media (prefers-reduced-motion:reduce){#duelfx *,#duelfx:before{animation-duration:10ms!important}}#banner b{font-size:clamp(22px,4vw,40px);display:block}#banner small{color:var(--muted);font-size:16px}#banner.taunt b{color:#ff6a5a;font-style:italic}#banner.phase b{color:#8fd3ff}#banner.win b{color:var(--gold)}#feat{text-align:center;pointer-events:none;z-index:60;text-shadow:2px 2px #000,0 0 18px #000;width:min(720px,100vw - 32px);position:absolute;top:16%;left:50%;transform:translate(-50%)}#feat.on{animation:8s ease-out forwards feat}@keyframes feat{0%{opacity:0;transform:translate(-50%)scale(.4)}6%{opacity:1;transform:translate(-50%)scale(1.12)}10%{transform:translate(-50%)scale(1)}88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)translateY(-14px)}}#feat .rays{z-index:-1;background:repeating-conic-gradient(#ffd24a40 0 6deg, transparent 6deg 18deg);border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;animation:14s linear infinite spin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 15%,#0000 66%);mask:radial-gradient(circle,#000 15%,#0000 66%)}#feat small{letter-spacing:.3em;color:var(--gold);font-size:13px;display:block}#feat b{color:#0000;text-shadow:none;background:linear-gradient(90deg,#ffe9a0,#ffa31a,#fff6c8,#ffa31a,#ffe9a0) 0 0/200% 100%;filter:drop-shadow(2px 2px #000)drop-shadow(0 0 10px #ff9a2a88);-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:clamp(22px,4vw,38px);animation:2s linear infinite shine;display:block}@keyframes shine{to{background-position:-200% 0}}#feat span{color:var(--ink);margin-top:6px;font-size:15px;display:block}#feat em{color:var(--muted);margin-top:6px;font-size:11px;font-style:normal;display:block}#side #mk-btn{margin-top:2px}#chat #toasts{pointer-events:none;gap:4px;margin-bottom:6px;display:grid}#chat #toasts:empty{margin-bottom:0}.toast{background:var(--panel);overflow-wrap:anywhere;white-space:normal;text-align:left;border-left:3px solid;width:100%;max-width:100%;padding:5px 10px;animation:5.5s forwards toast;box-shadow:0 0 0 1px #000}@keyframes toast{0%{opacity:0;transform:translateY(10px)}8%,80%{opacity:1;transform:none}to{opacity:0}}#chat{width:min(400px,50vw - 140px);min-width:220px;position:absolute;bottom:14px;left:14px}#chat-log{pointer-events:none;text-shadow:1px 1px #000;background:linear-gradient(#0000,#0007);flex-direction:column;justify-content:flex-end;max-height:150px;padding:4px 6px;font-size:13px;display:flex;overflow-y:hidden}#chat-log .sys{color:var(--gold)}#chat-log .ann{color:#ff9f7a}#chat-log .whisper{color:#6fb6ff}#chat-log .err{color:#ff8a80}#chat-log .rep{color:var(--muted);font-size:11px}#chat-log div{overflow-wrap:anywhere}#chat-in{width:100%;font:inherit;color:var(--ink);background:#000b;border:2px solid #5a3a22;border-radius:0;outline:none;margin-top:4px;padding:6px;box-shadow:0 0 0 2px #000}#chat-in:focus{border-color:var(--gold)}#chat.open #chat-log{pointer-events:auto;background:var(--panel);max-height:min(38vh,300px);box-shadow:var(--px);border-radius:2px;justify-content:flex-start;padding:8px;overflow-y:auto}#chat.open #chat-in{border-color:var(--gold);box-shadow:0 0 0 2px #000,0 0 0 4px #e8c15a44}#inv{overscroll-behavior:contain;-webkit-user-select:none;user-select:none;width:360px;max-height:min(100dvh - 28px,640px);position:absolute;top:50%;right:214px;overflow:hidden auto;transform:translateY(-50%)}#inv h3,#memory h3{color:var(--gold);margin:0 0 8px}.slots,.grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.slots{grid-template-columns:repeat(4,1fr);margin-bottom:10px}.cell{aspect-ratio:1;cursor:var(--hand);background:#000;border:2px solid #333;place-items:center;display:grid;position:relative}.ico{width:36px;max-width:90%;image-rendering:pixelated;pointer-events:none}.slots .ico{width:54px}.mk-cat .ico{vertical-align:-4px;width:18px}.cell:hover{filter:brightness(1.3)}#inv .cell.on{outline:2px solid var(--gold);outline-offset:1px;animation:1s steps(2,end) infinite cell-pick;box-shadow:0 0 10px #ffd24a99}@keyframes cell-pick{50%{box-shadow:0 0 2px #ffd24a44}}.cell small{font-size:10px;position:absolute;bottom:0;right:2px}.cell.empty{cursor:var(--cur);opacity:.4;font-size:11px}.cell b{color:var(--gold);font-size:10px;font-weight:400;position:absolute;top:3px;left:2px}.cell .use{line-height:0;position:absolute;top:1px;right:1px}.cell .use img{width:10px;height:10px;image-rendering:pixelated;opacity:.9}.cell em{text-align:center;color:var(--gold);white-space:nowrap;font-size:10px;font-style:normal;position:absolute;bottom:-15px;left:-4px;right:-4px}.cell.broken{filter:grayscale()brightness(.6)}i.dur{background:linear-gradient(90deg, var(--c) var(--d), #000 var(--d));height:3px;position:absolute;top:0;left:0;right:0;box-shadow:0 1px #000}.hint{color:var(--muted);margin:8px 0 0;font-size:12px}.px{width:16px;height:16px;image-rendering:pixelated;vertical-align:-3px}.px.big{vertical-align:middle;width:32px;height:32px}#stats{color:var(--muted);margin-bottom:8px;font-size:12px}.grid.store{overscroll-behavior:contain;max-height:min(260px,36dvh);margin-bottom:10px;overflow:hidden auto}#inv .cell{min-width:0}#inv h3 .full{color:#ff7a6a;font-size:12px}:is(#inv,#shop,#trade,#tele,#cfg) .actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;margin-top:8px;display:flex}:is(#inv,#shop,#trade,#tele,#cfg) .actions button,.tabs button,#shop .worn button{font:inherit;color:var(--ink);cursor:var(--hand);background:#3a1a1a;border:1px solid #7d1f27;padding:4px 10px;font-size:12px}:is(#inv,#shop,#trade,#tele,#cfg) .actions button:hover:not(:disabled),.tabs button:hover,#shop .worn button:hover:not(:disabled){background:#7d1f27}:is(#inv,#shop,#trade,#tele) .actions button:disabled,#shop .worn button:disabled{opacity:.4;cursor:var(--cur)}#shop .actions.bulk{border-top:1px solid #7d1f2766;margin-top:10px;padding-top:8px}#shop .actions.bulk button{flex:1}#shop .actions.bulk:empty{display:none}#shop .worn{gap:3px;margin:4px 0 8px;padding:0;font-size:12px;list-style:none;display:grid}#shop .worn li{background:#0006;grid-template-columns:48px auto 1fr auto;align-items:center;gap:8px;padding:3px 6px;display:grid}#shop .worn button{white-space:nowrap;padding:2px 8px;font-size:11px}#shop .worn small{color:var(--muted);text-align:right}#shop .worn .durbox{background:#000;height:6px;display:block;position:relative;box-shadow:0 0 0 2px #000}#shop .worn .durbox i.dur{height:6px}#ask .chips{justify-content:center;gap:6px;margin-top:10px;display:flex}#ask .chip{color:var(--muted);padding:4px 10px}#ask .chip.on{border-color:var(--c);color:var(--c);background:#2a1e1c}#ask{z-index:20;background:#0008;place-items:center;display:grid;position:fixed;inset:0}#ask .panel{overscroll-behavior:contain;overflow-wrap:anywhere;text-align:center;max-width:min(340px,100vw - 32px);max-height:min(100dvh - 32px,640px);animation:.15s ease-out pop;overflow-y:auto}#ask .panel:focus{outline:none}#ask .ask-msg{margin:0 0 12px;line-height:1.5}#ask small{color:var(--muted)}#ask .actions{justify-content:center;gap:8px;display:flex}#ask button{font:inherit;color:var(--ink);cursor:var(--hand);background:#1a1416;border:1px solid #5a3a22;padding:6px 16px}#ask button:hover,#ask button:focus-visible{filter:brightness(1.4);outline:none}#ask .yes{background:#7d1f27;border-color:#c8352e}#tip{z-index:10;overscroll-behavior:contain;overflow-wrap:anywhere;pointer-events:none;background:#0e0a0c;max-width:min(240px,100vw - 16px);max-height:calc(100dvh - 16px);padding:8px;font-size:12px;position:fixed;overflow-y:auto;box-shadow:0 0 0 1px #000,0 0 0 2px #6b5a4a}#hovertip{z-index:9;pointer-events:none;opacity:0;visibility:hidden;background:#0e0a0ccc;gap:1px;min-width:120px;max-width:220px;padding:4px 7px;font-size:11px;line-height:1.3;transition:opacity .15s,visibility .15s;display:grid;position:fixed;box-shadow:0 0 0 1px #000,0 0 0 2px #5a3a2299}#hovertip.on{opacity:1;visibility:visible}#hovertip small{color:var(--muted);font-size:10px}#hovertip .ht-bar{background:#3a1a1a;height:3px;margin:2px 0 1px}#hovertip .ht-bar i{background:var(--hp);height:100%;display:block}#hovertip .ht-item{align-items:center;gap:4px;display:flex}#hovertip .ht-item b{font-weight:400}#hovertip .ico{width:16px}#tip .up{color:#7ee07a}#tip .down{color:#ff7a6a}#memory{overscroll-behavior:contain;width:min(480px,100vw - 32px);max-height:min(80dvh,680px);position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#memory blockquote{border-left:3px solid var(--edge);background:#0006;margin:8px 0;padding:8px 12px;font-style:italic}#memory .w{grid-template-columns:130px 1fr 40px;align-items:center;gap:6px;font-size:12px;display:grid}#memory .w span{background:var(--edge);height:8px}#memory .w b{background:#0006;height:8px;position:relative}#memory .w b span{position:absolute;inset:0 auto 0 0}#memory .w .ghost{opacity:.35}#memory h4{color:var(--muted);margin:12px 0 4px;font-weight:400}#memory .tabs{flex-wrap:wrap}#memory dl.stats{grid-template-columns:auto 1fr auto 1fr;gap:2px 8px;margin:4px 0;font-size:13px;display:grid}#memory dl.stats dt{color:var(--muted)}#memory dl.stats dd{color:var(--gold);margin:0}#memory dl.stats small,#memory .lessons{color:var(--muted)}#memory .chip{color:var(--muted);background:#0006;border:1px solid #444;margin:2px 0;padding:1px 6px;font-size:12px;display:inline-block}#memory .chip.on{border-color:var(--edge);color:var(--ink)}#memory .lessons{border-collapse:collapse;width:100%;font-size:12px}#memory .lessons :is(th,td){text-align:right;white-space:nowrap;padding:2px 4px}#memory .lessons :is(th,td):first-child{text-align:left}#memory .lessons .up{color:#ff6a5a}#memory .lessons .down{color:#7ad97a}#memory .tabs.sub button{padding:2px 8px;font-size:11px}.ranks{gap:6px;margin:6px 0;display:grid}.rank{box-shadow:inset 3px 0 0 var(--rc), 0 0 0 1px #5a3a2299;background:#0006;border:2px solid #000;grid-template-columns:64px 1fr;align-items:center;gap:8px;padding:6px 8px;display:grid}.rank>b{color:var(--rc);letter-spacing:1px;text-shadow:2px 2px #000;font-size:15px}.rank .eternal{letter-spacing:0;color:var(--muted);text-shadow:1px 1px #000;font-size:9px;font-style:normal;font-weight:400;display:block}.rank span{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.rank span i{color:var(--rc);text-shadow:1px 1px #000;overflow-wrap:anywhere;font-style:normal}.rank span small{color:var(--muted);font-size:11px}.rank .fast{color:var(--muted);border-top:1px dashed #5a3a2299;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:4px;margin-top:2px;padding-top:3px;font-size:11px;font-style:normal;display:flex}.rank .fast i{font-size:11px}.rank.empty{opacity:.85;border-style:dashed;border-color:#000}.rank.empty span small{flex-basis:100%}#memory .dim{color:var(--muted);font-size:11px}#memory .feats{gap:4px;margin:6px 0;display:grid}#memory .feat{background:#0006;border:2px solid #000;grid-template-columns:64px 1fr;align-items:center;gap:8px;padding:6px 8px;display:grid;box-shadow:inset 3px 0 #6b4a2b,0 0 0 1px #5a3a2299}#memory .feat.first{box-shadow:inset 3px 0 0 var(--gold), 0 0 0 1px #e8c15a66}#memory .feat>b{color:var(--ink);letter-spacing:1px;text-shadow:2px 2px #000;font-size:14px}#memory .feat.first>b{color:var(--gold)}#memory .feat .latest{letter-spacing:0;color:var(--gold);text-shadow:1px 1px #000;font-size:9px;font-style:normal;font-weight:400;display:block}#memory .feat span{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}#memory .feat span i{color:var(--ink);text-shadow:1px 1px #000;overflow-wrap:anywhere;font-style:normal}#memory .feat span small{color:var(--muted);flex-basis:100%;font-size:11px}#memory .feats-empty{text-align:center;background:#0006;border:2px dashed #5a3a22;justify-items:center;gap:4px;padding:14px 8px;display:grid}#memory .feats-empty b{color:var(--ink);font-weight:400}#memory .feats-empty small{color:var(--muted);font-size:11px}@media (width<=480px){#memory dl.stats{grid-template-columns:auto 1fr}}#shop,#trade,#profile,#zinfo,#tele{overscroll-behavior:contain;scrollbar-gutter:stable;width:min(380px,100vw - 32px);max-height:min(84dvh,720px);position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#profile{width:min(460px,100vw - 32px);max-height:min(100dvh - 16px + -1*max(16px,50dvh - 280px),720px);top:max(16px,50vh - 280px);transform:translate(-50%)}#zinfo{width:min(640px,100vw - 32px)}#zinfo .zb,#tele .zb{background:#0006;margin-bottom:3px;padding:4px 6px;font-size:13px}#zinfo .zb small,#zinfo .zb i,#tele .zb i{color:var(--muted)}#zinfo table{border-collapse:collapse;width:100%;font-size:12px}#zinfo :is(th,td){text-align:right;white-space:nowrap;padding:2px 4px}#zinfo :is(th,td):first-child{text-align:left}#zinfo tr.dead{opacity:.45}:is(#shop,#trade,#profile,#zinfo,#tele) h3{color:var(--gold);margin:0 0 8px}:is(#shop,#trade,#profile,#zinfo) h4{color:var(--muted);margin:10px 0 4px;font-weight:400}#shop p,#tele p{margin:4px 0}#shop .grid{align-content:start;row-gap:18px;padding-bottom:14px}#shop .skill-reqs{max-width:100%;display:block;overflow-x:auto}.mon,#h-mon{color:var(--gold)}#h-mon{text-shadow:1px 1px #000;font-size:11px}.tabs{gap:4px;margin:8px 0;display:flex}.tabs .on{border-color:var(--gold);color:var(--gold);background:#2a2014}#profile .title{cursor:var(--hand);background:#0006;border-left:3px solid #0000;margin-bottom:3px;padding:4px 6px;font-size:13px}#profile .title:hover{background:#2a1a1a}#profile .title.on{border-color:var(--gold);background:#2a2014}#profile .title.locked{opacity:.45;cursor:var(--cur)}#profile .title small{color:var(--muted)}#profile .title .perk,#profile .perk{color:#7ee07a}#profile .title .rar{float:right;font-size:11px}#profile .titles{overscroll-behavior:contain;max-height:min(46dvh,340px);padding-right:4px;overflow-y:auto}#profile .titles h4:first-child{margin-top:0}#profile .tabs.sub{margin:4px 0}#profile .tabs.sub button{padding:2px 8px;font-size:11px}.pstats{border-collapse:collapse;width:100%;font-size:13px}.pstats th{color:var(--muted);text-align:right;padding:0 6px 2px;font-size:11px;font-weight:400}.pstats td{text-align:right;background:#0006 padding-box padding-box;border-top:2px solid #0000;padding:2px 6px}.pstats td:first-child{text-align:left;color:var(--gold)}.pstats .up{color:#7ee07a}.pstats .down{color:#ff8a80}.pstats .none{color:#6b604c}.pstats b{color:var(--ink);font-weight:400}#trade .sides{grid-template-columns:1fr 1fr;gap:8px;display:grid}#trade .side{background:#0006;border:1px solid #3a2a24;min-height:90px;padding:6px}#trade .side.ok{border-color:#7ee07a}#trade .side .grid{grid-template-columns:repeat(4,1fr);min-height:30px}#trade .side p{margin:6px 0 0}#trade h4 small{color:var(--muted)}#trade h4 small.ok{color:#7ee07a}#trade .ask{color:var(--muted);margin-top:6px;font-size:12px;display:block}#trade label.ask .lbl{margin-bottom:4px;display:block}#trade label.ask{white-space:nowrap}#trade .numf input{width:7ch}#trade .ask b{color:var(--gold);font-weight:400}#trade .balance{text-align:center;background:#0006;margin:8px 0 0;padding:4px 6px;font-size:13px}#trade .balance b{color:var(--gold);font-weight:400}#trade .balance.short{color:#ff7a6a}.numf{vertical-align:middle;background:#000;align-items:stretch;display:inline-flex;box-shadow:0 0 0 2px #000}.numf input{width:9ch;min-width:0;font:inherit;text-align:right;color:var(--gold);caret-color:var(--gold);background:#120c0a;border:2px solid #5a3a22;border-width:2px 0;border-radius:0;outline:none;padding:3px 6px;font-size:13px}.numf input:focus{border-color:var(--gold);background:#1e1510}.numf button{width:22px;font:inherit;color:var(--ink);cursor:var(--hand);background:#5a3a22;border:2px solid #2a1a10;border-color:#8a5a32 #2a1a10 #2a1a10 #8a5a32;border-radius:0;padding:0;font-size:14px;line-height:1}.numf button:hover:not(:disabled){background:#7d1f27;border-color:#c8352e #4a1014 #4a1014 #c8352e}.numf button:active:not(:disabled){border-color:#2a1a10 #8a5a32 #8a5a32 #2a1a10;padding-top:2px}.numf button:disabled{opacity:.35;cursor:var(--cur)}.numf:focus-within{box-shadow:0 0 0 2px #000, 0 0 0 4px var(--gold)}#hurt{pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0;box-shadow:inset 0 0 140px #d00}#hurt.on{opacity:.75;transition:none}#help{color:var(--muted);text-shadow:1px 1px #000;pointer-events:none;text-align:right;max-width:300px;font-size:11px;position:absolute;bottom:14px;right:14px}#help b{color:var(--ink);font-weight:400}@media (width<=1200px){#help{display:none}}@media (width<=900px){#boss{width:calc(100vw - 28px);top:150px}#side{width:130px}#obj{display:none}}#ask .panel.wide{max-width:min(460px,100vw - 32px);overflow-x:hidden}#ask .panel.wide button{white-space:nowrap}@media (width<=420px){#ask .panel.wide button{white-space:normal}}#ask .versus{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 4px;display:grid}#ask .vcol{min-width:0;min-height:104px;cursor:var(--hand);background:#0006;border:2px solid #000;align-content:center;justify-items:center;gap:6px;padding:10px 6px 12px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #5a3a2299}#ask .vcol:hover{border-color:#8a6a20;box-shadow:inset 0 0 0 1px #8a6a20}#ask .vcol.picked{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold), 0 0 10px #ffd24a55}#ask .vcol.picked:after{content:"◆";color:var(--gold);text-shadow:2px 2px #000,-1px 2px #000,2px -1px #000,-1px -1px #000;font-size:12px;position:absolute;top:-8px;right:-4px}#ask .versus h4{color:var(--gold);margin:0;font-size:12px;font-weight:400}#ask .vico{width:30px;height:30px;image-rendering:pixelated}#ask .vline{font-size:13px;line-height:1.45}#ask .xt-head{color:var(--muted);margin-top:3px;font-size:11px}#ask .xt{color:var(--gold);background:var(--pip) 0 3px / 12px 10px no-repeat;image-rendering:pixelated;padding-left:14px;font-weight:700}#ask .need{color:var(--muted)}#ask .pick-hint{margin-top:6px;display:block}#ask .actions.one{justify-content:flex-end}#ask .actions.one .yes{padding:7px 22px}#ask .actions.one .yes:disabled{opacity:.45;cursor:var(--cur)}#ask .actions.one .yes:disabled:hover{filter:none}#mk-btn{pointer-events:auto;width:44px;height:44px;cursor:var(--hand);box-shadow:var(--px);background:radial-gradient(#3a2a30,#160f14);border:0;border-radius:0;justify-self:end;place-items:center;padding:0;display:grid;position:relative}#mk-btn img{width:32px;height:32px;image-rendering:pixelated}#mk-btn:hover img,#mk-btn:focus-visible img{animation:.5s steps(2,end) infinite mk-bob}#mk-btn:focus-visible{outline:2px solid var(--gold);outline-offset:6px}#mk-btn b{color:#1b1418;background:var(--gold);padding:0 4px;font-size:10px;font-weight:400;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 2px #000}#mk-btn.ping{animation:.3s steps(2,end) 8 mk-ping}@keyframes mk-bob{50%{transform:translateY(-2px)}}@keyframes mk-ping{50%{box-shadow:0 0 0 2px #000, 0 0 0 4px var(--gold), 0 0 0 6px #000}}#market{overscroll-behavior:contain;flex-direction:column;width:min(600px,100vw - 32px);max-height:min(84dvh,720px);display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}#market h3{color:var(--gold);flex:none;align-items:center;gap:8px;margin:0 0 4px;display:flex}#market h3 .mon{white-space:nowrap;margin-left:auto;font-size:13px;font-weight:400}#market .hint{color:var(--muted);margin:4px 0;font-size:12px}#market .tabs,#market .mk-filters,#market .mk-form,#market .hint.keys{flex:none}#market .hint.keys{margin-bottom:0}.mk-filters{background:#0006;gap:6px;padding:8px;display:grid;box-shadow:inset 0 0 0 2px #3a2a24}.mk-q{background:#120c0a;border:2px solid #5a3a22;align-items:center;gap:6px;padding:0 6px;display:flex;box-shadow:0 0 0 2px #000}.mk-q:focus-within{border-color:var(--gold)}.mk-q input{min-width:0;font:inherit;color:var(--ink);caret-color:var(--gold);background:0 0;border:0;outline:none;flex:1;padding:5px 0}.mk-q input::-webkit-search-cancel-button{filter:grayscale()brightness(1.5)}.mk-cats{flex-wrap:wrap;gap:4px;display:flex}.mk-cat{font:inherit;color:var(--muted);cursor:var(--hand);background:#1e1510;border:2px solid #3a2a24;border-radius:0;padding:3px 8px;font-size:12px}.mk-cat:hover{color:var(--ink);border-color:#7d1f27}.mk-cat.on{color:var(--gold);border-color:var(--gold);background:#2a2014}.mk-opts{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.mk-opts label{align-items:center;gap:4px;display:inline-flex}.mk-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;align-content:start;gap:4px;min-height:120px;max-height:min(52dvh,480px);margin-top:8px;padding-right:2px;display:grid;overflow-y:auto}.mk-row{background:#0006;border-left:3px solid #0000;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:4px 6px;display:grid}.mk-row:hover{background:#2a1a1a;border-left-color:#7d1f27}.mk-row.mine{border-left-color:var(--gold)}.mk-row .cell{flex:none;width:34px}.mk-info{overflow-wrap:anywhere;min-width:0;font-size:13px;display:grid;overflow:hidden}.mk-info small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mk-info .mk-stats{white-space:normal;overflow-wrap:anywhere}.mk-info .mk-stats .fix{color:var(--gold)}.mk-info .mk-stats .base{color:var(--ink);font-weight:700}.mk-info .mk-extras{color:var(--gold);font-weight:700}.mk-price{color:var(--gold);white-space:nowrap;flex:none;font-weight:400}.mk-price.short{color:#ff7a6a}.mk-tag{color:var(--gold);border:2px solid var(--gold);white-space:nowrap;flex:none;padding:2px 6px;font-size:11px}.mk-act{white-space:nowrap;flex:none}.mk-act,#market .actions button{font:inherit;color:var(--ink);cursor:var(--hand);background:#3a1a1a;border:2px solid #7d1f27;border-radius:0;padding:4px 10px;font-size:12px;box-shadow:0 2px #000}.mk-act.buy,#market .actions .yes{border-color:var(--gold);background:#4a3410}.mk-act:hover:not(:disabled),#market .actions button:hover:not(:disabled){filter:brightness(1.35)}.mk-act:active:not(:disabled),#market .actions button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.mk-act:disabled,#market .actions button:disabled{opacity:.4;cursor:var(--cur)}.mk-empty{text-align:center;padding:18px 0}.mk-pager{color:var(--muted);background:#140e0aee;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:4px;font-size:12px;display:flex;position:sticky;bottom:0;box-shadow:0 0 0 2px #000}.mk-pager button{width:28px;font:inherit;color:var(--gold);cursor:var(--hand);background:#1e1510;border:2px solid #5a3a22;border-radius:0}.mk-pager button:disabled{opacity:.3;cursor:var(--cur)}.mk-form{background:#0006;margin-bottom:8px;padding:8px;box-shadow:inset 0 0 0 2px #3a2a24}.mk-pick{align-items:center;gap:10px;min-width:0;display:flex}.mk-pick .cell{flex:none;width:42px}.mk-pick>div{overflow-wrap:anywhere;min-width:0}.mk-pricef{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.mk-fee{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.6}.mk-fee b{color:var(--gold);font-weight:400}.mk-suggest{color:var(--muted);min-height:1.6em;margin:6px 0 0;font-size:12px;line-height:1.6}.mk-suggest b{color:var(--gold);font-weight:400}.mk-suggest .dim{opacity:.7}.mk-use{font:inherit;color:var(--gold);cursor:var(--hand);background:#2a2014;border:2px solid #6b4a2b;border-radius:0;margin-left:6px;padding:1px 8px;font-size:11px}.mk-use:hover{border-color:var(--gold)}#market .actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;display:flex}#market .actions .down{color:#ff7a6a}#market .grid{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));align-content:start;min-height:0;max-height:min(34dvh,280px);padding-right:2px;overflow-y:auto}#market .cell.on{outline:2px solid var(--gold);outline-offset:1px}@media (width<=520px){#market{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:10px;top:8px;transform:translate(-50%)}.mk-list{max-height:min(58dvh,520px)}#market .grid{max-height:min(38dvh,320px)}.mk-row{grid-template-columns:auto minmax(0,1fr) auto}.mk-row .mk-price{grid-column:2;justify-self:start}.mk-row .mk-act,.mk-row .mk-tag{grid-area:1/3/span 2}}@media (prefers-reduced-motion:reduce){#mk-btn.ping{animation:none}}.cell.r-divine:before,.cell.r-mythic:before{content:"";pointer-events:none;image-rendering:pixelated;background:var(--tl) top left / 14px no-repeat, var(--tr) top right / 14px no-repeat, var(--bl) bottom left / 14px no-repeat, var(--br) bottom right / 14px no-repeat;position:absolute;inset:-3px}.cell.r-legendary{--spark:var(--legendary-spark)}.cell.r-divine{--tl:var(--divine-tl);--tr:var(--divine-tr);--bl:var(--divine-bl);--br:var(--divine-br);--pip:var(--divine-pip);--spark:var(--divine-spark);background:#06101c}.cell.r-mythic{--tl:var(--mythic-tl);--tr:var(--mythic-tr);--bl:var(--mythic-bl);--br:var(--mythic-br);--pip:var(--mythic-pip);--spark:var(--mythic-spark);background:#12040c}.cell i.pips{width:calc(var(--n) * 12px);background:var(--pip) 0 0 / 12px 10px repeat-x;height:10px;image-rendering:pixelated;position:absolute;bottom:3px;left:3px}.cell.maxed{animation:2.4s step-end infinite cyc-legendary}.cell.maxed.r-divine{animation-name:cyc-divine;animation-duration:1.6s}.cell.maxed.r-mythic{animation-name:cyc-mythic;animation-duration:1.2s}.cell.maxed:after{content:"";pointer-events:none;width:14px;height:14px;image-rendering:pixelated;background:var(--spark) 0 0 / 56px 14px;animation:.6s steps(4,end) infinite spark,2.4s step-end infinite hop;position:absolute}.cell.maxed.r-legendary:after{opacity:.8;animation-duration:1.2s,4.8s}@keyframes spark{to{background-position:-56px 0}}@keyframes hop{0%{top:-5px;right:-5px}25%{inset:auto auto -5px -5px}50%{inset:-5px auto auto -5px}75%{inset:auto -5px -5px auto}}@keyframes cyc-legendary{0%,to{border-color:#ffa31a}50%{border-color:#ffd98a}}@keyframes cyc-divine{0%{border-color:#fff;box-shadow:inset 0 0 0 1px #e3c15a}25%{border-color:#9ee8ff;box-shadow:inset 0 0 0 1px #fffbe6}50%{border-color:#e3c15a;box-shadow:inset 0 0 0 1px #6fd8ff}75%{border-color:#9ee8ff;box-shadow:inset 0 0 0 1px #fff}}@keyframes cyc-mythic{0%{border-color:#ff3d6e;box-shadow:inset 0 0 0 1px #a03dff}25%{border-color:#a03dff;box-shadow:inset 0 0 0 1px #ff6ad5}50%{border-color:#ff6ad5;box-shadow:inset 0 0 0 1px #ff3d6e}75%{border-color:#c8203f;box-shadow:inset 0 0 0 1px #a03dff}}.rn-divine{text-shadow:1px 1px #14244a}.rn-mythic{background:repeating-linear-gradient(90deg,#ff3d6e 0 16px,#c060ff 16px 32px,#ff6ad5 32px 48px);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:1.8s steps(6,end) infinite bands}@keyframes bands{to{background-position:48px 0}}#tip[data-r=legendary]{box-shadow:0 0 0 1px #000,0 0 0 2px #a8661a}#tip[data-r=divine]{box-shadow:0 0 0 1px #000,0 0 0 2px #e3c15a,0 0 0 3px #000,0 0 0 4px #6fd8ff}#tip[data-r=mythic]{box-shadow:0 0 0 1px #000,0 0 0 2px #c8203f,0 0 0 3px #000,0 0 0 4px #a03dff}#tip .xt-head{color:var(--muted);font-size:11px}#tip .xt{background:var(--pip) 0 3px / 12px 10px no-repeat;image-rendering:pixelated;padding-left:14px}.fix{color:var(--gold);font-weight:700}#tip .fix{font-size:13px}#tip .base{color:var(--ink);font-size:13px;font-weight:700}#tip .xt{color:var(--gold);font-weight:700}#tip[data-r=divine] .xt{--pip:var(--divine-pip)}#tip[data-r=mythic] .xt{--pip:var(--mythic-pip)}#tip .need{color:var(--muted)}#tip .need.no{color:#ff7a6a}#tip .master{color:var(--gold)}@media (prefers-reduced-motion:reduce){.cell.maxed,.cell.maxed:after,.rn-mythic{animation:none}.cell.maxed:after{background-position:-28px 0;top:-5px;right:-5px}}#skills{pointer-events:none;gap:12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.sk{pointer-events:auto;width:58px;height:58px;box-shadow:var(--px);background:radial-gradient(#3a2a30,#160f14);place-items:center;display:grid;position:relative}.sk img{width:40px;height:40px}.sk i{position:absolute;inset:0}.sk em{text-shadow:2px 2px #000;place-items:center;font-size:20px;font-style:normal;display:grid;position:absolute;inset:0}.sk b{white-space:nowrap;background:#000;padding:0 5px;font-size:10px;font-weight:400;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #5a3a22}.sk.ready{box-shadow:0 0 0 2px #000, 0 0 0 4px var(--gold), 0 0 0 6px #000}.sk.pop{animation:.25s ease-out pop}@keyframes pop{50%{transform:scale(1.15)}}.sk.locked img{filter:grayscale()brightness(.45)}.sk.locked:after{content:"";background:var(--lock) center / contain no-repeat;width:16px;height:16px;image-rendering:pixelated;position:absolute;top:3px;right:3px}#shop .skill-reqs{border-collapse:collapse;width:100%;margin:4px 0;font-size:12px}#shop .skill-reqs th{color:var(--muted);text-align:left;border-bottom:1px solid #7d1f2766;padding:2px 6px;font-weight:400}#shop .skill-reqs td{vertical-align:top;border-left:2px solid #0000;padding:2px 6px}#shop .skill-reqs td:not(:nth-child(2)){white-space:nowrap}#shop .skill-reqs .done td{color:#7ee07a}#shop .skill-reqs .done td:first-child:before{content:"✓ "}#shop .skill-reqs .next td{color:var(--ink);background:#ffd24a14}#shop .skill-reqs .next td:first-child{border-left-color:#ffd24a}#shop .skill-reqs .locked td{opacity:.45}#shop:has(.skill-reqs){width:min(600px,100vw - 32px)}#shop.wide{width:min(760px,100vw - 32px)}#shop .sew-tabs{flex-wrap:wrap}#shop .sew-tabs .tab.mine{box-shadow:inset 0 -2px 0 var(--gold)}#shop .sew{gap:6px;margin-top:6px;display:grid}#shop.wide .sew{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:8px}#shop .seam{background:#0007;border:1px solid #e3c15a44;grid-template-columns:44px 1fr;align-items:start;gap:8px;padding:6px;display:grid}#shop .seam.set1{border-left:3px solid #c9d2dc}#shop .seam.set2{border-left:3px solid #e3c15a}#shop .seam.set3{background:linear-gradient(90deg,#e0452a24,#0007 55%);border-color:#ff8a5e55;border-left-style:solid;border-left-width:3px}#shop .seam.set3 b{color:#ffb37a}#shop .seam .odds{color:var(--gold);margin-top:2px;font-size:11px;display:block}#shop .seam.mine{background:linear-gradient(90deg,#e3c15a1f,#0007 60%);border-color:#e3c15a99}#shop .seam>img{width:40px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 4px #ffd24a66)}#shop .seam .px{width:14px;height:14px}#shop .seam li{align-items:center;gap:4px;display:flex}#shop .seam b{color:#ffd24a}#shop .seam em{color:#1b1418;background:#e3c15a;margin-bottom:2px;padding:0 4px;font-size:10px;font-style:normal;display:inline-block}#shop .seam small{color:var(--muted)}#shop .seam .pool{margin-top:2px;font-size:11px;display:block}#shop .seam ul{gap:1px;margin:4px 0;padding:0;font-size:11px;list-style:none;display:grid}#shop .seam li.no{color:var(--muted);opacity:.75}#shop .seam button{font:inherit;color:var(--ink);cursor:var(--hand);background:#3a1a1a;border:1px solid #e3c15a;padding:3px 10px;font-size:12px}#shop .seam button:hover:not(:disabled){background:#7a1c2b}#shop .seam button:disabled{opacity:.4;cursor:var(--cur);border-color:#7d1f27}.cell.skin{box-shadow:inset 0 0 8px #ffd24a55,0 0 4px #ffd24a66;border-color:#ffd24a!important}.cell.skin.idle{filter:grayscale(.7)brightness(.75)}@media (width<=560px){#shop.wide .sew{grid-template-columns:1fr}}body:not(.touch) :is(#touch,#t-close,#t-rotate),body:not(.touch) #t-menu>:not(#cfg-btn){display:none!important}html{touch-action:manipulation;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#game canvas,#touch,#skills,#t-menu,.cell{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cell{touch-action:manipulation}body.touch :is(#help,.hint.keys){display:none}#hud{left:calc(14px + env(safe-area-inset-left));top:calc(14px + env(safe-area-inset-top))}#side{right:calc(14px + env(safe-area-inset-right));top:calc(14px + env(safe-area-inset-top))}#touch{pointer-events:none;position:absolute;inset:0}#touch>*{pointer-events:auto}#t-stick{width:46vw;height:62dvh;position:absolute;bottom:0;left:0}#t-stick .base{left:calc(91px + env(safe-area-inset-left));top:calc(100% - 91px - env(safe-area-inset-bottom));background:var(--t-base) center / 100% no-repeat;width:126px;height:126px;image-rendering:pixelated;opacity:.5;margin:-63px 0 0 -63px;transition:opacity .25s;position:absolute}#t-stick .knob{background:var(--t-knob) center / 100% no-repeat;width:60px;height:60px;image-rendering:pixelated;margin:-30px 0 0 -30px;position:absolute;top:50%;left:50%}#t-stick:not(.on) .knob{animation:1.4s steps(2,end) infinite t-idle}#t-stick.on .base{opacity:1;transition:none}#t-stick.on .knob{filter:brightness(1.15)drop-shadow(0 3px #0008)}@keyframes t-idle{50%{transform:translateY(-3px)}}body.touch{--k:1;--tr:calc(18px + env(safe-area-inset-right));--tb:calc(18px + env(safe-area-inset-bottom))}body.touch #skills{left:auto;right:var(--tr);bottom:var(--tb);width:calc(206px * var(--k));height:calc(206px * var(--k));pointer-events:none;display:block;transform:none}body.touch .sk{width:calc(62px * var(--k));height:calc(62px * var(--k));transition:transform 60ms,filter 60ms;position:absolute}body.touch .sk img{width:calc(40px * var(--k));height:calc(40px * var(--k))}body.touch .sk b{display:none}body.touch #sk-atk{width:calc(88px * var(--k));height:calc(88px * var(--k));bottom:0;right:0}body.touch #sk-atk img{width:calc(56px * var(--k));height:calc(56px * var(--k))}body.touch #sk-skill{right:calc(140px * var(--k));bottom:calc(13px * var(--k))}body.touch #sk-ult{right:calc(106px * var(--k));bottom:calc(106px * var(--k))}body.touch #sk-dash{right:calc(13px * var(--k));bottom:calc(140px * var(--k))}body.touch .sk.press{filter:brightness(1.3);transform:translateY(2px)scale(.92)}body.touch .sk.aiming{box-shadow:0 0 0 2px #000,0 0 0 4px #fff3c0,0 0 0 6px #000}#t-use,#t-lock{width:calc(54px * var(--k));height:calc(54px * var(--k));font:inherit;color:var(--muted);box-shadow:var(--px);background:radial-gradient(#3a2a30,#160f14);border:0;border-radius:0;place-items:center;padding:0;transition:opacity .2s,transform 60ms;display:grid;position:absolute}#t-use{right:calc(var(--tr) + 198px * var(--k));bottom:calc(var(--tb) + 123px * var(--k));opacity:.5}#t-lock{right:calc(var(--tr) + 104px * var(--k));bottom:calc(var(--tb) + 198px * var(--k));opacity:.8}#t-use b{font-size:calc(24px * var(--k));text-shadow:2px 2px #000;font-weight:400}#t-lock img{width:calc(32px * var(--k));height:calc(32px * var(--k));image-rendering:pixelated}#t-use.near{opacity:1;color:var(--gold);animation:.8s steps(2,end) infinite t-near}#t-lock.on{opacity:1;box-shadow:0 0 0 2px #000,0 0 0 4px #ff5a4a,0 0 0 6px #000}:is(#t-use,#t-lock).press{filter:brightness(1.3);transform:translateY(2px)scale(.92)}@keyframes t-near{50%{box-shadow:0 0 0 2px #000, 0 0 0 4px var(--gold), 0 0 0 6px #000, 0 8px 24px #000c}}body.touch #side{grid-template-columns:auto auto;justify-content:end;column-gap:6px;width:auto}body.touch #side>*{grid-column:1/-1;justify-self:end}body.touch #side>#t-menu{grid-area:2/1}body.touch #side>#mk-btn{grid-area:2/2;width:42px;height:42px;margin-top:0}#t-menu{pointer-events:auto;gap:6px;display:flex}#t-menu button,#t-close{background:radial-gradient(#3a2a30,#160f14);border:0;border-radius:0;place-items:center;width:42px;height:42px;padding:0;transition:transform 60ms;display:grid;box-shadow:0 0 0 2px #000,0 0 0 3px #5a3a22,0 0 0 5px #000}#t-menu img,#t-close img{width:32px;height:32px;image-rendering:pixelated}#t-menu button[hidden]{display:none}#t-menu button:active,#t-close:active{filter:brightness(1.3);transform:translateY(2px)}#t-close{z-index:15;width:38px;height:38px;left:clamp(calc(4px + env(safe-area-inset-left)), calc(var(--x,100vw) - 26px), calc(100vw - 42px - env(safe-area-inset-right)));top:clamp(calc(4px + env(safe-area-inset-top)), calc(var(--y,0px) - 12px), calc(100dvh - 42px));display:none;position:absolute}#t-close img{width:28px;height:28px}body.touch #ui>.panel>h3:first-child{padding-right:30px}body.touch #ui:has(>.panel:not([hidden]):not(#login)) #t-close{display:grid}body.touch #chat{bottom:calc(176px + env(safe-area-inset-bottom));left:calc(14px + env(safe-area-inset-left));width:min(320px,40vw)}body.touch #chat:not(.open){pointer-events:none}body.touch #chat:not(.open) #chat-in{opacity:0;pointer-events:none;position:absolute}body.touch #chat-log{max-height:96px}body.touch #chat.open{z-index:25;top:calc(10px + env(safe-area-inset-top));width:min(520px,100vw - 24px);bottom:auto;left:50%;transform:translate(-50%)}body.touch #chat.open #chat-log{max-height:min(32dvh,220px)}body.touch #chat-in{font-size:16px}#t-rotate{text-align:center;width:max-content;max-width:calc(100vw - 32px);color:var(--gold);background:var(--panel);box-shadow:var(--px);pointer-events:none;padding:6px 12px;font-size:13px;animation:7s steps(14,end) forwards t-nag;display:none;position:absolute;top:40%;left:50%;transform:translate(-50%)}@keyframes t-nag{0%,80%{opacity:1}to{opacity:0}}@media (orientation:portrait) and (width<=600px){body.touch #ui:has(#hud:not([hidden])) #t-rotate{display:block}}#ui:has(>.panel:not([hidden]):not(#login)) #t-rotate{visibility:hidden}#inv{max-height:calc(100dvh - 24px);overflow:hidden auto}@media (width<=760px){#inv{width:min(360px,100vw - 24px);left:50%;right:auto;transform:translate(-50%,-50%)}}@media (height<=560px){#hud{transform-origin:0 0;transform:scale(.85)}#mini{width:120px}#obj{display:none}:is(#shop,#trade,#profile,#zinfo,#tele,#memory,#market,#clan,#board,#summary,#cfg){max-height:calc(100dvh - 24px)}#profile{top:12px}body.touch{--k:.82;--tr:calc(12px + env(safe-area-inset-right));--tb:calc(12px + env(safe-area-inset-bottom))}body.touch #t-stick .base{transform:scale(.85)}body.touch #chat{bottom:calc(150px + env(safe-area-inset-bottom))}body.touch #boss{top:auto;bottom:calc(10px + env(safe-area-inset-bottom));width:min(360px,100vw - 480px);min-width:220px}body.touch #chat:not(.open) #chat-log{opacity:.8;max-height:46px}}@media (width<=600px){#hud{transform-origin:0 0;transform:scale(.8)}#mini{width:110px}body.touch #side{grid-template-columns:auto}body.touch #side>:is(#t-menu,#mk-btn){grid-area:auto}body.touch #t-menu{flex-direction:column}body.touch #boss{width:calc(100vw - 88px);min-width:0;left:calc(50% - 30px)}body.touch #t-use{right:calc(var(--tr) + 17px * var(--k));bottom:calc(var(--tb) + 232px * var(--k))}body.touch #chat{width:calc(100vw - 100px);bottom:calc(var(--tb) + 300px * var(--k))}body.mobile.touch #side>#t-more,body.mobile.touch.menu-open #side>#t-menu,body.mobile.touch.menu-open #side>#mk-btn{grid-area:auto}}#t-more{display:none}body.mobile.touch #t-more{pointer-events:auto;touch-action:none;background:radial-gradient(#3a2a30,#160f14);border:0;border-radius:0;justify-self:end;place-items:center;width:42px;height:42px;padding:0;display:grid;box-shadow:0 0 0 2px #000,0 0 0 3px #5a3a22,0 0 0 5px #000}body.mobile.touch #t-more:active{filter:brightness(1.3);transform:translateY(2px)}body.mobile.touch #t-more:focus-visible{outline:2px solid var(--gold);outline-offset:4px}body.mobile.touch #t-more i{background:var(--gold);width:20px;height:2px;transition:background .15s;display:block;position:relative}body.mobile.touch #t-more i:before,body.mobile.touch #t-more i:after{content:"";background:var(--gold);width:20px;height:2px;transition:transform .15s steps(3,end);position:absolute;left:0}body.mobile.touch #t-more i:before{top:-6px}body.mobile.touch #t-more i:after{top:6px}body.mobile.touch.menu-open #t-more{box-shadow:0 0 0 2px #000, 0 0 0 4px var(--gold), 0 0 0 6px #000}body.mobile.touch.menu-open #t-more i{background:0 0}body.mobile.touch.menu-open #t-more i:before{transform:translateY(6px)rotate(45deg)}body.mobile.touch.menu-open #t-more i:after{transform:translateY(-6px)rotate(-45deg)}body.mobile.touch #side>#t-more{grid-area:2/2}body.mobile.touch #side>#mk-btn,body.mobile.touch #side>#t-menu{display:none}body.mobile.touch.menu-open #side>#t-menu{grid-area:3/1;animation:.18s ease-out t-menu-in;display:flex}body.mobile.touch.menu-open #side>#mk-btn{grid-area:3/2;width:42px;height:42px;margin-top:0;animation:.18s ease-out t-menu-in;display:grid}@keyframes t-menu-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){#t-stick .knob,#t-use.near,#t-rotate,body.mobile.touch.menu-open #side>#t-menu,body.mobile.touch.menu-open #side>#mk-btn{animation:none!important}body.mobile.touch #t-more i,body.mobile.touch #t-more i:before,body.mobile.touch #t-more i:after{transition:none!important}}#chat-filters{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:none}#chat.open #chat-filters{animation:chf-in .12s steps(3) ease-out;display:flex}@keyframes chf-in{0%{opacity:0;transform:translateY(4px)}}#chat-filters button{font:inherit;letter-spacing:1px;color:var(--muted);background:#000b;border:2px solid #5a3a22;border-radius:0;padding:3px 8px 3px 7px;font-size:11px;position:relative;box-shadow:0 0 0 2px #000}#chat-filters button:hover{color:var(--ink);border-color:#8a5a32}#chat-filters button.on{color:#1b1418;background:var(--gold);border-color:var(--gold);text-shadow:none}#chat-filters button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#chat-filters button span:before{content:"";vertical-align:1px;background:var(--dot,transparent);width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 0 1px #000}#chat-filters button[data-f=all] span:before{display:none}#chat-filters button[data-f=general]{--dot:#f6efdc}#chat-filters button[data-f=whisper]{--dot:#6fb6ff}#chat-filters button[data-f=announce]{--dot:#ff9f7a}#chat-filters button[data-f=system]{--dot:#e8c15a}#chat-filters button.on span:before{box-shadow:0 0 0 1px #1b1418}#chat-filters .unread{color:#fff;background:var(--edge);text-align:center;border-radius:0;min-width:14px;margin-left:5px;padding:1px 3px;font-size:10px;font-style:normal;line-height:1;box-shadow:0 0 0 2px #000}#chat-filters .unread[hidden]{display:none}@media (prefers-reduced-motion:reduce){#chat.open #chat-filters{animation:none}}#chat-off{display:none}body.arena #chat :is(#chat-filters,#chat-log,#chat-in){display:none!important}body.arena #t-chat{display:none}body.arena #chat-off{letter-spacing:1px;color:var(--muted);opacity:.8;text-shadow:1px 1px #000;pointer-events:none;background:#0008;align-items:center;gap:5px;padding:2px 7px;font-size:11px;display:inline-flex;box-shadow:0 0 0 1px #000,0 0 0 2px #5a3a2266}body.arena #chat-off:before{content:"";background:var(--lock) center / contain no-repeat;width:10px;height:10px;image-rendering:pixelated}.h-who{align-items:baseline;gap:8px;min-width:0;margin-bottom:3px;display:flex}.h-who #h-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#h-net{color:var(--muted);text-shadow:1px 1px #000;opacity:.9;--q:#ff5a4a;flex:none;align-items:baseline;gap:5px;font-size:11px;line-height:1;display:flex}#h-net[hidden]{display:none}#h-net[data-q="4"]{--q:#7dde6a}#h-net[data-q="3"]{--q:#b8e05a}#h-net[data-q="2"]{--q:#ffd24a}#h-net[data-q="1"]{--q:#ff7a5a}#h-net .sig{align-items:flex-end;gap:2px;height:14px;display:flex}#h-net .sig i{background:#3a2a30;width:3px;box-shadow:0 0 0 1px #000}#h-net .sig i:first-child{height:4px}#h-net .sig i:nth-child(2){height:7px}#h-net .sig i:nth-child(3){height:10px}#h-net .sig i:nth-child(4){height:14px}#h-net[data-q="1"] .sig i:nth-child(-n+1),#h-net[data-q="2"] .sig i:nth-child(-n+2),#h-net[data-q="3"] .sig i:nth-child(-n+3),#h-net[data-q="4"] .sig i{background:var(--q)}#h-net b{color:var(--q);white-space:nowrap;font-weight:400}#loading{z-index:2000;image-rendering:pixelated;background:#10141a bottom/cover no-repeat;place-items:end center;padding:0 16px max(12vh,40px);transition:opacity .3s;animation:.15s ld-in;display:grid;position:fixed;inset:0}#loading.out{opacity:0;pointer-events:none}@keyframes ld-in{0%{opacity:0}}#loading .petals{object-fit:cover;object-position:center bottom;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}#loading:after{content:"";pointer-events:none;background:radial-gradient(#0000 35%,#0009 100%),linear-gradient(#0000 50%,#0007);position:absolute;inset:0}.ld-card{z-index:1;background:var(--panel);width:min(440px,100%);box-shadow:var(--px);justify-items:center;gap:4px;padding:12px 24px;display:grid;position:relative}.ld-card small{color:var(--edge);letter-spacing:6px;text-shadow:1px 1px #000;font-size:13px}#ld-zone{min-height:1.35em;color:var(--gold);letter-spacing:1px;text-align:center;text-shadow:2px 2px #000;font-size:22px}.ld-track{width:100%;padding:58px 10px 0;position:relative}#ld-hero{top:0;left:calc(10px + var(--p,0) * (100% - 60px));width:40px;height:52px;image-rendering:pixelated;background:-240px 0/600px 52px no-repeat;transition:left .4s ease-out;animation:.5s steps(4,end) infinite ld-run;position:absolute}@keyframes ld-run{0%{background-position:-240px 0}to{background-position:-400px 0}}.ld-bar{background:#120c0a;height:12px;position:relative;box-shadow:0 0 0 2px #000,0 0 0 4px #5a3a22,0 0 0 6px #000}.ld-bar i{height:100%;width:calc(var(--p,0) * 100%);background:repeating-linear-gradient(90deg,#0000 0 18px,#9e2a24 18px 20px),linear-gradient(#ef6a55 0 2px,#d0392f 2px 9px,#9e2a24 9px);transition:width .4s ease-out;display:block}.ld-bar:before,.ld-bar:after{content:"";background:var(--gold);width:6px;height:24px;position:absolute;top:-6px;box-shadow:0 0 0 2px #000,inset -2px -2px #a8842a,inset 2px 2px #fff3c0}.ld-bar:before{left:-12px}.ld-bar:after{right:-12px}.ld-card p{color:var(--ink);letter-spacing:1px;margin:10px 0 0;font-size:14px}.ld-card em{vertical-align:bottom;width:0;font-style:normal;animation:1.2s steps(4,end) infinite ld-dots;display:inline-block;overflow:hidden}@keyframes ld-dots{to{width:4ch}}@media (prefers-reduced-motion:reduce){#loading,#ld-hero,.ld-card em{animation:none}.ld-card em{width:auto}}#ui>#tour{z-index:14;pointer-events:none;background:var(--panel);width:min(430px,100vw - 32px);box-shadow:var(--px);text-shadow:1px 1px #000;gap:12px;padding:12px 14px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}#ui>#tour :is(button){pointer-events:auto;cursor:var(--hand)}#tour.in{animation:.28s steps(5,end) both tour-in}@keyframes tour-in{0%{opacity:0;transform:translate(-50%,14px)}}#tour-face{flex:none;align-self:end;width:64px;height:84px}#tour-body{flex:1;min-width:0}#tour-body.step{animation:.22s steps(3,end) tour-step}@keyframes tour-step{0%{opacity:.4;transform:translate(6px)}}#tour-kick{color:var(--gold);letter-spacing:2px;font-size:11px;display:block}#tour-title{color:var(--ink);margin:2px 0 4px;font-size:17px;font-weight:400}#tour-text{color:var(--ink);margin:0 0 8px;font-size:13px}#tour-keys{align-items:center;gap:5px;min-height:22px;margin-bottom:10px;display:flex}#tour-keys:empty{display:none}#tour-keys .k{text-align:center;min-width:22px;color:var(--gold);background:#120c0a;padding:2px 6px;font-size:12px;font-weight:400;box-shadow:0 0 0 2px #000,0 0 0 3px #5a3a22}#tour-bar{background:#120c0a;height:10px;position:relative;box-shadow:inset 2px 2px #000,0 0 0 1px #5a3a22}#tour-bar i{background:#7d1f27;width:0;transition:width .4s steps(8,end);position:absolute;inset:0 auto 0 0;box-shadow:inset 2px 2px #c8352e}#tour-count{color:var(--gold);text-shadow:1px 1px #000;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}#tour-next{font:inherit;color:#1b1418;background:var(--gold);border:0;border-radius:0;margin:10px 0 0 auto;padding:4px 16px;font-size:13px;display:block;box-shadow:0 0 0 2px #000,0 0 0 3px #8a6a20}#tour-next:hover{filter:brightness(1.15)}#tour-next:active{transform:translateY(1px)}#tour-x{background:#120c0a;border:0;border-radius:0;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 0 0 1px #5a3a22}#tour-x img{width:18px;height:18px}#tour-x:hover{background:#2a1d14}#tour-x:focus-visible,#tour-next:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#ui:has(>#shop:not([hidden]):not(.wide))>#tour{left:calc(12px + env(safe-area-inset-left));width:min(380px,100vw - min(380px,58vw) - 40px);animation:none;top:50%;bottom:auto;transform:translateY(-50%)}@media (width<=1200px){#ui:has(>#tour:not([hidden]))>#shop:not(.wide){left:auto;right:calc(12px + env(safe-area-inset-right));width:min(380px,58vw);transform:translateY(-50%)}}@media (height<=560px){body.touch #ui>#tour{bottom:calc(10px + env(safe-area-inset-bottom));width:min(400px,100vw - 440px);min-width:230px;padding:8px 10px;transform:translate(-50%)}body.touch #tour.in{animation-name:tour-in}body.touch #tour-face{display:none}body.touch #tour-title{font-size:15px}body.touch #tour-text{margin-bottom:6px;font-size:12px}}@media (width<=600px){body.touch #ui>#tour{top:calc(96px + env(safe-area-inset-top));bottom:auto;left:calc(10px + env(safe-area-inset-left));width:calc(100vw - 84px);min-width:0;transform:none}#ui:has(>#shop:not([hidden]):not(.wide))>#tour{top:calc(96px + env(safe-area-inset-top));bottom:auto;left:calc(10px + env(safe-area-inset-left));width:calc(100vw - 84px);min-width:0;transform:none}body.touch #tour-face{display:none}#ui:has(>#tour:not([hidden]))>#shop:not(.wide){top:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100vw - 24px);max-height:52dvh;left:50%;right:auto;transform:translate(-50%)}}.tour-hl{outline:2px dashed var(--gold);outline-offset:4px;animation:1.2s steps(2,end) infinite tour-hl}@keyframes tour-hl{50%{outline-color:#fff3c0}}#side>#tour-btn{pointer-events:auto;width:44px;height:44px;cursor:var(--hand);background:radial-gradient(#3a2a30,#160f14);border:0;border-radius:0;grid-area:3/1/3/3;justify-self:end;place-items:center;margin-top:2px;padding:0;display:grid;box-shadow:0 0 0 2px #000,0 0 0 3px #5a3a22,0 0 0 5px #000}#tour-btn img{width:32px;height:32px}#tour-btn:hover img,#tour-btn:focus-visible img{animation:.5s steps(2,end) infinite mk-bob}#tour-btn:focus-visible{outline:2px solid var(--gold);outline-offset:6px}#tour-btn.ping{animation:.3s steps(2,end) 8 mk-ping}#tour-btn.ping.lesson{animation:.5s steps(2,end) infinite mk-ping}body[data-tour=smith\.repair] #shop #sh-repair,body[data-tour=smith\.plus] #shop [data-mode=plus],body[data-tour=smith\.level] #shop [data-mode=level],body[data-tour=smith\.fuse] #shop [data-mode=fuse],body[data-tour=healer\.skill] #shop [data-tab=skill],body[data-tour=healer\.ult] #shop [data-tab=ult],body[data-tour=healer\.skill] #sk-skill,body[data-tour=healer\.ult] #sk-ult{outline:2px dashed var(--gold);outline-offset:2px;animation:1.2s steps(2,end) infinite tour-hl}#ui>#tour-end{z-index:30;pointer-events:none;opacity:0;background:#000a;place-items:center;transition:opacity .25s;display:grid;position:fixed;inset:0}#tour-end.on{opacity:1}#tour-end.on .te-card{animation:.5s steps(7,end) both te-pop}@keyframes te-pop{0%{opacity:0;transform:scale(.7)}}.te-card{text-align:center;pointer-events:auto;background:var(--panel);width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--px);text-shadow:1px 1px #000;padding:18px 18px 14px;position:relative;overflow-y:auto}.te-card .rays{z-index:-1;background:repeating-conic-gradient(#e8c15a24 0 12deg, transparent 12deg 30deg);width:460px;height:460px;animation:te-rays 16s steps(64) linear infinite;border-radius:50%;margin:-230px 0 0 -230px;position:absolute;top:38%;left:50%;-webkit-mask:radial-gradient(closest-side,#000,#0000);mask:radial-gradient(closest-side,#000,#0000)}@keyframes te-rays{to{transform:rotate(360deg)}}.te-face{width:64px;height:84px}.te-kick{color:var(--gold);letter-spacing:.3em;margin-top:4px;font-size:12px;display:block}.te-title{color:var(--gold);text-shadow:2px 2px #000,0 0 18px #000;margin:6px 0;font-size:clamp(19px,4vw,26px);font-weight:400;display:block}.te-sub{color:var(--ink);font-size:14px;display:block}.te-reward{color:var(--gold);margin-top:8px;font-size:13px;display:block}.te-mastered{color:var(--muted);letter-spacing:2px;border-bottom:2px solid #3a2a24;margin:14px 0 8px;padding-bottom:2px;font-size:13px;font-weight:400}.te-list{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.te-list li{color:var(--ink);background:#0006;align-items:center;gap:6px;padding:3px 9px 3px 5px;font-size:12px;display:flex;box-shadow:0 0 0 1px #5a3a22}.te-close{font:inherit;color:#1b1418;background:var(--gold);border:0;border-radius:0;margin-top:14px;padding:5px 20px;font-size:13px;box-shadow:0 0 0 2px #000,0 0 0 3px #8a6a20}.te-close:hover{filter:brightness(1.15)}.te-close:focus-visible{outline-offset:2px;outline:2px solid #fff3c0}#tour-cf i{top:-24px;left:var(--x);background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:none;position:absolute}#tour-end.on #tour-cf i{animation:te-fall var(--d) linear var(--i) both;display:block}@keyframes te-fall{0%{transform:translateY(-24px)rotate(0)}to{transform:translate(var(--sw), 110dvh) rotate(var(--r))}}@media (height<=560px){#tour{transform-origin:50% 100%;bottom:84px;transform:translate(-50%)scale(.8)}#tour.in{animation-name:tour-in-sm}@keyframes tour-in-sm{0%{opacity:0;transform:translate(-50%,14px)scale(.8)}}}body.touch #side>#tour-btn{width:42px;height:42px;margin-top:0}body.mobile.touch #side>#tour-btn{display:none}body.mobile.touch #side>#tour-btn.ping{grid-area:2/1;display:grid}body.mobile.touch.menu-open #side>#tour-btn{grid-area:auto;display:grid}@media (width<=600px){body.touch #side>#tour-btn,body.mobile.touch #side>#tour-btn.ping{grid-area:auto}}@media (prefers-reduced-motion:reduce){#tour.in,#tour-body.step,.te-card,.te-card .rays,#tour-end{transition:none;animation:none}#tour-end #tour-cf i{display:none}.tour-hl,#tour-btn.ping{animation:none}}#side{grid-template-columns:1fr auto;column-gap:14px}#side>*{grid-column:1/-1}#side>#t-menu{grid-area:2/1;place-self:center end;margin-top:2px}#side>#mk-btn{grid-area:2/2}body:not(.touch) #cfg-btn{width:44px;height:44px;box-shadow:var(--px)}#cfg-btn img{transition:transform .3s steps(4,end)}#cfg-btn:hover img,#cfg-btn:focus-visible img{transform:rotate(90deg)}#cfg-btn:focus-visible{outline:2px solid var(--gold);outline-offset:6px}#cfg{overscroll-behavior:contain;width:min(420px,100vw - 32px);max-height:min(84dvh,640px);position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}body:not(.touch) #cfg:has(.cfg-keys){width:min(560px,100vw - 32px);max-height:min(92dvh,760px)}#cfg h3{color:var(--gold);margin:0 0 8px}#cfg h4{color:var(--muted);letter-spacing:2px;border-bottom:2px solid #3a2a24;margin:12px 0 6px;padding-bottom:2px;font-size:13px;font-weight:400}.cfg-row{background:#0006;justify-content:space-between;align-items:center;margin-bottom:3px;padding:4px 6px;display:flex}.cfg-sw{min-width:76px;font:inherit;color:var(--muted);background:#160f14;border:0;border-radius:0;align-items:center;gap:8px;padding:3px 8px 3px 4px;font-size:12px;display:flex;box-shadow:0 0 0 2px #000,0 0 0 3px #5a3a22,0 0 0 5px #000}.cfg-sw i{background:#3a1a1a;width:26px;height:12px;position:relative;box-shadow:inset 2px 2px #000}.cfg-sw i:after{content:"";background:var(--muted);width:10px;height:8px;transition:left .12s steps(3,end);position:absolute;top:2px;left:2px;box-shadow:inset -2px -2px #6b5a48}.cfg-sw.on{color:var(--gold)}.cfg-sw.on i{background:#2a3a14}.cfg-sw.on i:after{background:var(--gold);left:14px;box-shadow:inset -2px -2px #8a6a20}.cfg-sw:hover{filter:brightness(1.25)}.cfg-sw:focus-visible{outline:2px solid var(--gold);outline-offset:4px}#cfg .tabs button{flex:1}.cfg-slider{align-items:center;gap:10px;display:flex}.cfg-slider b{text-align:right;min-width:44px;color:var(--gold);font-size:12px;font-weight:400}.cfg-slider input[type=range]{appearance:none;--p:100%;width:140px;max-width:38vw;height:20px;cursor:var(--hand);background:0 0}.cfg-slider input[type=range]:focus{outline:none}.cfg-slider input[type=range]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.cfg-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) var(--p), #3a2a24 var(--p));height:8px;box-shadow:0 0 0 2px #000,inset 0 -2px #0006}.cfg-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border:2px solid #000;border-radius:0;width:14px;height:20px;margin-top:-6px;box-shadow:inset 2px 2px #fff3c0,inset -2px -2px #8a6a20}.cfg-slider input[type=range]::-moz-range-track{background:#3a2a24;height:8px;box-shadow:0 0 0 2px #000}.cfg-slider input[type=range]::-moz-range-progress{background:var(--gold);height:8px}.cfg-slider input[type=range]::-moz-range-thumb{background:var(--gold);border:2px solid #000;border-radius:0;width:10px;height:16px;box-shadow:inset 2px 2px #fff3c0,inset -2px -2px #8a6a20}#cfg p.hint{margin:2px 0 4px 6px}.cfg-keys dl{grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;margin:0;display:grid}.cfg-keys dt{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}.cfg-keys dd{color:var(--ink);margin:0;font-size:12px}.cfg-keys kbd{min-width:12px;font:inherit;text-align:center;color:var(--ink);background:#3a2a24;padding:1px 5px 2px;font-size:11px;box-shadow:0 0 0 2px #000,inset 0 -2px #1b1418,inset 0 2px #6b4a2b}.cfg-key{cursor:var(--hand);background:0 0;border:0;padding:0}.cfg-key:hover kbd{filter:brightness(1.35)}.cfg-key:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.cfg-key.armed kbd{color:var(--gold);outline:2px solid var(--gold);outline-offset:2px;animation:.7s steps(2,end) infinite cfg-blink}@keyframes cfg-blink{50%{filter:brightness(1.6)}}.cfg-keys .st.no{color:#ff7a6a;margin:2px 0 6px 6px;font-size:12px}@media (prefers-reduced-motion:reduce){.cfg-key.armed kbd{animation:none}}body.touch .cfg-keys{display:none}#idle{z-index:30;background:linear-gradient(#000c,#000c),radial-gradient(#0000 38%,#30000acc 100%);place-items:center;display:grid;position:fixed;inset:0}#idle .panel{overscroll-behavior:contain;overflow-wrap:anywhere;text-align:center;width:min(340px,100vw - 32px);max-height:min(100dvh - 32px,560px);animation:idle-in .25s steps(4) ease-out;padding:18px 18px 16px;overflow-y:auto}@keyframes idle-in{0%{opacity:0;transform:scale(1.25)}}#idle .idle-ico{background:#0c0709;place-items:center;width:44px;height:44px;display:inline-grid;position:relative;box-shadow:0 0 0 2px #000,0 0 0 3px #5a3a22,0 0 0 4px #000}#idle .idle-ico .px{animation:1.2s steps(2,end) infinite idle-tilt}@keyframes idle-tilt{50%{transform:rotate(6deg)translateY(-1px)}}#idle .zzz{width:0;color:var(--gold);text-shadow:1px 1px #000;pointer-events:none;font-size:12px;animation:2.4s steps(8,end) infinite idle-zzz;position:absolute;top:4px;left:30px}#idle .zzz:before{content:"z"}#idle .zzz.z2{font-size:9px;animation-delay:.8s;top:-2px;left:36px}#idle .zzz.z3{font-size:7px;animation-delay:1.6s;top:-7px;left:41px}@keyframes idle-zzz{0%{opacity:0;transform:translateY(2px)}25%{opacity:1}to{opacity:0;transform:translate(9px,-14px)}}#idle .idle-head{text-align:left;grid-template-columns:48px 1fr;align-items:center;gap:10px;display:grid}#idle h3{color:var(--gold);letter-spacing:1px;margin:0;font-size:19px}#idle p{margin:10px 0 12px;line-height:1.5}#idle .idle-row{align-items:center;gap:8px;margin:12px 0 4px;display:flex}#idle .idle-left{text-align:right;min-width:44px;color:var(--muted);letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:11px}#idle .idle-bar{background:repeating-linear-gradient(90deg,#12090a 0 10px,#2a1206 10px 12px);flex:1;height:12px;box-shadow:0 0 0 2px #000,0 0 0 3px #5a3a22}#idle .idle-bar i{background:linear-gradient(90deg,#e8c15a,#c8352e);height:100%;transition:width 1s steps(9,end);display:block}#idle .hint{margin:0}#idle .actions{justify-content:center;margin-top:12px;display:flex}#idle .actions .yes{font:inherit;color:#fff;background:var(--edge);text-shadow:1px 1px #000;cursor:var(--hand);border:0;padding:8px 26px;font-size:16px;animation:1s steps(2,end) infinite idle-glow;box-shadow:0 4px #7d1f27,0 0 0 2px #000}#idle .actions .yes:hover{filter:brightness(1.2)}@keyframes idle-glow{50%{box-shadow:0 4px #7d1f27,0 0 0 2px #000,0 0 18px #e8c15a88}}@media (prefers-reduced-motion:reduce){#idle .panel,#idle .idle-ico .px,#idle .zzz,#idle .actions .yes{animation:none}#idle .idle-bar i{transition:none}}#summary{z-index:15;overscroll-behavior:contain;text-align:center;width:min(440px,100vw - 32px);max-height:min(84dvh,680px);position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#summary.on{animation:.3s steps(5,end) both sm-pop}@keyframes sm-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}#summary h3{color:var(--gold);text-shadow:2px 2px #000;margin:0 0 8px}#summary h4{color:var(--muted);text-align:left;margin:12px 0 6px;font-weight:400}#summary .sm-kick{letter-spacing:.3em;color:var(--gold);font-size:12px;display:block}body:not(.touch) #ui:has(>#summary:not([hidden])) #t-close{display:grid!important}#summary .sm-mvp{isolation:isolate;background:#0007;border:2px solid #000;justify-items:center;gap:2px;padding:12px 10px 10px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e8c15a66,0 0 0 1px #5a3a22}#summary .rays{z-index:-1;background:repeating-conic-gradient(#ffd24a38 0 6deg, transparent 6deg 18deg);border-radius:50%;width:360px;height:360px;margin:-180px 0 0 -180px;animation:14s linear infinite spin;position:absolute;top:54px;left:50%;-webkit-mask:radial-gradient(circle,#000 12%,#0000 62%);mask:radial-gradient(circle,#000 12%,#0000 62%)}#summary .sm-hero{width:96px;height:84px;position:relative}#summary .sm-face{width:60px;height:78px;image-rendering:pixelated;animation:.4s steps(4,end) .15s both sm-rise;position:absolute;bottom:0;left:18px}#summary .sm-trophy{width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(2px 2px #000);animation:.7s cubic-bezier(.3,1.6,.5,1) .45s both sm-drop;position:absolute;top:0;right:-12px}@keyframes sm-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes sm-drop{0%{opacity:0;transform:translateY(-60px)rotate(-20deg)}60%{opacity:1}}#summary .sm-mvp>small{letter-spacing:.2em;color:var(--gold);font-size:11px}#summary .sm-name{color:#0000;overflow-wrap:anywhere;background:linear-gradient(90deg,#ffe9a0,#ffa31a,#fff6c8,#ffa31a,#ffe9a0) 0 0/200% 100%;filter:drop-shadow(2px 2px #000)drop-shadow(0 0 8px #ff9a2a66);-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,5vw,28px);animation:2s linear infinite shine}#summary .sm-role{color:var(--muted);font-size:12px}#summary .sm-role em{color:var(--gold);font-style:normal}#summary .sm-share{color:#1b1418;background:var(--gold);margin-top:2px;padding:1px 8px;font-size:11px;box-shadow:0 0 0 1px #000}#summary .sm-prize{color:var(--gold);margin-top:3px;font-size:10px}#summary ul,#summary ol{grid-template-columns:repeat(3,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}#summary .sm-stats{width:100%;margin-top:8px}#summary li{background:#0006;border:1px solid #000;justify-items:center;gap:1px;padding:5px 4px;display:grid;box-shadow:inset 0 0 0 1px #5a3a2266}#summary li span{color:var(--muted);font-size:10px}#summary li b{color:var(--ink);text-shadow:1px 1px #000;font-size:15px}#summary .sm-stats li.top{box-shadow:inset 0 0 0 1px var(--gold)}#summary .sm-stats li.top b{color:var(--gold)}#summary .sm-party{grid-template-columns:1fr;gap:4px;display:grid}#summary .sm-party li{text-align:left;grid-template-columns:24px 1fr auto;place-items:center stretch;gap:8px;padding:4px 8px}#summary .sm-party li.mvp{box-shadow:inset 3px 0 0 var(--gold), inset 0 0 0 1px #e8c15a55}#summary .sm-party img{width:20px;height:26px;image-rendering:pixelated}#summary .sm-party span{gap:2px;min-width:0;display:grid}#summary .sm-party span b{overflow-wrap:anywhere;font-size:13px}#summary .sm-party li.mvp span b,#summary .sm-party li.mvp em{color:var(--gold)}#summary .sm-party small{color:var(--muted);font-size:10px}#summary .sm-party small .px{vertical-align:-4px;width:16px;height:16px}#summary .sm-party em{color:var(--ink);font-size:13px;font-style:normal}#summary .bar{background:#000;height:6px;display:block;box-shadow:0 0 0 1px #5a3a22}#summary .bar i{height:100%;width:var(--w);background:linear-gradient(#ffe9a0,#e8c15a 50%,#a8842a);animation:.9s steps(12,end) .5s both sm-fill;display:block}@keyframes sm-fill{0%{width:0}}#summary .sm-back{min-height:1.35em;color:var(--gold);margin:-4px 0 8px}@media (width<=480px){#summary{max-height:78vh;padding:12px}#summary .sm-totals{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){#summary,#summary *{animation:none!important}}#clan,#board{overscroll-behavior:contain;scrollbar-gutter:stable;width:min(560px,100vw - 32px);max-height:min(100dvh - 16px + -1*max(16px,50dvh - 300px),720px);position:absolute;top:max(16px,50vh - 300px);left:50%;overflow-y:auto;transform:translate(-50%)}:is(#clan,#board) h3{color:var(--gold);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 4px;display:flex}:is(#clan,#board) h3 small{color:var(--muted);font-size:12px;font-weight:400}:is(#clan,#board) h4{color:var(--muted);margin:10px 0 4px;font-weight:400}:is(#clan,#board) h5{color:var(--gold);margin:8px 0 3px;font-size:12px;font-weight:400}:is(#clan,#board) p{margin:4px 0}:is(#clan,#board) .actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;margin-top:8px;display:flex}:is(#clan,#board) .actions button{font:inherit;color:var(--ink);cursor:var(--hand);background:#3a1a1a;border:1px solid #7d1f27;padding:4px 10px;font-size:12px}:is(#clan,#board) .actions button:hover:not(:disabled){background:#7d1f27}:is(#clan,#board) .actions button:disabled{opacity:.4;cursor:var(--cur)}.cl-flag,.cl-mon{image-rendering:pixelated;vertical-align:-3px}#clan .fld{gap:4px;display:grid}#clan .fld>span:first-child{color:var(--gold);font-size:13px}#clan .fld input{font:inherit;color:var(--ink);background:#000b;border:2px solid #5a3a22;border-radius:0;outline:none;padding:6px;box-shadow:0 0 0 2px #000}#clan .fld input:focus{border-color:var(--gold)}#clan .st{min-height:1.3em;color:var(--muted);margin:2px 0;font-size:12px}#clan .st.no{color:#ff8a80}#clan .st.no:before{content:"✖ "}.cl-swatches{flex-wrap:wrap;gap:4px;display:flex}.cl-sw{width:28px;height:28px;cursor:var(--hand);background:#120c0a;border:2px solid #3a2a24;border-radius:0;place-items:center;padding:0;display:grid}.cl-sw:hover{border-color:#7d1f27}.cl-sw.on{border-color:var(--gold);box-shadow:0 0 0 2px #000,0 0 6px #e8c15a77}.cl-sw img{width:20px;height:20px}.cl-prev{background:#0007;align-items:center;gap:10px;margin:8px 0;padding:8px;display:flex;box-shadow:inset 0 0 0 2px #3a2a24}.cl-prev>small{writing-mode:vertical-rl;color:var(--muted);font-size:11px}.cl-prev span{gap:1px;min-width:0;display:grid}.cl-prev b{color:var(--gold);overflow-wrap:anywhere}.cl-prev small{color:var(--muted);font-size:11px}.cl-head{background:linear-gradient(90deg,#e8c15a1c,#0007 60%);align-items:center;gap:12px;padding:8px;display:flex;box-shadow:inset 0 0 0 2px #3a2a24}.cl-head>div{gap:1px;min-width:0;display:grid}.cl-head b{color:var(--gold);overflow-wrap:anywhere;font-size:16px}.cl-head small{color:var(--muted);font-size:12px}.cl-head small b{font-size:12px}.cl-roster{overscroll-behavior:contain;align-content:start;gap:2px;max-height:min(38dvh,300px);padding-right:4px;display:grid;overflow-y:auto}.cl-m{background:#0006;border-left:3px solid #0000;grid-template-columns:18px minmax(70px,1fr) auto auto auto auto;align-items:center;gap:6px;padding:3px 6px;font-size:12px;display:grid}.cl-m.me{border-color:var(--gold);background:#2a2014}.cl-m.off{opacity:.55}.cl-m b{overflow-wrap:anywhere;font-weight:400}.cl-m small{color:var(--muted);white-space:nowrap;font-size:11px}.cl-m small.owes{color:#ff9a6a}.cl-m em{color:#7ee07a;font-size:10px;font-style:normal}.cl-m.off em{color:var(--muted)}.cl-bet{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.cl-bet>span{color:var(--gold);font-size:12px}.cl-bet small{color:var(--muted);font-size:11px}.cl-loanq,.cl-war{background:#0006;border-left:3px solid #5a3a22;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;padding:4px 6px;display:flex}.cl-war{border-color:#7d1f27}.cl-loanq b,.cl-war b{overflow-wrap:anywhere;font-weight:400}.cl-loanq small,.cl-war small{color:var(--muted);font-size:11px}.cl-loanq .actions,.cl-war .actions{margin:0 0 0 auto}.cl-search{background:#120c0a;border:2px solid #5a3a22;align-items:center;gap:6px;margin:6px 0;padding:0 6px;display:flex;box-shadow:0 0 0 2px #000}.cl-search:focus-within{border-color:var(--gold)}.cl-search input{min-width:0;font:inherit;color:var(--ink);caret-color:var(--gold);background:0 0;border:0;outline:none;flex:1;padding:5px 0}.rank .prize{color:var(--gold)}.payday{align-items:center;gap:6px;display:flex}.payday b{color:var(--gold);font-weight:400}.rank.mine{background:#2a2014}.rank.mine em{color:#1b1418;background:var(--gold);padding:0 4px;font-size:10px;font-style:normal}.rank.cl-pick{cursor:var(--hand)}.rank.cl-pick:hover{filter:brightness(1.25)}.rank.cl-pick.on{box-shadow:inset 3px 0 0 var(--rc), 0 0 0 2px var(--rc);background:#2a1a1a}.rank>b .px{vertical-align:-3px}.rank>b i{font-style:normal}#hovertip .ht-clan{color:var(--muted);align-items:center;gap:4px;display:flex;overflow:hidden}#hovertip .ht-clan b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}#hovertip .ht-clan i{color:var(--gold);font-style:normal}#hovertip .cl-mon{vertical-align:-2px;flex:none;width:12px;height:12px}#board{background:linear-gradient(#1a120cee,#140e0aee)}.bd-kicker{color:var(--gold);letter-spacing:1px;text-transform:uppercase;border-bottom:2px solid #5a3a2299;padding-bottom:4px;font-size:11px}#board .rank>span{gap:8px}#board .bd-main{flex:auto;gap:2px;min-width:0;display:grid}#board .bd-top{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}#board .bd-top i{overflow-wrap:anywhere}#board .bd-sub{flex-wrap:wrap;gap:2px 10px;min-width:0;display:flex}#board .bd-sub small{align-items:center;gap:4px;display:inline-flex}#board .rank .prize{white-space:nowrap;background:#2a2014;align-self:center;margin-left:auto;padding:2px 6px;box-shadow:inset 0 0 0 1px #e8c15a66}#ask .war-call{text-align:center;gap:6px;display:grid}#ask .war-call em{color:var(--edge);text-shadow:2px 2px #000;letter-spacing:2px;font-size:clamp(18px,3vw,24px);font-style:normal}#ask .war-call .bet{color:var(--gold);font-size:12px}#ask .war-call .war-clock{color:var(--ink);text-shadow:2px 2px #000;font-size:22px;animation:1s steps(2,end) infinite wtick}@keyframes wtick{50%{color:var(--edge)}}#warhud{pointer-events:none;z-index:6;text-shadow:1px 1px #000;background:#0d0a0cdd;align-items:stretch;gap:8px;padding:5px 10px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #000,0 0 0 4px #5a3a22,0 0 0 6px #000}#warhud .wh-side{text-align:center;gap:0;min-width:96px;font-size:11px;display:grid}#warhud .wh-side b{color:var(--muted);letter-spacing:1px;font-size:10px;font-weight:400}#warhud .wh-side i{color:var(--ink);overflow-wrap:anywhere;font-style:normal}#warhud .wh-side span{color:#9df59a}#warhud .wh-side small{color:#ff8a80;font-size:10px}#warhud .wh-side.mine b,#warhud .wh-side.mine i{color:var(--gold)}#warhud .wh-clock{text-align:center;border-left:2px solid #5a3a2288;border-right:2px solid #5a3a2288;place-content:center;padding:0 10px;display:grid}#warhud .wh-clock b{color:var(--ink);font-size:18px}#warhud .wh-clock small{color:var(--muted);font-size:10px}#warhud.over .wh-clock b{color:var(--gold)}#warfx{pointer-events:none;z-index:5;place-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:0}#warfx b{color:var(--ink);--s:#5a1a12;text-shadow:4px 4px 0 var(--s), -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 0 0 26px #000;font-size:clamp(90px,20vw,220px);line-height:1;animation:.3s steps(4,end) both wpop}#warfx small{color:var(--muted);text-shadow:2px 2px #000;text-align:center;font-size:clamp(14px,2.4vw,22px)}#warfx .pot{color:var(--gold);margin-top:4px;display:block}#warfx.go b{color:var(--edge);font-size:clamp(50px,10vw,120px);animation:.35s steps(5,end) both wpop,.5s steps(4,end) .2s wshake}#warfx.end b{font-size:clamp(44px,9vw,110px);animation:.4s steps(5,end) both wpop}#warfx.end.win b{color:var(--gold)}#warfx.end.lose b{color:#9aa0a8}#warfx.end.draw b{color:#8fd3ff}#warfx:is(.go,.end):before{content:"";z-index:-1;background:#fff;animation:.35s steps(3,end) both wflash;position:fixed;inset:0}#warfx i{background:var(--edge);width:9px;height:9px;animation:.8s steps(8,end) both wshard;position:absolute;top:50%;left:50%;box-shadow:2px 2px #000}#warfx.count i{background:var(--ink);width:7px;height:7px}#warfx.end.win i{background:var(--gold)}@keyframes wpop{0%{opacity:0;transform:scale(2.1)}60%{opacity:1;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes wshake{25%{transform:translate(-5px,2px)}50%{transform:translate(5px,-2px)}75%{transform:translate(-3px)}}@keyframes wflash{0%{opacity:.5}to{opacity:0}}@keyframes wshard{0%{transform:rotate(var(--a)) translateX(0);opacity:1}to{transform:rotate(var(--a)) translateX(var(--d));opacity:0}}@media (prefers-reduced-motion:reduce){#warfx *,#warfx:before,#ask .war-call .war-clock{animation-duration:10ms!important}}@media (width<=520px){#clan,#board{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:10px;top:8px}.cl-m{flex-wrap:wrap;gap:2px 8px;display:flex}.cl-m b{flex:1 0 auto}.cl-m em{margin-left:auto}.cl-head{gap:8px}#warhud{gap:4px;padding:4px 6px}#warhud .wh-side{min-width:64px}}#prep{text-align:center;pointer-events:none;width:min(420px,100vw - 32px);animation:prep-in .3s steps(4) ease-out;background:#120a06e8;padding:10px 14px 12px;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #000,0 0 0 4px #a8862e,0 0 24px #e3c15a55}#prep[hidden]{display:none}@keyframes prep-in{0%{opacity:0;transform:translate(-50%)scale(1.2)}}#prep b{color:var(--gold);text-shadow:2px 2px #000;font-size:clamp(15px,2.4vw,20px);display:block}#prep small{color:var(--muted);margin:4px 0 8px;font-size:13px;line-height:1.4;display:block}#prep .prep-bar{background:#000;height:8px;display:block;box-shadow:0 0 0 2px #000,0 0 0 3px #5a3a22}#prep .prep-bar i{background:linear-gradient(90deg,#a8862e,#ffe08a);width:0;height:100%;transition-property:width;transition-timing-function:linear;display:block}#prep .prep-bar i.full{width:100%}#prep.waiting .prep-bar i{animation:1s steps(2,end) infinite prep-breathe}@keyframes prep-breathe{50%{filter:brightness(1.5)}}#prep.done{box-shadow:0 0 0 2px #000,0 0 0 4px #ffe08a,0 0 36px #ffe08a99}@media (prefers-reduced-motion:reduce){#prep,#prep.waiting .prep-bar i{animation:none}}