:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-head:"Cinzel", "Trajan Pro", Georgia, serif;--font-body:"Alegreya Sans", "Segoe UI", system-ui, sans-serif;--bone:#efe3c6;--parch:#d8c7a0;--muted:#a39272;--dim:#75684f;--gold:#e4b65a;--gold-hi:#ffdc8e;--ember:#e2763c;--blood:#b3261b;--moss:#8fb56a;--bad:#ff8f7a;--good:#9be07d;--arcane:#b49cff;--wood-0:#110b06;--wood-1:#22170e;--wood-2:#3a2817;--wood-3:#5c4027;--wood-hi:#8a643a;--iron-0:#1d1c1a;--iron-1:#4a4741;--iron-2:#8c867a;--iron-3:#c9c0ac;--stone-0:#13110e;--stone-1:#1d1a15;--stone-2:#29241d;font-family:var(--font-body)}html,body{height:100%;color:var(--parch);background:#0e1116;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],#chat-log{-webkit-user-select:text;user-select:text}#game{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}[hidden]{display:none!important}button{font:500 14px/1.1 var(--font-body);cursor:pointer;color:var(--bone);text-shadow:0 1px #000;background:linear-gradient(#5d432a 0%,#3f2c1b 55%,#2e2013 100%);border:1px solid #0a0604;border-radius:3px;padding:6px 12px;box-shadow:inset 0 1px #ffe2aa3d,inset 0 -1px #00000073,0 1px 2px #0000008c}button:hover:not(:disabled){color:#fff4d8;background:linear-gradient(#735335 0%,#4d3622 55%,#382718 100%)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #000000a6}button:focus-visible{outline:1px solid var(--gold);outline-offset:1px}button:disabled{filter:grayscale(.7)brightness(.65);cursor:not-allowed}button.primary{font-family:var(--font-head);letter-spacing:.06em;color:#fff0cc;background:linear-gradient(#b8742f 0%,#85461a 50%,#5f2d0d 100%);border-color:#240f04;font-weight:700;box-shadow:inset 0 1px #ffdca073,inset 0 -2px #00000059,0 0 0 1px #6a4a26,0 2px 6px #0009}button.primary:hover:not(:disabled){background:linear-gradient(#d08a3c 0%,#9a5420 50%,#6e3510 100%)}button.danger{background:linear-gradient(#7a2a20 0%,#561a12 55%,#3d100a 100%)}button.danger:hover:not(:disabled){background:linear-gradient(#933428 0%,#6a2016 55%,#4a140c 100%)}button.armed{color:var(--bad);box-shadow:0 0 0 1px var(--bad), inset 0 1px 0 #ffe2aa33}button.x{background:linear-gradient(#57534b,#34312c 55%,#23211d);border-color:#000;flex:none;place-items:center;width:26px;height:26px;padding:0;display:grid}button.x:hover:not(:disabled){background:linear-gradient(#6e2a20,#4a1810 60%,#331009)}input[type=text],input[type=number],input[type=password],input:not([type]){font:15px var(--font-body);color:var(--bone);background:linear-gradient(#0c0a08,#17130f);border:1px solid #000;border-radius:3px;min-width:0;padding:7px 9px;box-shadow:inset 0 2px 5px #000c,0 0 0 1px #3b2d1c}input:focus{box-shadow:inset 0 2px 5px #000c, 0 0 0 1px var(--gold);outline:none}.ico{vertical-align:middle;flex:none;display:inline-block}*{scrollbar-width:thin;scrollbar-color:#6a4b2b #00000059}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#00000059;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#7b5833,#4a3420);border:1px solid #000;border-radius:4px}.win{pointer-events:auto;color:var(--parch);box-sizing:border-box;background:linear-gradient(#ffecbe0b,#0000 120px),radial-gradient(120% 80% at 50% 0,#29231b 0%,#1a1611 60%,#120f0b 100%);border:1px solid #000;border-radius:5px;padding:10px 13px 13px;position:absolute;box-shadow:inset 0 0 0 1px #7b5833,inset 0 0 0 2px #3c2816,inset 0 0 0 5px #2a1b0f,inset 0 0 0 6px #8d6a3e,inset 0 0 0 7px #0b0705,inset 0 10px 26px #0000008c,0 12px 32px #000000b3,0 0 0 1px #000000b3}.win:before{content:"";pointer-events:none;z-index:2;--b:linear-gradient(180deg, #b9b09c, #6c665c 50%, #3e3a34);background:radial-gradient(circle at 7px 7px, #eadfc4 0 1.2px, #5b5246 2.2px, transparent 2.8px), radial-gradient(circle at calc(100% - 7px) 7px, #eadfc4 0 1.2px, #5b5246 2.2px, transparent 2.8px), radial-gradient(circle at 7px calc(100% - 7px), #eadfc4 0 1.2px, #5b5246 2.2px, transparent 2.8px), radial-gradient(circle at calc(100% - 7px) calc(100% - 7px), #eadfc4 0 1.2px, #5b5246 2.2px, transparent 2.8px), var(--b) top left / 22px 4px no-repeat, var(--b) top left / 4px 22px no-repeat, var(--b) top right / 22px 4px no-repeat, var(--b) top right / 4px 22px no-repeat, var(--b) bottom left / 22px 4px no-repeat, var(--b) bottom left / 4px 22px no-repeat, var(--b) bottom right / 22px 4px no-repeat, var(--b) bottom right / 4px 22px no-repeat;filter:drop-shadow(0 1px 1px #000000e6);position:absolute;inset:-3px}.win>header{min-height:26px;font:700 15px/1 var(--font-head);letter-spacing:.07em;color:var(--gold);text-shadow:0 1px #000,0 0 10px #e4b65a40;background:repeating-linear-gradient(90deg,#00000017 0 1px,#0000 1px 9px),linear-gradient(#4e3722 0%,#33231a 60%,#261910 100%);border-bottom:1px solid #000;border-radius:3px 3px 0 0;align-items:center;gap:8px;margin:-3px -6px 10px;padding:8px 8px 7px 12px;display:flex;box-shadow:inset 0 1px #ffdca02e,0 1px #8d6a3e73}.win>header .title{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.win h3,.section-title{font:700 11px/1 var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:12px 0 6px;display:flex}.win h3:after,.section-title:after{content:"";background:linear-gradient(90deg,#5a4429,#0000);flex:1;height:1px}.win .hint,.hint{color:var(--muted);margin:6px 0 0;font-size:12.5px;font-style:italic}.win.dialog{align-items:center;gap:10px;padding:12px 16px 14px;font-size:15px;display:flex}.slot{box-sizing:border-box;width:46px;height:46px;color:var(--parch);text-shadow:none;background:radial-gradient(circle at 50% 38%,#2c261e 0%,#16130f 72%);border:1px solid #000;border-radius:3px;place-items:center;padding:0;font-size:10px;display:grid;position:relative;transform:none;box-shadow:inset 0 0 0 1px #3e3223,inset 0 3px 7px #000000d9}button.slot{cursor:pointer}button.slot:hover:not(:disabled),.slot.usable:hover{box-shadow:inset 0 0 0 1px var(--gold), inset 0 3px 7px #000000b3, 0 0 8px #e4b65a59;color:var(--parch);background:radial-gradient(circle at 50% 38%,#3a3022 0%,#1c1711 72%)}button.slot:active:not(:disabled){transform:none}.slot .qty{font:700 12px/1 var(--font-body);color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000,1px 0 1px #000,-1px 0 1px #000;position:absolute;bottom:1px;right:3px}.slot.offered{box-shadow:inset 0 0 0 2px var(--good), 0 0 8px #9be07d80}.slot.selling:hover:after{content:"";background:#e4b65a1f;position:absolute;inset:0}.slot.empty-bag{background:#0a080699;border-style:dashed;border-color:#4a3c29;box-shadow:inset 0 3px 7px #000c}.slot.empty-bag .ico{opacity:.18;filter:grayscale()}.meter{background:#0a0806;border:1px solid #000;border-radius:2px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #3b2d1c}.meter .fill{background:linear-gradient(#e0574a 0%,#a32418 55%,#6e140c 100%);width:0;height:100%;transition:width .16s linear;box-shadow:inset 0 1px #ffc8b466}.meter[data-kind=xp] .fill{background:linear-gradient(#b79bff 0%,#6f4bd0 55%,#45288f 100%);box-shadow:inset 0 1px #e6dcff73}.meter[data-kind=prof] .fill{background:linear-gradient(#b6d38a 0%,#6d9443 55%,#44632a 100%);box-shadow:inset 0 1px #e6ffc866}.meter .fill[data-level=mid]{background:linear-gradient(#ecc350 0%,#b38716 55%,#7a5a0b 100%)}.meter .fill[data-level=low]{background:linear-gradient(#ff5a3c 0%,#c0200f 55%,#7d0f06 100%)}.meter span{font:700 11px/1 var(--font-body);color:#fff;text-shadow:0 1px 1px #000,0 0 3px #000;place-items:center;display:grid;position:absolute;inset:0}.tooltip{z-index:50;pointer-events:none;max-width:260px;color:var(--parch);background:linear-gradient(#1e1913fa,#110e0afa);border:1px solid #000;border-radius:4px;padding:8px 11px 9px;font-size:13.5px;line-height:1.3;position:fixed;box-shadow:inset 0 0 0 1px #7b5833,0 6px 18px #000000b3}.tooltip .tt-title{font:700 14px/1.2 var(--font-head);color:var(--gold-hi);letter-spacing:.03em}.tooltip .tt-sub{color:var(--muted);margin-top:1px;font-size:12px}.tooltip .tt-sub:first-letter{text-transform:uppercase}.tooltip .tt-body{color:var(--bone);margin-top:5px}.tooltip .tt-hint{color:var(--moss);margin-top:5px;font-size:12.5px}.tooltip .tt-price{color:var(--gold);margin-top:5px;font-size:12.5px}.tooltip .tt-bad{color:var(--bad);margin-top:5px;font-size:12.5px}.tooltip .tt-stat{color:var(--bone);margin-top:2px;font-size:12.5px}.tooltip .tt-sub+.tt-stat{margin-top:6px}#front{box-sizing:border-box;background:radial-gradient(#0e0b081f 0%,#0e0b088c 65%,#070605eb 100%);grid-template-rows:auto 1fr auto;gap:18px;padding:24px 16px 12px;display:grid;position:fixed;inset:0;overflow-y:auto}#front:before{content:"";pointer-events:none;filter:blur(8px);background:radial-gradient(40% 30% at 25% 80%,#96a58c29,#0000 70%),radial-gradient(35% 25% at 75% 70%,#96a58c1f,#0000 70%),radial-gradient(50% 30% at 50% 100%,#7882732e,#0000 70%);animation:45s ease-in-out infinite alternate fog;position:fixed;inset:-10%}@keyframes fog{0%{transform:translate(-3%)}to{transform:translate(3%)}}@media (prefers-reduced-motion:reduce){#front:before{animation:none}}#front .brand{text-align:center;position:relative}#front .logo{font:800 clamp(34px, 7vw, 64px)/1 var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px #000,0 3px #3a2a14,0 0 24px #e4b65a59;margin:0}#front .tagline{color:var(--muted);text-shadow:0 1px 2px #000;margin:8px 0 0;font-size:16px;font-style:italic}.front-main{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px;display:flex;position:relative}#front .card.win{width:min(380px,100%);padding:16px 20px 20px;position:relative}#front .card h2{font:700 18px/1.1 var(--font-head);letter-spacing:.07em;color:var(--gold);text-shadow:0 1px #000,0 0 10px #e4b65a40;align-items:center;gap:10px;margin:2px 0 14px;display:flex}#front .card h2:after{content:"";background:linear-gradient(90deg,#5a4429,#0000);flex:1;height:1px}#front .card p{color:var(--muted);margin:0 0 12px;font-size:14.5px}#front form{gap:10px;display:grid}#front label{font:700 11px/1.2 var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);gap:4px;display:grid}#front .tabs{background:#00000059;border-radius:4px;gap:4px;margin-bottom:14px;padding:4px;display:flex;box-shadow:inset 0 1px 4px #000c}#front .tabs button{font-family:var(--font-head);letter-spacing:.05em;color:var(--muted);background:linear-gradient(#2c241b,#16120d);flex:1;box-shadow:inset 0 0 0 1px #4d3a24}#front .tabs button[aria-selected=true]{color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 10px #e4b65a59;background:radial-gradient(circle at 50% 35%,#6b4a28,#2e1e10 80%)}#front button.primary{padding:9px 14px;font-size:15px}button.linkish,button.linkish:hover:not(:disabled){box-shadow:none;color:var(--gold);text-underline-offset:3px;background:0 0;border:none;padding:4px 0;font-size:13.5px;text-decoration:underline}button.linkish:hover:not(:disabled){color:var(--gold-hi)}#front .card .fineprint{color:var(--dim);margin:10px 0 0;font-size:12.5px;font-style:italic}#news.card.win{width:min(300px,100%)}#news ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}#news li{border-bottom:1px solid #8d6a3e33;padding-bottom:8px}#news strong{font:700 14px/1.2 var(--font-head);color:var(--gold-hi)}#news time{float:right;color:var(--dim);font-size:11.5px}#news li p{color:var(--parch);margin:3px 0 0;font-size:13.5px}#front #world-status{color:var(--muted);margin:12px 0 0;font-size:13px}#world-status:before{content:"●";color:var(--dim);margin-right:6px}#world-status[data-state=up]:before{color:var(--good)}#world-status[data-state=down]:before{color:var(--bad)}.account-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;display:flex}.lobby-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}#lobby.card.win{width:min(560px,100%)}.chars{gap:8px;margin:0;padding:0;list-style:none;display:grid}.chars button{text-align:left;gap:3px;width:100%;padding:9px 12px;display:grid}.chars button[aria-selected=true]{box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 10px #e4b65a59;background:radial-gradient(circle at 30% 35%,#6b4a28,#2e1e10 85%)}.chars .cname{font:700 16px/1.1 var(--font-head);letter-spacing:.04em;color:var(--bone)}.chars .cmeta{color:var(--gold);font-size:13px}.stage{align-content:start;justify-items:center;gap:6px;display:grid}.stage-slot{cursor:grab;background:radial-gradient(at 50% 70%,#2f2a1f 0%,#18140f 60%,#0c0a08 100%);border:1px solid #000;border-radius:4px;width:240px;max-width:100%;height:280px;overflow:hidden;box-shadow:inset 0 0 0 1px #8d6a3e,inset 0 4px 14px #000c}#selected-name{font:700 16px/1.2 var(--font-head);color:var(--gold-hi);letter-spacing:.05em;min-height:1.2em}.row-buttons{gap:8px;margin-top:14px;display:flex}.row-buttons button{flex:1}#creator.card.win{width:min(560px,100%)}.creator-grid{grid-template-columns:240px 1fr;gap:16px;display:grid}.picker{grid-template-columns:auto 1fr auto;align-items:center;gap:6px;margin-bottom:10px;display:grid}.picker span{text-align:center;color:var(--bone);font-size:15px}.picker .what{font:700 11px/1 var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;grid-column:1/-1}.turn{gap:6px;display:flex}#front #create-form{margin-top:14px}#intro.card.win{text-align:center;width:min(460px,100%)}#intro.card.win h2{justify-content:center}#intro.card.win h2:after{display:none}#front #intro p{color:var(--parch);font-size:16px;font-style:italic;line-height:1.5}#front .credits{text-align:center;color:var(--dim);text-shadow:0 1px 2px #000;font-size:11.5px;position:relative}#front .credits a{color:var(--muted)}@media (width<=640px){#front{gap:12px;padding:16px 10px 10px}#front .tabs button{white-space:nowrap;padding:6px;font-size:13px}.lobby-grid,.creator-grid{grid-template-columns:1fr}.stage-slot{margin:0 auto}}.error{color:var(--bad);min-height:1.2em;margin:8px 0 0;font-size:14px}#front .card .error{color:var(--bad);margin:8px 0 0;font-size:14px}.note{color:var(--dim);margin:12px 0 0;font-size:13px;font-style:italic}#hud{pointer-events:none;color:var(--parch);font-size:14px;position:fixed;inset:0}.unit{pointer-events:auto;align-items:center;gap:0;width:250px;height:66px;display:flex;position:absolute;top:10px}#me-frame{left:10px}#target-frame{left:272px}.unit .portrait{z-index:2;background:radial-gradient(circle at 50% 40%,#3a3127,#15110d 70%);border-radius:50%;flex:none;place-items:center;width:62px;height:62px;display:grid;position:relative;box-shadow:0 0 0 2px #000,0 0 0 4px #8d6a3e,0 0 0 5px #2a1b0f,0 0 0 6px #000,inset 0 4px 10px #000000d9,0 4px 10px #0009}.unit .lvl{box-sizing:border-box;min-width:22px;height:22px;font:700 12px/1 var(--font-head);color:var(--gold-hi);background:radial-gradient(circle at 50% 35%,#4a3521,#1b120a);border-radius:11px;place-items:center;padding:0 3px;display:grid;position:absolute;bottom:-4px;left:-4px;box-shadow:0 0 0 1px #000,0 0 0 2px #8d6a3e,0 2px 4px #000c}.unit .body{background:linear-gradient(#29221af0,#120f0bf0);border:1px solid #000;border-radius:0 4px 4px 0;flex:1;min-width:0;margin-left:-14px;padding:7px 10px 7px 22px;box-shadow:inset 0 0 0 1px #6b4c2b,inset 0 0 0 3px #22160c,0 4px 12px #0000008c}.unit .name{font:700 14px/1.15 var(--font-head);color:var(--bone);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #000;margin-bottom:4px;overflow:hidden}.unit .meter{height:15px}.unit .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}#target-frame .name{color:#ffb39a}#target-frame.player .name{color:#9ad7ff}#target-frame.boss{width:290px}#target-frame.boss .portrait{background:radial-gradient(circle at 50% 45%,#5a1610,#1a0605 72%);width:70px;height:70px;box-shadow:0 0 0 2px #000,0 0 0 4px #c39a4c,0 0 0 5px #4a0d07,0 0 0 7px #000,0 0 0 8px #8d6a3e,0 0 18px #ff3c1e8c,inset 0 4px 10px #000000d9}#target-frame.boss .body{background:linear-gradient(#3c120cf2,#160806f2);box-shadow:inset 0 0 0 1px #c39a4c,inset 0 0 0 3px #3a0c06,inset 0 0 0 4px #8d6a3e,0 0 16px #ff3c1e4d,0 4px 12px #0009}#target-frame.boss .name{color:#ff6b52;text-shadow:0 1px #000,0 0 8px #ff462880;font-size:15px}#target-frame.boss .sub{color:#e7a37c;font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;font-size:10.5px}#notice{white-space:nowrap;font:700 15px/1.2 var(--font-body);color:#ffc3b3;text-shadow:0 1px 2px #000;opacity:0;background:linear-gradient(90deg,#0000,#3c0a06d9 18% 82%,#0000);border-radius:3px;padding:6px 16px;transition:opacity .2s;position:absolute;bottom:168px;left:50%;transform:translate(-50%)}#notice.show{opacity:1}#toasts{flex-direction:column-reverse;align-items:center;gap:4px;display:flex;position:absolute;bottom:204px;left:50%;transform:translate(-50%)}.toast{white-space:nowrap;font:700 14.5px/1 var(--font-body);text-shadow:0 1px 2px #000;background:linear-gradient(90deg,#0e0b0800,#0e0b08d1 16% 84%,#0e0b0800);border-radius:15px;align-items:center;gap:7px;padding:3px 14px 3px 5px;animation:2.8s ease-out forwards toast;display:flex}.toast .ico{filter:drop-shadow(0 1px 1px #000)}.toast.loot{color:var(--gold-hi)}.toast.xp{color:#cdbaff}.toast.bad{color:var(--bad);padding-left:14px}.toast.level{color:var(--gold-hi);font:700 18px/1 var(--font-head);letter-spacing:.05em;text-shadow:0 1px 2px #000,0 0 12px #ffd27899;padding:5px 18px 5px 7px}@keyframes toast{0%{opacity:0;transform:translateY(8px)}9%,76%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}#castbar{background:#0a0806;border:1px solid #000;border-radius:3px;width:260px;height:20px;position:absolute;bottom:140px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 1px #8d6a3e,0 0 0 2px #000,inset 0 2px 4px #000c,0 4px 10px #0009}#cast-fill{background:linear-gradient(#f0c766,#b8862c 55%,#7a5414);width:0;height:100%;box-shadow:inset 0 1px #fff0c880}#cast-label{font:700 12px/1 var(--font-head);letter-spacing:.05em;color:#fff;text-shadow:0 1px 2px #000;place-items:center;display:grid;position:absolute;inset:0}#actionbar{pointer-events:auto;background:repeating-linear-gradient(90deg,#0000001a 0 1px,#0000 1px 11px),linear-gradient(#3d2a19 0%,#2a1c10 55%,#1d130b 100%);border:1px solid #000;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;gap:6px 10px;padding:8px 14px 9px 10px;display:grid;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #8d6a3e,inset 0 0 0 3px #1e140b,inset 0 1px 0 4px #ffdca014,0 8px 22px #000000b3}#hp-orb{background:radial-gradient(circle,#1b0c0a,#070302 75%);border-radius:50%;grid-row:1/span 2;width:74px;height:74px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000,0 0 0 4px #8d6a3e,0 0 0 5px #2a1b0f,0 0 0 6px #000,0 4px 10px #000000b3}#orb-fill{background:radial-gradient(at 50% 0,#ff7462 0%,#c8261a 30%,#7c0f08 75%,#4a0703 100%);height:100%;transition:height .18s linear;position:absolute;bottom:0;left:0;right:0}#orb-fill:before{content:"";filter:blur(1px);background:#ffaa968c;border-radius:50%;height:6px;position:absolute;top:-3px;left:-10%;right:-10%}#orb-fill[data-level=low]{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{filter:brightness(1.5)}}#hp-orb .glass{background:radial-gradient(55% 35% at 40% 22%,#ffffff61,#fff0 70%),radial-gradient(circle,#0000 55%,#0009 100%);border-radius:50%;position:absolute;inset:0}#orb-text{font:700 13px/1 var(--font-body);color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;place-items:center;display:grid;position:absolute;inset:0}#abilities{--slot:clamp(30px, calc((100vw / var(--ui-scale,1) - 832px) / 8), 50px);gap:4px;display:flex}.ability{width:var(--slot);height:var(--slot);background:radial-gradient(circle at 50% 40%,#2b241c,#0f0c09 75%);border:1px solid #000;border-radius:4px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #b4925a,inset 0 0 0 2px #2a1b0f,inset 0 0 0 3px #5d4529,0 2px 5px #0009}.ability:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--gold-hi), inset 0 0 0 2px #2a1b0f, inset 0 0 0 3px #8d6a3e, 0 0 10px #e4b65a66;background:radial-gradient(circle at 50% 40%,#3a3024,#15110c 75%)}.ability .ico{filter:drop-shadow(0 2px 2px #000c)}.ability .key{z-index:3;min-width:15px;height:15px;font:700 11px/1 var(--font-head);color:var(--gold-hi);background:#000000bf;border-radius:2px;place-items:center;display:grid;position:absolute;top:3px;left:3px;box-shadow:0 0 0 1px #5d4529}.ability .cd{z-index:2;pointer-events:none;--p:0%;background:conic-gradient(#000000b8 var(--p), #0000 0);border-radius:2px;position:absolute;inset:3px}.ability .secs{z-index:3;font:700 20px/1 var(--font-head);color:#fff;text-shadow:0 1px 2px #000,0 0 6px #000;place-items:center;display:grid;position:absolute;inset:0}.ability .lock{z-index:3;text-align:center;font:700 11px/1 var(--font-head);color:#ffb4a0;text-shadow:0 1px 2px #000;position:absolute;bottom:3px;left:0;right:0}.ability.locked .ico{filter:grayscale()brightness(.45)}.ability.locked{box-shadow:inset 0 0 0 1px #4a4038,inset 0 0 0 2px #15110c,0 2px 5px #0009}.ability.pressed{box-shadow:inset 0 0 0 2px var(--gold-hi), 0 0 14px #ffdc8cb3}.ability.ready-flash{animation:.4s ease-out ready}@keyframes ready{0%{box-shadow:inset 0 0 0 2px #fff,0 0 16px #fff0c8e6}}#xp-strip{cursor:default;background:#0a0806;border:1px solid #000;border-radius:2px;grid-column:2;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #5d4529}#me-xp{background:linear-gradient(#c1a8ff,#7a55da 55%,#482a94);width:0;height:100%;transition:width .24s ease-out;box-shadow:inset 0 1px #f0e6ff80}#xp-strip:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#0000008c calc(10% - 1px) 10%);position:absolute;inset:0}#me-xp-text{z-index:1;text-align:center;font:700 9.5px/12px var(--font-body);color:#fff;text-shadow:0 1px 1px #000,0 0 3px #000;opacity:0;transition:opacity .15s;position:absolute;inset:-2px 0 0}#xp-strip:hover #me-xp-text{opacity:1}#sidepanel{pointer-events:none;flex-direction:column;align-items:stretch;gap:0;width:300px;display:flex;position:absolute;bottom:10px;right:10px}#panel-pane{pointer-events:auto;border-radius:5px 5px 0 0;flex-direction:column;max-height:calc(100vh - 170px);padding-bottom:10px;display:flex;position:relative}#panel-pane .pane-body{min-height:0;margin-right:-5px;padding-right:3px;overflow:hidden auto}#panel-tabs{pointer-events:auto;background:repeating-linear-gradient(90deg,#0000001a 0 1px,#0000 1px 11px),linear-gradient(#3d2a19 0%,#2a1c10 55%,#1d130b 100%);border:1px solid #000;border-radius:0 0 5px 5px;justify-content:space-between;gap:2px;padding:6px 8px 7px;display:flex;box-shadow:inset 0 0 0 1px #8d6a3e,inset 0 0 0 3px #1e140b,0 8px 22px #000000b3}#sidepanel:not(.open) #panel-tabs{border-radius:5px}.tab{background:linear-gradient(#2c241b,#16120d);border-color:#000;border-radius:3px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #4d3a24,inset 0 2px 4px #0009}.tab:hover:not(:disabled){background:linear-gradient(#3b3024,#1d1711)}.tab .ico{opacity:.85;filter:grayscale()sepia()saturate(2.6)hue-rotate(-8deg)brightness(1.05)contrast(1.1);transition:opacity .12s,filter .12s}.tab:hover .ico{opacity:1}.tab.active{box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 10px #e4b65a73;background:radial-gradient(circle at 50% 35%,#6b4a28,#2e1e10 80%)}.tab.active .ico{opacity:1;filter:grayscale()sepia()saturate(3.2)hue-rotate(-8deg)brightness(1.3)contrast(1.1)}.tab .k{font:700 9px/1 var(--font-head);color:var(--gold);text-shadow:0 1px 1px #000;position:absolute;bottom:1px;right:2px}.bag-equip{background:#00000047;border-radius:4px;grid-template-columns:repeat(4,54px);justify-content:space-between;padding:8px 10px;display:grid;box-shadow:inset 0 1px 4px #000000b3,0 1px #8d6a3e40}.bag-equip .slot.filled{box-shadow:inset 0 0 0 1px #8d6a3e,inset 0 3px 7px #000000bf}.bag-equip .slot .unequip{opacity:0;background:radial-gradient(circle,#4a3521,#1b120a);border-radius:50%;place-items:center;width:17px;height:17px;transition:opacity .12s;display:grid;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 1px #000,0 0 0 2px #8d6a3e}.bag-equip .slot:hover .unequip{opacity:1}.bag-head{font:700 12px/1 var(--font-head);letter-spacing:.05em;color:var(--parch);align-items:center;gap:6px;margin:11px 0 5px;display:flex}.bag-head .n{font:500 12px var(--font-body);color:var(--dim);letter-spacing:0;margin-left:auto}.grid{grid-template-columns:repeat(4,54px);justify-content:space-between;gap:8px;display:grid}.grid .slot{width:54px;height:54px}.grid .slot .ico{transform:scale(1.1)}.inv-foot{border-top:1px solid #8d6a3e4d;justify-content:space-between;align-items:center;margin-top:11px;padding-top:8px;display:flex}.copper{color:#f0b27a;align-items:center;gap:4px;font-weight:700;display:inline-flex}.used{color:var(--muted);font-size:13px}.char-head{margin-bottom:8px}.char-head .row1{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.char-head .who{min-width:0;font:700 16px/1.15 var(--font-head);color:var(--bone);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.char-head .lv{color:var(--gold);flex:none;font-size:13px}.char-head .meter{height:12px;margin-top:4px}#tab-character .section-title{margin:8px 0 5px}.stats{background:#0009;border-radius:4px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden;box-shadow:0 0 0 1px #0009}.stat{background:#17130f;align-items:center;gap:4px;min-width:0;padding:2px 5px;font-size:12.5px;line-height:16px;display:flex}.stat:nth-child(4n+1),.stat:nth-child(4n+2){background:#1d1813}.stat.wide{grid-column:1/-1}.stat .k{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.stat .v{color:var(--bone);white-space:nowrap;flex:none;font-weight:700}.prof{background:#00000040;border-radius:4px;align-items:center;gap:9px;margin-bottom:5px;padding:6px;display:flex;box-shadow:inset 0 0 0 1px #8d6a3e33}.prof>.slot{flex:none;width:40px;height:40px}.prof .t{flex:1;min-width:0}.prof .row1{justify-content:space-between;align-items:baseline;display:flex}.prof .n{font:700 14px/1.2 var(--font-head);color:var(--bone)}.prof .l{color:var(--gold);font-size:13px;font-weight:700}.prof .d{color:var(--muted);margin:4px 0 0;font-size:12.5px}.prof .meter{height:11px;margin-top:3px}.prof.unlearned{opacity:.7}.prof.unlearned .slot .ico{filter:grayscale(.85)brightness(.8)}.prof .learn{color:var(--ember);margin-top:2px;font-size:12.5px;font-style:italic}.prof button{align-items:center;gap:6px;margin-top:5px;padding:3px 9px;font-size:12.5px;display:inline-flex}.qcard{background:#00000040;border-radius:4px;margin-bottom:7px;padding:8px 9px 9px;box-shadow:inset 0 0 0 1px #8d6a3e38}.qcard .head{align-items:center;gap:7px;display:flex}.qcard .qname{font:700 14px/1.2 var(--font-head);color:var(--gold-hi);flex:1}.qcard .head button{padding:2px 8px;font-size:12px}.qcard .qtext{color:var(--parch);margin:5px 0;font-size:13px;font-style:italic;line-height:1.3}.qcard .goal{color:var(--muted);font-size:13px}.qcard .goal.ready{color:var(--good);font-weight:700}.qcard .meter{height:8px;margin-top:4px}.qcard .reward{color:var(--gold);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:5px;font-size:12.5px;display:flex}.qcard .reward span{align-items:center;gap:3px;display:inline-flex}.empty{text-align:center;color:var(--dim);padding:14px 6px;font-style:italic}#side{flex-direction:column;gap:8px;width:230px;display:flex;position:absolute;top:10px;right:10px}#quest-log{pointer-events:auto;text-align:right;background:linear-gradient(90deg,#0a080600,#0a080699 28%,#0a0806b3);border-radius:4px;padding:4px 4px 4px 12px}#quest-log.off{display:none!important}#quest-log header{font:700 12px/1 var(--font-head);letter-spacing:.1em;color:var(--gold);text-transform:uppercase;text-shadow:0 1px 2px #000;justify-content:flex-end;align-items:center;gap:6px;margin:2px 0;display:flex}#quest-log .quest{margin-top:5px}#quest-log .qname{font:700 13px/1.2 var(--font-head);color:var(--bone);text-shadow:0 1px 2px #000}#quest-log .goal{color:var(--parch);text-shadow:0 1px 2px #000;font-size:12.5px}#quest-log .goal.ready{color:var(--good)}#party{pointer-events:auto;padding:8px 10px 10px;position:relative}#party>header{margin-bottom:4px}#party header button,.group-tab header button{padding:3px 9px;font-size:12px}.member{margin-top:6px}.member .head{align-items:center;gap:6px;margin-bottom:2px;font-size:13px;display:flex}.member .who{min-width:0;color:var(--bone);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.member .lv{color:var(--muted);font-size:12px}.member .head button{white-space:nowrap;flex:none;padding:0 6px;font-size:12px;line-height:17px}#tab-group .inv-foot{gap:10px}#tab-group .inv-foot .hints{flex-direction:column;gap:2px;min-width:0;display:flex}#tab-group .inv-foot .hints .hint{margin:0}#tab-group .inv-foot>button{flex:none}.member .meter{height:12px}.member .where{color:var(--muted);font-size:12px;font-style:italic}#shop{flex-direction:column;width:330px;max-height:calc(100vh - 215px);display:flex;top:90px;left:10px}#shop .shop-body{min-height:0;margin-right:-5px;padding-right:3px;overflow-y:auto}.row{border-radius:3px;align-items:center;gap:9px;padding:4px;display:flex}.row:hover{background:#ffe6b40a}.row .slot{width:38px;height:38px}.row .t{flex:1;min-width:0}.row .n{color:var(--bone);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.row .price{color:#f0b27a;align-items:center;gap:3px;font-size:13px;font-weight:700;display:inline-flex}.row .price.short{color:var(--bad)}.row button{padding:5px 11px;font-size:13px}.shop-copper{font:700 13px var(--font-body);letter-spacing:0;margin-left:auto}.quest-offer{background:#00000047;border-radius:4px;margin:3px 0 8px;padding:8px 9px;box-shadow:inset 0 0 0 1px #8d6a3e40}.quest-offer .top{align-items:center;gap:8px;display:flex}.quest-offer .qname{font:700 14px/1.2 var(--font-head);color:var(--gold-hi);flex:1}.quest-offer .qtext{color:var(--parch);margin:6px 0 4px;font-size:13.5px;font-style:italic;line-height:1.35}.quest-offer .qreward{color:var(--gold);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;font-size:12.5px;display:flex}.quest-offer .qreward span{align-items:center;gap:3px;display:inline-flex}#trade-request,#group-invite{top:100px;left:50%;transform:translate(-50%)}#group-invite{top:160px}#trade{width:min(420px,100% - 24px);top:90px;left:50%;transform:translate(-50%)}#trade .cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}#trade .line{align-items:center;gap:6px;margin:3px 0;font-size:14px;display:flex}#trade .copper-in{align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}#trade .copper-in input{width:80px;padding:4px 6px}#trade .state{color:var(--muted);margin-top:6px;font-size:13px}#trade .state.ok{color:var(--good);font-weight:700}#trade-confirm{width:100%;margin-top:8px}#crafting{z-index:5;flex-direction:column;width:min(720px,100vw - 20px);height:min(480px,100vh - 40px);display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}#crafting>header{cursor:move}.craft-cols{flex:1;grid-template-columns:250px 1fr;gap:12px;min-height:0;display:grid}.recipe-list{background:#00000052;border-radius:4px;padding:6px;overflow-y:auto;box-shadow:inset 0 1px 6px #000c,0 0 0 1px #8d6a3e40}.recipe-list .prof-h{font:700 13px/1 var(--font-head);color:var(--gold);letter-spacing:.05em;align-items:center;gap:6px;padding:4px 4px 6px;display:flex}.recipe-list .prof-h .l{font:500 12px var(--font-body);color:var(--muted);margin-left:auto}.recipe{text-align:left;width:100%;box-shadow:none;background:0 0;border-color:#0000;border-radius:3px;align-items:center;gap:9px;margin-bottom:3px;padding:4px 6px;display:flex}.recipe:hover:not(:disabled){background:#ffe6b40f}.recipe.selected{background:linear-gradient(90deg,#e4b65a38,#e4b65a0a);box-shadow:inset 0 0 0 1px #e4b65a99}.recipe .slot{width:38px;height:38px}.recipe .t{flex:1;min-width:0}.recipe .n{color:var(--bone);font-size:14px;font-weight:700}.recipe .r{color:var(--muted);font-size:12px}.recipe .r.ok{color:var(--good)}.recipe.locked .n{color:var(--dim)}.recipe.locked .r{color:#c27b66}.recipe.locked .slot .ico{filter:grayscale()brightness(.6)}.recipe-detail{flex-direction:column;min-width:0;min-height:0;padding:4px 4px 0;display:flex;overflow-y:auto}.rd-head{border-bottom:1px solid #8d6a3e4d;align-items:center;gap:14px;padding-bottom:10px;display:flex}.rd-head .slot{width:72px;height:72px;box-shadow:inset 0 0 0 1px var(--gold), inset 0 3px 7px #000c, 0 0 12px #e4b65a40}.rd-head .n{font:700 20px/1.15 var(--font-head);color:var(--gold-hi);letter-spacing:.03em}.rd-head .d{color:var(--parch);margin-top:3px;font-size:13.5px;font-style:italic}.rd-head .req{color:var(--muted);margin-top:4px;font-size:13px}.rd-head .req.bad{color:var(--bad)}.mats{gap:4px;display:grid}.mat{background:#00000038;border-radius:3px;align-items:center;gap:10px;padding:3px 6px 3px 3px;display:flex}.mat .slot{width:42px;height:42px}.mat .n{color:var(--bone);flex:1;font-weight:500}.mat .c{font:700 15px/1 var(--font-body);color:var(--good)}.mat.short .c{color:var(--bad)}.rd-info{color:var(--parch);flex-wrap:wrap;gap:18px;margin-top:10px;font-size:14px;display:flex}.rd-info span{align-items:center;gap:5px;display:inline-flex}.rd-foot{margin-top:auto;padding-top:12px}#craft-go{width:100%;padding:11px;font-size:17px}.rd-why{text-align:center;min-height:1.2em;color:var(--bad);margin-top:6px;font-size:13px}#settings{z-index:6;flex-direction:column;width:min(500px,100vw - 20px);max-height:calc(100vh - 40px);display:flex;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #7b5833,inset 0 0 0 2px #3c2816,inset 0 0 0 5px #2a1b0f,inset 0 0 0 6px #8d6a3e,inset 0 0 0 7px #0b0705,0 12px 32px #000000b3,0 0 0 100vmax #00000073}#settings .set-body{min-height:0;margin-right:-5px;padding-right:4px;overflow-y:auto}.keys{grid-template-columns:auto 1fr;align-items:center;gap:5px 12px;font-size:14px;display:grid}.keys kbd,.keys button.kbd{font:700 12px/1 var(--font-head);color:var(--gold-hi);white-space:nowrap;background:linear-gradient(#3a2c1d,#1c140c);border-radius:3px;justify-self:start;padding:4px 7px;box-shadow:inset 0 1px #ffdca033,0 0 0 1px #000,0 2px #000}.keys button.kbd{cursor:pointer;outline-offset:2px;border:0;outline:1px dashed #ffc87873}.keys button.kbd:hover,.keys button.kbd:focus-visible{color:#fff}.opt{cursor:pointer;align-items:center;gap:10px;padding:6px 2px;font-size:14.5px;display:flex}.opt input[type=checkbox]{appearance:none;cursor:pointer;background:linear-gradient(#0c0a08,#1a1510);border-radius:2px;flex:none;place-items:center;width:18px;height:18px;margin:0;display:grid;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #8d6a3e}.opt input[type=checkbox]:checked:after{content:"";background:linear-gradient(180deg, var(--gold-hi), #b8862c);border-radius:1px;width:10px;height:10px;box-shadow:0 0 6px #e4b65ab3}.opt .v{text-align:right;min-width:42px;color:var(--gold);margin-left:auto;font-weight:700}.opt input[type=range]{accent-color:#c4914a;flex:1}.opt label{min-width:132px}.credits{color:var(--muted);font-size:12.5px;line-height:1.4}.credits p{margin:0 0 6px}.credits a{color:var(--parch)}.set-foot{border-top:1px solid #8d6a3e4d;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;display:flex}#chat{pointer-events:auto;background:linear-gradient(#0e0b0826,#0e0b089e);border-radius:4px;width:min(360px,50% - 328px);min-width:240px;padding:6px;position:absolute;bottom:10px;left:10px}#chat-log{text-shadow:0 1px 2px #000,0 0 2px #000;max-height:150px;color:var(--bone);margin-bottom:5px;font-size:13.5px;line-height:1.35;overflow-y:auto}#chat-log .who{color:#9ad7ff;font-weight:700}#chat-log .me .who{color:var(--gold-hi)}#chat-log .group,#chat-log .group .who{color:#8fe3a8}#chat-log .tag{color:#8fe3a8;font-weight:700}#chat-log .sys{color:#b9a988;font-style:italic}#chat-log .npc,#chat-log .npc .who{color:#e8c88a;font-style:italic}#chat-input{box-sizing:border-box;background:#0a0806cc;width:100%;padding:6px 9px;font-size:13.5px}#player-menu{z-index:10;flex-direction:column;gap:4px;min-width:170px;padding:8px 10px 10px;display:flex;position:fixed}#player-menu .title{font:700 14px/1.2 var(--font-head);color:#9ad7ff;border-bottom:1px solid #8d6a3e59;margin-bottom:2px;padding:2px 2px 6px}#player-menu button{text-align:left;padding:7px 11px;font-size:14px}@media (width<=640px){#hud{font-size:13px}.unit{width:calc(50% - 14px);height:52px}.unit .portrait{width:46px;height:46px}.unit .portrait .ico{transform:scale(.74)}#me-frame{top:6px;left:6px}#target-frame,#target-frame.boss{width:calc(50% - 14px);top:6px;left:auto;right:6px}#target-frame.boss .portrait{width:50px;height:50px}.unit .name{font-size:12.5px}.unit .sub{display:none}#side{width:170px;top:66px;right:6px}#sidepanel{width:auto;bottom:0;left:0;right:0}#panel-tabs{padding:4px 6px calc(4px + env(safe-area-inset-bottom));border-radius:0}.tab{width:40px;height:36px}#panel-pane{border-radius:5px 5px 0 0;max-height:56vh;margin:0 4px}#actionbar{column-gap:7px;padding:6px 10px 7px 7px;bottom:56px}#hp-orb{width:56px;height:56px}#castbar{width:210px;bottom:152px}#notice{font-size:13px;bottom:182px}#toasts{bottom:214px}#chat{box-sizing:border-box;background:0 0;width:calc(100% - 12px);min-width:0;padding:4px;bottom:140px;left:6px;right:auto}#chat-log{max-height:64px;font-size:12.5px}#chat-input{opacity:.8;width:46%;min-width:150px;padding:4px 8px;font-size:12.5px}#chat-input:focus{opacity:1;width:100%}#shop{width:auto;max-height:calc(100vh - 230px);top:66px;left:6px;right:6px}.craft-cols{grid-template-rows:150px 1fr;grid-template-columns:1fr}#crafting{height:calc(100vh - 80px)}}.pane-body>div>.bag-head:first-child{margin-top:0}#target-frame.boss .portrait{animation:2.4s ease-in-out infinite boss-glow}@keyframes boss-glow{50%{filter:drop-shadow(0 0 6px #ff461ebf)}}#target-frame.boss .meter .fill{background:linear-gradient(#ff4a2e 0%,#a5160b 55%,#5c0904 100%)}#target-frame.boss .meter{box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #c39a4c}.paperdoll{background:#00000047;border-radius:4px;grid-template-columns:40px minmax(0,1fr) 40px;gap:6px;margin-bottom:4px;padding:6px;display:grid;box-shadow:inset 0 1px 4px #000000b3,0 1px #8d6a3e40}.pd-col{grid-auto-rows:40px;align-content:start;gap:5px;display:grid}.paperdoll .pd-empty{cursor:default;background:#0a08068c;border-style:dashed;border-color:#3d3223;width:40px;height:40px;box-shadow:inset 0 3px 7px #000c}.pd-empty .pd-l{font:500 9px/1.05 var(--font-body);color:var(--dim);text-align:center;opacity:.8;max-width:38px;overflow:hidden}.pd-centre{flex-direction:column;justify-content:space-between;align-items:center;gap:4px;min-width:0;display:flex}.pd-centre .figure{background:radial-gradient(circle at 50% 40%,#3a3127,#15110d 70%);border-radius:50%;flex:none;place-items:center;width:70px;height:70px;margin-top:2px;display:grid;box-shadow:0 0 0 2px #000,0 0 0 4px #8d6a3e,0 0 0 5px #000,inset 0 4px 10px #000000d9}.pd-centre .figure .ico{opacity:.85}.pd-centre .weapon-line{width:100%}.pd-weapons{justify-content:center;gap:14px;display:flex}.paperdoll .hand{justify-items:center;gap:3px;display:grid}.paperdoll .hand .slot{width:46px;height:46px}.paperdoll .slot.filled{box-shadow:inset 0 0 0 1px #8d6a3e,inset 0 3px 7px #000000bf}.paperdoll .slot .unequip{opacity:0;background:radial-gradient(circle,#4a3521,#1b120a);border-radius:50%;place-items:center;width:17px;height:17px;transition:opacity .12s;display:grid;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 1px #000,0 0 0 2px #8d6a3e}.paperdoll .slot:hover .unequip,.paperdoll .slot:focus-visible .unequip{opacity:1}.paperdoll .cap{font:700 9.5px/1 var(--font-head);letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;color:var(--dim)}.weapon-line{text-align:center;min-width:0}.weapon-line .wn{font:700 13px/1.2 var(--font-head);color:var(--gold-hi);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.weapon-line .wd{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.weapon-line .wd b{color:var(--bone)}.weapon-line .wd.low,.slot .qty.low{color:var(--bad)}button.load-quiver{justify-content:center;align-items:center;gap:6px;width:100%;margin:6px 0 2px;padding:5px 10px;font-size:13px;display:flex}.skill{border-bottom:1px solid #8d6a3e2e;align-items:center;gap:9px;padding:4px;display:flex}.skill .slot{flex:none;width:38px;height:38px}.skill .t{flex:1;min-width:0}.skill .row1{justify-content:space-between;align-items:baseline;margin-bottom:3px;display:flex}.skill .n{font:700 13px/1.2 var(--font-head);color:var(--bone)}.skill .l{font:700 15px/1 var(--font-head);color:var(--gold)}.skill .meter{height:11px}.skill.using .slot{box-shadow:inset 0 0 0 1px var(--gold), inset 0 3px 7px #000000b3, 0 0 6px #e4b65a59}.skill .use{font:700 9.5px/1.3 var(--font-head);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi);vertical-align:1px;background:#e4b65a1f;border-radius:3px;margin-left:6px;padding:1px 5px;box-shadow:inset 0 0 0 1px #e4b65a73}.meter[data-kind=skill] .fill{background:linear-gradient(#f0c766 0%,#b8862c 55%,#7a5414 100%);box-shadow:inset 0 1px #fff0c873}.meter[data-kind=skill] span{font-size:10px}.subtabs{border-bottom:1px solid #8d6a3e59;gap:4px;margin:0 0 8px;padding:0 0 6px;display:flex}.subtab{min-width:0;font:700 12.5px/1.1 var(--font-head);letter-spacing:.05em;color:var(--muted);background:linear-gradient(#2c241b,#16120d);border-color:#000;border-radius:3px;flex:1;padding:5px 8px;box-shadow:inset 0 0 0 1px #4d3a24}.subtab:hover:not(.active){color:var(--bone);background:linear-gradient(#3b3024,#1d1711)}.subtab.active{color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 8px #e4b65a59;background:radial-gradient(circle at 50% 30%,#5a3e22,#24180d 80%)}.skills-page .skill:last-of-type{border-bottom:0}.skills-page .hint{margin-top:8px}.soon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.soon-tile{cursor:default;opacity:.55;background:#00000040;border-radius:3px;justify-items:center;gap:2px;padding:4px 2px 3px;display:grid;box-shadow:inset 0 0 0 1px #8d6a3e2e}.soon-tile .ico{filter:grayscale()brightness(.75)}.soon-tile .n{max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.2;overflow:hidden}.ammo{width:46px;height:var(--slot,58px);cursor:default;background:radial-gradient(circle at 50% 35%,#2b241c,#0f0c09 75%);border:1px solid #000;border-radius:4px;align-content:center;justify-items:center;gap:1px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #5d4529,inset 0 0 0 2px #15110c,0 2px 5px #0009}.ammo[hidden]{display:none}.ammo.can-load{cursor:pointer}.ammo .n{font:700 15px/1 var(--font-head);color:var(--bone);text-shadow:0 1px 2px #000}.ammo.low .n{color:#ff6b55}.ammo.low{box-shadow:inset 0 0 0 1px #a33a28,inset 0 0 0 2px #15110c,0 0 8px #ff5a3c59}.starter-pick{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;display:grid}.starter-pick .what{font:700 11px/1 var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);grid-column:1/-1}#front .starter-card{text-align:center;justify-items:center;gap:3px;min-width:0;padding:8px 4px 7px;display:grid}.starter-card .icons{align-items:flex-end;gap:1px;height:36px;display:flex}.starter-card .n{font:700 12.5px/1.15 var(--font-head);color:var(--bone)}.starter-card .s{color:var(--dim);font-size:11px;line-height:1.15}#front .starter-card[aria-checked=true]{box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 10px #e4b65a73;background:radial-gradient(circle at 50% 30%,#5a3e22,#24180d 80%)}.starter-card[aria-checked=true] .s{color:var(--gold)}.starter-card[aria-checked=false] .icons{filter:saturate(.6)brightness(.8)}.starter-hint{color:var(--muted);min-height:2.4em;margin:6px 0 0;font-size:12.5px;font-style:italic}@media (width<=640px){.ammo{width:38px}.ammo .ico{transform:scale(.8)}.ammo .n{font-size:13px}.paperdoll{padding:5px}.starter-card .s{display:none}}.ability,.ammo{box-sizing:border-box}.ability{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ability .key,.ability .cd,.ability .secs,.ability .lock{pointer-events:none}.ability:active:not(.empty){transform:translateY(1px)}.ability .ico{pointer-events:none}#abilities .ability .ico{transform:scale(.86)}.ability.empty{background:#0a08068c;box-shadow:inset 0 0 0 1px #4a3c29,inset 0 3px 7px #000c,0 2px 5px #00000080}.ability.empty .key{opacity:.6}.ability.unbound .key{display:none}.ability.drop{box-shadow:inset 0 0 0 2px var(--gold-hi), 0 0 12px #ffdc8c99}#abilities.picking .ability{cursor:copy;animation:1.1s ease-in-out infinite pick-glow}@keyframes pick-glow{50%{box-shadow:inset 0 0 0 2px var(--gold-hi), 0 0 14px #ffdc8cbf}}@media (prefers-reduced-motion:reduce){#abilities.picking .ability{box-shadow:inset 0 0 0 2px var(--gold-hi);animation:none}}.spells{gap:3px;margin-top:6px;display:grid}.spell{box-sizing:border-box;text-align:left;width:100%;font:inherit;color:var(--parch);cursor:grab;background:#00000038;border:0;border-radius:3px;align-items:center;gap:9px;padding:4px 10px 4px 5px;display:flex;box-shadow:inset 0 0 0 1px #8d6a3e38}.spell:hover{color:var(--parch);box-shadow:inset 0 0 0 1px var(--gold);background:#ffe6b40f}.spell:active{cursor:grabbing}.spell:focus-visible,.ability:focus-visible{outline:1px solid var(--gold);outline-offset:1px}.spell.picking{box-shadow:inset 0 0 0 2px var(--gold-hi), 0 0 8px #e4b65a73;background:#e4b65a1a}.spell.passive{cursor:default}.spell.passive:hover{background:#00000038;box-shadow:inset 0 0 0 1px #8d6a3e38}.spell .slot{flex:none;width:40px;height:40px}.spell .t{flex:1;min-width:0}.spell .row1{justify-content:space-between;align-items:center;gap:6px;display:flex}.spell .n{font:700 13.5px/1.2 var(--font-head);color:var(--bone)}.spell .kb{font:700 11px/1 var(--font-head);color:var(--gold);background:#00000080;border-radius:2px;padding:3px 6px;box-shadow:0 0 0 1px #5d4529}.spell .tag{font:700 10px/1 var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex:none}.spell .tag.off{color:var(--dim)}.spell .lock-tag{font:700 11px/1 var(--font-head);color:#ffb4a0;background:#00000080;border-radius:2px;flex:none;padding:3px 6px;box-shadow:0 0 0 1px #5d4529}.spell .d{color:var(--muted);margin-top:1px;font-size:12.5px}.spell .d b{color:var(--parch)}.spell .m{color:var(--dim);margin-top:1px;font-size:11.5px}.spell.locked .slot .ico{filter:grayscale()brightness(.55)}.spell.locked .n,.spell.locked .d{opacity:.7}.spell-hint{margin-top:0}.tab{flex:0 38px;min-width:0}.binds{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;font-size:14px;display:grid}button.bind{min-width:74px;font:700 12px/1 var(--font-head);color:var(--gold-hi);white-space:nowrap;justify-self:start;padding:4px 8px}button.bind.unbound{color:var(--dim)}button.bind.capturing{color:#fff4d8;box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 10px #e4b65a8c;animation:1.1s ease-in-out infinite pick-glow}.bind-foot{align-items:center;gap:10px;margin-top:8px;display:flex}.bind-foot .bind-status{flex:1;min-height:1.3em;margin:0}button.reset-keys{flex:none;padding:5px 12px;font-size:13px}@media (width>=641px) and (width<=1199px){#actionbar{left:calc(50% - 160px)}#abilities{--slot:clamp(30px, calc((100vw / var(--ui-scale,1) - 532px) / 8), 50px)}#chat{width:min(360px,50% - 164px);bottom:114px}}#hud.compact #actionbar{left:calc(50% - 160px)}#hud.compact #abilities{--slot:clamp(30px, calc((100vw / var(--ui-scale,1) - 532px) / 8), 50px)}#hud.compact #chat{width:min(360px,50% - 164px);bottom:114px}@media (width>=641px) and (width<=932px){#abilities .ability .ico{transform:scale(.7)}}@media (width<=640px){#actionbar{box-sizing:border-box;max-width:calc(100vw - 12px)}#hp-orb{width:50px;height:50px}#abilities{--slot:min(48px, calc((100vw - 150px) / 8));gap:3px}#abilities .ability .ico{transform:scale(.62)}.ability .key{min-width:11px;height:11px;font-size:8.5px;top:1px;left:1px}.ability .secs{font-size:14px}.ability .lock{font-size:8.5px;bottom:1px}.binds{grid-template-columns:auto 1fr;font-size:13px}}