@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-ext-600-normal-BEFdM_VE.woff2)format("woff2"),url(/assets/cinzel-latin-ext-600-normal-BY9Mq9iK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-cyrillic-ext-400-normal-CBouUAPx.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-ext-400-normal-ClLgPhqT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-cyrillic-400-normal-CFUoBDld.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-400-normal-C2XSGevv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-greek-ext-400-normal-CaUEPd_u.woff2)format("woff2"),url(/assets/alegreya-sans-greek-ext-400-normal-D6j-TQLM.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-greek-400-normal-B87Md6o9.woff2)format("woff2"),url(/assets/alegreya-sans-greek-400-normal-8U5NAP_q.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-vietnamese-400-normal-D7fwYHgb.woff2)format("woff2"),url(/assets/alegreya-sans-vietnamese-400-normal-BFvpiE3j.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-ext-400-normal-D7N6b6bd.woff2)format("woff2"),url(/assets/alegreya-sans-latin-ext-400-normal-DpBVrRWA.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-400-normal-DtLlO8BS.woff2)format("woff2"),url(/assets/alegreya-sans-latin-400-normal-DmA8jeke.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-cyrillic-ext-500-normal-BjdEjhHc.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-ext-500-normal-CBZLRaMr.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-cyrillic-500-normal-kQHBM3cE.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-500-normal-gEBUHwKD.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-greek-ext-500-normal-8OvC5Vmr.woff2)format("woff2"),url(/assets/alegreya-sans-greek-ext-500-normal-Cp0bGOKK.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-greek-500-normal-CjlmbScm.woff2)format("woff2"),url(/assets/alegreya-sans-greek-500-normal-BwxJMQU_.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-vietnamese-500-normal-CFLbXWhL.woff2)format("woff2"),url(/assets/alegreya-sans-vietnamese-500-normal-B1LHNMw0.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-latin-ext-500-normal-TH5u60nj.woff2)format("woff2"),url(/assets/alegreya-sans-latin-ext-500-normal-CxFoZ42m.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-latin-500-normal-DS713u5J.woff2)format("woff2"),url(/assets/alegreya-sans-latin-500-normal-vXxrTKJT.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-cyrillic-ext-700-normal-Cpzx2u2L.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-ext-700-normal-YOec_wOb.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-cyrillic-700-normal-BMO00Gdb.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-700-normal-qSextXl4.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-greek-ext-700-normal-ChNZoGr1.woff2)format("woff2"),url(/assets/alegreya-sans-greek-ext-700-normal-BVJ8GoGc.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-greek-700-normal-CTof9pYC.woff2)format("woff2"),url(/assets/alegreya-sans-greek-700-normal-BZuMtSJ5.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-vietnamese-700-normal-CHYTK2w7.woff2)format("woff2"),url(/assets/alegreya-sans-vietnamese-700-normal-D0056cUE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-latin-ext-700-normal-HuHd3-Mg.woff2)format("woff2"),url(/assets/alegreya-sans-latin-ext-700-normal-CkNjzB9Y.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-latin-700-normal-DEbcy2sF.woff2)format("woff2"),url(/assets/alegreya-sans-latin-700-normal-BnzUNlma.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-cyrillic-ext-500-italic-BIzBYCSP.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-ext-500-italic-Bkjl8ELB.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya Sans;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-cyrillic-500-italic-ajger6_P.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-500-italic-PqmGysOr.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Sans;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-greek-ext-500-italic-BpQbNmgZ.woff2)format("woff2"),url(/assets/alegreya-sans-greek-ext-500-italic-DYl9jrL-.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Alegreya Sans;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-greek-500-italic-wTM1Ziw9.woff2)format("woff2"),url(/assets/alegreya-sans-greek-500-italic-Uk7JRlsA.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Alegreya Sans;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-vietnamese-500-italic-B9QAW8vl.woff2)format("woff2"),url(/assets/alegreya-sans-vietnamese-500-italic-rA3oDJ03.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya Sans;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-latin-ext-500-italic-qRpMapYw.woff2)format("woff2"),url(/assets/alegreya-sans-latin-ext-500-italic-wwwnDi8z.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-latin-500-italic-Cy9hpxES.woff2)format("woff2"),url(/assets/alegreya-sans-latin-500-italic-Ds9hV66j.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#120d09;--text:#efe3c8;--muted:#b3a07f;--dim:#8a7a5e;--ink:#2e2012;--ink-soft:#6b5536;--gold:#d9b45f;--gold-hi:#f2d68e;--gold-lo:#8a6a2e;--iron:#17120d;--rim:#6b5129;--red:#c4513f;--good:#9fd08a;--hp:#b3261c;--hp-hi:#e0503c;--stam:#e3b443;--xp:#7fb0d8;--radius:4px;--title:"Cinzel", Georgia, "Times New Roman", serif;--font:"Alegreya Sans", "Segoe UI", system-ui, sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--board:linear-gradient(#0e09058c, #0e0905b8), var(--tex-wood,#2a1d12);--leather:linear-gradient(#0a060359, #0a060380), var(--tex-leather,#2c1f17);--parch:var(--tex-parch,#d9c49a);--frame:0 0 0 1px #0b0704, 0 0 0 3px var(--rim), 0 0 0 4px #0b0704, inset 0 0 0 1px #f2d68e2e, inset 0 0 26px #0009, 0 14px 40px #0000008c;--frame-thin:0 0 0 1px #0b0704, 0 0 0 2px var(--rim), 0 0 0 3px #0b0704, inset 0 0 12px #0000008c;--text-shadow:0 1px 2px #000000e6}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:16px/1.4 var(--font);margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none}#stage{position:fixed;inset:0}#stage canvas{outline:none;width:100%;height:100%;display:block}#ui{pointer-events:none;zoom:var(--ui-scale,1);position:fixed;inset:0}#ui>*{pointer-events:auto}button{font:inherit;color:inherit}b,strong{font-weight:700}kbd{font:700 12px/1 var(--font);text-align:center;min-width:1.7em;color:var(--gold-hi);background:linear-gradient(#3a2c1a,#1d140b);border:1px solid #0b0704;border-radius:3px;padding:3px 5px;display:inline-block;box-shadow:inset 0 1px #f2d68e40,0 1px #000}h1,h2,h3{font-family:var(--title);letter-spacing:.04em;color:var(--gold-hi);text-shadow:var(--text-shadow);font-weight:700}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#5b4423,#3a2a15);border:2px solid #120c06;border-radius:6px}::-webkit-scrollbar-track{background:#00000040}.framed:after,.panel:after,.card:after,.dialog .card:after{content:"";pointer-events:none;z-index:2;background:var(--orn-tl) top left / 30px no-repeat, var(--orn-tr) top right / 30px no-repeat, var(--orn-bl) bottom left / 30px no-repeat, var(--orn-br) bottom right / 30px no-repeat;position:absolute;inset:-9px}.btn{cursor:pointer;white-space:nowrap;border-radius:var(--radius);color:var(--text);letter-spacing:.02em;text-shadow:var(--text-shadow);background:linear-gradient(#ffe6b414, #00000040), var(--tex-wood,#3a2a18);box-shadow:inset 0 1px 0 #f2d68e38, inset 0 -2px 0 #0006, 0 0 0 1px var(--rim), 0 2px 4px #00000080;border:1px solid #0b0704;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:700;transition:filter .12s,transform 60ms;display:inline-flex;position:relative}.btn:hover{filter:brightness(1.25)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default;filter:grayscale(.5)}.btn.primary{color:#23170a;text-shadow:0 1px #fff0c880;background:linear-gradient(#f0d48c,#c39a48 55%,#8d6a2c);box-shadow:inset 0 1px #fff3c8,inset 0 -2px #3c230580,0 0 0 1px #4a3313,0 2px 4px #00000080}.btn.danger{color:#ffd0c4;background:linear-gradient(#9628198c, #3c0c06b3), var(--tex-wood,#3a2a18)}.btn.small{padding:4px 10px;font-size:14px}.btn.block{width:100%}.btn.on{box-shadow:inset 0 0 0 1px var(--gold), 0 0 0 1px var(--gold-lo), 0 0 10px #d9b45f59}.progress{height:10px;box-shadow:var(--frame-thin);background:#120c06;border-radius:6px;margin-top:18px;overflow:hidden}.progress>i{background:linear-gradient(#f0d48c,#a07a35);width:0;height:100%;transition:width .25s;display:block}.subtle{color:var(--muted);font-size:14px}.error{color:#ffb3a3}.screen{z-index:50;background:radial-gradient(1200px 700px at 50% 35%, #4630168c 0%, #0e0905f2 70%), var(--tex-leather,#120d09);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.screen.fade{transition:opacity .6s}.screen.gone{opacity:0;pointer-events:none}.card{background:var(--board);border-radius:var(--radius);width:min(440px,100%);box-shadow:var(--frame);text-align:center;padding:30px;position:relative}.card h1{margin:0 0 8px;font-size:30px}.card p{color:var(--muted);margin:0 0 14px}.card .crest{width:52px;height:52px;color:var(--gold);filter:drop-shadow(0 2px 3px #000);margin-bottom:12px}.bar{height:9px;box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim);background:#120c06;border-radius:5px;margin-top:5px;position:relative;overflow:hidden}.bar>i{background:linear-gradient(var(--hp-hi), var(--hp));transition:width .3s;position:absolute;inset:0 auto 0 0}.bar.xp>i{background:linear-gradient(#b8dcf5, var(--xp))}.bar-label{color:var(--muted);justify-content:space-between;margin-top:3px;font-size:13px;display:flex}.hud-tl{left:16px;top:calc(16px + var(--safe-t));align-items:flex-start;gap:10px;display:flex;position:fixed;pointer-events:none!important}.hud-tl .portrait{pointer-events:auto;background:radial-gradient(circle, #3a2a15 60%, #120c06 61%), var(--tex-iron,#222);width:66px;height:66px;box-shadow:0 0 0 2px #0b0704, 0 0 0 4px var(--rim), 0 0 0 5px #0b0704, 0 4px 12px #0009;border-radius:50%;padding:4px;position:relative}.hud-tl img{background:#222;border-radius:50%;width:100%;height:100%;display:block}.hud-tl .lvl{min-width:26px;height:26px;font:700 13px var(--title);color:#23170a;background:radial-gradient(circle at 35% 30%,#fbe6a8,#c39a48 60%,#6d4f1d);border-radius:50%;place-items:center;padding:0 4px;display:grid;position:absolute;bottom:-4px;right:-6px;box-shadow:0 0 0 1px #0b0704,0 2px 4px #000}.hud-tl .plate{margin-top:8px}.hud-tl .name{font:700 17px var(--title);color:var(--gold-hi);text-shadow:0 1px 3px #000,0 0 8px #000c;white-space:nowrap}.fps{color:#e8e2d0;white-space:pre;box-shadow:var(--frame-thin);background:#0a0704b3;border-radius:4px;margin-top:6px;padding:5px 8px;font:12px ui-monospace,Consolas,monospace;display:none}.fps.show{display:block}.hud-tr{right:16px;top:calc(16px + var(--safe-t));flex-direction:column;align-items:center;gap:8px;width:200px;display:flex;position:fixed}#ui>.hud-tr{pointer-events:none}.hud-tr>*{pointer-events:auto}.mini-ring{background:var(--tex-iron,#222);width:190px;height:190px;box-shadow:0 0 0 2px #0b0704, 0 0 0 4px var(--rim), 0 0 0 5px #0b0704, inset 0 0 0 1px #f2d68e33, 0 6px 18px #0009;border-radius:50%;padding:5px;position:relative}.minimap{background:#1e3e54;border-radius:50%;width:180px;height:180px;display:block;box-shadow:inset 0 0 18px #000000b3}.mini-ring .stud{font:700 11px var(--title);color:var(--gold-hi);width:20px;height:20px;box-shadow:0 0 0 1px var(--rim), 0 1px 3px #000;background:radial-gradient(circle at 35% 30%,#4a3a22,#150e07);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute}.mini-ring .n{top:-7px;left:85px}.mini-ring .s{bottom:-7px;left:85px}.mini-ring .e{top:85px;right:-7px}.mini-ring .w{top:85px;left:-7px}.place-banner{text-align:center;background:var(--leather);min-width:170px;max-width:240px;box-shadow:var(--frame-thin);border-radius:3px;padding:5px 16px 6px}.place-banner .t{font:700 15px var(--title);color:var(--gold-hi);text-shadow:var(--text-shadow)}.place-banner .sub{color:var(--muted);font-size:13px;line-height:1.2}.purse{box-shadow:var(--frame-thin);background:#0a0704b8;border-radius:14px;align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:flex}.purse .gold{color:var(--gold-hi)}.purse .coin{color:var(--gold);display:inline-flex}.purse .sep{background:var(--rim);width:1px;height:14px;margin:0 4px}.purse .ui-ico{width:17px;height:17px;color:var(--muted)}.purse .coin .ui-ico{color:var(--gold)}.ui-ico{width:1em;height:1em;display:block}.hud-bl{left:16px;bottom:calc(18px + var(--safe-b));flex-direction:column;gap:8px;display:flex;position:fixed;pointer-events:none!important}.hud-bl>*{pointer-events:auto}.hud-bl .row{align-items:flex-end;gap:10px;padding-left:40px;display:flex}.foods{gap:6px;display:flex}.food{background:conic-gradient(var(--gold) calc(var(--left,0) * 360deg), #140d06e6 0);border-radius:50%;width:42px;height:42px;padding:4px;position:relative;box-shadow:0 0 0 1px #0b0704,0 2px 5px #0009}.food .food-ico{background:radial-gradient(circle,#3a2a17,#140d06);border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.food .gi{width:24px;height:24px}.food.empty{background:#140d068c;box-shadow:0 0 0 1px #6b512980}.food.fading{animation:1.2s infinite blink}@keyframes blink{50%{opacity:.45}}.buffs{gap:4px;display:flex}.buff{width:24px;height:24px;color:var(--gold-hi);box-shadow:var(--frame-thin);background:#0a0704bf;border-radius:4px;place-items:center;display:grid}.buff .ui-ico{width:15px;height:15px}.hpbar{align-items:center;display:flex}.hpbar .heart{z-index:1;color:#ff6a55;width:46px;height:46px;box-shadow:0 0 0 2px #0b0704, 0 0 0 4px var(--rim), 0 0 0 5px #0b0704, 0 3px 8px #000;background:radial-gradient(circle at 35% 30%,#4a2a1a,#120806);border-radius:50%;place-items:center;display:grid;position:relative}.hpbar .heart .ui-ico{filter:drop-shadow(0 0 4px #ff503c99);width:27px;height:27px}.hpbar .track{width:270px;height:22px;box-shadow:0 0 0 1px #0b0704, 0 0 0 3px var(--rim), 0 0 0 4px #0b0704, inset 0 2px 6px #000;background:#170a07;border-radius:0 11px 11px 0;margin-left:-8px;position:relative;overflow:hidden}.hpbar .track i{transition:width .25s;position:absolute;inset:0 auto 0 0}.hpbar .track .lag{opacity:.55;background:#e8c070;transition:width .6s ease-in}.hpbar .track .fill{background:linear-gradient(#f06450, var(--hp) 55%, #6e130c);box-shadow:inset 0 1px #ffc8b459}.hpbar .hpt{text-shadow:0 1px 2px #000,0 0 4px #000;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}.hpbar.low .heart{animation:.8s infinite beat}@keyframes beat{0%,to{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}45%{transform:scale(1.08)}}.hud-bar{left:50%;bottom:calc(14px + var(--safe-b));flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;transform:translate(-50%);pointer-events:none!important}.stam-wrap{opacity:0;margin-bottom:4px;transition:opacity .5s}.stam-wrap.show{opacity:1;transition:opacity .15s}.stam{width:300px;height:10px;box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim), 0 0 0 3px #0b0704;background:#1a1206;border-radius:6px;overflow:hidden}.stam>i{background:linear-gradient(#ffe08a, var(--stam) 60%, #8a6414);height:100%;transition:width .12s;display:block}.mana-wrap{opacity:0;justify-content:center;margin-bottom:4px;transition:opacity .5s;display:flex}.mana-wrap.show{opacity:1;transition:opacity .15s}.mana{background:#0a0e1a;border-radius:5px;width:240px;height:7px;overflow:hidden;box-shadow:0 0 0 1px #05070b,0 0 0 2px #3a4a6a,0 0 0 3px #05070b}.mana>i{background:linear-gradient(#a8d4ff,#3f7fd8 60%,#1c3f8a);height:100%;transition:width .12s;display:block}.stam-wrap.riposte .stam>i{background:linear-gradient(#fffbe0,#f0e0a0);box-shadow:0 0 10px #f0d890}.stam-wrap.tired .stam{animation:.45s tired}@keyframes tired{0%,to{background:#1a1206}30%{background:#8a2a1e}}.xpbar{pointer-events:auto;background:#0a0704cc;border-radius:3px;width:470px;height:5px;overflow:hidden;box-shadow:0 0 0 1px #0b0704}.xpbar>i{background:linear-gradient(#cfe8fa, var(--xp));height:100%;transition:width .4s;display:block}.hotbar{background:var(--leather);box-shadow:var(--frame);pointer-events:auto;border-radius:5px;gap:5px;padding:6px;display:flex}.hslot{cursor:pointer;background:radial-gradient(circle at 50% 40%,#46341ea6,#0c0804eb);border-radius:4px;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #6b51298c,inset 0 0 12px #000}.hslot .ico{width:40px;height:40px}.hslot .gi{filter:drop-shadow(0 2px 2px #000c);width:100%;height:100%}.hslot .key{font:700 12px var(--title);color:var(--gold-hi);text-shadow:0 1px 2px #000;position:absolute;top:2px;left:4px}.hslot .qty{text-shadow:0 1px 2px #000,0 0 3px #000;font-size:13px;font-weight:700;position:absolute;bottom:1px;right:4px}.hslot.worn:before{content:"";background:var(--gold-hi);width:7px;height:7px;position:absolute;top:4px;right:4px;transform:rotate(45deg);box-shadow:0 0 0 1px #0b0704}.hslot.used{animation:.35s used}@keyframes used{0%{filter:brightness(2.2)}to{filter:none}}.hslot.r-uncommon{background:radial-gradient(circle at 50% 40%,#50823c73,#0c0804eb)}.hslot.r-rare{background:radial-gradient(circle at 50% 40%,#3c64aa80,#0c0804eb)}.hslot.r-epic{background:radial-gradient(circle at 50% 40%,#8246aa80,#0c0804eb)}.hslot.r-legendary{background:radial-gradient(circle at 50% 40%,#c88c288c,#0c0804eb)}.rail{background:var(--leather);box-shadow:var(--frame);border-radius:30px;flex-direction:column;align-self:flex-end;gap:8px;margin-top:4px;padding:8px 6px;display:flex}.rail-btn{cursor:pointer;width:48px;height:48px;color:var(--gold);box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim), 0 3px 6px #0009;background:radial-gradient(circle at 40% 30%,#4a3a22,#150e07 75%);border:0;border-radius:50%;place-items:center;transition:color .12s,box-shadow .12s,transform 80ms;display:grid;position:relative}.rail-btn .ui-ico{filter:drop-shadow(0 1px 1px #000);width:27px;height:27px}.rail-btn:hover{color:var(--gold-hi);transform:scale(1.06)}.rail-btn.on{color:#fff3c8;box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--gold), 0 0 14px #f0c86e8c}.rail-btn .tip{white-space:nowrap;pointer-events:none;font:700 14px var(--title);color:var(--gold-hi);box-shadow:var(--frame-thin);opacity:0;background:#0e0905f0;border-radius:3px;padding:5px 10px;transition:opacity .12s;position:absolute;top:50%;right:60px;transform:translateY(-50%)}.rail-btn .tip kbd{margin-left:6px}.rail-btn:hover .tip{opacity:1}.prompt{left:50%;bottom:calc(150px + var(--safe-b));cursor:pointer;box-shadow:var(--frame-thin);text-shadow:var(--text-shadow);background:#0e0905d1;border-radius:4px;align-items:center;gap:10px;padding:7px 16px 7px 8px;font-weight:700;display:none;position:fixed;transform:translate(-50%)}.prompt kbd{min-width:28px;padding:5px 7px;font-size:14px}.prompt.show{display:flex}.toasts{left:50%;top:calc(18px + var(--safe-t));z-index:40;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;transform:translate(-50%);pointer-events:none!important}.toast{max-width:min(540px,92vw);color:var(--ink);text-align:center;background:radial-gradient(ellipse at center, #fff5d759, #78552840), var(--parch);border-radius:3px;padding:9px 22px;font-weight:500;animation:.25s ease-out toast-in;position:relative;box-shadow:0 0 0 1px #4a3416,inset 0 0 18px #6e4b1e8c,0 6px 16px #00000080}.toast:before,.toast:after{content:"";background:linear-gradient(90deg,#5a3d1a,#a07a40 50%,#4a3014);border-radius:4px;width:9px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 1px 3px #000}.toast:before{left:-5px}.toast:after{right:-5px}.toast.bad{color:#5a140a;box-shadow:0 0 0 1px #6a1a10,inset 0 0 20px #a0281473,0 6px 16px #00000080}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scaleX(.85)}}.banner{text-align:center;opacity:0;width:min(720px,92vw);transition:opacity 1.1s;position:fixed;top:20%;left:50%;transform:translate(-50%);pointer-events:none!important}.banner.show{opacity:1;transition:opacity .6s}.banner .t{font:700 46px/1.1 var(--title);letter-spacing:.08em;color:#f6e7c0;text-shadow:0 2px 4px #000,0 0 24px #000000e6}.banner .s{font:italic 500 19px var(--font);color:#e3d4b0;text-shadow:0 1px 3px #000,0 0 12px #000;margin-top:4px}.banner .orn{background:var(--orn-rule) center / 100% 100% no-repeat;filter:drop-shadow(0 1px 2px #000);width:60%;height:14px;margin:0 auto 8px}.banner.show .orn{animation:.9s ease-out unroll}@keyframes unroll{0%{width:0}}.banner .k,.banner .orn.low{display:none}.banner.discover .k{font:700 15px var(--title);letter-spacing:.35em;text-transform:uppercase;color:var(--gold-hi);text-shadow:0 1px 3px #000,0 0 10px #000;margin-bottom:6px;display:block}.banner.discover .orn.low{margin:10px auto 0;display:block;transform:scaleY(-1)}.banner.discover .t{color:#fff1cc;text-shadow:0 2px 4px #000,0 0 30px #000000e6,0 0 60px #f0c86e59;font-size:56px}.banner.discover.show .t{animation:1.4s ease-out rise}@keyframes rise{0%{letter-spacing:.3em;opacity:0}to{letter-spacing:.08em;opacity:1}}.achieve{left:50%;top:calc(14px + var(--safe-t));z-index:45;background:var(--board);min-width:340px;max-width:92vw;box-shadow:var(--frame);border-radius:40px 6px 6px 40px;align-items:center;gap:14px;padding:10px 22px 10px 12px;animation:.5s cubic-bezier(.2,1.4,.4,1) drop-in;display:flex;position:fixed;transform:translate(-50%);pointer-events:none!important}.achieve.out{animation:.55s ease-in forwards drop-out}@keyframes drop-in{0%{opacity:0;transform:translate(-50%,-120%)}}@keyframes drop-out{to{opacity:0;transform:translate(-50%,-130%)}}.achieve .medal-ico{color:#5a3a0c;width:58px;height:58px;box-shadow:0 0 0 2px #0b0704, 0 0 0 4px var(--rim), 0 0 18px #f0c86eb3;background:radial-gradient(circle at 35% 30%,#fff1c0,#e0b55a 45%,#8a6020);border-radius:50%;flex:none;place-items:center;animation:1.6s ease-out shine;display:grid}.achieve .medal-ico .ui-ico{width:32px;height:32px}@keyframes shine{0%{transform:rotate(-30deg)scale(.4)}60%{transform:rotate(8deg)scale(1.1)}to{transform:none}}.achieve .k{font:700 11px var(--title);letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}.achieve .t{font:700 21px var(--title);color:var(--gold-hi);text-shadow:var(--text-shadow)}.achieve .h{color:var(--muted);font-size:14px}.tipcard{left:50%;bottom:calc(220px + var(--safe-b));max-width:min(520px,90vw);color:var(--ink);background:var(--parch);z-index:35;border-radius:3px;padding:10px 18px 10px 16px;transition:opacity .6s;position:fixed;transform:translate(-50%);box-shadow:0 0 0 1px #4a3416,inset 0 0 18px #6e4b1e80,0 6px 18px #00000080}.tipcard b{font-family:var(--title);color:#5a3a12}.tipcard kbd{color:var(--gold-hi)}.panel{right:84px;top:calc(16px + var(--safe-t));bottom:calc(100px + var(--safe-b));background:var(--board);border-radius:var(--radius);z-index:30;width:430px;max-width:calc(100vw - 110px);box-shadow:var(--frame);flex-direction:column;animation:.18s ease-out panel-in;display:flex;position:fixed}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}}.panel header{text-align:center;background:linear-gradient(#00000059,#0000);justify-content:center;align-items:center;gap:10px;padding:14px 44px 12px;display:flex;position:relative}.panel header:after{content:"";background:var(--orn-rule) center / 100% 100% no-repeat;height:12px;position:absolute;bottom:0;left:18px;right:18px}.panel header h2{flex:1;margin:0;font-size:21px}.panel header .x,.xbtn{cursor:pointer;width:28px;height:28px;font:700 18px/1 var(--title);color:var(--gold-hi);box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim);background:radial-gradient(circle at 40% 30%,#6a2a1a,#2a0e08);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.panel header .x:hover{filter:brightness(1.3)}.panel .body{-webkit-user-select:text;user-select:text;flex:1;padding:12px 18px 18px;overflow:auto}.panel.wide{width:700px}.panel.center{width:min(900px,100vw - 40px);height:min(680px,100vh - 60px);animation:none;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.kv{grid-template-columns:auto 1fr;gap:4px 14px;margin:6px 0 12px;display:grid}.kv b{color:var(--muted);font-weight:700}.section{font:700 14px var(--title);text-transform:uppercase;letter-spacing:.12em;color:var(--gold);align-items:center;gap:10px;margin:16px 0 8px;display:flex}.section:before,.section:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-lo));flex:1;height:1px}.section:after{background:linear-gradient(90deg, var(--gold-lo), transparent)}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.tabs .btn{padding:5px 12px;font-size:14px}.tabs .btn.on{color:#23170a;text-shadow:none;background:linear-gradient(#f0d48c,#b8903e)}.note{color:#e8dcc0;background:#0000004d;border-radius:4px;margin:8px 0;padding:8px 12px;box-shadow:inset 0 0 0 1px #6b512999}.page{color:var(--ink);background:radial-gradient(ellipse at center, #fff5d740, #6e4b1e33), var(--parch);-webkit-user-select:text;user-select:text;border-radius:3px;padding:14px 18px;box-shadow:0 0 0 1px #4a3416,inset 0 0 30px #6e4b1e8c}.page .subtle,.page .kv b{color:var(--ink-soft)}.page .section{color:#6b4a1a}.page .section:before{background:linear-gradient(90deg,#0000,#8a6a3a)}.page .section:after{background:linear-gradient(90deg,#8a6a3a,#0000)}.page h3{color:#4a3012;text-shadow:none;margin:0 0 6px}.page .bar{background:#3c28144d;box-shadow:0 0 0 1px #4a3416}.page .bar-label{color:var(--ink-soft)}.items{flex-direction:column;gap:4px;display:flex}.item{cursor:pointer;background:#00000038;border-radius:4px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:6px 8px;display:grid;box-shadow:inset 0 0 0 1px #6b512959}.item:hover{background:#503a1e59}.item.open{box-shadow:inset 0 0 0 1px var(--gold-lo);background:#503a1e73}.item .ico{background:radial-gradient(circle at 50% 40%,#46341e99,#0c0804e6);border-radius:4px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #6b51298c}.item .ico svg{filter:drop-shadow(0 1px 2px #000c);width:34px;height:34px}.item .nm{text-shadow:var(--text-shadow);font-weight:700}.item .st{color:var(--muted);font-size:14px}.item .qty{color:var(--muted);font-size:14px;font-weight:700}.item .price{color:var(--gold-hi);font-size:14px;font-weight:700}.detail{grid-column:1/-1;padding:4px 0 2px 54px}.detail p{color:#e3d6b8;margin:4px 0 8px}.detail .acts{flex-wrap:wrap;gap:6px;display:flex}.slots{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.slot{cursor:pointer;background:#0000004d;border-radius:4px;min-height:76px;padding:8px;box-shadow:inset 0 0 0 1px #6b512980}.slot .lab{font:700 11px var(--title);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.slot .nm{margin-top:4px;font-size:14px;font-weight:700}.slot .st{color:var(--muted);font-size:12px}.slot.empty .nm{color:var(--dim);font-weight:400}.map-wrap{background:var(--parch);border-radius:3px;padding:8px;position:relative;box-shadow:0 0 0 1px #4a3416,inset 0 0 24px #6e4b1e99}.map-wrap canvas{background:#1e3e54;border-radius:2px;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #4a3416,0 0 0 3px #6e4b1e66}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:10px;font-size:14px;display:flex}.legend i{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block;box-shadow:0 0 0 1px #000}.field{border-bottom:1px solid #6b512959;justify-content:space-between;align-items:center;gap:14px;padding:9px 2px;display:flex}.field>span:first-child{flex:1}.field select,.field input[type=range],.acts select{accent-color:var(--gold)}.field select,.acts select{color:var(--text);box-shadow:0 0 0 1px var(--rim);font:inherit;background:#1d140b;border:1px solid #0b0704;border-radius:3px;padding:5px 8px}.field input[type=range]{width:170px}.field input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.field .val{text-align:right;min-width:44px;color:var(--gold-hi);font-variant-numeric:tabular-nums;font-weight:700}.settings{grid-template-columns:190px 1fr;gap:0;height:100%;min-height:0;display:grid}.settings .stabs{background:#00000040;flex-direction:column;gap:6px;padding:14px 10px;display:flex;box-shadow:inset -1px 0 #6b512980}.settings .stab{cursor:pointer;text-align:left;font:700 15px var(--title);color:var(--muted);background:0 0;border:0;border-radius:3px;align-items:center;gap:10px;padding:9px 12px;display:flex}.settings .stab .ui-ico{width:20px;height:20px}.settings .stab:hover{color:var(--gold-hi);background:#503a1e4d}.settings .stab.on{color:#23170a;background:linear-gradient(#f0d48c,#b8903e);box-shadow:0 0 0 1px #4a3313}.settings .spage{-webkit-user-select:text;user-select:text;min-height:0;padding:14px 22px 22px;overflow:auto}.settings .spage h3{margin:4px 0 2px;font-size:20px}.settings .apply{background:linear-gradient(#140d0699,#140d06f2);justify-content:flex-end;align-items:center;gap:10px;margin:14px -22px -22px;padding:12px 22px;display:flex;position:sticky;bottom:-22px;box-shadow:0 -1px #6b512980}.binds{border-collapse:collapse;width:100%}.binds td{border-bottom:1px solid #6b51294d;padding:5px 4px}.binds td:last-child{text-align:right;white-space:nowrap}.binds .bind{min-width:110px}.binds .bind.listening{color:#23170a;background:linear-gradient(#f0d48c,#b8903e);animation:.8s infinite blink}.binds .reset1{opacity:.6;padding:4px 8px}.binds tr.changed td:first-child:after{content:" ✦";color:var(--gold)}.binds .grp td{font:700 13px var(--title);color:var(--gold);letter-spacing:.1em;text-transform:uppercase;border-bottom:0;padding-top:14px}.journal .who{align-items:center;gap:14px;margin-bottom:8px;display:flex}.journal .who img{border-radius:50%;width:64px;height:64px;box-shadow:0 0 0 2px #4a3416,0 0 0 4px #a0804a}.journal .who .nm{font:700 22px var(--title);color:#3a240c}.medals{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.medal{background:#6e4b1e1f;border-radius:3px;align-items:center;gap:8px;padding:6px 8px;display:flex;box-shadow:inset 0 0 0 1px #6e4b1e59}.medal i{background:radial-gradient(circle at 35% 30%,#fbe6a8,#c39a48 60%,#6d4f1d);border-radius:50%;flex:none;width:26px;height:26px;box-shadow:0 0 0 1px #4a3416}.medal.no{opacity:.45}.medal.no i{background:radial-gradient(circle at 35% 30%,#c8c0b0,#7a7468 60%,#3a3630)}.medal span{font-size:14px;line-height:1.15}.touch .joy{left:calc(22px + var(--safe-l));bottom:calc(22px + var(--safe-b));touch-action:none;background:radial-gradient(circle,#281c0e59,#0e09058c);border-radius:50%;width:132px;height:132px;position:fixed;box-shadow:0 0 0 2px #6b5129b3}.touch .joy i{background:radial-gradient(circle at 40% 30%,#f0d48c,#8d6a2c);border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #0b0704,0 3px 6px #000}.touch .acts{right:calc(16px + var(--safe-r));bottom:calc(22px + var(--safe-b));align-items:flex-end;gap:10px;display:flex;position:fixed}.touch .acts .col{flex-direction:column;align-items:center;gap:10px;display:flex}.touch .acts button{width:64px;height:64px;font:700 13px var(--title);color:var(--gold-hi);touch-action:none;box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim), 0 3px 6px #0009;background:radial-gradient(circle at 40% 30%,#4a3a22e6,#150e07e6 75%);border:0;border-radius:50%}.touch .acts button.big{width:78px;height:78px}.touch .acts button.on{color:#23170a;background:radial-gradient(circle at 40% 30%,#f0d48c,#8d6a2c)}@media (width<=720px){.hud-tl .portrait{width:52px;height:52px}.hud-tl .name{font-size:14px}.mini-ring,.hud-tr .purse .sep,.hud-tr .online,.hud-tr .purse>.ui-ico{display:none!important}.hud-tr{align-items:flex-end;width:auto}.place-banner{min-width:0;max-width:46vw}.rail{border-radius:24px;gap:6px;padding:6px 4px}.rail-btn{width:40px;height:40px}.rail-btn .ui-ico{width:22px;height:22px}.rail-btn .tip{display:none}.hud-bar{bottom:calc(176px + var(--safe-b))}.xpbar{width:260px}.hotbar{max-width:92vw;overflow-x:auto}.hslot{width:44px;height:44px}.hslot .ico{width:32px;height:32px}.stam{width:200px}.hud-bl{bottom:auto;top:calc(84px + var(--safe-t))}.hud-bl .row{padding-left:0}.hpbar .track{width:160px;height:18px}.hpbar .heart{width:36px;height:36px}.hpbar .heart .ui-ico{width:21px;height:21px}.food{width:34px;height:34px}.food .gi{width:18px;height:18px}.panel,.panel.wide,.panel.center{width:auto;left:8px;right:8px;top:calc(8px + var(--safe-t));bottom:calc(8px + var(--safe-b));max-width:none;height:auto;transform:none}.settings{grid-template-rows:auto 1fr;grid-template-columns:1fr}.settings .stabs{flex-direction:row;padding:8px;overflow-x:auto}.settings .stab span{display:none}.prompt{bottom:calc(250px + var(--safe-b))}.banner .t{font-size:28px}}.fx{position:fixed;inset:0;overflow:hidden;pointer-events:none!important}.fx.off{display:none}.fl{font:700 19px var(--title);color:#f6efdc;text-shadow:0 1px 3px #000000f2,0 0 6px #0009;white-space:nowrap;will-change:transform;position:absolute;top:0;left:0}.fl.crit{color:#ffd45c;letter-spacing:.02em;text-shadow:0 0 6px #ff5a1ed9,0 2px #4a1206,0 0 2px #000;font-size:30px;font-style:italic;animation:.32s ease-out critpop}@keyframes critpop{0%{filter:brightness(2.2)}to{filter:none}}.fl.dot{opacity:.9;font-size:15px}.fl.dot.burn{color:#ff9a4a}.fl.dot.poison{color:#8ad85a}.fl.dot.bleed{color:#d0443a}.fl.hurt{color:#ff7a64;font-size:21px}.fl.other{color:#d0c8b4;font-size:14px}.fl.block{color:#b0c4d8;font-size:16px}.fl.parry{color:#f6e6a4;font-size:25px}.fl.heal{color:#a6e88f}.dialog{z-index:30;background:#08050373;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog .card{text-align:left;width:min(470px,100%);padding:24px}.dialog h2{text-align:center;margin:0 0 8px;font-size:22px}.dialog p{white-space:pre-line;color:#e8dcc0}.dialog .dbody{flex-direction:column;gap:6px;margin:4px 0 14px;display:flex}.dialog .dfoot{justify-content:flex-end;gap:8px;display:flex}.dialog.talk{pointer-events:none;background:0 0;padding:0 16px;inset:auto 0 150px}.dialog.talk .card{pointer-events:auto;width:min(820px,100%);padding:12px 18px 14px;position:relative}.dialog.talk h2{text-align:left;margin:0 96px 4px 0;font-size:15px}.dialog.talk p{margin:0 0 10px;font-size:16px}.dialog.talk .dbody{flex-flow:wrap;gap:6px;margin:0}.dialog.talk .dbody .btn{flex:auto;padding:6px 12px;font-size:14px}.dialog.talk .dfoot{position:absolute;top:8px;right:12px}.dialog.talk .dfoot .btn{padding:3px 12px;font-size:13px}@media (width<=700px){.dialog.talk{bottom:190px}}.runes{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.rune{font:700 18px var(--title);color:var(--gold-hi);cursor:pointer;background:radial-gradient(circle,#3a3a40,#15151a);border:0;border-radius:4px;padding:14px 4px;transition:background .12s,box-shadow .12s;box-shadow:0 0 0 1px #0b0704,0 0 0 2px #4a4a52}.rune:disabled{cursor:default;opacity:.8}.rune.lit{color:#0d1214;opacity:1;background:radial-gradient(circle,#8fd0e0,#3a6a80);box-shadow:0 0 16px #8fd0e0}.picked{min-height:1.4em;margin-top:8px}.chat{left:16px;bottom:calc(118px + var(--safe-b));pointer-events:none;width:min(430px,100vw - 28px);position:fixed}.chat .chat-log{scrollbar-width:none;pointer-events:auto;flex-direction:column;gap:2px;max-height:200px;font-size:15px;display:flex;overflow-y:auto}.chat .line{text-shadow:0 1px 1px #000;overflow-wrap:anywhere;cursor:default;background:#0e09059e;border-radius:3px;align-self:flex-start;max-width:100%;padding:2px 9px;transition:opacity .6s}.chat .line[data-id]{cursor:pointer}.chat .line.old{opacity:0;pointer-events:none}.chat .line.shout{color:#f6dc98}.chat .line.whisper{color:#dcbcf0}.chat .line.party{color:#a6cdf0}.chat .line.emote{color:#e0d6ac;font-style:italic}.chat .line.system{color:var(--muted);font-style:italic}.chat .chat-input{width:100%;color:var(--text);font:inherit;pointer-events:auto;box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--gold-lo);-webkit-user-select:text;user-select:text;background:#0e0905eb;border:0;border-radius:3px;outline:none;margin-top:6px;padding:9px 12px;display:none}.chat.open .chat-input{display:block}.chat.open .line.old{opacity:1;pointer-events:auto}.party-frames{left:16px;top:calc(102px + var(--safe-t));pointer-events:none;flex-direction:column;gap:6px;width:180px;display:flex;position:fixed}.party-frames .pf-title{font:700 12px var(--title);color:var(--gold);text-transform:uppercase;letter-spacing:.1em;text-shadow:var(--text-shadow)}.party-frames .pf{box-shadow:var(--frame-thin);background:#0e0905c7;border-radius:3px;padding:5px 9px}.party-frames .pf-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.party-frames .pf-name span{color:var(--gold);font-size:12px}.party-frames .pf-bar{background:#170a07;border-radius:3px;height:6px;margin-top:3px;overflow:hidden;box-shadow:0 0 0 1px #0b0704}.party-frames .pf-bar i{background:linear-gradient(var(--hp-hi), var(--hp));height:100%;display:block}.invite{left:50%;top:calc(90px + var(--safe-t));background:var(--board);border-radius:var(--radius);box-shadow:var(--frame);flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:fixed;transform:translate(-50%)}.invite .row{justify-content:flex-end;gap:8px;display:flex}.creator{left:50%;top:calc(16px + var(--safe-t));bottom:calc(16px + var(--safe-b));background:var(--board);border-radius:var(--radius);width:min(820px,100vw - 28px);box-shadow:var(--frame);grid-template-columns:minmax(240px,42%) 1fr;display:grid;position:fixed;overflow:hidden;transform:translate(-50%)}.creator .mcol{min-height:0;padding:14px 0 14px 14px;display:flex}.creator .ccol{flex-direction:column;min-height:0;display:flex}.creator header{text-align:center;padding:14px 16px 6px}.creator header h2{margin:0;font-size:21px}.creator .body{flex:1;padding:6px 16px;overflow-y:auto}.creator .heroes{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.creator .heroes .btn{padding:8px 4px;font-size:14px}.creator .heroes .btn.on{color:#23170a;text-shadow:none;background:linear-gradient(#f0d48c,#b8903e)}.creator .row-label{font:700 13px var(--title);color:var(--gold);letter-spacing:.06em;margin:14px 0 6px}.creator .swatches{flex-wrap:wrap;gap:6px;display:flex}.creator .sw{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px;box-shadow:0 0 0 1px #0b0704,inset 0 0 0 1px #00000059}.creator .sw.on{border-color:var(--gold-hi);box-shadow:0 0 0 1px #0b0704,0 0 8px #f0c86e99}.creator footer{align-items:center;gap:8px;padding:12px 16px;display:flex;box-shadow:0 -1px #6b512980}.creator footer .price{color:var(--gold-hi);margin-right:auto;font-size:14px;font-weight:700}@media (width<=640px){.creator{grid-template-rows:38% 1fr;grid-template-columns:1fr;width:auto;height:70vh;top:auto;left:8px;right:8px;transform:none}.creator .mcol{padding:10px 10px 0}.chat{bottom:calc(240px + var(--safe-b));width:calc(100vw - 28px)}}.skills{grid-template-columns:repeat(2,1fr);gap:6px 16px;margin:4px 0;display:grid}.skill{grid-template-columns:1fr auto;gap:2px 8px;font-size:15px;display:grid}.skill .bar{grid-column:1/-1;height:6px}.travelbar{left:50%;bottom:calc(160px + var(--safe-b));background:var(--board);border-radius:var(--radius);z-index:20;width:min(540px,92vw);box-shadow:var(--frame);padding:10px 14px;position:fixed;transform:translate(-50%)}.panel.trade{width:min(980px,96vw)}.trade .tr-cols{grid-template-columns:auto 1fr 1fr;align-items:start;gap:16px;display:grid}.trade .tr-h{font:700 13px var(--title);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.trade .tr-side{border-radius:6px;min-height:200px;padding:8px;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #6b512980}.trade .tr-side.ready{box-shadow:inset 0 0 0 1px #0b0704, inset 0 0 0 2px var(--gold), 0 0 12px #f0c86e59}.trade .tr-ok{color:#9fd08a;margin-left:6px;font-size:11px}.trade .tr-grid{width:auto;min-height:130px}.trade .tr-gold{color:var(--gold-hi);font:700 15px var(--title);margin-top:8px}.trade .tr-pack .cell{cursor:pointer}.trade .tr-in{width:110px;margin-left:6px}@media (width<=760px){.trade .tr-cols{grid-template-columns:1fr}}body:has(.travelbar) .prompt{bottom:calc(262px + var(--safe-b))}.travelbar .tb-top,.travelbar .tb-bot{justify-content:space-between;align-items:center;gap:10px;display:flex}.travelbar .tb-top b{font-family:var(--title);color:var(--gold-hi)}.travelbar .tb-top span{color:var(--gold);font-size:14px}.travelbar .tb-bot{margin-top:6px}.travelbar .tb-bot span:last-child{gap:6px;display:flex}.acts{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 8px;display:flex}@media (width<=720px){.travelbar{bottom:calc(240px + var(--safe-b))}}.panel.devpanel{left:16px;right:auto;top:calc(100px + var(--safe-t));z-index:60;width:380px;max-height:calc(100vh - 130px);bottom:auto}.panel.devpanel[hidden]{display:none}.panel.devpanel header h2{font-size:18px}.panel.devpanel header kbd{vertical-align:3px;margin-left:6px;font-size:11px}.devpanel .field input[type=number]{width:72px;color:var(--text);box-shadow:0 0 0 1px var(--rim);font:inherit;background:#1d140b;border:1px solid #0b0704;border-radius:3px;padding:4px 6px}.devpanel .field select{max-width:190px}.devpanel .field input[type=range]{width:130px}.devpanel p{margin:8px 0}.dev-mapbox{box-shadow:0 0 0 1px #0b0704, 0 0 0 3px var(--rim);cursor:crosshair;border-radius:3px;position:relative;overflow:hidden}.dev-map{filter:sepia(.35)saturate(.9);width:100%;height:auto;display:block}.dev-me{pointer-events:none;background:#e0503c;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 0 2px #fff3c8,0 0 8px #000}.dev-status{color:var(--muted);font-variant-numeric:tabular-nums;border-top:1px solid #6b512973;margin-top:12px;padding-top:8px;font-size:13px}.curtain{z-index:80;text-align:center;color:#e9e1cf;opacity:0;pointer-events:none;font-family:var(--title);background:#0b0a09;place-content:center;gap:6px;display:grid;position:fixed;inset:0}.curtain.up{opacity:1;transition:none}.curtain.lift{opacity:0;transition:opacity .7s}.curtain-title{letter-spacing:.06em;color:var(--gold-hi);font-size:34px}.curtain-sub{opacity:.6;letter-spacing:.14em;text-transform:uppercase;font-size:14px}.cinema{z-index:70;pointer-events:none;position:fixed;inset:0}.cinema:before,.cinema:after{content:"";background:#000;height:0;transition:height .45s;position:absolute;left:0;right:0}.cinema:before{top:0}.cinema:after{bottom:0}.cinema.on:before,.cinema.on:after{height:11vh}.panel.bagwin.center{width:min(980px,100vw - 40px);height:auto;max-height:calc(100vh - 40px)}.panel.bagwin.docked{width:min(980px,100vw - 480px);max-height:calc(100vh - 40px);animation:none;inset:50% auto auto 16px;transform:translateY(-50%)}.bag{grid-template-columns:auto 1fr;align-items:start;gap:22px;display:grid}.bag-left{flex-direction:column;gap:10px;display:flex}.figure{align-items:stretch;gap:8px;display:flex}.eqcol{flex-direction:column;justify-content:center;gap:8px;display:flex}.eq{cursor:pointer;background:radial-gradient(circle at 50% 40%,#46341e8c,#0c0804eb);border-radius:6px;place-items:center;width:64px;height:64px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #6b5129b3,inset 0 0 14px #000,0 2px 4px #00000080}.eq .ico{width:46px;height:46px}.eq .gi{filter:drop-shadow(0 2px 2px #000c);width:100%;height:100%}.eq .ghostico{color:#d9b45f2e;width:38px;height:38px}.eq .ghostico .ui-ico{width:100%;height:100%}.eq .lab{text-align:center;font:700 9px var(--title);letter-spacing:.06em;color:var(--dim);text-transform:uppercase;pointer-events:none;position:absolute;bottom:-1px;left:0;right:0}.eq:not(:has(.ghostico)) .lab{display:none}.eq.can{box-shadow:inset 0 0 0 1px #0b0704, inset 0 0 0 2px var(--gold), 0 0 14px #f0c86e99}.eq.over,.cell.over,.purse-drop.over{outline:2px solid var(--gold-hi);outline-offset:1px}.dollbox{background:radial-gradient(at 50% 30%,#785a3273,#0a0603d9 75%);border-radius:6px;width:210px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #6b512999,inset 0 0 30px #000}.dollbox .doll{cursor:grab;width:100%;height:100%;min-height:300px;display:block}.dollbox .dollhint{text-align:center;color:var(--dim);pointer-events:none;font-size:11px;position:absolute;bottom:6px;left:0;right:0}.bag-stats{background:#00000047;border-radius:4px;grid-template-columns:1fr 1fr;gap:4px 12px;padding:8px 10px;display:grid;box-shadow:inset 0 0 0 1px #6b512973}.bag-stats .stat{align-items:center;gap:6px;font-size:14px;display:flex}.bag-stats .si{color:var(--gold);width:16px;height:16px}.bag-stats .si .ui-ico{width:16px;height:16px}.bag-stats .sl{color:var(--muted);flex:1}.bag-stats b{color:var(--gold-hi)}.bag-foods{align-items:center;gap:8px;display:flex}.bag-foods .sl{color:var(--muted);font:700 12px var(--title);letter-spacing:.1em;text-transform:uppercase;margin-right:4px}.bag-right{min-width:0}.grid{grid-template-columns:repeat(var(--cols,8), 58px);background:#0000004d;border-radius:6px;gap:5px;width:max-content;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #6b512980,inset 0 0 20px #000}.cell{background:radial-gradient(circle at 50% 40%,#3c2c1a8c,#0c0804e6);border-radius:4px;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #6b512966,inset 0 0 10px #000}.cell.hotrow{background:radial-gradient(circle at 50% 40%,#6048228c,#140d06eb);box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #a0783c80,inset 0 0 10px #000}.cell.full{cursor:grab}.cell .ico{pointer-events:none;width:44px;height:44px}.cell .gi{filter:drop-shadow(0 2px 2px #000000d9);width:100%;height:100%}.cell .key{font:700 11px var(--title);color:var(--gold);text-shadow:0 1px 2px #000;pointer-events:none;position:absolute;top:2px;left:4px}.cell .qty{text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:14px;font-weight:700;position:absolute;bottom:1px;right:4px}.cell.worn{box-shadow:inset 0 0 0 1px #0b0704, inset 0 0 0 2px var(--gold), inset 0 0 14px #d9b45f59}.cell.worn:after{content:"";background:var(--gold-hi);width:7px;height:7px;position:absolute;top:5px;right:5px;transform:rotate(45deg);box-shadow:0 0 0 1px #0b0704}.cell.lifted .ico{opacity:.25}.cell.r-uncommon,.eq.r-uncommon{background:radial-gradient(circle at 50% 40%,#50823c6b,#0c0804eb)}.cell.r-rare,.eq.r-rare{background:radial-gradient(circle at 50% 40%,#3c64aa7a,#0c0804eb)}.cell.r-epic,.eq.r-epic{background:radial-gradient(circle at 50% 40%,#8246aa7a,#0c0804eb)}.cell.r-legendary,.eq.r-legendary{background:radial-gradient(circle at 50% 40%,#c88c2885,#0c0804eb)}.overflow{border-top:1px dashed #c4513f99;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:5px;margin-top:2px;padding-top:6px;display:flex}.overflow>span{color:#ffb3a3;width:100%;font-size:13px}.bag-foot{align-items:center;gap:14px;margin-top:10px;display:flex}.purse-drop{color:var(--gold-hi);font:700 14px var(--title);box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim), inset 0 0 10px #000;background:radial-gradient(circle at 40% 30%,#4a3a22,#150e07 80%);border-radius:22px;align-items:center;gap:6px;padding:8px 14px;display:flex}.purse-drop .ui-ico{width:20px;height:20px;color:var(--gold)}.bag.dragging .purse-drop{box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--gold), 0 0 14px #f0c86e80}.bag-foot .gold{align-items:center;gap:6px;display:flex}.bag-foot .gold .ui-ico{width:18px;height:18px;color:var(--gold)}.bag-foot .gold b{color:var(--gold-hi)}.bag-foot .used{color:var(--muted);margin-left:auto}.bag-foot .used b{color:var(--text)}.bag-foot .used b.full{color:#ff8a70}.bag-help{margin:8px 0 0;font-size:13px}.drag-ghost{z-index:100;pointer-events:none;filter:drop-shadow(0 6px 8px #000000b3);width:52px;height:52px;margin:-26px 0 0 -26px;position:fixed;transform:scale(1.1)}.drag-ghost svg{width:100%;height:100%}@media (width<=900px){.bag{grid-template-columns:1fr}.grid{grid-template-columns:repeat(var(--cols,8), 40px)}.cell{width:40px;height:40px}.cell .ico{width:30px;height:30px}.dollbox{width:150px}.dollbox .doll{min-height:220px}.eq{width:50px;height:50px}.eq .ico{width:36px;height:36px}.panel.bagwin.docked{width:auto;inset:8px;transform:none}}.itemtip{z-index:90;width:290px;color:var(--ink);background:radial-gradient(ellipse at center, #fff5d74d, #6e4b1e33), var(--parch);border-radius:4px;padding:10px 12px;display:none;position:fixed;box-shadow:0 0 0 1px #4a3416,0 0 0 3px #140c04cc,inset 0 0 22px #6e4b1e80,0 10px 26px #0009;pointer-events:none!important}.itemtip .tt-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.itemtip .tt-ico{background:radial-gradient(circle,#3a2a17,#140d06);border-radius:4px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 0 0 1px #0b0704}.itemtip .tt-ico .gi{width:36px;height:36px}.itemtip .tt-name{font:700 17px var(--title);text-shadow:0 1px #0000008c,0 0 1px #000;filter:brightness(.8)saturate(1.3);line-height:1.15}.itemtip .tt-name .q{color:var(--ink-soft);filter:none;text-shadow:none;font-size:14px}.itemtip .tt-kind{color:var(--ink-soft);font-size:13px;font-style:italic}.itemtip .tt-stats{color:#2a4a14;margin:4px 0;font-weight:700}.itemtip .tt-runes{color:#2a3a7a;margin:2px 0;font-size:14px}.itemtip .tt-desc{margin:6px 0;font-size:14px;line-height:1.3}.itemtip .tt-note{color:#6a3a10;font-size:13px}.itemtip .tt-worn{font:700 12px var(--title);color:#7a5a14;letter-spacing:.1em;text-transform:uppercase}.itemtip .tt-cmp{border-top:1px solid #5a3c1959;margin-top:6px;padding-top:6px;font-size:13px}.itemtip .tt-cmp span{color:var(--ink-soft)}.itemtip .tt-foot{color:#6a4a14;border-top:1px solid #5a3c1959;align-items:center;gap:6px;margin-top:8px;padding-top:6px;font-size:14px;font-weight:700;display:flex}.itemtip .tt-foot .coin{background:radial-gradient(circle at 35% 30%,#fbe6a8,#c39a48 60%,#6d4f1d);border-radius:50%;width:11px;height:11px}.itemtip .tt-hint{color:var(--ink-soft);margin-left:auto;font-size:12px;font-style:italic;font-weight:400}.panel.mapwin-panel.center{width:min(100vw - 40px,100vh - 30px);height:auto;max-height:calc(100vh - 20px)}.panel.mapwin-panel header{padding:8px 44px}.panel.mapwin-panel header h2{font-size:19px}.panel.mapwin-panel header .x{top:6px}.mapwin{aspect-ratio:1;width:100%;max-height:calc(100vh - 90px);margin:0 auto;position:relative}.mapcanvas{cursor:grab;touch-action:none;width:100%;height:100%;box-shadow:0 0 0 1px #0b0704, 0 0 0 3px var(--rim), 0 4px 14px #00000080;border-radius:2px;display:block}.mapcanvas:active{cursor:grabbing}.maptools{flex-direction:column;gap:6px;display:flex;position:absolute;top:18px;right:18px}.maptools .gap{height:6px}.maptools .mt{cursor:pointer;width:40px;height:40px;font:700 20px var(--title);color:var(--gold-hi);box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim), 0 3px 6px #0009;background:radial-gradient(circle at 40% 30%,#4a3a22,#150e07 75%);border:0;border-radius:50%;place-items:center;display:grid}.maptools .mt .ui-ico{width:22px;height:22px}.maptools .mt:hover{filter:brightness(1.3)}.maptools .tog{color:var(--dim);font-size:15px}.maptools .tog.on{color:#fff3c8;box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--gold), 0 0 12px #f0c86e80}.maphint{color:var(--ink);pointer-events:none;white-space:nowrap;background:#f0e4c4bf;border-radius:12px;padding:3px 12px;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.markpop{z-index:3;width:240px;color:var(--ink);background:var(--parch);border-radius:4px;padding:10px;position:absolute;box-shadow:0 0 0 1px #4a3416,0 0 0 3px #140c04cc,inset 0 0 18px #6e4b1e80,0 8px 20px #0000008c}.markpop .mname{width:100%;font:700 15px var(--title);color:var(--ink);-webkit-user-select:text;user-select:text;background:#fffaeb99;border:1px solid #6b5129;border-radius:3px;outline:none;padding:6px 8px}.markpop .micons{grid-template-columns:repeat(6,1fr);gap:4px;margin:8px 0;display:grid}.markpop .mi{cursor:pointer;color:#4a2a12;background:#6e4b1e26;border:0;border-radius:4px;place-items:center;height:32px;display:grid}.markpop .mi .ui-ico{width:20px;height:20px}.markpop .mi.on{color:#fff3dc;background:#6e3a18;box-shadow:0 0 0 1px #2a1408}.markpop .mrow{justify-content:flex-end;gap:6px;display:flex}.markpop p{margin:0}.panel input[type=number],.panel input[type=text],.panel input:not([type]),.panel textarea,.invite input,.row-actions input{color:var(--text);box-shadow:0 0 0 1px var(--rim), inset 0 1px 4px #0009;font:inherit;-webkit-user-select:text;user-select:text;background:#1d140b;border:1px solid #0b0704;border-radius:3px;outline:none;padding:6px 9px}.panel input:focus,.panel textarea:focus{box-shadow:0 0 0 1px var(--gold), inset 0 1px 4px #0009}.panel input::placeholder{color:var(--dim)}.row-actions{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 10px;display:flex}.feed{z-index:20;flex-direction:column;gap:3px;display:flex;position:fixed;top:42%;left:16px;pointer-events:none!important}.frow{text-shadow:0 1px 2px #000;background:linear-gradient(90deg,#0e0905c7,#0e090500);border-radius:3px;align-items:center;gap:7px;padding:3px 12px 3px 6px;font-size:15px;transition:opacity .7s,transform .7s;animation:.25s ease-out feed-in;display:flex}.frow b{color:#fff3d0}.frow .fi{place-items:center;width:22px;height:22px;display:grid}.frow .fi .gi,.frow .fi .ui-ico{width:20px;height:20px}.frow .fi.coin{color:var(--gold)}.frow .fi.xp{color:var(--xp)}.frow .bad{color:#ffb3a3}.frow.lvl b{color:var(--gold-hi);font-family:var(--title)}.frow.bump{animation:.3s ease-out bump}.frow.out{opacity:0;transform:translate(-12px)}@keyframes feed-in{0%{opacity:0;transform:translate(-16px)}}@keyframes bump{40%{filter:brightness(1.4);transform:scale(1.08)}}.panel.lootwin{width:420px;animation:none;top:50%;bottom:auto;right:84px;transform:translateY(-50%)}.lootwin .lid{background:linear-gradient(#6b4a22,#2a1a0a);border-radius:40px 40px 0 0/14px 14px 0 0;height:10px;margin:-4px -6px 10px;box-shadow:inset 0 1px #ffdca040}.lootwin.fresh .lid{transform-origin:50% 100%;animation:.6s ease-out lid}@keyframes lid{0%{transform:perspective(300px)rotateX(-70deg)}}.lootgrid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.lcell{cursor:pointer;background:radial-gradient(circle at 50% 35%,#46341e99,#0c0804eb);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100px;padding:6px 4px;transition:transform .1s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #6b512999,inset 0 0 12px #000}.lcell:hover{box-shadow:inset 0 0 0 1px #0b0704, inset 0 0 0 2px var(--gold), 0 0 12px #f0c86e59;transform:translateY(-2px)}.lcell .ico{pointer-events:none;width:50px;height:50px}.lcell .gi{filter:drop-shadow(0 2px 3px #000000d9);width:100%;height:100%}.lcell .ico.coins{color:var(--gold-hi);place-items:center;display:grid}.lcell .ico.coins .ui-ico{filter:drop-shadow(0 0 8px #f0c86eb3);width:40px;height:40px}.lcell .qty{text-shadow:0 1px 2px #000;font-size:14px;font-weight:700;position:absolute;top:4px;right:6px}.lcell .nm{text-align:center;pointer-events:none;max-height:2.2em;font-size:12px;line-height:1.1;overflow:hidden}.lcell.gold .nm{color:var(--gold-hi)}.lcell.lifted{opacity:.35}.lootgrid.reveal .lcell{animation:.45s cubic-bezier(.2,1.5,.4,1) both pop;animation-delay:calc(.25s + var(--d) * .14s)}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.6)}}.lcell.shine:after{content:"";pointer-events:none;border-radius:6px;animation:1.8s ease-in-out infinite glow;position:absolute;inset:0}.lcell.r-rare.shine:after{box-shadow:0 0 16px #5a96ffb3,inset 0 0 12px #5a96ff66}.lcell.r-epic.shine:after{box-shadow:0 0 18px #b464ffbf,inset 0 0 12px #b464ff73}.lcell.r-legendary.shine:after{box-shadow:0 0 22px #ffbe46d9,inset 0 0 14px #ffbe4680}@keyframes glow{50%{opacity:.45}}.lootfoot{align-items:center;gap:10px;margin-top:12px;display:flex}.lootfoot .left{flex:1;font-size:13px}.loothelp{margin:8px 0 0;font-size:13px}.purse-row{background:#00000047;border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #6b512973}.purse-row .coins{flex-direction:column;margin-right:6px;line-height:1.1;display:flex}.purse-row .coins span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.purse-row .coins b{color:var(--gold-hi)}.purse-row .amount{width:110px}.vgrid{margin:0 auto}.vgrid .vcell{cursor:grab}.craft{grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}.rgrid{max-height:330px;overflow-y:auto;grid-template-columns:repeat(var(--cols,6), 50px)!important}.rgrid .cell{cursor:pointer;width:50px;height:50px}.rgrid .cell .ico{width:38px;height:38px}.rcell.cant{opacity:.55}.rcell.sel{box-shadow:inset 0 0 0 1px #0b0704, inset 0 0 0 2px var(--gold), 0 0 12px #f0c86e73;opacity:1}.recipe{min-width:0}.rhead{align-items:center;gap:12px;display:flex}.cell.big{flex:none;width:64px;height:64px}.cell.big .ico{width:50px;height:50px}.rname{font:700 18px var(--title);color:var(--gold-hi)}.rdesc{color:#e3d6b8;margin:8px 0;font-size:14px}.needs{flex-direction:column;gap:5px;display:flex}.need{grid-template-columns:44px 1fr auto;align-items:center;gap:8px;display:grid}.need .cell{width:44px;height:44px}.need .cell .ico{width:32px;height:32px}.need .hv{font-variant-numeric:tabular-nums;font-weight:700}.need.ok .hv{color:var(--good)}.need.short .hv{color:#ff9a80}.ract{align-items:center;gap:6px;margin-top:12px;display:flex}@media (width<=700px){.craft{grid-template-columns:1fr}.lootgrid{grid-template-columns:repeat(3,1fr)}.panel.lootwin{width:auto;left:8px;right:8px}}.panel.service{width:min(820px,100vw - 40px);max-height:calc(100vh - 150px);animation:none;inset:50% auto auto 50%;transform:translate(-50%,-50%)}:is(#ui:has(.bagwin.docked) .panel.service,#ui:has(.bagwin.docked) .panel.lootwin){width:min(640px,50vw - 24px);left:calc(50% + 8px);right:auto;transform:translateY(-50%)}.panel.lootwin{width:min(520px,100vw - 40px);top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.panel.bagwin.docked{width:auto;max-width:calc(50vw - 24px);top:50%;left:auto;right:calc(50% + 8px);transform:translateY(-50%)}.bagwin.docked .bag{grid-template-columns:1fr}.bagwin.docked .bag-left,.bagwin.docked .bag-help{display:none}.panel select{color:var(--text);box-shadow:0 0 0 1px var(--rim);font:inherit;background:#1d140b;border:1px solid #0b0704;border-radius:3px;padding:5px 8px}.panel select option,.panel select optgroup{color:var(--text);background:#1d140b}.hud-bar{align-items:stretch}.hud-bar .stam-wrap{align-self:center}.xpbar{width:auto}@media (width<=1100px){:is(#ui:has(.bagwin.docked) .panel.service,#ui:has(.bagwin.docked) .panel.lootwin){width:calc(50vw - 16px)}.bagwin.docked .grid{grid-template-columns:repeat(var(--cols,8), 44px)}.bagwin.docked .cell{width:44px;height:44px}.bagwin.docked .cell .ico{width:32px;height:32px}}.hslot:hover{filter:brightness(1.25)}.hslot.lifted .ico{opacity:.25}.hslot.empty .key{opacity:.45}.hslot.worn{box-shadow:inset 0 0 0 1px #0b0704, inset 0 0 0 2px var(--gold), inset 0 0 16px #d9b45f73, 0 0 10px #f0c86e59}.hotbar{gap:6px;padding:7px}.panel.boardwin{width:min(1120px,100vw - 40px);height:min(760px,100vh - 40px);animation:none;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.boardwin .body{padding:10px 14px 14px}.cork{background:radial-gradient(circle at 20% 30%,#3c241059 0 2px,#0000 3px) 0 0/23px 19px,radial-gradient(circle at 70% 60%,#c8966440 0 1.5px,#0000 2.5px) 0 0/17px 21px,radial-gradient(#9a6c40,#6e4824);border-radius:4px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-content:start;gap:22px 18px;min-height:100%;padding:22px 18px;display:grid;box-shadow:inset 0 0 0 6px #3a2410,inset 0 0 0 8px #1a0f06,inset 0 0 40px #0009}.cork-empty{text-align:center;color:#f0dcb4b3;font:italic 500 20px var(--font);grid-column:1/-1;margin-top:80px}.bpaper{cursor:pointer;min-height:200px;color:var(--ink);transform:rotate(var(--t,0deg));background:radial-gradient(ellipse at center, #fff8e159, #78501e40), var(--parch);padding:22px 14px 14px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 6px 14px #00000080,inset 0 0 22px #6e4b1e73}.bpaper:hover{z-index:2;transform:rotate(0)scale(1.04);box-shadow:0 12px 24px #0000008c,inset 0 0 22px #6e4b1e73}.bpaper .pin{background:radial-gradient(circle at 35% 30%,#fbe6a8,#b8862e 55%,#5a3a10);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:6px;left:50%;box-shadow:0 2px 3px #0009}.bpaper.note{font-family:var(--font);background:#f1e6c6}.bpaper.taken{opacity:.78}.bpaper .taken-mark{color:#2f6a24;font:700 13px var(--title);letter-spacing:.12em;text-transform:uppercase;border:2px solid #2f6a24;border-radius:3px;padding:2px 8px;position:absolute;bottom:10px;right:10px;transform:rotate(-12deg)}.bpaper.write textarea{resize:none;width:100%;height:90px;font:15px var(--font);margin:8px 0;color:var(--ink)!important;background:#fffaebb3!important;box-shadow:0 0 0 1px #a08050!important}.pp-head{text-align:center;font:700 15px var(--title);letter-spacing:.3em;text-transform:uppercase;color:#5a3a12;margin-bottom:6px}.pp-head.bounty{color:#7a2414}.pp-head.job{color:#2e5a24}.pp-sub{text-align:center;font:700 11px var(--title);letter-spacing:.3em;text-transform:uppercase;color:#6a4a22;margin:-4px 0 8px}.pp-title{text-align:center;font:700 17px/1.2 var(--title);color:#2e1c0c;margin-bottom:6px}.pp-text{font:italic 500 15px/1.3 var(--font);color:#4a3418;text-align:center}.pp-meta{color:#6a4a22;text-align:center;margin-top:8px;font-size:13px}.pp-sign{text-align:right;font:italic 500 14px var(--font);color:#5a3a12;margin-top:8px}.pp-reward{text-align:center;font:700 16px var(--title);color:#6a4a12;margin-top:10px}.pp-reward span{letter-spacing:.3em;text-transform:uppercase;color:#5a3a12;font-size:11px;display:block}.pp-seal{background:radial-gradient(circle at 35% 30%,#d0503c,#7a1a10);border-radius:50%;width:22px;height:22px;position:absolute;bottom:12px;right:12px;box-shadow:0 1px 2px #00000080}.pp-face{aspect-ratio:1;background:#c8b080;width:72%;margin:6px auto;overflow:hidden;box-shadow:0 0 0 4px #2e1c0c}.pp-face img{object-fit:cover;filter:sepia()contrast(1.15)brightness(.95);width:100%;height:100%;display:block}.pp-name{text-align:center;font:700 18px var(--title);letter-spacing:.08em;color:#2e1c0c;margin-top:6px}.bpaper.wanted .pp-head{letter-spacing:.12em;color:#2e1c0c;font-size:26px}.pp-status{text-align:center;font:700 14px var(--title);color:#7a5a22;margin-top:12px}.pp-status.ready{color:#2f6a24}.sheetwrap{z-index:60;background:#0805038c;place-items:center;animation:.2s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.sheet{width:min(500px,100vw - 40px);color:var(--ink);background:radial-gradient(ellipse at center, #fff8e166, #78501e4d), var(--parch);padding:34px 34px 26px;animation:.3s cubic-bezier(.2,1.3,.4,1) sheet-in;position:relative;box-shadow:0 0 0 1px #4a3416,inset 0 0 40px #6e4b1e8c,0 24px 60px #000000b3}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)rotate(-3deg)}}.sheet .pp-title{margin-bottom:10px;font-size:26px}.sheet .pp-text,.sheet .pp-head{font-size:18px}.sheet.wanted .pp-head{letter-spacing:.1em;color:#2e1c0c;font-size:54px}.sheet.wanted .pp-face{width:62%}.sheet.wanted .pp-name{font-size:28px}.sheet .pp-reward{font-size:24px}.sheet .pp-seal{width:34px;height:34px;bottom:20px;right:20px}.sheet-acts{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.stampov{z-index:70;pointer-events:auto;background:#08050380;place-items:center;display:grid;position:fixed;inset:0}.stampov .sheet{animation:.55s cubic-bezier(.2,1.2,.4,1) sheet-up}@keyframes sheet-up{0%{transform:translateY(70vh)rotate(-8deg)}}.stampov .seal{opacity:0;pointer-events:none;width:130px;height:130px;position:absolute;bottom:34px;right:40px;transform:scale(2.6)rotate(-20deg)}.stampov .seal-ring{color:#ffdcc8d9;background:radial-gradient(circle at 38% 32%,#e0604a,#9a2214 55%,#5a0e06);border-radius:50%;place-items:center;width:100%;height:100%;display:grid;box-shadow:0 4px 10px #00000080,inset 0 0 0 6px #78140a99,inset 0 -6px 14px #00000059}.stampov .seal-ring .ui-ico{width:60%;height:60%}.stampov .seal span{text-align:center;font:700 22px var(--title);letter-spacing:.2em;color:#8a1a10;text-transform:uppercase;text-shadow:0 0 2px #ffe6c8e6;mix-blend-mode:multiply;opacity:0;position:absolute;top:50%;left:-30px;right:-30px;transform:translateY(-50%)rotate(-14deg)}.stampov.hit .seal{animation:.25s cubic-bezier(.5,0,.9,.4) forwards slam}.stampov.hit .seal span{animation:.3s .2s forwards ink}.stampov.hit .sheet{animation:.3s .2s shake}@keyframes slam{to{opacity:1;transform:scale(1)rotate(-14deg)}}@keyframes ink{to{opacity:1}}@keyframes shake{25%{transform:translate(-6px,4px)}50%{transform:translate(5px,-3px)}75%{transform:translate(-3px,2px)}}.stampov.away .sheet{animation:.5s ease-in forwards away}.stampov.away{animation:.5s forwards fade-out}@keyframes away{to{opacity:0;transform:translate(70vw,-40vh)rotate(25deg)}}@keyframes fade-out{to{background:#08050300}}.guildgain{z-index:46;background:var(--board);box-shadow:var(--frame);border-radius:30px;align-items:center;gap:12px;padding:10px 22px 10px 12px;animation:.45s cubic-bezier(.2,1.4,.4,1) drop-in;display:flex;position:fixed;top:30%;left:50%;transform:translate(-50%);pointer-events:none!important}.guildgain.out{animation:.55s ease-in forwards drop-out}.guildgain .k{font:700 11px var(--title);letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}.guildgain .t{font:700 20px var(--title)}.crest-badge{color:var(--c);box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--c), 0 2px 5px #0009;background:radial-gradient(circle at 40% 30%,#3a2c1a,#120c06 75%);border-radius:50%;flex:none;place-items:center;display:inline-grid}.crest-badge .ui-ico{filter:drop-shadow(0 0 3px #000c);width:68%;height:68%}.hud-tl .pcrest{position:absolute;bottom:-4px;left:-6px}.rankcard{background:#00000040;border-radius:4px;align-items:center;gap:14px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1px #6b512973}.page .rankcard{background:#6e4b1e1f}.rankcard .rk{flex:1}.rankcard .rn{font:700 20px var(--title);text-shadow:0 1px 2px #0009}.rankcard .bar{height:8px;margin:4px 0}.mpapers{flex-direction:column;gap:8px;display:flex}.mpaper{color:var(--ink);background:radial-gradient(ellipse at center, #fff8e14d, #78501e40), var(--parch);border-radius:3px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:8px 12px;display:grid;box-shadow:0 2px 6px #0006,inset 0 0 14px #6e4b1e66}.mpaper.ready{box-shadow:0 0 0 2px #2f6a24,0 2px 6px #0006,inset 0 0 14px #6e4b1e66}.mp-ico{background:radial-gradient(circle,#3a2a17,#140d06);border-radius:4px;place-items:center;width:48px;height:48px;display:grid}.mp-ico .gi{width:36px;height:36px}.mp-title{font:700 16px var(--title);color:#2e1c0c}.mp-status{color:#6a4a22;font-size:14px}.mpaper.ready .mp-status{color:#2f6a24;font-weight:700}.mp-reward{color:#6a4a12;font-size:13px;font-weight:700}.mp-acts{gap:6px;display:flex}.tear-ghost{z-index:80;pointer-events:none;transform-origin:50% 8px;margin:0;position:fixed;box-shadow:0 16px 30px #0000008c}.bpaper.torn{cursor:default;box-shadow:none!important;transform:rotate(var(--t,0deg))!important;background:0 0!important}.bpaper.torn>:not(.pin){visibility:hidden}.bpaper.torn:after{content:"";clip-path:polygon(0 0,100% 0,100% 52%,88% 78%,74% 56%,60% 92%,46% 60%,30% 86%,16% 58%,0 76%);filter:drop-shadow(0 2px 2px #0006);background:#d9c497;width:46px;height:32px;margin-left:-23px;position:absolute;top:0;left:50%}.rail-btn.bump{animation:.45s cubic-bezier(.3,1.6,.5,1) bag-bump}@keyframes bag-bump{0%{transform:scale(1)}35%{transform:scale(1.22)rotate(-6deg)}to{transform:scale(1)}}.askwrap{z-index:95;background:#08050380;place-items:center;animation:.15s fade-in;display:grid;position:fixed;inset:0}.askbox{background:var(--board);border-radius:var(--radius);width:min(420px,100vw - 40px);box-shadow:var(--frame);text-align:center;padding:22px 24px 18px;position:relative}.askbox p{font:500 17px/1.45 var(--font);color:var(--text);white-space:pre-line;margin:0 0 16px}.askbox .ask-in{width:100%;font:inherit;background:var(--tex-parch,#e9dcbc);color:var(--ink);border:1px solid #0b0704;border-radius:3px;margin:0 0 14px;padding:9px 12px}.askbox .row-actions{justify-content:center;gap:10px}.cell.locked{opacity:.55;cursor:not-allowed;background:repeating-linear-gradient(135deg,#140d06e6 0 6px,#22180ce6 6px 12px)}.cell.locked .ui-ico{color:#d9b45f59;width:20px;height:20px}.bag .grid{scrollbar-width:thin;scrollbar-color:#6b5129 #0000004d;scrollbar-gutter:stable;align-content:start;height:326px;overflow-y:auto}@media (width<=1100px){.bagwin.docked .bag .grid{height:256px}}@media (width<=900px){.bag .grid,.bagwin.docked .bag .grid{height:236px}}.creator .ctabs{justify-content:center;gap:4px;margin-top:10px;display:flex}.creator .ctabs .tab{flex:1}.creator .tiles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.creator .tiles.small{grid-template-columns:repeat(3,1fr)}.creator .tiles.wide{grid-template-columns:repeat(2,1fr)}.creator .tile,.tailorwin .chip{cursor:pointer;font:600 13px var(--font);color:var(--text);background:linear-gradient(#3a2c1a,#24190d);border:0;border-radius:4px;padding:8px 4px;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #a0783c59}.creator .tile:hover,.tailorwin .chip:hover{filter:brightness(1.15)}.creator .tile.on,.tailorwin .chip.on{color:#23170a;background:linear-gradient(#f0d48c,#b8903e)}.creator footer{flex-direction:column;gap:8px;padding:10px 16px 14px;display:flex}.creator footer .go{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.creator footer .go .random{margin-right:auto}.creator footer .btn.on{color:#23170a;background:linear-gradient(#f0d48c,#b8903e)}.panel.tailorwin{width:min(980px,100vw - 32px);left:50%;right:auto;bottom:calc(16px + var(--safe-b));animation:none;transform:translate(-50%)}.tailorwin .tgrid{flex:1;grid-template-columns:minmax(240px,36%) 1fr;min-height:0;display:grid}.tailorwin .mcol{min-height:0;padding:6px 4px 14px 14px;display:flex}.tailorwin .body{padding:4px 14px 12px;overflow-y:auto}@media (width<=760px){.tailorwin .tgrid{grid-template-rows:34vh 1fr;grid-template-columns:1fr}.tailorwin .mcol{padding:6px 14px 0}}.tailorwin .keeper{margin:0 0 8px}.tailorwin .ttabs{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.tailorwin .ttabs .tab{flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:11px;display:flex}.tailorwin .ttabs .tab .ui-ico{width:22px;height:22px}.tailorwin .chips{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.tailorwin .chip{border-bottom:2px solid var(--tc,transparent);padding:4px 10px;font-size:12px}.tailorwin .cgrid{scrollbar-width:thin;scrollbar-color:#6b5129 #0000004d;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;max-height:240px;padding:2px;display:grid;overflow-y:auto}.tailorwin .ctile{cursor:pointer;color:var(--text);box-shadow:inset 0 0 0 1px #0b0704, inset 0 0 0 2px color-mix(in srgb, var(--tc) 55%, transparent);background:radial-gradient(circle at 50% 30%,#503c2299,#0e0904eb);border:0;border-radius:5px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;display:flex;position:relative}.tailorwin .ctile:hover{filter:brightness(1.15)}.tailorwin .ctile.sel{box-shadow:inset 0 0 0 1px #0b0704, inset 0 0 0 2px var(--gold-hi), 0 0 12px #f0c86e73}.tailorwin .cico{width:40px;height:40px;color:var(--m);filter:drop-shadow(0 2px 2px #000c)}.tailorwin .cico .ui-ico{width:100%;height:100%}.tailorwin .ctile:after{content:"";background:var(--t);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 1px #0b0704}.tailorwin .cname{font:600 12px/1.2 var(--font);text-align:center}.tailorwin .ctile .price{font:700 12px var(--font);color:var(--gold-hi)}.tailorwin .tag{font:700 10px var(--title);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.tailorwin .tag.on{color:#9fd08a}.tailorwin .cdetail{background:#00000040;border-radius:5px;margin-top:10px;padding:10px 12px;box-shadow:inset 0 0 0 1px #6b512980}.tailorwin .cdetail .dhead{font-size:16px}.tailorwin .cdetail .desc{margin:4px 0 6px}.tailorwin .row-label{font:700 12px var(--title);color:var(--gold);letter-spacing:.06em;margin:8px 0 4px}.tailorwin .swatches{flex-wrap:wrap;gap:4px;display:flex}.tailorwin .sw{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #0b0704}.tailorwin .sw.on{border-color:var(--gold-hi)}.tailorwin .worn{gap:4px;display:grid}.tailorwin .wslot{grid-template-columns:20px 54px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.tailorwin .wslot .ui-ico{width:18px;height:18px;color:var(--gold)}.tailorwin .wslot .wbtns{align-items:center;gap:6px;display:flex}.tailorwin .wslot .wbtns .btn.tiny{min-height:30px}.tailorwin .tfoot{margin-top:12px}.tailorwin .tfoot .btn .ui-ico{vertical-align:-3px;width:16px;height:16px}.tailorwin .chk{align-items:center;gap:6px;font-size:13px;display:flex}.btn.tiny{min-height:0;padding:1px 7px;font-size:13px}.panel.buildwin{width:min(420px,100vw - 32px);animation:none;left:16px;right:auto}.buildwin header{padding:10px 44px 8px}.buildwin header h2{font-size:19px}.buildwin header .x{top:8px}.buildwin .btabs{grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 14px 0;display:grid}.buildwin .btabs .tab{font:600 13px var(--font);cursor:pointer;color:var(--text);background:linear-gradient(#3a2c1a,#24190d);border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:6px 4px;display:flex;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #a0783c59}.buildwin .btabs .tab .ui-ico{width:18px;height:18px}.buildwin .btabs .tab.on{color:#23170a;background:linear-gradient(#f0d48c,#b8903e)}.buildwin .body{-webkit-user-select:none;user-select:none;padding:8px 14px 10px}.buildwin .bstatus{min-height:22px;color:var(--gold-hi);text-shadow:var(--text-shadow);border-top:1px solid #6b512973;padding:6px 14px 10px;font-size:13px}.buildwin .bstatus:empty{display:none}.buildwin .warn{color:#ffd8b8;background:#78281459;border-radius:4px;margin:4px 0 8px;padding:6px 10px;font-size:13px;box-shadow:inset 0 0 0 1px #c4513f80}.buildwin .warn .btn{margin-left:6px}.buildwin .no{color:#ff9a84}.buildwin .plotline{margin:0 0 6px;font-size:13px}.buildwin .plotpick{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.buildwin .chip{font:600 12px var(--font);cursor:pointer;color:var(--text);background:#00000059;border:0;border-radius:10px;padding:3px 10px;box-shadow:inset 0 0 0 1px #a0783c66}.buildwin .chip.on{color:#23170a;background:linear-gradient(#f0d48c,#b8903e)}.buildwin .btools{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:4px;margin:4px 0 8px;display:grid}.buildwin .tool{cursor:pointer;font:600 11px var(--font);color:var(--text);background:#00000059;border:0;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;display:flex;box-shadow:inset 0 0 0 1px #6b512999}.buildwin .tool .ui-ico{width:22px;height:22px;color:var(--gold)}.buildwin .tool:hover,.buildwin .bcat:hover,.buildwin .pcard:hover{filter:brightness(1.2)}.buildwin .tool.on{box-shadow:inset 0 0 0 1px var(--gold), 0 0 8px #d9b45f66;background:#d9b45f29}.buildwin .psearch{box-sizing:border-box;width:100%;font:14px var(--font);color:var(--text);appearance:none;box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim), inset 0 1px 4px #0009;background:#1d140b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b3a07f' stroke-width='2.4'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='M15 15l6 6'/%3E%3C/svg%3E") 9px/15px no-repeat;border:0;border-radius:4px;outline:none;margin-bottom:6px;padding:7px 10px 7px 30px}.buildwin .psearch::placeholder{color:var(--dim)}.buildwin .psearch:focus{box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--gold), inset 0 1px 4px #0009}.buildwin .psearch::-webkit-search-cancel-button{filter:sepia()saturate(2)hue-rotate(-10deg);cursor:pointer}.buildwin .btools.paints .tool{box-shadow:inset 0 0 0 1px #6b512999, inset 0 -4px 0 var(--sw,transparent)}.buildwin .btools.paints .tool.on{box-shadow:inset 0 0 0 1px var(--gold), 0 0 8px #d9b45f66, inset 0 -4px 0 var(--sw,transparent)}.buildwin .bcats{grid-template-columns:repeat(6,1fr);gap:3px;margin-bottom:6px;display:grid}.buildwin .bcat{cursor:pointer;font:600 10px var(--font);color:var(--muted);background:#0000004d;border:0;border-radius:4px;flex-direction:column;align-items:center;gap:1px;padding:5px 1px 3px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #6b512973}.buildwin .bcat span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.buildwin .bcat .ui-ico{width:20px;height:20px}.buildwin .bcat.on{color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--gold);background:#d9b45f24}.buildwin .pgrid{scrollbar-width:thin;scrollbar-color:#6b5129 #0000004d;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:5px;max-height:300px;padding:2px;display:grid;overflow-y:auto}.buildwin .pcard{cursor:pointer;color:var(--text);background:radial-gradient(circle at 50% 35%,#5a46288c,#0e0904eb);border:0;border-radius:5px;flex-direction:column;align-items:center;gap:2px;padding:4px 3px 5px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #6b51298c}.buildwin .pcard.on{box-shadow:inset 0 0 0 1px #0b0704, inset 0 0 0 2px var(--gold-hi), 0 0 10px #f0c86e73}.buildwin .pcard.short .thumb{opacity:.55;filter:grayscale(.4)}.buildwin .pcard .thumb{object-fit:contain;width:64px;height:64px}.buildwin .pcard .thumb:not([src]){visibility:hidden}.buildwin .pcard .puse,.buildwin .pcard .plight{width:14px;height:14px;color:var(--gold);position:absolute;top:4px}.buildwin .pcard .puse{left:4px}.buildwin .pcard .plight{color:#ffcf70;right:4px}.buildwin .pcard .puse .ui-ico,.buildwin .pcard .plight .ui-ico{width:100%;height:100%}.buildwin .pname{font:600 11px/1.15 var(--font);text-align:center}.buildwin .pcost{color:var(--muted);text-align:center;font-size:10px;line-height:1.2}.buildwin .pcost b{color:var(--text)}.buildwin .pcost b.no{color:#ff9a84}.buildwin .pdetail{background:#00000047;border-radius:5px;margin-top:8px;padding:8px 10px;box-shadow:inset 0 0 0 1px #6b512980}.buildwin .pdetail p{margin:3px 0;font-size:13px}.buildwin .tag{font:700 10px var(--title);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-left:4px}.buildwin .needs{flex-wrap:wrap;gap:4px 10px;margin-top:4px;display:flex}.buildwin .need{align-items:center;gap:4px;font-size:13px;display:inline-flex}.buildwin .need .gi{width:20px;height:20px}.buildwin .need i{color:var(--dim);font-style:normal}.buildwin .need.no{color:#ff9a84}.buildwin .keys{color:var(--dim);margin:8px 0 0;font-size:11px;line-height:1.5}.buildwin .landcard{cursor:pointer;background:#00000047;border-radius:5px;margin-bottom:8px;padding:8px 10px;box-shadow:inset 0 0 0 1px #6b512980}.buildwin .landcard.on{box-shadow:inset 0 0 0 1px var(--gold), 0 0 8px #d9b45f40}.buildwin .landcard .lhead{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.buildwin .landcard .lhead b{font:700 15px var(--title);color:var(--gold-hi)}.buildwin .kvs{grid-template-columns:auto 1fr;gap:2px 12px;margin:6px 0;font-size:13px;display:grid}.buildwin .kvs span{color:var(--muted)}.buildwin .pegs{color:var(--gold);margin:2px 0 6px;font-size:13px}.buildwin .quote{background:linear-gradient(#3c2c1480,#140d0699);border-radius:5px;padding:8px 10px;box-shadow:inset 0 0 0 1px #d9b45f66}.buildwin .btn.big{width:100%;margin-top:6px;padding:10px;font-size:16px}.buildwin .btn .ui-ico{width:16px;height:16px}.buildwin .stock{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:4px;margin-bottom:6px;display:grid}.buildwin .mat{background:#0000004d;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:24px 1fr;align-items:center;column-gap:4px;padding:4px 6px;display:grid}.buildwin .mat .gi{grid-row:1/3;width:24px;height:24px}.buildwin .mat b{font-size:14px}.buildwin .mat span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.buildwin .dels{gap:4px;display:grid}.buildwin .del{background:#00000047;border-radius:4px;grid-template-columns:20px auto 1fr;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:grid}.buildwin .del .ui-ico{width:18px;height:18px;color:var(--gold)}.buildwin .del b{color:var(--muted);font-weight:600}.buildwin .del.ready b{color:var(--good)}.buildwin .slider{grid-template-columns:70px 56px 1fr;align-items:center;gap:8px;margin:6px 0;font-size:13px;display:grid}.buildwin .slider input{width:100%;accent-color:var(--gold)}.letterwrap{z-index:80;pointer-events:auto;background:#0805028c;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.2s ease-out letter-fade;display:flex;position:fixed;inset:0}@keyframes letter-fade{0%{opacity:0}}.letter{aspect-ratio:1/1.414;box-sizing:border-box;width:min(500px,70.7214vh - 77.7935px,100vw - 32px);color:var(--ink);font:17px/1.45 var(--font);background:var(--parch);transform-origin:50% 0;border-radius:3px;flex-direction:column;padding:34px 38px 26px;animation:.35s cubic-bezier(.2,.9,.3,1.1) letter-in;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #6e461473,inset 0 0 6px #50320a80,0 18px 50px #0009}@keyframes letter-in{0%{opacity:0;transform:translateY(30px)rotate(-1.5deg)}}.letter .lhead{font:700 22px var(--title);text-align:center;color:#3a2410;letter-spacing:.03em;margin-bottom:10px}.letter p{margin:0 0 10px}.letter b{color:#3a1e08}.letter .subtle{color:var(--ink-soft);font-size:14px}.letter .sketch{width:150px;height:150px;margin:4px auto 10px;display:block}.letter .lname{margin:6px 0 8px;font-style:italic;display:block}.letter input{box-sizing:border-box;width:100%;font:600 17px var(--font);color:var(--ink);background:#fff5dc59;border:0;border-bottom:2px dashed #5a3a1899;outline:none;margin-top:4px;padding:6px 8px;display:block}.letter .lfoot{color:var(--ink-soft);margin:6px 0 10px;font-size:14px}.letter .row-actions{justify-content:flex-end;margin-bottom:0}.letter .olist{border-collapse:collapse;width:100%;margin:4px 0 8px;font-size:15px}.letter .olist th{font:700 12px var(--title);text-align:left;color:var(--ink-soft);border-bottom:1px solid #5a3a1866;padding:2px 4px}.letter .olist td{border-bottom:1px dotted #5a3a184d;padding:3px 4px}.letter .olist td:nth-child(3){white-space:nowrap}.letter .olist .q{text-align:center;width:56px;margin:0 3px;padding:2px 4px;font-size:15px;display:inline-block}.letter .olist .c{text-align:right;font-weight:700}.letter .olist .btn.tiny{color:var(--ink);background:#5a3a182e;box-shadow:inset 0 0 0 1px #5a3a1873}.letter.granted{border:3px double #78461499}.waxseal{pointer-events:none;color:#ffd2beb3;background:radial-gradient(circle at 38% 34%,#d0503c,#8c1c12 60%,#5e0e08);border-radius:50%;place-items:center;width:62px;height:62px;font-size:26px;animation:.4s cubic-bezier(.3,1.6,.5,1) stamp;display:grid;position:absolute;bottom:22px;right:28px;box-shadow:0 2px 4px #00000073,inset 0 0 0 4px #78140a99}.waxseal.granted{color:#fff0c8cc;background:radial-gradient(circle at 38% 34%,#c8a040,#8c6418 60%,#5a3e0c);margin-left:-31px;bottom:64px;left:50%;right:auto}@keyframes stamp{0%{opacity:0;transform:scale(2.4)}70%{opacity:1;transform:scale(.92)}}.letter.rolling{transition:transform .4s ease-in;overflow:hidden;transform:scaleY(.08)scaleX(.6)}.letter.flying{opacity:0;transition:transform .7s cubic-bezier(.5,0,.8,.4),opacity .7s;transform:translateY(-80vh)scaleY(.08)scaleX(.25)rotate(-20deg)}.mirror{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.mirror .mframe{cursor:grab;touch-action:none;background:radial-gradient(at 50% 40%,#ffdca00d,#0000 70%);border-radius:6px;flex:1;min-height:220px;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 3px #6b5129,inset 0 0 0 4px #0b0704,inset 0 0 40px #000000b3,0 2px 10px #00000080}.mirror .mframe:active{cursor:grabbing}.mirror .mframe{background:radial-gradient(at 50% 35%,#3a2a1a,#120c07 75%);position:relative;overflow:hidden}.mirror .mcanvas{pointer-events:none;border-radius:4px;position:absolute;inset:4px;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important}.mirror .mctl{justify-content:center;gap:4px;display:flex}.mirror .mctl .btn{padding:4px 10px;font-size:13px}.mirror .mctl .btn .ui-ico{width:16px;height:16px}.mirror .mctl .flip .ui-ico{transform:scaleX(-1)}.mirror .mctl .btn.on{color:#23170a;text-shadow:none;background:linear-gradient(#f0d48c,#b8903e)}.ctabs .tab,.ttabs .tab{cursor:pointer;font:600 13px var(--font);color:var(--text);background:linear-gradient(#3a2c1a,#24190d);border:0;border-radius:4px;padding:7px 6px;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #a0783c59}.ctabs .tab:hover,.ttabs .tab:hover{filter:brightness(1.15)}.ctabs .tab.on,.ttabs .tab.on{color:#23170a;text-shadow:none;background:linear-gradient(#f0d48c,#b8903e)}.ttabs .tab .ui-ico{color:var(--gold)}.ttabs .tab.on .ui-ico{color:#3a2410}.panel.housewin{width:min(430px,100vw - 32px);animation:none;left:16px;right:auto}.housewin .body{-webkit-user-select:none;user-select:none;flex-direction:column;min-height:0;padding:8px 14px 12px;display:flex}.housewin .keeper{margin:0 0 8px;font-size:13px}.housewin .chips{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.housewin .chip{font:600 12px var(--font);cursor:pointer;color:var(--text);background:#00000059;border:0;border-radius:10px;padding:4px 10px;box-shadow:inset 0 0 0 1px #a0783c66}.housewin .chip i{color:var(--dim);margin-left:2px;font-style:normal}.housewin .chip.on{color:#23170a;background:linear-gradient(#f0d48c,#b8903e)}.housewin .chip.on i{color:#5a4220}.housewin .chips.small .chip{padding:3px 9px;font-size:11px}.housewin .hlist{scrollbar-width:thin;scrollbar-color:#6b5129 #0000004d;flex:1;align-content:start;gap:3px;min-height:120px;margin-bottom:8px;padding-right:2px;display:grid;overflow-y:auto}.housewin .hrow{text-align:left;cursor:pointer;color:var(--text);font:600 13px var(--font);background:#00000047;border:0;border-radius:4px;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid;box-shadow:inset 0 0 0 1px #6b512973}.housewin .hrow:hover{filter:brightness(1.2)}.housewin .hrow.on{box-shadow:inset 0 0 0 1px var(--gold), 0 0 8px #d9b45f4d;background:#d9b45f29}.housewin .hrow.taken{opacity:.6}.housewin .hico .ui-ico{width:22px;height:22px;color:var(--gold)}.housewin .hname{flex-direction:column;line-height:1.2;display:flex}.housewin .hname i{font:400 11px var(--font);color:var(--muted);font-style:normal}.housewin .price{color:var(--gold-hi);white-space:nowrap;font-size:13px}.housewin .tag{font:700 10px var(--title);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.housewin .tag.mine{color:var(--good)}.housewin .hdetail{background:#00000047;border-radius:5px;padding:8px 10px;box-shadow:inset 0 0 0 1px #6b512980}.housewin .hdetail .dhead{font:700 15px var(--title);color:var(--gold-hi);justify-content:space-between;align-items:center;gap:8px;display:flex}.housewin .hdetail p{margin:6px 0;font-size:13px}.housewin .kvs{grid-template-columns:auto 1fr;gap:2px 12px;margin:6px 0;font-size:13px;display:grid}.housewin .kvs span{color:var(--muted)}.housewin .btn .ui-ico{width:16px;height:16px}.housewin .keys{color:var(--dim);margin:8px 0 0;font-size:11px}.buildwin .ropes{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:2px 0 10px;font-size:13px;display:flex}.buildwin .ropes .subtle{font-size:11px}.panel.buildwin{transition:transform .25s,opacity .25s}.panel.buildwin.tucked{opacity:.92;transform:translate(calc(18px - 100%))}.buildwin .btuck{cursor:pointer;width:34px;color:var(--gold-hi);font:700 11px var(--title);background:var(--board);box-shadow:var(--frame-thin);writing-mode:vertical-rl;letter-spacing:.08em;border:0;border-radius:0 6px 6px 0;flex-direction:column;align-items:center;gap:4px;padding:10px 0;display:none;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.buildwin .btuck .ui-ico{writing-mode:horizontal-tb;width:18px;height:18px}.buildwin.tucked .btuck{display:flex}.buildwin.tucked>:not(.btuck){pointer-events:none}.crosshair{pointer-events:none;z-index:5;opacity:0;filter:drop-shadow(0 0 1.5px #000000e6)drop-shadow(0 0 3px #00000080);width:30px;height:30px;margin:-15px 0 0 -15px;transition:opacity .15s;position:fixed;top:50%;left:50%}.crosshair.on{opacity:.85}.crosshair svg{width:100%;height:100%}.crosshair .ring{fill:none;stroke:var(--gold-hi);stroke-width:1.6px;stroke-dasharray:9.8 2;stroke-dashoffset:4.9px;opacity:.75}.crosshair .tick{stroke:var(--gold-hi);stroke-width:2px;stroke-linecap:round}.crosshair .dot{fill:#fff6dc}.cursor{pointer-events:none;z-index:5;opacity:0;filter:drop-shadow(0 0 1px #000000b3);--c:#ded2b4b8;width:64px;height:64px;margin:-32px 0 0 -32px;transition:opacity .15s;position:fixed;top:50%;left:50%}.cursor.on{opacity:.8}.cursor svg{width:100%;height:100%;overflow:visible}.cursor .dot{fill:#f0e8d4cc}.cursor .tk,.cursor .br{stroke:var(--c);stroke-width:1.15px;stroke-linecap:round;fill:none;transition:transform 80ms,stroke .12s}.cursor .drawbg{stroke:#00000059;stroke-width:2.2px;stroke-linecap:round;display:none}.cursor .draw{stroke:#d6c496d9;stroke-width:1.6px;stroke-linecap:round;display:none}.cursor .cool{fill:none;stroke:#f0e8d44d;stroke-width:.9px}.cursor .rune{fill:none;stroke:var(--c);stroke-width:.9px;stroke-dasharray:3 2.2}.cursor .runeTicks{fill:var(--c)}.cursor .ring{transform-origin:0 0;animation:6s linear infinite cursorturn;display:none}.cursor .brackets,.cursor .ticks{display:none}.cursor[data-mode=plain] .ticks,.cursor[data-mode=melee] .brackets,.cursor[data-mode=bow] .ticks,.cursor[data-mode=bow] .draw,.cursor[data-mode=bow] .drawbg,.cursor[data-mode=staff] .ring{display:inline}.cursor.hot{--c:#dc6046d9}.cursor.full .draw{stroke:#f2dc9a;filter:drop-shadow(0 0 2px #ffd26eb3)}.cursor.tired{--c:#d23c32e6;animation:.3s cursorshake}@keyframes cursorturn{to{transform:rotate(360deg)}}@keyframes cursorshake{25%{margin-left:-34px}75%{margin-left:-30px}}.tailorwin .ctile{position:relative}.tailorwin .ctile .cmade{font:italic 600 10.5px var(--font);color:var(--gold-hi);opacity:.8;letter-spacing:.02em;position:absolute;top:5px;left:7px}.letter:before,.sheet:before{content:"";pointer-events:none;border:3px double #6e481c80;border-radius:2px;position:absolute;inset:11px}.letter .lbody{scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;padding-right:2px;display:flex;overflow:hidden}.letter .lfit{flex-direction:column;flex:1 0 auto;display:flex}.letter.order .olist td{padding:1px 4px}.letter.order .olist .q{padding:0 4px}.letter .lactions,.lactions{margin:0}.dkick{text-align:center;font:italic 500 13px var(--font);letter-spacing:.14em;text-transform:uppercase;color:#462c10bf;margin-bottom:2px}.letter .lhead{margin-bottom:4px;font-size:26px}.drule{color:#6e481cb3;align-items:center;gap:10px;margin:8px 0 12px;display:flex}.drule i{background:linear-gradient(90deg,#0000,#6e481c99 20% 80%,#0000);flex:1;height:1px}.drule b{font-size:10px;color:#6e481ccc!important}.letter .ldrop:first-letter{float:left;font:700 46px/.9 var(--title);color:#6a2a10;margin:4px 6px 0 0}.letter .lterms{grid-template-columns:auto 1fr;gap:3px 14px;margin:4px 22px;font-size:15px;display:grid}.letter .lterms dt{font:700 12px/1.9 var(--title);letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase}.letter .lterms dd{border-bottom:1px dotted #5a3a1859;margin:0}.letter .lnote{text-align:center;margin:0}.dfoot{margin-top:auto;padding-top:6px}.dfoot .drow{grid-template-columns:1fr auto;align-items:end;gap:22px;display:grid}.dsign{flex-direction:column;min-width:0;display:flex}.dsig{color:#1f2c52;transform-origin:0 100%;white-space:nowrap;text-shadow:0 0 1px #1f2c524d;padding:0 0 2px 6px;font:400 25px/1.1 Segoe Script,Lucida Handwriting,Brush Script MT,Apple Chancery,cursive;overflow:visible;transform:rotate(-3deg)}.dline{background:#3c260ebf;height:1px;margin-top:2px;display:block}.drole{font:600 11px var(--title);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px}.dseal{text-align:center;background:radial-gradient(circle,#8c5a1e14,#0000 70%);border:1.5px dashed #6e481c80;border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:relative}.dseal>span{font:italic 600 10px/1.25 var(--font);color:#5a3a1899;padding:0 12px}.dseal .waxseal,.dseal .waxseal.granted{margin:-31px 0 0 -31px;inset:50% auto auto 50%}.stampov .sheet{aspect-ratio:1/1.414;box-sizing:border-box;flex-direction:column;width:min(470px,70.7214vh - 42.4328px,100vw - 40px);padding:40px 38px 30px;display:flex}.stampov .sheet .pp-title{margin-top:18px}.stampov .sheet .pp-text{margin-top:6px}.stampov .sheet .dseal{width:120px;height:120px}.stampov .dseal .seal{width:130px;height:130px;bottom:-5px;right:-5px}.service .swatches{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.service .sw{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #0b0704}.service .sw.on{border-color:var(--gold-hi);box-shadow:0 0 0 1px #0b0704,0 0 8px #f2d68e99}.service .dyechips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.service .dsw{vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-left:2px;display:inline-block;box-shadow:0 0 0 1px #0b0704}.service .row-label{font:600 13px var(--font);color:var(--muted,#b8a888);margin:4px 0}.letter .lfoot .tot{min-height:2.9em;display:block}.edgeflash{pointer-events:none;z-index:4;opacity:0;position:fixed;inset:0}.edgeflash.parry{background:radial-gradient(#0000 45%,#ffd6788c 100%);animation:.45s ease-out edgeflash}.edgeflash.block{background:radial-gradient(#0000 55%,#c8c8d247 100%);animation:.25s ease-out edgeflash}@keyframes edgeflash{0%{opacity:1}to{opacity:0}}.skillbar{background:var(--leather);box-shadow:var(--frame);pointer-events:auto;border-radius:5px;gap:5px;padding:6px;display:flex;position:absolute;bottom:0;left:calc(100% + 14px)}.skillbar .sk{color:#e8d9b0;background:radial-gradient(circle at 50% 35%,#3a2a18,#1a1208);border-radius:4px;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #5a4426}.skillbar .sk.mana{color:#bcd8ff;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #34507a}.skillbar .sk .ui-ico{filter:drop-shadow(0 1px 1px #000);width:32px;height:32px}.skillbar .sk .cd{background:conic-gradient(#000000ad calc(var(--cd,0) * 360deg), transparent 0);pointer-events:none;position:absolute;inset:0}.skillbar .sk kbd{font:700 10px var(--font);color:#f0e2bc;text-shadow:0 1px 2px #000;position:absolute;top:2px;left:3px}.skillbar .sk.poor .ui-ico{opacity:.4}.skillbar .sk.locked .ui-ico{opacity:.22;filter:grayscale()}.skillbar .sk .lv{font:700 10px var(--font);color:#c9b48a;position:absolute;bottom:2px;right:3px}.skillbar .sk.flash{animation:.35s skflash}.deathscreen{z-index:60;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.deathscreen .dv{opacity:0;background:radial-gradient(#0000 35%,#3c00008c 75%,#0a0000e6 100%);transition:opacity 2.5s;position:absolute;inset:0}.deathscreen.on .dv{opacity:1}.deathscreen .dt{text-align:center;color:#e8d8c0;opacity:0;transition:opacity 1.6s .7s,transform 3s .7s;position:relative;transform:scale(1.06)}.deathscreen.on .dt{opacity:1;transform:none}.deathscreen h1{font:600 64px/1 var(--font-title,serif);letter-spacing:.14em;text-transform:uppercase;color:#b8261a;text-shadow:0 0 24px #780000b3,0 2px 4px #000;margin:0 0 18px}.deathscreen p{font:16px var(--font);text-shadow:0 1px 3px #000;margin:4px 0}.deathscreen{align-items:start;padding-top:14vh}.deathscreen h1{font-size:46px}.deathscreen .db{opacity:0;pointer-events:auto;flex-direction:column;align-items:center;gap:8px;transition:opacity 1s 1s;display:flex;position:absolute;bottom:16vh;left:50%;transform:translate(-50%)}.deathscreen.on .db{opacity:1}.deathscreen .db .btn{min-width:260px}.deathscreen .db .subtle{opacity:.8;font-size:12px}.deathscreen .db .btn .subtle{opacity:1;text-shadow:none;margin:0 0 0 6px;font-size:13px;font-weight:600;display:inline}.deathscreen .db .btn.primary .subtle{color:#4a2e10}.deathscreen .db .btn:not(.primary) .subtle{color:#e8dcc0}.deathscreen .db>.subtle{color:#f0e6d0;opacity:.9;text-shadow:0 1px 3px #000}.deathscreen .dbar{background:#00000080;width:260px;height:3px;margin-bottom:4px}.deathscreen .dbar u{background:#d8c8a8;height:100%;display:block}.deathscreen .dw{opacity:0;pointer-events:none;position:absolute;inset:0}.deathscreen.passing .db,.deathscreen.passing .dt{opacity:0;transition:opacity .4s}.deathscreen.passing .dw{animation:3.2s ease-in forwards deathwhite}@keyframes deathwhite{0%{opacity:0;background:#fff}80%{opacity:1;background:#fff}92%,to{opacity:1;background:#000}}.deathscreen.waking .dw{opacity:0}.deathscreen .lid{opacity:0;pointer-events:none;background:#050403;height:52%;position:absolute;left:-10%;right:-10%}.deathscreen .lid.top{border-radius:0 0 50% 50%/0 0 22% 22%;top:0;box-shadow:0 10px 40px 20px #050403}.deathscreen .lid.bot{border-radius:50% 50% 0 0/22% 22% 0 0;bottom:0;box-shadow:0 -10px 40px 20px #050403}.deathscreen.waking .lid{opacity:1}.deathscreen.waking .lid.top{animation:3s ease-in-out forwards lidtop}.deathscreen.waking .lid.bot{animation:3s ease-in-out forwards lidbot}@keyframes lidtop{0%{transform:translateY(0)}25%{transform:translateY(-38%)}42%{transform:translateY(-6%)}55%{transform:translateY(-50%)}68%{transform:translateY(-22%)}to{transform:translateY(-130%)}}@keyframes lidbot{0%{transform:translateY(0)}25%{transform:translateY(38%)}42%{transform:translateY(6%)}55%{transform:translateY(50%)}68%{transform:translateY(22%)}to{transform:translateY(130%)}}.deathscreen.waking .dt,.deathscreen.waking .dv,.deathscreen.waking .db{opacity:0;transition:opacity .2s}@keyframes deathwake{0%{opacity:1}to{opacity:0}}.skillbar .sk.ult{color:#e8c8ff;margin-left:6px;box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #5a3a7a}.skillbar .sk.ult .fill{pointer-events:none;background:linear-gradient(to top, #965ae68c calc(var(--ult,0) * 100%), #0000008c 0);border-radius:4px;position:absolute;inset:0}.skillbar .sk.ult .ui-ico{z-index:1;opacity:.55;position:relative}.skillbar .sk.ult kbd{z-index:2}.skillbar .sk.ult.full .ui-ico{opacity:1;filter:drop-shadow(0 0 4px #c890ff)drop-shadow(0 1px 1px #000)}.skillbar .sk.ult.full{animation:1.4s ease-in-out infinite ultburn}@keyframes ultburn{50%{box-shadow:inset 0 0 0 1px #0b0704,inset 0 0 0 2px #c890ff,0 0 12px 2px #c890ff8c}}@keyframes skflash{0%{box-shadow:inset 0 0 0 2px #ffe6a0,0 0 10px #ffd36a}to{}}.skillhint{font:600 13px var(--font);color:#e8dcc0;text-shadow:0 1px 3px #000;pointer-events:none;z-index:5;position:fixed;top:calc(50% + 40px);left:50%;transform:translate(-50%)}.itemtip .sk-ico .ui-ico{color:#f0dcae;width:30px;height:30px}.itemtip .sk-aim{color:#4a3418;font-style:italic;font-weight:600}.itemtip .sk-fx{color:#2e1f0e;margin:6px 0 2px;padding-left:16px;font-size:13px;line-height:1.35}.itemtip .tt-skills{border-top:1px solid #5a3c1959;margin-top:8px;padding-top:6px}.itemtip .tt-sk-head{font:700 12px var(--title);letter-spacing:.06em;text-transform:uppercase;color:#7a4a14;margin-bottom:4px}.itemtip .tt-sk{color:#2a1c0c;align-items:flex-start;gap:7px;margin:5px 0;font-size:13px;display:flex}.itemtip .tt-sk .ui-ico{color:#4a2c10;flex:none;width:20px;height:20px;margin-top:1px}.itemtip .tt-sk .subtle{color:#6a5434}.itemtip .tt-sk-line{color:#4a3a22;font-size:12px}.skillbar .sk.swap:after{content:"⇄";color:#f0e2bc;opacity:.8;font-size:10px;position:absolute;top:1px;right:3px}.dashes{pointer-events:none;z-index:5;filter:drop-shadow(0 0 1px #000);align-items:center;gap:6px;display:flex;position:fixed;top:calc(50% + 30px);left:50%;transform:translate(-50%)}.dashes .dots{gap:3px;display:flex}.dashes i{background:#a06edc40;border-radius:50%;width:5px;height:5px}.dashes i.on{background:#c8a0f0}.dashes b{background:#0006;width:34px;height:2px}.dashes u{background:#c8a0f0;height:100%;text-decoration:none;display:block}.lite-offer{left:50%;top:calc(64px + var(--safe-t));z-index:60;width:min(440px,92vw);color:var(--ink);background:var(--panel,#2a2118);border:2px solid var(--gold,#c9a45a);border-radius:8px;flex-direction:column;gap:8px;padding:14px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0000008c}.lite-offer span{opacity:.9;font-size:14px}.lite-offer div{justify-content:flex-end;gap:8px;display:flex}.touch .joy{width:118px;height:118px;left:calc(14px + var(--safe-l));bottom:calc(16px + var(--safe-b))}.touch .joy i{width:52px;height:52px;margin:-26px 0 0 -26px}.touch .acts{width:200px;height:150px;right:calc(10px + var(--safe-r));bottom:calc(14px + var(--safe-b));pointer-events:none;display:block}.touch .acts button{pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:56px;height:56px;position:absolute}.touch .acts button.small{width:44px;height:44px;font-size:11px}.touch .acts button.big{width:74px;height:74px;font-size:14px}.touch .acts .act-atk{bottom:0;right:0}.touch .acts .act-roll{bottom:4px;right:82px}.touch .acts .act-run{bottom:6px;right:146px}.touch .acts .act-block{bottom:82px;right:9px}.touch .acts .act-jump{bottom:68px;right:76px}.touch .acts .act-drink{bottom:58px;right:140px}.touch .acts .act-e{left:calc(88px + var(--safe-l));bottom:calc(144px + var(--safe-b));color:#23170a;background:radial-gradient(circle at 40% 30%,#f0d48c,#8d6a2c);width:54px;height:54px;font-size:11px;line-height:1.05;position:fixed;right:auto}html.touch-ui .cell.full,html.touch-ui .eq,html.touch-ui .hslot{touch-action:none}html.touch-ui .rail-btn:hover{transform:none}.rail-toggle,.hot-toggle,.rail-btn.chat-btn{display:none}html.touch-ui .rail-btn.chat-btn{display:grid}@media (width<=900px),(height<=560px){html.touch-ui .hud-tl{left:calc(8px + var(--safe-l));top:calc(8px + var(--safe-t));gap:6px}html.touch-ui .hud-tl .portrait{width:44px;height:44px;padding:3px}html.touch-ui .hud-tl .lvl{min-width:20px;height:20px;font-size:11px;bottom:-3px;right:-4px}html.touch-ui .hud-tl .name{display:none}html.touch-ui .hud-tl .plate{margin:0;position:absolute;top:50px;left:0}html.touch-ui .hud-bl{left:calc(62px + var(--safe-l));top:calc(11px + var(--safe-t));flex-direction:column-reverse;gap:5px;bottom:auto}html.touch-ui .hpbar .heart{width:26px;height:26px;box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim), 0 2px 5px #000}html.touch-ui .hpbar .heart .ui-ico{width:15px;height:15px}html.touch-ui .hpbar .track{width:124px;height:15px;box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim), inset 0 2px 5px #000;margin-left:-6px}html.touch-ui .hpbar .hpt{font-size:11px}html.touch-ui .hud-bl .row{align-items:center;gap:6px;padding-left:4px}html.touch-ui .hud-bl .foods{gap:4px}html.touch-ui .hud-bl .food{width:22px;height:22px;padding:2px}html.touch-ui .hud-bl .food .gi{width:12px;height:12px}html.touch-ui .hud-bl .food.empty{display:none}html.touch-ui .buff{width:20px;height:20px}html.touch-ui .buff .ui-ico{width:12px;height:12px}html.touch-ui .hud-tr{right:calc(8px + var(--safe-r));top:calc(8px + var(--safe-t));align-items:flex-end;gap:5px;width:auto}html.touch-ui .mini-ring,html.touch-ui .hud-tr .purse .sep,html.touch-ui .hud-tr .online,html.touch-ui .hud-tr .purse>.ui-ico{display:none!important}html.touch-ui .place-banner{min-width:0;max-width:42vw;padding:3px 10px 4px}html.touch-ui .place-banner .t{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}html.touch-ui .place-banner .sub{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}html.touch-ui .purse{padding:2px 10px;font-size:13px}html.touch-ui .rail-toggle{width:40px;height:40px;box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim), 0 3px 6px #0009;background:radial-gradient(circle at 40% 30%,#4a3a22,#150e07 75%);border:0;border-radius:50%;place-content:center;gap:4px;padding:0;display:grid}html.touch-ui .rail-toggle i{background:var(--gold);border-radius:1px;width:18px;height:2px;display:block}html.touch-ui .rail-toggle.on{box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--gold), 0 0 12px #f0c86e80}html.touch-ui .rail{border-radius:24px;gap:6px;margin-top:0;padding:6px 4px;display:none}html.touch-ui .rail.open{animation:.14s ease-out panel-in;display:flex}html.touch-ui .rail-btn{width:42px;height:42px}html.touch-ui .rail-btn .ui-ico{width:23px;height:23px}html.touch-ui .rail-btn .tip{display:none}html.touch-ui .hud-bar{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));bottom:calc(222px + var(--safe-b));align-items:stretch;gap:4px;transform:none}html.touch-ui .stam-wrap,html.touch-ui .mana-wrap{justify-content:center;margin-bottom:2px;display:flex}html.touch-ui .stam{width:56%;height:8px}html.touch-ui .mana{width:44%;height:6px}html.touch-ui .xpbar{width:auto;height:3px}html.touch-ui .hotbar{justify-content:center;gap:4px;max-width:none;padding:4px;overflow:visible}html.touch-ui .hslot{aspect-ratio:1;flex:1 1 0;width:auto;min-width:0;max-width:50px;height:auto}html.touch-ui .hslot .ico{width:74%;height:74%}html.touch-ui .hslot .key{font-size:10px;top:1px;left:3px}html.touch-ui .hslot .qty{font-size:11px}html.touch-ui .hot-toggle{pointer-events:auto;background:var(--leather);width:44px;height:18px;box-shadow:var(--frame-thin);border:0;border-radius:9px 9px 0 0;align-self:flex-end;margin:0 4px -2px 0;padding:0;display:block}html.touch-ui .hot-toggle i{border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);width:8px;height:8px;margin:3px auto 0;display:block;transform:rotate(45deg)}html.touch-ui .hud-bar.hot-hidden .hotbar{display:none}html.touch-ui .hud-bar.hot-hidden .hot-toggle{border-radius:9px;margin-bottom:0}html.touch-ui .hud-bar.hot-hidden .hot-toggle i{margin-top:7px;transform:rotate(-135deg)}html.touch-ui .skillbar{left:auto;right:calc(10px + var(--safe-r));bottom:calc(170px + var(--safe-b));box-shadow:none;background:0 0;gap:8px;padding:0;position:fixed}html.touch-ui .skillbar .sk{touch-action:none;width:44px;height:44px;box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim), 0 3px 6px #0009;background:radial-gradient(circle at 40% 30%,#4a3a22eb,#150e07eb 75%);border-radius:50%}html.touch-ui .skillbar .sk.mana{box-shadow:0 0 0 1px #05070b,0 0 0 2px #34507a,0 3px 6px #0009}html.touch-ui .skillbar .sk.ult{margin-left:0;box-shadow:0 0 0 1px #0b0704,0 0 0 2px #5a3a7a,0 3px 6px #0009}html.touch-ui .skillbar .sk .ui-ico{width:26px;height:26px}html.touch-ui .skillbar .sk kbd{display:none}html.touch-ui .skillbar .sk .cd,html.touch-ui .skillbar .sk.ult .fill{border-radius:50%}html.touch-ui .skillbar .sk .lv{background:#0a0704d9;border-radius:6px;padding:0 4px;bottom:-4px;right:50%;transform:translate(50%)}html.touch-ui .prompt{bottom:calc(306px + var(--safe-b));max-width:86vw}html.touch-ui body:has(.hud-bar.hot-hidden) .prompt{bottom:calc(250px + var(--safe-b))}html.touch-ui .toasts{top:calc(62px + var(--safe-t))}html.touch-ui .party-frames{left:calc(8px + var(--safe-l));top:calc(76px + var(--safe-t));width:140px}html.touch-ui .chat{left:calc(8px + var(--safe-l));top:calc(150px + var(--safe-t));width:min(300px,72vw);bottom:auto}html.touch-ui .chat .chat-log{max-height:84px;font-size:13px}html.touch-ui .chat.open .chat-log{max-height:30vh}html.touch-ui .chat .chat-input{font-size:16px}html.touch-ui .feed{left:calc(8px + var(--safe-l));top:36%}html.touch-ui .tipcard,html.touch-ui .travelbar{bottom:calc(306px + var(--safe-b))}html.touch-ui body:has(.travelbar) .prompt{bottom:calc(376px + var(--safe-b))}html.touch-ui .dialog.talk{padding:0 8px;bottom:232px}html.touch-ui .banner .t{font-size:26px}html.touch-ui .panel,html.touch-ui .panel.wide,html.touch-ui .panel.center{left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));width:auto;top:calc(6px + var(--safe-t));bottom:calc(6px + var(--safe-b));max-width:none;height:auto;transform:none}html.touch-ui .panel header{padding:10px 44px 9px}html.touch-ui .panel header h2{font-size:18px}html.touch-ui .panel header .x,html.touch-ui .xbtn{width:34px;height:34px;top:7px;right:8px}}@media (orientation:landscape) and (height<=560px){html.touch-ui .hud-bar{left:calc(146px + var(--safe-l));right:calc(222px + var(--safe-r));bottom:calc(6px + var(--safe-b))}html.touch-ui .prompt{bottom:calc(92px + var(--safe-b))}html.touch-ui body:has(.hud-bar.hot-hidden) .prompt{bottom:calc(92px + var(--safe-b))}html.touch-ui .tipcard,html.touch-ui .travelbar{bottom:calc(96px + var(--safe-b))}html.touch-ui body:has(.travelbar) .prompt{bottom:calc(160px + var(--safe-b))}html.touch-ui .dialog.talk{padding:0 150px;bottom:84px}html.touch-ui .chat{top:calc(62px + var(--safe-t));left:calc(200px + var(--safe-l))}html.touch-ui .chat .chat-log{max-height:56px}html.touch-ui .eq{width:44px;height:44px}html.touch-ui .eq .ico{width:32px;height:32px}html.touch-ui .dollbox{width:150px}html.touch-ui .dollbox .doll{min-height:200px}}@media (width<=720px){.bag{grid-template-columns:1fr;gap:10px}.figure{justify-content:center}.dollbox{width:150px}.dollbox .doll{min-height:236px}.eqcol{gap:5px}.eq{width:50px;height:50px}.eq .ico{width:36px;height:36px}.eq .ghostico{width:30px;height:30px}.eq .lab{font-size:7px}.bag .grid,.bagwin.docked .bag .grid{grid-template-columns:repeat(var(--cols,8), minmax(0, 1fr));scrollbar-gutter:auto;gap:4px;width:auto;height:auto;padding:6px;overflow:visible}.bag .cell,.bagwin.docked .bag .cell{aspect-ratio:1;width:auto;height:auto}.bag .cell .ico,.bagwin.docked .bag .cell .ico{width:76%;height:76%}.bag .cell .key{font-size:9px;top:1px;left:3px}.bag .cell .qty{font-size:12px;right:3px}.bag .cell.locked .ui-ico{width:14px;height:14px}.bag-foot{flex-wrap:wrap;gap:8px 12px}.bag-help{font-size:12px}}html.in-activity.touch-ui{--safe-t:calc(env(safe-area-inset-top,0px) + 52px)}html.in-activity.touch-ui.top-left{--safe-t:env(safe-area-inset-top,0px);--safe-l:calc(env(safe-area-inset-left,0px) + 36px)}html.in-activity.touch-ui.top-right{--safe-t:env(safe-area-inset-top,0px);--safe-r:calc(env(safe-area-inset-right,0px) + 36px)}.touch .acts .act-drink .gi,.touch .acts .act-drink svg{pointer-events:none;filter:drop-shadow(0 1px 1px #000);width:26px;height:26px;margin:0 auto;display:block}@media (orientation:portrait) and (width<=900px){html.touch-ui{--hs:clamp(30px, calc((100vh - 340px) / 8 - 4px), 40px);--hot-h:calc(8 * var(--hs) + 36px)}html.touch-ui .hud-bar{left:calc(8px + var(--safe-l));right:auto;bottom:calc(210px + var(--safe-b));flex-direction:row;align-items:flex-end;gap:5px;padding-left:5px;transform:none}html.touch-ui .hotbar{flex-direction:column;order:1;gap:4px;max-width:none;padding:4px;overflow:visible}html.touch-ui .hslot{width:var(--hs);height:var(--hs);aspect-ratio:auto;flex:none;max-width:none}html.touch-ui .stam-wrap,html.touch-ui .mana-wrap{width:10px;height:calc(var(--hot-h) * .6);order:2;margin:0;display:block;position:relative}html.touch-ui .mana-wrap{width:8px;height:calc(var(--hot-h) * .45);order:3}html.touch-ui .stam,html.touch-ui .mana{width:calc(var(--hot-h) * .6);transform-origin:0 100%;height:8px;position:absolute;bottom:0;left:9px;transform:rotate(-90deg)}html.touch-ui .mana{width:calc(var(--hot-h) * .45);height:6px;left:7px}html.touch-ui .xpbar{width:var(--hot-h);transform-origin:0 100%;height:3px;position:absolute;bottom:0;left:3px;transform:rotate(-90deg)}html.touch-ui .hud-bar.hot-hidden .xpbar{width:120px}html.touch-ui .hot-toggle{left:5px;bottom:calc(var(--hot-h) + 2px);width:calc(var(--hs) + 8px);align-self:auto;height:18px;margin:0;position:absolute}html.touch-ui .hud-bar.hot-hidden .hot-toggle{order:1;position:static}html.touch-ui .prompt{left:calc(50% + 30px);bottom:calc(226px + var(--safe-b));max-width:calc(100vw - 110px)}html.touch-ui body:has(.hud-bar.hot-hidden) .prompt{left:calc(50% + 30px);bottom:calc(226px + var(--safe-b));max-width:calc(100vw - 110px)}html.touch-ui .tipcard{max-width:calc(100vw - 110px);left:calc(50% + 30px);bottom:calc(290px + var(--safe-b))}html.touch-ui .travelbar{width:calc(100vw - 104px);left:calc(50% + 30px);bottom:calc(290px + var(--safe-b))}html.touch-ui body:has(.travelbar) .prompt{bottom:calc(360px + var(--safe-b))}html.touch-ui .dialog.talk{padding:0 8px 0 74px}html.touch-ui .chat{left:calc(74px + var(--safe-l));width:min(280px,100vw - 84px)}html.touch-ui .feed{left:calc(74px + var(--safe-l))}}@media (width<=900px),(height<=560px){html.touch-ui .stam-wrap{left:calc(82px + var(--safe-l));top:calc(41px + var(--safe-t));width:124px;height:auto;margin:0;display:block;position:fixed}html.touch-ui .stam{width:124px;height:6px;position:static;transform:none}html.touch-ui .hud-bl .row{margin-top:10px}}.soc-row{border-radius:4px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.soc-row+.soc-row{margin-top:2px}.soc-row:nth-child(odd){background:#00000029}.soc-row.mine{box-shadow:inset 2px 0 0 var(--gold)}.soc-row img{width:38px;height:38px;box-shadow:0 0 0 1px #0b0704, 0 0 0 2px var(--rim);background:#222;border-radius:50%}.soc-row .nm{text-shadow:var(--text-shadow);font-weight:700}.soc-row .st{color:var(--muted);font-size:14px}.soc-row .lead{font:700 11px var(--title);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-left:4px}.chat-acts{pointer-events:auto;justify-content:flex-end;gap:8px;margin-top:6px;display:none}.chat.open .chat-acts{display:flex}html.touch-ui .skillbar .sk .lv{display:none}.touch .joy,.touch .acts{zoom:var(--touch-scale,1);opacity:var(--touch-alpha,1)}html.touch-ui.hud-bare .place-banner,html.touch-ui.hud-bare .purse{display:none}@media (width<=359px){html.touch-ui .place-banner,html.touch-ui .purse{display:none}}@media (width<=900px),(height<=560px){html.touch-ui .skillbar{bottom:calc(6px + 164px * var(--touch-scale,1) + var(--safe-b))}html.touch-ui .panel.mapwin-panel.center{--mw:min(calc(100vw - 12px - var(--safe-l) - var(--safe-r)), calc(100vh - var(--safe-t) - var(--safe-b) - 116px));width:var(--mw);left:50%;right:auto;top:calc(6px + var(--safe-t));height:auto;max-height:none;bottom:auto;transform:translate(-50%)}html.touch-ui .mapwin{aspect-ratio:auto;flex-direction:column;gap:8px;width:100%;max-height:none;display:flex}html.touch-ui .mapcanvas{aspect-ratio:1;height:auto}html.touch-ui .maptools{flex-direction:row;justify-content:center;gap:8px;position:static}html.touch-ui .maptools .gap{width:8px;height:auto}html.touch-ui .maphint{display:none}html.touch-ui .panel.buildwin{left:var(--safe-l);right:auto;top:var(--safe-t);bottom:var(--safe-b);border-radius:0;width:min(340px,100vw - 60px)}html.touch-ui .panel.buildwin.tucked{transform:translateX(calc(-100% - var(--safe-l)));opacity:1}html.touch-ui .buildwin .btuck{display:flex;right:-34px}html.touch-ui .buildwin .pgrid{max-height:none;overflow:visible}html.touch-ui .buildwin .keys{display:none}}@media (orientation:portrait) and (width<=900px){html.touch-ui .hud-bar{bottom:calc(56px + 154px * var(--touch-scale,1) + var(--safe-b))}}@media (orientation:landscape) and (height<=560px){html.touch-ui .place-banner,html.touch-ui .purse{display:none}html.touch-ui .hud-tr{flex-direction:row;align-items:flex-start;gap:6px}html.touch-ui .rail{flex-direction:row;order:-1;align-self:flex-start;margin:0;padding:4px 6px}html.touch-ui .hud-bar{left:calc(146px * var(--touch-scale,1) + var(--safe-l));right:calc(222px * var(--touch-scale,1) + var(--safe-r))}html.touch-ui .panel.buildwin{width:min(320px,46vw)}}.touch .joy.run{box-shadow:0 0 0 3px var(--gold-hi), 0 0 18px #f0c86eb3}.touch .joy.run i{background:radial-gradient(circle at 40% 30%,#fff3c8,#d9a83e);box-shadow:0 0 0 1px #0b0704,0 0 14px #ffdc82e6}@media (orientation:landscape) and (height<=560px) and (width>=640px){html.touch-ui .bagwin:not(.docked) .bag{grid-template-columns:auto minmax(0,1fr);gap:12px}html.touch-ui .bag .grid{grid-template-columns:repeat(var(--cols,8), minmax(0, 1fr));scrollbar-gutter:auto;gap:4px;width:auto;height:auto;padding:6px;overflow:visible}html.touch-ui .bag .cell{aspect-ratio:1;width:auto;height:auto}html.touch-ui .bag .cell .ico{width:76%;height:76%}}