:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e6e3dc;--ink-dim:#a2a8b4;--ink-faint:#6b7282;--gold:#d2ae62;--gold-hi:#f0d696;--gold-dim:#8a7244;--line:#d2ae6261;--line-soft:#d2ae6229;--red:#c84a3e;--gules:#9e2c28;--azure:#8fb6ea;--green:#7fae5a;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .62 0 0 0 0 .68 0 0 0 0 .78 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--leather:linear-gradient(180deg, #262d3af2, #181d26f2 50%, #11141bf5);--frame-shadow:inset 0 0 0 1px var(--line), inset 0 2px 0 0 #d6e2f612, inset 0 0 22px #00000059, 0 8px 28px #00000080;--well:linear-gradient(180deg, #04060c75, #04060c47);--well-shadow:inset 0 1px 3px #0000008c, 0 1px 0 #d6e2f60d;--btn:linear-gradient(180deg, #3a4558, #273041 55%, #1f2633);--btn-hi:linear-gradient(180deg, #465370, #2f3a4f 55%, #262e3e);--btn-cta:linear-gradient(180deg, #a8342e, #7c211e 60%, #661a18);--mount-c:#deba6cd9;--mounts:linear-gradient(var(--mount-c), var(--mount-c)) 3px 3px / 10px 1px no-repeat, linear-gradient(var(--mount-c), var(--mount-c)) 3px 3px / 1px 10px no-repeat, linear-gradient(var(--mount-c), var(--mount-c)) right 3px top 3px / 10px 1px no-repeat, linear-gradient(var(--mount-c), var(--mount-c)) right 3px top 3px / 1px 10px no-repeat, linear-gradient(var(--mount-c), var(--mount-c)) left 3px bottom 3px / 10px 1px no-repeat, linear-gradient(var(--mount-c), var(--mount-c)) left 3px bottom 3px / 1px 10px no-repeat, linear-gradient(var(--mount-c), var(--mount-c)) right 3px bottom 3px / 10px 1px no-repeat, linear-gradient(var(--mount-c), var(--mount-c)) right 3px bottom 3px / 1px 10px no-repeat;--fast:.12s ease-out}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font:13px/1.35 var(--sans);-webkit-user-select:none;user-select:none;background:#0a0b0d;margin:0;overflow:hidden}#game,#game canvas{display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}.panel{background:var(--mounts), var(--grain), var(--leather);box-shadow:var(--frame-shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #000c;border-radius:3px}button{font:inherit;color:var(--ink)}button:focus-visible,select:focus-visible,input:focus-visible{outline:1px solid var(--gold);outline-offset:1px}*{scrollbar-width:thin;scrollbar-color:#d2ae6259 transparent}b{font-weight:600}.dim{color:var(--ink-dim);font-weight:500}.btn{background:var(--btn);border:1px solid var(--gold-dim);cursor:pointer;font:600 13px var(--sans);color:var(--ink);transition:border-color var(--fast), color var(--fast), filter var(--fast);border-radius:3px;margin:0;padding:6px 14px;box-shadow:inset 0 1px #e7d9b821,0 1px 2px #00000073}.btn:hover{background:var(--btn-hi);border-color:var(--gold);color:#f7f3e8}.btn:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #00000080}.btn.primary{font:700 15px var(--serif);letter-spacing:.03em;padding:5px 18px 6px}.btn.small{padding:3px 10px;font-size:12px}.btn.small.on{border-color:var(--gold);color:var(--gold-hi);background:linear-gradient(#31415b,#212b3c);box-shadow:inset 0 1px 3px #00000073,0 0 0 1px #d2ae622e}.seg{display:inline-flex}.seg .btn{border-radius:0;margin-left:-1px}.seg .btn:first-child{border-radius:3px 0 0 3px;margin-left:0}.seg .btn:last-child{border-radius:0 3px 3px 0}.seg .btn.on{z-index:1;position:relative}.label{font:600 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.rule{background:linear-gradient(90deg, transparent, var(--line) 18%, var(--line) 82%, transparent);border:0;height:1px;margin:8px 0}select{appearance:none;background:var(--well), #101318;color:var(--ink);font:500 12.5px var(--sans);cursor:pointer;box-shadow:var(--well-shadow), 0 0 0 1px var(--line-soft);background-image:linear-gradient(45deg, transparent 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, transparent 50%), var(--well);background-position:right 12px top 55%,right 8px top 55%,0 0;background-repeat:no-repeat;background-size:4px 4px,4px 4px,100% 100%;border:1px solid #000000b3;border-radius:3px;padding:4px 26px 4px 9px}select:hover{box-shadow:var(--well-shadow), 0 0 0 1px var(--line)}input[type=checkbox]{appearance:none;vertical-align:-2px;cursor:pointer;background:var(--well), #0f1116;width:14px;height:14px;box-shadow:var(--well-shadow), 0 0 0 1px var(--line-soft);border:1px solid #000000bf;border-radius:2px;flex:none;place-content:center;margin:0;display:inline-grid}input[type=checkbox]:after{content:"";border:solid var(--gold-hi);border-width:0 0 2px 2px;width:7px;height:4px;transition:transform 90ms ease-out;transform:rotate(-45deg)translate(1px,-1px)scale(0)}input[type=checkbox]:checked{box-shadow:var(--well-shadow), 0 0 0 1px var(--gold-dim)}input[type=checkbox]:checked:after{transform:rotate(-45deg)translate(1px,-1px)scale(1)}input[type=range]{appearance:none;cursor:pointer;--p:50%;background:0 0;height:16px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold-dim), var(--gold) var(--p), #0000008c var(--p));border-radius:2px;height:4px;box-shadow:inset 0 1px 1px #0009,0 0 0 1px #00000080}input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 40% 35%,#e0d4b9,#a8843f 70%);border:1px solid #171f2c;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 1px 2px #000000b3}input[type=range]::-moz-range-track{background:#0000008c;border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--gold);border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:#d9bb7a;border:1px solid #171f2c;border-radius:50%;width:12px;height:12px}input[type=range]:disabled{opacity:.4;cursor:default}.tip{z-index:200;pointer-events:none;max-width:280px;font:500 12px/1.4 var(--sans);color:var(--ink-dim);background:var(--grain), linear-gradient(180deg, #1c222c, #11141a);box-shadow:inset 0 0 0 1px var(--line), 0 6px 18px #0009;opacity:0;white-space:pre-line;border:1px solid #000;border-radius:3px;padding:5px 9px 6px;transition:opacity 90ms ease-out;position:fixed}.tip.on{opacity:1}.tip b{font:500 12px/1.4 var(--sans);color:var(--ink);display:block}.tip b.head{font:700 14.5px/1.25 var(--serif);color:var(--gold-hi);margin-bottom:1px}.login{z-index:10;background:radial-gradient(at 50% 40%,#1c222c 0%,#0a0b0d 70%);place-items:center;display:grid;position:fixed;inset:0}.login-card{text-align:center;width:380px;padding:30px 32px 24px;animation:.18s ease-out win-in}.login h1{font:700 46px/1 var(--serif);letter-spacing:.04em;color:#ded6c4;text-shadow:0 2px 12px #0009;margin:0}.login .sub{font:600 13px var(--serif);letter-spacing:.45em;text-transform:uppercase;color:var(--gold);align-items:center;gap:12px;margin:6px 0 22px;display:flex}.login .sub:before,.login .sub:after{content:"";background:linear-gradient(90deg, transparent, var(--line));flex:1;height:1px}.login .sub:after{background:linear-gradient(90deg, var(--line), transparent)}.login label{text-align:left;color:var(--ink-dim);font:600 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;margin:8px 0;display:block}.login input:not([type=checkbox]),.login select{background:var(--well), #101216;width:100%;color:var(--ink);font:500 15px var(--sans);letter-spacing:normal;text-transform:none;box-shadow:var(--well-shadow), 0 0 0 1px var(--line-soft);transition:box-shadow var(--fast);border:1px solid #000000bf;border-radius:3px;margin-top:6px;padding:9px 11px;display:block}.login input:focus,.login select:focus{box-shadow:var(--well-shadow), 0 0 0 1px var(--gold);outline:none}.app-row{align-items:end;gap:10px;display:flex}.app-row label{flex:1}#play{background:var(--btn-cta);border:1px solid var(--gold);color:#f6ecd8;text-shadow:0 1px 1px #0009;width:100%;font:700 18px var(--serif);letter-spacing:.06em;cursor:pointer;transition:filter var(--fast);border-radius:3px;margin-top:16px;padding:10px;box-shadow:inset 0 1px #ece1c740,0 2px 6px #00000080}#play:hover{filter:brightness(1.12)}#play:active{transform:translateY(1px)}.err{color:#e0735f;margin:10px 0 0}.err:empty{display:none}.login .hint{color:var(--ink-dim);margin:12px 0 0;font-size:12px;line-height:1.45}.login label.remember{font:500 13px var(--sans);letter-spacing:normal;text-transform:none;color:var(--ink-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:12px 0 0;display:flex}.login label.remember:hover{color:var(--ink)}#play:disabled{filter:saturate(.4)brightness(.8);cursor:wait}.acct-form{flex-direction:column;gap:5px;margin-top:6px;display:flex}.acct-form input{background:var(--well), #101216;width:100%;min-width:0;color:var(--ink);font:500 12.5px var(--sans);box-shadow:var(--well-shadow), 0 0 0 1px var(--line-soft);border:1px solid #000000bf;border-radius:3px;padding:5px 8px}.acct-form input:focus{box-shadow:var(--well-shadow), 0 0 0 1px var(--gold);outline:none}.acct-form .btn{align-self:flex-start}.acct-msg{color:var(--ink-dim);margin:4px 0 0;font-size:12px}.acct-msg.bad{color:#e0735f}.acct-msg:empty{display:none}.create-card{gap:22px;width:min(880px,94vw);height:min(600px,92vh);padding:20px;animation:.18s ease-out win-in;display:flex}.create-preview{cursor:grab;min-width:0;box-shadow:inset 0 0 0 1px var(--line-soft), inset 0 0 60px #0009;background:radial-gradient(70% 60% at 50% 62%,#2b3340 0%,#171b23 60%,#0c0f13 100%);border:1px solid #000c;border-radius:3px;flex:1.1}.create-preview:active{cursor:grabbing}.create-preview canvas{width:100%;height:100%;display:block}.create-side{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.create-side h2{font:700 30px/1.05 var(--serif);color:#ded6c4;margin:2px 0 0}.create-sub{color:var(--gold);font:600 15px var(--serif);letter-spacing:.06em;margin:4px 0 12px}.create-opts{border-top:1px solid var(--line-soft);flex:1;padding:10px 2px 8px 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}.create-row{margin:0 0 11px}.create-label{color:var(--ink-faint);font:600 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;display:block}.create-choices{flex-wrap:wrap;gap:6px;display:flex}.create-pill{background:var(--well), #101216;color:var(--ink-dim);font:500 13px var(--sans);cursor:pointer;box-shadow:var(--well-shadow), 0 0 0 1px var(--line-soft);transition:color var(--fast), box-shadow var(--fast);border:1px solid #000000b3;border-radius:3px;padding:5px 12px}.create-pill:hover{color:var(--ink);box-shadow:var(--well-shadow), 0 0 0 1px var(--line)}.create-pill.on{color:var(--gold-hi);box-shadow:inset 0 1px 0 #e7d9b81f, 0 0 0 1px var(--gold);background:linear-gradient(#29364c,#1a2230)}.create-swatch{width:26px;height:26px;box-shadow:0 0 0 1px var(--line), inset 0 -3px 5px #00000059, inset 0 2px 3px #ffffff1f;cursor:pointer;transition:box-shadow var(--fast), transform var(--fast);border:2px solid #101216;border-radius:50%;padding:0}.create-swatch:hover{transform:scale(1.08)}.create-swatch.on{box-shadow:0 0 0 2px var(--gold), 0 0 8px #d2ae6273, inset 0 -3px 5px #00000059, inset 0 2px 3px #ffffff1f}.create-buttons{border-top:1px solid var(--line-soft);gap:10px;padding-top:12px;display:flex}.create-buttons button{font:700 17px var(--serif);letter-spacing:.03em;cursor:pointer;border:1px solid var(--gold-dim);background:var(--btn);color:var(--ink);transition:filter var(--fast);border-radius:3px;flex:1;padding:9px;box-shadow:inset 0 1px #e7d9b81f,0 1px 2px #00000073}.create-buttons .create-begin{background:var(--btn-cta);color:#f6ecd8;border-color:var(--gold);flex:2;box-shadow:inset 0 1px #ece1c740,0 2px 6px #00000080}.create-buttons button:hover{filter:brightness(1.12)}.create-buttons button:active{transform:translateY(1px)}.hud{--ui:1;position:absolute;inset:0}.chatbox,.vitals,.xp-drops,.proclaim,.window{zoom:var(--ui)}.side{zoom:calc(var(--ui) * var(--side-k,1))}.hud>*{pointer-events:auto}.hover-text{font:600 15px var(--serif);color:#ece7dd;text-shadow:0 1px 2px #000,0 0 8px #000c;position:absolute;top:10px;left:12px;pointer-events:none!important}.hover-text .more{color:var(--ink-dim);font-weight:500}.ctx-menu{z-index:50;background:var(--grain), linear-gradient(180deg, #1d232e, #12151c);border:1px solid #000;border-radius:2px;min-width:172px;padding:0 0 4px;animation:80ms ease-out ctx-in;position:absolute;box-shadow:inset 0 0 0 1px #d2ae6266,0 10px 28px #000000a6}.ctx-title{font:600 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#f1dcc0;text-shadow:0 1px #00000080;background:linear-gradient(#8e2a26,#6a1d1b);border-bottom:1px solid #d2ae628c;border-radius:1px 1px 0 0;margin:1px 1px 3px;padding:6px 10px 5px}.ctx-row{cursor:pointer;white-space:nowrap;font:500 13px var(--sans);color:#ebe7df;text-shadow:0 1px #000000b3;margin:0 1px;padding:3px 14px 3px 16px;position:relative}.ctx-row:hover{background:linear-gradient(90deg,#8fb6ea29,#8fb6ea08)}.ctx-row:hover:before{content:"";background:var(--gold);width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:6px;transform:rotate(45deg)}.ctx-row.cancel{color:var(--ink-faint)}.lvl{font:600 10.5px var(--sans);letter-spacing:.06em;font-variant:small-caps;opacity:.92;vertical-align:1px;text-shadow:none;border:1px solid;border-radius:2px;margin-left:2px;padding:0 4px 1px}.tgt.npc{color:#ef9580}.tgt.obj{color:#9fd39e}.tgt.item{color:#e8c56e}.tgt.player{color:var(--azure)}.tgt.use{color:#9fd39e}@keyframes ctx-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.chatbox{background:var(--mounts), var(--grain), linear-gradient(180deg, #1e242ed1, #101319e6);flex-direction:column;width:min(520px,44vw);height:180px;display:flex;position:absolute;bottom:10px;left:10px;overflow:hidden}.chat-log{overscroll-behavior:contain;flex:1;min-height:0;padding:8px 12px 4px;font-size:12.5px;line-height:1.38;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 14px);mask-image:linear-gradient(#0000 0,#000 14px)}.chat-line{text-shadow:0 1px 1px #000}.chat-line.game{color:#c4c7cd}.chat-line.warn{color:#ec8e70}.chat-line.chat{color:#f1ede4}.chat-line .from{color:var(--azure);font-weight:600}.chat-line.levelup{color:var(--gold-hi);padding-left:12px;font-weight:600;position:relative}.chat-line.levelup:before{content:"";background:var(--gold);width:5px;height:5px;position:absolute;top:.55em;left:1px;transform:rotate(45deg)}.chat-input{color:var(--ink);font:inherit;box-shadow:inset 0 1px 3px #00000080, 0 0 0 1px var(--line-soft);transition:box-shadow var(--fast);background:#00000061;border:1px solid #000000b3;border-radius:3px;outline:none;margin:0 4px 4px;padding:5px 9px}.chat-input::placeholder{color:var(--ink-faint)}.chatbox.folded{height:auto}.chatbox.folded .chat-log{display:none}.chatbox.folded .chat-input{margin-top:4px;margin-right:30px}.chat-fold{cursor:pointer;z-index:2;background:var(--btn);width:22px;height:18px;color:var(--ink-dim);font:700 10px/16px var(--sans);transition:color var(--fast), border-color var(--fast);border:1px solid #0009;border-radius:3px;padding:0;position:absolute;top:3px;right:18px;box-shadow:inset 0 1px #e7d9b81a}.chat-fold:before{content:"▾"}.chatbox.folded .chat-fold{top:auto;bottom:7px;right:6px}.chatbox.folded .chat-fold:before{content:"▴"}.chat-fold:hover{color:var(--gold-hi);border-color:var(--gold-dim)}.chat-fold.unread{color:var(--azure);border-color:#8fb6ea99;box-shadow:0 0 6px #8fb6ea73}.chatbox.folded .grip{display:none}.grip{z-index:3;opacity:.55;width:14px;height:14px;transition:opacity var(--fast);background:repeating-linear-gradient(45deg, transparent 0 2px, var(--gold) 2px 3px, transparent 3px 5px);position:absolute}.grip:hover,body.resizing .grip{opacity:1}.grip-tr{cursor:nesw-resize;clip-path:polygon(0 0,100% 0,100% 100%);border-top-right-radius:5px;top:0;right:0}.grip-tl{cursor:nwse-resize;clip-path:polygon(0 0,100% 0,0 100%);background:repeating-linear-gradient(-45deg, transparent 0 2px, var(--gold) 2px 3px, transparent 3px 5px);border-top-left-radius:5px;top:0;left:0}body.resizing,body.resizing *{-webkit-user-select:none;user-select:none}.chat-input:focus{box-shadow:inset 0 1px 3px #00000080, 0 0 0 1px var(--gold-dim)}.side{--tab-h:346px;transform-origin:100% 100%;width:262px;padding:6px 6px 7px;position:absolute;bottom:10px;right:10px}.tab-bar{border-bottom:1px solid var(--line);gap:2px;margin:0 0 7px;padding:0 1px;display:flex}.tab-btn{cursor:pointer;min-width:0;font:600 12.5px var(--serif);color:var(--ink-dim);border:1px solid #000000a6;border-bottom:1px solid var(--line);transition:color var(--fast), background var(--fast);white-space:nowrap;background:linear-gradient(#282f3dbf,#151920cc);border-radius:3px 3px 0 0;flex:auto;margin-bottom:-1px;padding:5px 3px 4px;overflow:hidden;box-shadow:inset 0 1px #eadcbf0f}.side>.tab-bar{gap:1px;padding:0}.side>.tab-bar .tab-btn{letter-spacing:-.1px;padding:5px 0 4px;font-size:11.8px}.tab-btn:hover{color:var(--ink);background:linear-gradient(#303c4fcc,#191e26d9)}.tab-btn.active{color:var(--gold-hi);border-color:var(--line);box-shadow:inset 0 2px 0 var(--gold), inset 0 3px 6px #e0c9a114;background:linear-gradient(#3c4e6f8c,#1b212a33);border-bottom-color:#0000}.tab{height:var(--tab-h);overflow:hidden}.tab-settings,.tab-skills{overflow-y:auto}.inv-grid{grid-template-columns:repeat(4,58px);justify-content:center;gap:4px;display:grid}.slot{background:var(--well);width:58px;height:46px;box-shadow:var(--well-shadow);cursor:pointer;transition:border-color var(--fast), background var(--fast);border:1px solid #0000008c;border-radius:3px;place-items:center;display:grid;position:relative}.slot:hover{background:linear-gradient(#d2ae6214,#0003);border-color:#d2ae6280}.slot:empty{cursor:default}.slot:empty:hover{background:var(--well);border-color:#0000008c}.slot.using{box-shadow:var(--well-shadow), 0 0 0 1px #f0e0708c, 0 0 8px #f0e07040;border-color:#f0e070}.slot.casting{border-color:#9ec8ff;box-shadow:inset 0 0 8px #8cbeff8c,0 0 0 1px #9ec8ff80}.slot.dragging{opacity:.45}.slot.drop-target{border-color:var(--gold);background:linear-gradient(#d2ae6229,#0003)}.slot .icon{object-fit:contain;pointer-events:none;filter:drop-shadow(1px 2px 1px #0009);width:44px;height:44px}.slot .icon.pending{width:auto;height:auto;color:var(--ink-faint);font-size:9px}.slot .count{font:600 11px var(--sans);color:#efe9dc;letter-spacing:.01em;text-shadow:0 1px 1px #000,0 0 3px #000;pointer-events:none;font-variant-numeric:tabular-nums;position:absolute;top:1px;left:3px}.slot .count.big{color:var(--gold-hi)}.slot .price{text-align:center;font:600 10.5px var(--sans);color:var(--gold-hi);text-shadow:0 1px 1px #000;pointer-events:none;background:linear-gradient(#0000,#0000008c);border-radius:0 0 2px 2px;padding:1px 0 0;position:absolute;bottom:1px;left:1px;right:1px}.equip-grid{grid-template-columns:repeat(3,58px);grid-template-areas:"neck head ammo""weapon body shield""hands legs ring"".feet.";justify-content:center;gap:4px 8px;margin:0 0 6px;display:grid}.eq-head{grid-area:head}.eq-neck{grid-area:neck}.eq-ammo{grid-area:ammo}.eq-weapon{grid-area:weapon}.eq-body{grid-area:body}.eq-shield{grid-area:shield}.eq-hands{grid-area:hands}.eq-legs{grid-area:legs}.eq-ring{grid-area:ring}.eq-feet{grid-area:feet}.slot.eq.empty{cursor:default}.slot.eq.empty:hover{background:var(--well);border-color:#0000008c}.slot .icon.ghost{filter:brightness(0)opacity(.42)drop-shadow(0 1px #eee2cb12);width:36px;height:36px}.eq-label{font:600 9.5px var(--sans);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.bonuses{color:var(--ink-dim);grid-template-columns:1fr 1fr;gap:1px 14px;padding:0 8px;font-size:12px;line-height:1.3;display:grid}.bonuses h4{font:700 14px var(--serif);color:var(--gold);border-bottom:1px solid var(--line-soft);grid-column:1/-1;margin:0 0 2px;padding-bottom:1px}.bonuses b{color:var(--ink);float:right;font-variant-numeric:tabular-nums}.bonuses b.neg{color:var(--red)}.bonuses h4+h4,.bonuses div+h4{margin-top:6px}.skills-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;display:grid}.skill{background:var(--well);box-shadow:var(--well-shadow);transition:border-color var(--fast);border:1px solid #00000080;border-radius:3px;justify-content:space-between;align-items:center;gap:2px;padding:6px 4px 8px;display:flex;position:relative}.skill:hover{border-color:#d2ae6266}.sk-name{color:var(--ink-dim);font-size:13px}.sk-lvl{white-space:nowrap;color:#e0d9c0;font-variant-numeric:tabular-nums;flex:none;font-size:11.5px;font-weight:600}.skill .sk-icon{object-fit:contain;filter:drop-shadow(0 1px 1px #000000b3);flex:none;width:17px;height:17px;margin:-4px 2px -4px 0}.skill .sk-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.skill.longval .sk-name{font-size:11.5px}.skill.longval .sk-lvl{letter-spacing:-.2px;font-size:11px}.sk-lvl .boosted{color:#8ee07a}.sk-bar{background:#00000080;border-radius:1px;height:2px;position:absolute;bottom:3px;left:7px;right:7px;overflow:hidden}.sk-bar div{background:linear-gradient(90deg, var(--gold-dim), var(--gold));height:100%}.total{border-top:1px solid var(--line-soft);color:var(--ink-dim);justify-content:space-between;align-items:baseline;margin:8px 2px 0;padding:6px 6px 0;display:flex}.total b{font:700 14px var(--sans);color:var(--gold-hi);font-variant-numeric:tabular-nums}.contract{background:var(--well);box-shadow:var(--well-shadow);border:1px solid #00000080;border-radius:3px;margin:8px 0 0;padding:7px 8px 8px;position:relative}.ct-head{font:700 14px var(--serif);color:var(--gold);justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.ct-head .dim{font:500 11px var(--sans);color:var(--ink-faint)}.ct-row{align-items:center;gap:6px;display:flex}.ct-row .icon{flex:none;width:30px;height:30px}.ct-line{color:var(--ink);font-size:12.5px;line-height:1.3}.contract .ct-bar{height:3px;margin:6px 0 4px;position:relative;bottom:0;left:0;right:0}.contract p{margin:3px 0 0;font-size:11.5px;line-height:1.35}.contract .ct-pay{color:var(--ink-dim)}.contract .ct-hint{color:var(--ink-faint);font-style:italic}.tab-rank{overflow-y:auto}.rk-head{text-align:center;border-bottom:1px solid var(--line-soft);padding:6px 6px 8px}.rk-name{font:700 19px/1.15 var(--serif);color:var(--gold-hi)}.rk-title{font:600 12.5px var(--sans);color:var(--ink-dim);letter-spacing:.04em;text-transform:uppercase;margin-top:1px}.rk-pips{justify-content:center;gap:4px;margin-top:7px;display:flex}.rk-pips span{width:14px;height:4px;box-shadow:0 0 0 1px var(--line-soft);background:#0000008c;border-radius:1px}.rk-pips span.on{background:linear-gradient(90deg, var(--gold-dim), var(--gold))}.rk-req{color:var(--ink);justify-content:space-between;align-items:baseline;gap:6px;padding:3px 0 7px;font-size:12.5px;line-height:1.3;display:flex;position:relative}.rk-req.done{color:var(--ink-faint);padding-bottom:3px}.rk-req.done .rk-label{color:#9fcf86}.rk-req .rk-n{font:600 11.5px var(--sans);color:#e0d9c0;font-variant-numeric:tabular-nums;flex:none}.rk-req .ct-bar{height:2px;margin:0;position:absolute;bottom:2px;left:10px;right:0}.rk-ready{font:600 12px/1.35 var(--sans);color:var(--gold-hi);background:#d2ae621a;border:1px solid #d2ae6259;border-radius:3px;margin:6px 0 0;padding:5px 6px}.rk-log{margin-top:8px}.rk-kill{color:var(--ink);border-bottom:1px solid #ffffff08;justify-content:space-between;padding:1px 0;font-size:12.5px;display:flex}.rk-kill b{font:600 12px var(--sans);color:#e0d9c0;font-variant-numeric:tabular-nums}.rk-kill.dim{color:var(--ink-faint)}.shop-grid .slot.earned{border-color:#8ee07a73}.combat-head{border-bottom:1px solid var(--line-soft);margin-bottom:8px;padding:2px 4px 8px}.wname{font:700 19px/1.2 var(--serif);color:var(--gold);margin-bottom:4px}.stat-row{color:var(--ink-dim);justify-content:space-between;align-items:baseline;padding:1px 0;display:flex}.stat-row b{color:var(--ink);font-variant-numeric:tabular-nums}.section-label{margin:0 4px 6px}.style-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.style-btn{background:var(--well);min-height:50px;box-shadow:var(--well-shadow);cursor:pointer;text-align:left;transition:border-color var(--fast), background var(--fast);border:1px solid #0000008c;border-radius:3px;padding:7px 9px 8px;position:relative}.style-btn:hover{border-color:#d2ae6273}.style-btn b{font:700 15px/1.15 var(--serif);color:var(--ink);display:block}.style-btn small{color:var(--ink-faint);margin-top:2px;font-size:11px;line-height:1.25;display:block}.style-btn.retaliate{text-align:left;width:100%;margin-top:8px;display:block}.style-btn.active{border-color:var(--gold);background:linear-gradient(#3c4e6f6b,#1e263459);box-shadow:inset 0 1px #e7d9b81a,0 0 0 1px #d2ae6233}.style-btn.active b{color:var(--gold-hi)}.style-btn.active small{color:var(--ink-dim)}.style-btn.active:after{content:"";background:var(--gold);width:6px;height:6px;position:absolute;top:8px;right:8px;transform:rotate(45deg);box-shadow:0 0 5px #d2ae62b3}.hint{color:var(--ink-dim);font-size:12px}.tab .hint{margin:10px 4px 0}a.link{color:var(--gold);cursor:pointer;text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a.link:hover{color:var(--gold-hi)}.tab-spells{flex-direction:column;padding:0 1px;display:flex}.spell-head{min-height:24px;color:var(--ink-dim);flex:none;justify-content:space-between;align-items:center;padding:0 2px 2px 4px;display:flex}.spell-head b{color:var(--gold);font:700 14px var(--serif)}.spell-head small{color:var(--ink-dim)}.spell-sub{font:700 13.5px var(--serif);color:var(--gold);border-bottom:1px solid var(--line-soft);flex:none;margin:6px 2px 4px;padding-bottom:2px}.spell-sub small{font:400 11px var(--sans);color:var(--ink-faint);margin-left:6px}.sp-grid{flex:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;display:grid}.sp-grid.tele{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-tile{cursor:pointer;background:var(--well);height:40px;box-shadow:var(--well-shadow);transition:border-color var(--fast), background var(--fast);border:1px solid #0000008c;border-radius:3px;place-items:center;display:grid;position:relative}.sp-tile:hover{background:linear-gradient(#d2ae621a,#0003);border-color:#d2ae628c}.sp-tile .main{pointer-events:none;filter:drop-shadow(0 1px 2px #000000b3);width:32px;height:32px}.sp-tile .corner{pointer-events:none;filter:drop-shadow(0 1px 1px #000);width:16px;height:16px;position:absolute;bottom:1px;right:1px}.sp-tile .lv{font:700 9.5px var(--sans);color:var(--ink-dim);text-shadow:0 1px 1px #000,0 0 2px #000;pointer-events:none;position:absolute;top:1px;left:3px}.sp-tile.tp{justify-content:center;align-items:center;min-width:0;height:28px;padding:0 4px 0 12px;display:flex}.sp-tile.tp .town{min-width:0;font:700 12.5px/1.05 var(--serif);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-tile.tp .lv{top:0;left:2px}.sp-tile.active{border-color:var(--gold);box-shadow:var(--well-shadow), 0 0 0 1px #d2ae6259, 0 0 8px #d2ae6240;background:linear-gradient(#3c4e6f80,#1e263459)}.sp-tile.auto{border-color:#d2ae6266}.sp-tile.short{box-shadow:var(--well-shadow), inset 0 0 0 1px #d25a4673}.sp-tile.short .lv{color:#e08a74}.sp-tile.locked{opacity:.34;cursor:default;filter:grayscale(.8)}.sp-tile.locked:hover{background:var(--well);border-color:#0000008c}.my-status{zoom:var(--ui);flex-direction:column;gap:4px;display:flex;position:absolute;top:14px;right:194px;pointer-events:none!important}.my-st{width:30px;height:30px;position:relative}.my-st img{filter:drop-shadow(0 1px 2px #000c);width:30px;height:30px}.my-st .t{font:700 10px var(--sans);color:#ece8de;text-shadow:0 1px 1px #000,0 0 3px #000;white-space:nowrap;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.tab-settings{padding:0 6px 4px 4px}.opt-sec{margin:0 0 10px}.opt-sec>.label{border-bottom:1px solid var(--line-soft);margin:2px 0 6px;padding-bottom:3px;display:block}.opt-line{min-height:26px;color:var(--ink);align-items:center;gap:8px;display:flex}.opt-line>span:first-child,.music-opt>label[for]{min-width:5.6em;color:var(--ink-dim)}.opt-line label,.music-opt label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.music-opt{align-items:center;gap:8px;min-height:26px;display:flex}.music-opt input[type=range]{flex:1;min-width:0}.music-opt [data-k=musicval],.music-opt [data-k=sfxval]{text-align:right;width:32px;color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:12px}.music-opt>label[for]{cursor:default}.keys{color:var(--ink-dim);grid-template-columns:auto 1fr;align-items:baseline;gap:3px 10px;font-size:12px;display:grid}.keys kbd{font:600 10.5px var(--sans);color:var(--ink);background:var(--well), #12151b;box-shadow:0 0 0 1px var(--line-soft), 0 1px 0 #0009;white-space:nowrap;border:1px solid #000000b3;border-radius:3px;justify-self:start;padding:0 5px}.tab-settings .hint{margin:6px 0 0;line-height:1.4}.tab-settings .gpu{color:var(--ink-faint);font-size:11px}.minimap{zoom:var(--ui);width:176px;height:176px;position:absolute;top:10px;right:10px}.multi-badge{box-shadow:inset 0 0 0 1px var(--gold-dim), 0 2px 6px #00000080;color:var(--gold-hi);font:600 11px var(--sans);letter-spacing:.03em;background:linear-gradient(#2a3342,#151a22);border:1px solid #000;border-radius:2px;align-items:center;gap:3px;padding:3px 8px 3px 5px;display:flex;position:absolute;bottom:-4px;right:-4px}.multi-badge.hidden{display:none}.minimap canvas{cursor:pointer;border-radius:50%;width:176px;height:176px;display:block;box-shadow:0 0 0 1px #000,0 4px 16px #0000008c}.map-btn{font:700 12.5px var(--serif);color:var(--gold);cursor:pointer;box-shadow:inset 0 0 0 1px var(--gold-dim), 0 2px 6px #00000080;transition:color var(--fast);background:linear-gradient(#2a3342,#151a22);border:1px solid #000;border-radius:2px;padding:3px 10px 4px;position:absolute;bottom:-4px;left:-6px}.map-btn:hover{color:var(--gold-hi)}.worldmap{box-shadow:inset 0 0 0 1px var(--line), 0 10px 40px #000000b3;z-index:20;background:#0c0d0f;border:1px solid #000;border-radius:5px;flex-direction:column;animation:.14s ease-out win-in;display:flex;position:absolute;inset:40px 300px 40px 40px;overflow:hidden}.wm-head{border-bottom:1px solid var(--line);background:var(--grain), var(--leather);flex:none;align-items:center;gap:14px;padding:7px 8px 7px 14px;display:flex}.wm-head b{font:700 20px var(--serif);color:var(--gold);white-space:nowrap}.wm-areas{flex-wrap:wrap;flex:1;gap:3px;min-width:0;display:flex}.wm-areas button{font:600 13px var(--serif);color:var(--ink-dim);cursor:pointer;transition:color var(--fast);white-space:nowrap;background:linear-gradient(#282f3dbf,#151920cc);border:1px solid #000000a6;border-radius:3px;padding:2px 10px 3px;box-shadow:inset 0 1px #eadcbf0f}.wm-areas button:hover{color:var(--ink)}.wm-areas button.active{color:var(--gold-hi);border-color:var(--gold-dim);background:linear-gradient(#3c4e6f8c,#1b212a66)}.wm-foot{box-shadow:inset 0 0 0 1px var(--line-soft);color:var(--ink-dim);white-space:nowrap;pointer-events:none;background:#0a0c0fc7;border:1px solid #0009;border-radius:2px;padding:3px 12px;font-size:11.5px;position:absolute;bottom:8px;right:10px}.worldmap canvas{cursor:grab;flex:1;width:100%;height:100%;min-height:0}.worldmap canvas:active{cursor:grabbing}.x-btn{width:26px;height:26px;font:400 20px/1 var(--sans);color:var(--ink-dim);cursor:pointer;transition:color var(--fast), background var(--fast), border-color var(--fast);background:0 0;border:1px solid #0000;border-radius:3px;flex:none;place-items:center;padding:0;display:grid}.x-btn:hover{color:var(--ink);border-color:var(--line);background:#ffffff0d}.vitals{flex-direction:column;gap:4px;width:176px;padding:6px 8px;display:flex;position:absolute;top:200px;right:10px}.vital{grid-template-columns:28px 1fr 30px;align-items:center;gap:6px;height:16px;display:grid}.vital .vk{font:600 9.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.vital .vn{font:700 12px var(--sans);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #000}.vbar{clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#0a0c10;border:1px solid #000;height:9px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #d2ae6238,inset 0 1px 2px #000c}.vbar .fill{height:100%;transition:width .22s ease-out;box-shadow:inset 0 1px #ffffff38}.vital.hp .fill{background:linear-gradient(#c8433a,#8e2622 60%,#6e1b18)}.vital.hp.low .vn{color:#ef8b78}.vital.run{cursor:pointer;border-radius:2px}.vital.run .fill{background:linear-gradient(#8a98ac,#56637a 60%,#444f63)}.vital.run:hover .vk{color:var(--ink-dim)}.vital.run.on .fill{background:linear-gradient(#ecd18c,#b48d44 60%,#8a6a30)}.vital.run.on .vk{color:var(--gold-hi)}.xp-drops{flex-direction:column;align-items:end;gap:4px;display:flex;position:absolute;top:14px;right:232px;pointer-events:none!important}.xp-card{background:var(--grain), linear-gradient(90deg, #14182059, #141820e0 30%);border-right:2px solid var(--gold);border-radius:2px 0 0 2px;grid-template-columns:1fr auto;align-items:baseline;column-gap:10px;min-width:118px;padding:4px 9px 6px 10px;transition:opacity .38s ease-in,transform .38s ease-in;animation:.16s ease-out xp-in;display:grid;box-shadow:0 2px 8px #00000059}.xp-card .sk{font:700 14px/1.1 var(--serif);color:var(--gold-hi);text-shadow:0 1px 1px #000}.xp-card b{font:700 13px var(--sans);color:#f1ede4;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #000}.xp-card .xb{background:#0000008c;grid-column:1/-1;height:2px;margin-top:3px;display:block}.xp-card .xb i{background:linear-gradient(90deg, var(--gold-dim), var(--gold-hi));height:100%;transition:width .3s ease-out;display:block}.xp-card.bump b{animation:.26s ease-out xp-bump}.xp-card.out{opacity:0;transform:translate(10px)}@keyframes xp-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes xp-bump{0%{color:var(--gold-hi);transform:scale(1.18)}to{transform:none}}.proclaim{text-align:center;background:radial-gradient(60% 70%,#0c0e13b8,#0000 75%);flex-direction:column;align-items:center;padding:6px 34px 8px;animation:3.6s ease-out forwards proclaim;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%);pointer-events:none!important}.proclaim:before,.proclaim:after{content:"";background:linear-gradient(90deg, transparent, var(--gold) 30%, var(--gold) 70%, transparent);width:220px;height:1px}.proclaim small{font:600 11px var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 1px 2px #000;margin-top:5px}.proclaim b{font:700 30px/1.05 var(--serif);letter-spacing:.03em;color:var(--gold-hi);text-shadow:0 2px 8px #000c;margin:0 0 5px}@keyframes proclaim{0%{opacity:0;transform:translate(-50%,-6px)}8%{opacity:1;transform:translate(-50%)}82%{opacity:1}to{opacity:0}}.modal{place-items:center;display:grid;position:absolute;inset:0;pointer-events:none!important}.window{pointer-events:auto;flex-direction:column;min-width:380px;max-width:560px;padding:0;display:flex;position:relative}.window.enter{animation:.13s ease-out win-in}@keyframes win-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}.win-head{border-bottom:1px solid var(--line);background:linear-gradient(#d2ae621c,#d2ae6205);border-radius:4px 4px 0 0;align-items:center;gap:10px;padding:8px 8px 7px 16px;display:flex}.win-head h3{min-width:0;font:700 21px/1.15 var(--serif);color:var(--gold);letter-spacing:.01em;flex:1;margin:0}.win-head .sub{color:var(--ink-faint);white-space:nowrap;font-size:12px}.win-body{padding:12px 16px}.win-foot{border-top:1px solid var(--line-soft);align-items:center;gap:8px;padding:9px 16px 12px;display:flex}.win-foot .spacer{flex:1}.win-foot .hint{margin:0}.well{box-shadow:inset 0 1px 4px #00000080, 0 0 0 1px var(--line-soft);background:#0000003d;border:1px solid #0009;border-radius:3px;padding:6px}.window.dialog{width:520px;max-width:520px}.window.dialog p{font:500 18px/1.45 var(--serif);color:#e8e3d8;white-space:pre-line;margin:0}.window.dialog .win-foot{border-top:0;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:2px}.bank-grid,.shop-grid{grid-template-columns:repeat(8,52px);align-content:start;gap:4px;max-height:330px;display:grid;overflow-y:auto}.bank-grid{min-height:150px}.bank-grid .slot,.shop-grid .slot{width:52px;height:46px}.shop-grid .slot{height:54px}.shop-grid .slot .icon{width:40px;height:40px;margin-bottom:8px}.bank-grid .hint{text-align:center;color:var(--ink-faint);grid-column:1/-1;margin:10px 6px}.window.bank{min-width:0;max-width:none}.window.bank .win-body{flex-direction:column;flex:1;min-height:0;padding-top:8px;display:flex}.window.bank .well{flex-direction:column;flex:1;min-height:0;display:flex}.window.bank .bank-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));grid-auto-rows:46px;min-height:0;max-height:none;padding-right:2px}.window.bank .bank-grid .slot{width:auto}.window.bank .win-foot{flex-wrap:wrap;row-gap:6px}.bank-tabs{margin:0 0 8px}.bank-find{align-items:stretch;gap:8px;margin:0 0 6px;display:flex}.bank-find .bank-search{flex:1;width:auto;min-width:0;margin:0}.bank-find .btn{flex:none}.bank-tabs .tab-btn{padding:5px 6px 4px;font-size:13.5px}.bank-tabs .tab-btn small{font:600 10.5px var(--sans);color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-left:5px}.bank-tabs .tab-btn.active small{color:var(--gold-dim)}.bank-tabs .tab-btn.empty:not(.active){color:var(--ink-faint);opacity:.7}.bank-grid .slot.placeholder .icon{opacity:.32;filter:grayscale()brightness(.8)}.bank-grid .slot.placeholder .count{color:var(--ink-faint)}.bank-grid .slot.drop-before:before,.bank-grid .slot.drop-after:after{content:"";background:var(--gold-hi);pointer-events:none;border-radius:2px;width:3px;position:absolute;top:2px;bottom:2px;box-shadow:0 0 6px #d6caa499}.bank-grid .slot.drop-before:before{left:0}.bank-grid .slot.drop-after:after{right:0}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:hover{background:var(--btn);border-color:var(--gold-dim);color:var(--ink)}.grip-br{cursor:nwse-resize;clip-path:polygon(100% 0,100% 100%,0 100%);background:repeating-linear-gradient(-45deg, transparent 0 2px, var(--gold) 2px 3px, transparent 3px 5px);border-bottom-right-radius:5px;bottom:0;right:0}.bank-search{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;box-shadow:inset 0 1px 3px #00000080, 0 0 0 1px var(--line-soft);transition:box-shadow var(--fast);background:#00000061;border:1px solid #000000b3;border-radius:3px;outline:none;margin:0 0 6px;padding:5px 9px;display:block}.bank-search:focus{box-shadow:inset 0 1px 3px #00000080, 0 0 0 1px var(--gold-dim)}.bank-search::placeholder{color:var(--ink-faint)}.coins-have{color:var(--ink-dim);align-items:center;gap:4px;display:inline-flex}.coins-have b{color:#ffe56a;font-variant-numeric:tabular-nums;text-shadow:0 1px #000}.bank-as{align-items:center;gap:8px;display:flex}.make-list{flex-direction:column;gap:4px;max-height:440px;padding-right:2px;display:flex;overflow-y:auto}.make-row{background:var(--well);box-shadow:var(--well-shadow);transition:border-color var(--fast);border:1px solid #00000080;border-radius:3px;align-items:center;gap:10px;padding:4px 8px 4px 4px;display:flex}.make-row:hover{border-color:#d2ae6266}.make-row .icon{filter:drop-shadow(1px 2px 1px #0009);flex:none;width:36px;height:36px}.make-row.cant{opacity:.45}.make-row.cant:hover{border-color:#00000080}.make-info{flex-direction:column;flex:1;min-width:0;display:flex}.make-info b{font:700 15px var(--serif)}.make-info small{color:var(--ink-dim)}.make-row .seg .btn{min-width:34px;padding:3px 8px}.overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.overlay>*{will-change:transform;position:absolute;top:0;left:0}.hitsplat{box-sizing:border-box;min-width:26px;height:29px;font:700 13px var(--sans);color:#fff6ea;text-shadow:0 1px 1px #000000e6;--rim:#10131a;--field:linear-gradient(#b8342c, #85201c 60%, #6a1816);filter:drop-shadow(0 1px 1.5px #000000bf);place-items:center;padding:0 7px 8px;display:grid}.hitsplat:before,.hitsplat:after{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%);position:absolute}.hitsplat:before{background:var(--rim);inset:0}.hitsplat:after{background:linear-gradient(#ffd6be4d, #fff0 2px), var(--field);inset:1.5px 1.5px 2.5px}.hitsplat.miss{--field:linear-gradient(#6d7788, #454d5b 60%, #363c47);color:#d9dde4}.hitsplat.burn{--field:linear-gradient(#e08a34, #a8521a 60%, #8a3e12)}.hitsplat.poison{--field:linear-gradient(#8e9a30, #5e681c 60%, #444c12)}.st-row{gap:2px;display:flex}.st-row img{filter:drop-shadow(0 1px 1px #000000b3);width:24px;height:24px}.hpbar{background:#14171d;border:1px solid #000;width:48px;height:6px;box-shadow:0 0 0 1px #d2ae6259,0 1px 3px #0009}.hpbar div{background:linear-gradient(#d0463b,#8e2622);height:100%;box-shadow:inset 0 1px #ffc8b959}.say{font:600 13px var(--sans);color:#f3eee4;text-shadow:0 1px 1px #000;white-space:nowrap;background:#0c0e139e;border-radius:2px;padding:1px 8px 2px;box-shadow:inset 0 -1px #d2ae6273}.float-text{font:700 16px var(--serif);color:#dec79b;text-shadow:0 1px 3px #000}.fatal{z-index:100;background:#0009;place-items:center;display:grid;position:absolute;inset:0}.fatal .panel{text-align:center;min-width:300px;padding:20px 28px 22px;animation:.15s ease-out win-in}.fatal h2{font:700 26px var(--serif);color:var(--gold);margin:0 0 6px}.fatal p{color:var(--ink-dim);margin:0 0 16px}.click-cross{z-index:60;width:0;height:0;animation:.42s cubic-bezier(.2,.7,.3,1) forwards xclick;position:absolute;pointer-events:none!important}.click-cross i{background:var(--c);clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%);filter:drop-shadow(0 0 1px #10131a);transform-origin:3px 16px;width:6px;height:10px;position:absolute;top:-16px;left:-3px}.click-cross i:nth-child(2){transform:rotate(90deg)}.click-cross i:nth-child(3){transform:rotate(180deg)}.click-cross i:nth-child(4){transform:rotate(270deg)}.click-cross.walk{--c:#e6c476}.click-cross.act{--c:#d4463c}@keyframes xclick{0%{opacity:0;transform:scale(1.35)}18%{opacity:1}65%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(.5)}}.boss-bar{background:var(--grain), linear-gradient(#14181feb, #0b0d11eb);width:min(560px,60vw);box-shadow:var(--frame-shadow);border:1px solid #000;border-radius:5px;padding:7px 12px 8px;position:absolute;top:14px;left:50%;transform:translate(-50%);pointer-events:none!important}.bb-head{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.bb-name{font:700 18px/1 var(--serif);letter-spacing:.03em;color:#dcd1b7;text-shadow:0 1px 2px #000}.bb-hp{font:600 11.5px var(--sans);color:var(--ink-dim);font-variant-numeric:tabular-nums}.bb-track{background:#1a0c09;border:1px solid #000c;border-radius:2px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000b3}.bb-lag,.bb-fill{position:absolute;top:0;bottom:0;left:0}.bb-lag{opacity:.55;background:#d8b27a}.bb-fill{background:linear-gradient(#c8432e,#8a1e12 60%,#6e160c);box-shadow:inset 0 1px #e7c7b840}.boss-bar[data-boss=ash_wyrm][data-phase="1"] .bb-fill{background:linear-gradient(#9a948a,#5e5a54 60%,#42454b)}.boss-bar[data-boss=ash_wyrm][data-phase="2"] .bb-fill{background:linear-gradient(#f08a2a,#b8400e 60%,#8a2a08)}.bb-pillars{align-items:center;gap:3px;margin-top:5px;display:flex}.bb-pillars .bb-pl-n{font:600 11px var(--sans);color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-right:6px}.bb-pillars i{background:linear-gradient(#d5d2cc,#9c968a);border-radius:1px;width:9px;height:12px;box-shadow:inset 0 -1px #00000059,0 0 1px #000}.boss-bar .bb-belly{color:#ded6b5}.boss-bar.bb-open .bb-fill{background:linear-gradient(#e8a07a,#b8563a 60%,#8e3a22)}.bb-pillars i.down{background:#25282d;height:5px;margin-top:7px;box-shadow:inset 0 0 0 1px #a0968759}.bb-marks i{background:#ded4bcbf;width:2px;margin-left:-1px;position:absolute;top:-1px;bottom:-1px;box-shadow:0 0 2px #000}.bb-phase{font:600 12px var(--sans);align-items:baseline;gap:10px;margin-top:5px;display:flex}.bb-ph{color:#e2ded6;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.bb-imm{color:#e98b6d}.boss-bar.bb-flash{animation:1.2s ease-out bb-flash}@keyframes bb-flash{0%{box-shadow:0 0 0 2px #f0783ce6,0 6px 22px #0000008c}to{box-shadow:var(--frame-shadow)}}.crypt-bar{text-align:center;background:var(--grain), linear-gradient(#141619e6, #0b0c0de6);box-shadow:var(--frame-shadow);border:1px solid #000;border-radius:5px;padding:5px 14px 6px;position:absolute;top:14px;left:50%;transform:translate(-50%);pointer-events:none!important}.crypt-bar .cb-name{font:700 15px/1 var(--serif);letter-spacing:.04em;color:#d0cbbf;text-shadow:0 1px 2px #000}.crypt-bar .cb-tally{font:600 12px var(--sans);color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-top:3px}.crypt-bar .cb-tally b{color:#dcd1b7;font-size:14px;display:inline-block}.crypt-bar .cb-awake{font:700 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#e98b6d;margin-top:3px;display:none}.crypt-bar.awake{border-color:#e98b6db3;animation:1.6s ease-in-out infinite cb-pulse}.crypt-bar.awake .cb-awake{display:block}@keyframes cb-pulse{0%,to{box-shadow:0 4px 16px #00000080}50%{box-shadow:0 0 0 2px #e98b6d8c,0 4px 16px #00000080}}.crypt-bar.bump .cb-tally b{animation:.35s ease-out cb-bump}@keyframes cb-bump{0%{color:#fff;transform:scale(1.5)}to{transform:scale(1)}}.hitsplat.immune{--field:linear-gradient(#a8a49c, #6e6b66 60%, #57544f);color:#1d1b18;text-shadow:0 1px #ffffff4d}.drag-ghost{z-index:1000;pointer-events:none;opacity:.85;filter:drop-shadow(1px 2px 2px #000000b3);width:44px;height:44px;margin:-22px 0 0 -22px;position:fixed}.tip .up{color:#8fd06a;font-weight:700}.tip .down{color:#ec7a62;font-weight:700}.intro-fade{opacity:1;background:#000;transition:opacity 4.6s cubic-bezier(.4,0,.3,1);position:absolute;inset:0;pointer-events:none!important}.intro-fade.lift{opacity:0}.intro-fade.quick{transition-duration:.8s}.hud.intro .side,.hud.intro .chatbox,.hud.intro .vitals,.hud.intro .minimap,.hud.intro .xp-drops,.hud.intro .my-status,.hud.intro .proclaim,.hud.intro .hover-text{visibility:hidden}.hud.intro .modal{place-items:end center;padding-bottom:9vh}.hud.intro .window.dialog{background:#0e1015d6}.hud.intro .window.dialog .x-btn{display:none}.intro-skip{zoom:var(--ui);opacity:.75;pointer-events:auto;position:absolute;top:18px;right:22px}.intro-skip:hover{opacity:1}.intro-skip small{font:600 10.5px var(--sans);color:var(--ink-faint);margin-left:6px}.window.house-plans{width:640px;max-width:640px}.house-plans .win-body{padding-top:8px}.hp-tabs{margin:0 0 8px}.hp-list{flex-direction:column;gap:4px;max-height:470px;padding-right:4px;display:flex;overflow-y:auto}.hp-intro{font:500 15px/1.4 var(--serif);color:#ded9ce;margin:2px 2px 6px}.hp-head{font:700 16px var(--serif);color:var(--gold);border-bottom:1px solid var(--line-soft);margin:8px 2px 2px;padding-bottom:2px}.hp-row{background:var(--well);box-shadow:var(--well-shadow);border:1px solid #00000080;border-radius:3px;align-items:center;gap:12px;padding:6px 8px;display:flex}.hp-row.built{border-color:#7fae5a59}.hp-row.later{opacity:.55}.hp-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.hp-text b{font:700 16px var(--serif);color:var(--ink)}.hp-text small{color:var(--ink-dim)}.hp-text .hp-sub{color:var(--gold-dim);font-weight:600}.hp-side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;max-width:290px;display:flex}.hp-cost{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}.hp-chip{font:600 11.5px var(--sans);color:#ddd7c7;font-variant-numeric:tabular-nums;background:#0000004d;border:1px solid #d2ae622e;border-radius:3px;align-items:center;gap:2px;padding:1px 5px 1px 1px;display:inline-flex}.hp-chip .icon{width:22px;height:22px}.hp-chip.short{color:#e59a8a;border-color:#c4513f99}.hp-why{color:var(--ink-faint);text-align:right}.hp-done{color:var(--green);font-weight:600}.hp-confirm{align-items:center;gap:6px;display:flex}.hp-confirm small{color:#e7d8b8}.hp-arms{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 2px;display:flex}.hp-arms-label{width:60px;font:700 14px var(--serif);color:var(--gold)}.hp-swatch{cursor:pointer;border:1px solid #000c;border-radius:3px;width:26px;height:26px;box-shadow:inset 0 0 0 1px #ffffff1f}.hp-swatch.on{outline:2px solid var(--gold-hi);outline-offset:1px}.hp-banner{filter:drop-shadow(1px 3px 3px #0009);align-self:center;margin:8px}