@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-wght.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}:root{--bg:#0d0906;--panel:#1d130c;--panel-2:#2a1b10;--panel-3:#3a2717;--border:#6b4a20;--bronze-hi:#f6dfa0;--bronze:#c79a4c;--bronze-mid:#9a6e2e;--bronze-lo:#5a3a14;--ink:#0a0503;--gold:#e8c47a;--gold-2:#f5dca0;--text:#efe4d0;--muted:#b3a48b;--red:#e0554a;--green:#74d47a;--blue:#5aa9ff;--k1:#e0574b;--k2:#e8b923;--k3:#4f8ff0;--radius:5px;--shadow:0 10px 28px #0009;--font-ui:"Segoe UI", system-ui, -apple-system, Roboto, "Noto Sans", sans-serif;--font-display:"Cinzel", Georgia, "Times New Roman", serif;--tb-h:66px;--bronze-edge:linear-gradient(180deg, #f2d48c 0%, #a87a36 22%, #6b4517 48%, #b58944 74%, #4a2c0c 100%);--lacquer:radial-gradient(130% 70% at 50% 0%, #7a4e2633, #0000 62%), linear-gradient(180deg, #24170d, #170f08 72%, #120b06);--orn-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff0bc'/%3E%3Cstop offset='.35' stop-color='%23d9ab5a'/%3E%3Cstop offset='.7' stop-color='%238a5c24'/%3E%3Cstop offset='1' stop-color='%234a2c0c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform=''%3E%3Cpath d='M0 22V5Q0 0 5 0H22V3.2H6Q3.2 3.2 3.2 6V22Z' fill='url(%23g)' stroke='%23140a03' stroke-width='.7'/%3E%3Cpath d='M6.5 22V8.5Q6.5 6.5 8.5 6.5H22' fill='none' stroke='%23c8964a' stroke-opacity='.55' stroke-width='.8'/%3E%3Cpath d='M9.6 5.4L13.2 9 9.6 12.6 6 9Z' transform='translate(-.6 -.6)' fill='url(%23g)' stroke='%23140a03' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E");--orn-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='1' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff0bc'/%3E%3Cstop offset='.35' stop-color='%23d9ab5a'/%3E%3Cstop offset='.7' stop-color='%238a5c24'/%3E%3Cstop offset='1' stop-color='%234a2c0c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(22 0) scale(-1 1)'%3E%3Cpath d='M0 22V5Q0 0 5 0H22V3.2H6Q3.2 3.2 3.2 6V22Z' fill='url(%23g)' stroke='%23140a03' stroke-width='.7'/%3E%3Cpath d='M6.5 22V8.5Q6.5 6.5 8.5 6.5H22' fill='none' stroke='%23c8964a' stroke-opacity='.55' stroke-width='.8'/%3E%3Cpath d='M9.6 5.4L13.2 9 9.6 12.6 6 9Z' transform='translate(-.6 -.6)' fill='url(%23g)' stroke='%23140a03' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E");--orn-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fff0bc'/%3E%3Cstop offset='.35' stop-color='%23d9ab5a'/%3E%3Cstop offset='.7' stop-color='%238a5c24'/%3E%3Cstop offset='1' stop-color='%234a2c0c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(0 22) scale(1 -1)'%3E%3Cpath d='M0 22V5Q0 0 5 0H22V3.2H6Q3.2 3.2 3.2 6V22Z' fill='url(%23g)' stroke='%23140a03' stroke-width='.7'/%3E%3Cpath d='M6.5 22V8.5Q6.5 6.5 8.5 6.5H22' fill='none' stroke='%23c8964a' stroke-opacity='.55' stroke-width='.8'/%3E%3Cpath d='M9.6 5.4L13.2 9 9.6 12.6 6 9Z' transform='translate(-.6 -.6)' fill='url(%23g)' stroke='%23140a03' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E");--orn-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='1' y1='1' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23fff0bc'/%3E%3Cstop offset='.35' stop-color='%23d9ab5a'/%3E%3Cstop offset='.7' stop-color='%238a5c24'/%3E%3Cstop offset='1' stop-color='%234a2c0c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(22 22) scale(-1 -1)'%3E%3Cpath d='M0 22V5Q0 0 5 0H22V3.2H6Q3.2 3.2 3.2 6V22Z' fill='url(%23g)' stroke='%23140a03' stroke-width='.7'/%3E%3Cpath d='M6.5 22V8.5Q6.5 6.5 8.5 6.5H22' fill='none' stroke='%23c8964a' stroke-opacity='.55' stroke-width='.8'/%3E%3Cpath d='M9.6 5.4L13.2 9 9.6 12.6 6 9Z' transform='translate(-.6 -.6)' fill='url(%23g)' stroke='%23140a03' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E");--tex-lattice:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M0 13L13 0 26 13 13 26Z' fill='none' stroke='%23ffd9a0' stroke-opacity='.045'/%3E%3Ccircle cx='13' cy='13' r='1.3' fill='%23ffd9a0' fill-opacity='.05'/%3E%3Ccircle cx='0' cy='0' r='1.3' fill='%23ffd9a0' fill-opacity='.05'/%3E%3Ccircle cx='26' cy='26' r='1.3' fill='%23ffd9a0' fill-opacity='.05'/%3E%3Ccircle cx='0' cy='26' r='1.3' fill='%23ffd9a0' fill-opacity='.05'/%3E%3Ccircle cx='26' cy='0' r='1.3' fill='%23ffd9a0' fill-opacity='.05'/%3E%3C/svg%3E");--orn-crest:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='26' viewBox='0 0 120 26'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff0bc'/%3E%3Cstop offset='.35' stop-color='%23d9ab5a'/%3E%3Cstop offset='.7' stop-color='%238a5c24'/%3E%3Cstop offset='1' stop-color='%234a2c0c'/%3E%3C/linearGradient%3E%3CradialGradient id='r' cx='.4' cy='.35' r='.7'%3E%3Cstop offset='0' stop-color='%23ffb38a'/%3E%3Cstop offset='.5' stop-color='%23b3261a'/%3E%3Cstop offset='1' stop-color='%234a0804'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M0 26C14 26 20 19 30 19C36 19 38 23 43 23C47 23 47 18 44 17C48 14 52 13 55 9C57 6 58 4 60 1C62 4 63 6 65 9C68 13 72 14 76 17C73 18 73 23 77 23C82 23 84 19 90 19C100 19 106 26 120 26Z' fill='url(%23g)' stroke='%23140a03' stroke-width='.9'/%3E%3Cpath d='M30 22.5C36 22 39 25.5 44 25.5M90 22.5C84 22 81 25.5 76 25.5' fill='none' stroke='%235a3812' stroke-width='.8'/%3E%3Ccircle cx='60' cy='15' r='5' fill='url(%23r)' stroke='%232a1404' stroke-width='1'/%3E%3Ccircle cx='58.4' cy='13.4' r='1.4' fill='%23fff' fill-opacity='.55'/%3E%3C/svg%3E");--orn-ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff0bc'/%3E%3Cstop offset='.35' stop-color='%23d9ab5a'/%3E%3Cstop offset='.7' stop-color='%238a5c24'/%3E%3Cstop offset='1' stop-color='%234a2c0c'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffe9b0'/%3E%3Cstop offset='.5' stop-color='%23a77630'/%3E%3Cstop offset='1' stop-color='%233d240a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='98.6' fill='none' stroke='%230c0602' stroke-width='2.4'/%3E%3Ccircle cx='100' cy='100' r='95.5' fill='none' stroke='url(%23h)' stroke-width='6.4'/%3E%3Ccircle cx='100' cy='100' r='95.5' fill='none' stroke='%23140a03' stroke-opacity='.5' stroke-width='.6' stroke-dasharray='1.2 5'/%3E%3Ccircle cx='100' cy='100' r='91.6' fill='none' stroke='%23120902' stroke-width='1.6'/%3E%3Ccircle cx='100' cy='100' r='90.4' fill='none' stroke='%23000' stroke-opacity='.55' stroke-width='1.4'/%3E%3Crect x='-3.4' y='-3.4' width='6.8' height='6.8' transform='translate(195.50 100.00) rotate(45)' fill='url(%23g)' stroke='%23140a03' stroke-width='.8'/%3E%3Crect x='-3.4' y='-3.4' width='6.8' height='6.8' transform='translate(167.53 167.53) rotate(90)' fill='url(%23g)' stroke='%23140a03' stroke-width='.8'/%3E%3Crect x='-3.4' y='-3.4' width='6.8' height='6.8' transform='translate(100.00 195.50) rotate(135)' fill='url(%23g)' stroke='%23140a03' stroke-width='.8'/%3E%3Crect x='-3.4' y='-3.4' width='6.8' height='6.8' transform='translate(32.47 167.53) rotate(180)' fill='url(%23g)' stroke='%23140a03' stroke-width='.8'/%3E%3Crect x='-3.4' y='-3.4' width='6.8' height='6.8' transform='translate(4.50 100.00) rotate(225)' fill='url(%23g)' stroke='%23140a03' stroke-width='.8'/%3E%3Crect x='-3.4' y='-3.4' width='6.8' height='6.8' transform='translate(32.47 32.47) rotate(270)' fill='url(%23g)' stroke='%23140a03' stroke-width='.8'/%3E%3Crect x='-3.4' y='-3.4' width='6.8' height='6.8' transform='translate(167.53 32.47) rotate(0)' fill='url(%23g)' stroke='%23140a03' stroke-width='.8'/%3E%3C/svg%3E");--doll:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='170' viewBox='0 0 120 170'%3E%3Cg fill='%23e8c47a' fill-opacity='.07' stroke='%23e8c47a' stroke-opacity='.16' stroke-width='1.2' stroke-linejoin='round'%3E%3Ccircle cx='60' cy='20' r='13'/%3E%3Cpath d='M41 38Q60 32 79 38L90 46 99 84 90 88 80 58 78 98 84 160H67L60 112 53 160H36L42 98 40 58 30 88 21 84 30 46Z'/%3E%3C/g%3E%3C/svg%3E");--orn-knot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='10' viewBox='0 0 26 10'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff0bc'/%3E%3Cstop offset='.35' stop-color='%23d9ab5a'/%3E%3Cstop offset='.7' stop-color='%238a5c24'/%3E%3Cstop offset='1' stop-color='%234a2c0c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M13 .8L17.2 5 13 9.2 8.8 5Z' fill='url(%23g)' stroke='%23140a03' stroke-width='.6'/%3E%3Ccircle cx='4' cy='5' r='1.6' fill='%23b88a42'/%3E%3Ccircle cx='22' cy='5' r='1.6' fill='%23b88a42'/%3E%3C/svg%3E");--slot-weapon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M30 4 L34 8 L14 28 L12 34 L8 30 L14 28 L10 24 L12 22 L16 26 Z M6 30 L10 34 L6 38 L2 34 Z' fill='%23e8c47a' fill-opacity='.10' stroke='%23e8c47a' stroke-opacity='.28' stroke-width='1' fill-rule='evenodd'/%3E%3C/svg%3E");--slot-armor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M10 6 L16 4 L20 8 L24 4 L30 6 L34 14 L29 16 L29 36 L11 36 L11 16 L6 14 Z' fill='%23e8c47a' fill-opacity='.10' stroke='%23e8c47a' stroke-opacity='.28' stroke-width='1' fill-rule='evenodd'/%3E%3C/svg%3E");--slot-helmet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M8 22 C8 10 32 10 32 22 L32 28 L26 28 L26 22 L14 22 L14 28 L8 28 Z M18 8 L22 8 L22 13 L18 13 Z' fill='%23e8c47a' fill-opacity='.10' stroke='%23e8c47a' stroke-opacity='.28' stroke-width='1' fill-rule='evenodd'/%3E%3C/svg%3E");--slot-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 4 L33 9 C33 22 29 31 20 37 C11 31 7 22 7 9 Z' fill='%23e8c47a' fill-opacity='.10' stroke='%23e8c47a' stroke-opacity='.28' stroke-width='1' fill-rule='evenodd'/%3E%3C/svg%3E");--slot-boots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M11 6 L19 6 L19 26 L32 28 L33 35 L9 35 L9 28 Z' fill='%23e8c47a' fill-opacity='.10' stroke='%23e8c47a' stroke-opacity='.28' stroke-width='1' fill-rule='evenodd'/%3E%3C/svg%3E");--slot-bracelet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 9 A11 11 0 1 1 19.9 9 Z M20 14 A6 6 0 1 0 20.1 14 Z' fill='%23e8c47a' fill-opacity='.10' stroke='%23e8c47a' stroke-opacity='.28' stroke-width='1' fill-rule='evenodd'/%3E%3C/svg%3E");--slot-necklace:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M8 6 C8 22 32 22 32 6 L30 6 C30 18 10 18 10 6 Z M17 20 L23 20 L20 30 Z' fill='%23e8c47a' fill-opacity='.10' stroke='%23e8c47a' stroke-opacity='.28' stroke-width='1' fill-rule='evenodd'/%3E%3C/svg%3E");--slot-earrings:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M12 6 A3 3 0 1 1 11.9 6 Z M11 9 L13 9 L13 14 L11 14 Z M12 14 L16 22 L12 30 L8 22 Z M28 6 A3 3 0 1 1 27.9 6 Z M27 9 L29 9 L29 14 L27 14 Z M28 14 L32 22 L28 30 L24 22 Z' fill='%23e8c47a' fill-opacity='.10' stroke='%23e8c47a' stroke-opacity='.28' stroke-width='1' fill-rule='evenodd'/%3E%3C/svg%3E");--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23d9ab5a'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);margin:0;font-size:14px;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--gold)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--gold);letter-spacing:.04em;margin:.4em 0;font-weight:700}h4{letter-spacing:.1em;color:var(--gold-2);background:linear-gradient(90deg,#d6aa60bf,#d6aa602e 70%,#d6aa6000) 0 100%/100% 1px no-repeat;margin-top:12px;padding-bottom:5px;font-size:12.5px;position:relative}h4:after{content:"";background:linear-gradient(90deg,#000000b3,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:linear-gradient(90deg,#080503,#140d07);box-shadow:inset 1px 0 #8a623059}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#e2bb6c,#9a6e2e 55%,#6b4517);border:2px solid #0b0704;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#f6dfa0,#c79a4c 55%,#8a5c24)}::-webkit-scrollbar-corner{background:#0b0704}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#9a6e2e #0e0905}}.panel,.window,.status-panel,.target-frame,.party-frame,.hover-tip,.shop-tip,.ctx-menu,.death-box{border-radius:var(--radius);background:var(--tex-lattice) padding-box, var(--lacquer) padding-box, var(--bronze-edge) border-box;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #000000bf, inset 0 0 0 2px #ffd68c17, inset 0 2px 12px #00000073, var(--shadow);border:2px solid #0000;position:relative}.panel:before,.window:before,.death-box:before,.target-frame:before{content:"";pointer-events:none;z-index:2;background:var(--orn-tl) left top / 22px no-repeat, var(--orn-tr) right top / 22px no-repeat, var(--orn-bl) left bottom / 22px no-repeat, var(--orn-br) right bottom / 22px no-repeat;position:absolute;inset:-5px}.hover-tip:before,.shop-tip:before,.ctx-menu:before{content:"";pointer-events:none;background:var(--orn-tl) left top / 15px no-repeat, var(--orn-tr) right top / 15px no-repeat, var(--orn-bl) left bottom / 15px no-repeat, var(--orn-br) right bottom / 15px no-repeat;position:absolute;inset:-4px}.panel{padding:18px}.modal:before,.char-list:before,.create-panel:before{background-size:16px;inset:0}.btn{border:1px solid var(--ink);cursor:pointer;color:#f3e2bd;text-shadow:0 1px 1px #000;white-space:nowrap;background:linear-gradient(#634224 0%,#3f2814 46%,#2c1a0c 54%,#20130a 100%);border-radius:4px;padding:6px 14px;font-weight:600;transition:filter .12s,transform 50ms,box-shadow .12s;position:relative;box-shadow:inset 0 0 0 1px #9a6e2e,inset 0 2px #ffe6aa38,inset 0 -2px 3px #00000073,0 1px 2px #0009}.btn:hover:not(:disabled){filter:brightness(1.18);box-shadow:inset 0 0 0 1px #e2bb6c,inset 0 2px #ffe6aa4d,inset 0 -2px 3px #00000073,0 0 8px #e8c47a40}.btn:active:not(:disabled){filter:brightness(.95);transform:translateY(1px)}.btn:disabled{opacity:.45;filter:grayscale(.5);cursor:not-allowed}.btn.primary{color:#2a1404;text-shadow:0 1px #fff0c873;background:linear-gradient(#f6d68e 0%,#d4a452 42%,#ab7a32 58%,#8a5c24 100%);font-weight:700;box-shadow:inset 0 0 0 1px #fff0bc,inset 0 -2px 3px #5a320a80,0 0 0 1px #3a2208,0 2px 4px #0009}.btn.primary:hover:not(:disabled){box-shadow:inset 0 0 0 1px #fff6d4,inset 0 -2px 3px #5a320a80,0 0 0 1px #3a2208,0 0 12px #ffd26e73}.btn.danger{color:#ffe6d8;background:linear-gradient(#b0402c 0%,#7a1d12 48%,#5a120a 54%,#3e0a05 100%);box-shadow:inset 0 0 0 1px #d58a5a,inset 0 2px #ffc8aa40,0 1px 2px #0009}.btn.active{color:var(--gold-2);box-shadow:inset 0 0 0 1px var(--gold-2), inset 0 0 10px #ffd26e59, 0 0 6px #e8c47a66}.btn.small{padding:4px 11px;font-size:13px}.btn.tiny{padding:2px 8px;font-size:12px;font-weight:600}.btn.big{font-size:17px;font-family:var(--font-display);letter-spacing:.08em;padding:12px 38px}.btn.plus{width:24px;padding:1px 0}.link{color:var(--gold);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:4px;text-decoration:underline}input,select,textarea{background:linear-gradient(#080503,#120c07);border:1px solid #4a3218;border-radius:3px;outline:none;width:100%;padding:7px 9px;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 1px 4px #000000d9,0 1px #ffdca00f}input:focus,select:focus,textarea:focus{border-color:#d9ab5a;box-shadow:inset 0 1px 4px #000000d9,0 0 0 2px #e8c47a33}input::placeholder,textarea::placeholder{color:#7d6d58}select{appearance:none;background:var(--select-arrow) right 8px center / 10px 6px no-repeat, linear-gradient(180deg, #1c120a, #0e0905);cursor:pointer;padding-right:24px}select option{color:var(--text);background:#1a110a}input[type=checkbox]{accent-color:#c79a4c;width:auto;box-shadow:none}input[type=range]{accent-color:#c79a4c;box-shadow:none;background:0 0;border:none;padding:0}label{color:var(--muted);flex-direction:column;gap:4px;margin:8px 0;font-size:13px;display:flex}label.check{color:var(--text);flex-direction:row;align-items:flex-start;gap:8px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.hint{color:var(--muted);margin:6px 0;font-size:12px}.error,.info{border:1px solid;border-radius:3px;margin:8px 0;padding:7px 10px}.error{color:#ffc0b5;background:linear-gradient(#96241852,#5a140c47);border-color:#8a2a1e}.info{color:#d4f5cc;background:linear-gradient(#30783c47,#1846203d);border-color:#3c7a3f}.bad{color:#ff8a7a!important}.good{color:var(--green)!important}.tabs{border-bottom:1px solid #9a6e2e;gap:3px;margin-bottom:10px;padding:0 4px;display:flex;box-shadow:0 1px #0009}.tabs button{color:var(--muted);cursor:pointer;background:linear-gradient(#2a1a0e,#150d07);border:1px solid #3d2812;border-bottom:none;border-radius:5px 5px 0 0;flex:1;padding:7px 8px 6px;font-size:13px;font-weight:600;position:relative;top:1px}.tabs button:hover:not(:disabled){color:var(--gold-2)}.tabs button.active{color:var(--gold-2);background:linear-gradient(#5e3e1e,#2c1b0d 70%,#24170c);border-color:#c79a4c;box-shadow:inset 0 1px #ffe6aa59}.tabs button.active:after{content:"";background:#24170c;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs button:disabled{opacity:.45;cursor:not-allowed}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #6b4a2059;padding:4px 6px}th{color:var(--gold);border-bottom-color:#9a6e2e;font-weight:600}tbody tr:nth-child(2n) td{background:#ffdca006}tbody tr:hover td{background:#e8c47a0f}.table-wrap{max-height:50vh;overflow:auto}.kingdom-badge,.kingdom-text{font-weight:600}.kingdom-badge{background:#00000059;border-radius:10px;padding:2px 9px;display:inline-block;box-shadow:inset 0 0 0 1px}[data-k="1"].kingdom-badge,[data-k="1"].kingdom-text,.chat-from[data-k="1"]{color:var(--k1)}[data-k="2"].kingdom-badge,[data-k="2"].kingdom-text,.chat-from[data-k="2"]{color:var(--k2)}[data-k="3"].kingdom-badge,[data-k="3"].kingdom-text,.chat-from[data-k="3"]{color:var(--k3)}.gold-icon{vertical-align:-1px;background:radial-gradient(circle at 35% 32%,#fff6c4,#e8b72a 45%,#9a6a08 80%,#5a3c02);border-radius:50%;width:12px;height:12px;margin-right:2px;display:inline-block;box-shadow:0 0 0 1px #3c2400cc,inset 0 -1px 1px #5a320099}.spinner{width:56px;height:56px;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px var(--ink), 0 0 18px #e8b45a40;border:3px solid #f2d48c;border-color:#f2d48c #c79a4c #9a6e2e59 #9a6e2e59;border-radius:50%;animation:1.1s linear infinite spin;position:relative}.spinner:after{content:"";width:14px;height:14px;box-shadow:0 0 0 1px var(--ink), 0 0 10px #ffc86480;background:linear-gradient(135deg,#fff0bc,#c79a4c 50%,#6b4517);margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}@keyframes spin{to{transform:rotate(360deg)}}.screen{background:var(--tex-lattice), radial-gradient(ellipse at 50% 18%, #8c5a2859 0%, #0000 55%), radial-gradient(ellipse at 50% 120%, #78140a40, #0000 60%), linear-gradient(180deg, #1c120a, #0c0805 70%, #080503);height:100%;overflow:auto}.screen.center{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.auth-screen{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 16px;display:flex}.brand{text-align:center}.brand h1{letter-spacing:.08em;background:linear-gradient(#fff6d4 0%,#f2d48c 38%,#b8853a 62%,#f0cc80 80%,#8a5c24 100%);color:#0000;filter:drop-shadow(0 3px #1a0d04)drop-shadow(0 6px 18px #c88c284d);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(36px,6.5vw,64px);font-weight:900}.brand h1:after{content:"";background:var(--orn-knot) center / 26px 10px no-repeat, linear-gradient(90deg, #c79a4c00, #c79a4c 40%, #c79a4c00 40.1%, #c79a4c00 59.9%, #c79a4c 60%, #c79a4c00) center / 100% 1px no-repeat;width:min(320px,70%);height:10px;margin:6px auto 0;display:block}.tagline{color:var(--muted);letter-spacing:.03em;margin:8px 0 0;font-style:italic}.auth-panel{width:min(400px,100%)}.auth-panel h2{margin-top:0}.auth-panel .btn.primary{width:100%;font-family:var(--font-display);letter-spacing:.08em;margin-top:10px;padding:10px;font-size:15px}.auth-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:10px;display:flex}.lang{width:auto}.legal-links{gap:14px;font-size:12px;display:flex}.legal-links a{color:var(--muted)}.modal-backdrop{z-index:100;background:radial-gradient(#00000073,#000000bf);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{width:min(560px,100%);max-height:90vh;overflow:auto}.modal.small{width:min(340px,100%)}.modal.legal .legal-body{white-space:pre-wrap;color:#ddd0bb;max-height:60vh;line-height:1.5;overflow:auto}.account-modal form{flex-direction:column;gap:6px;margin:8px 0;display:flex}.account-modal>.btn{margin:4px 4px 4px 0}.kingdom-war{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.chars-screen{flex-direction:column;display:flex}.top-bar{border-bottom:1px solid var(--ink);background:linear-gradient(#ffdc9614,#ffdc9600 6px),repeating-linear-gradient(#0000001f 0 1px,#0000 1px 5px),linear-gradient(#3a2515,#22150b 60%,#170e07);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;display:flex;box-shadow:0 1px #c79a4c,0 2px #2a1606,0 8px 20px #00000080}.top-bar h1{letter-spacing:.08em;background:linear-gradient(#fff3cc,#e2b866 55%,#a8772e);color:#0000;filter:drop-shadow(0 1px #000);-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:900}.top-actions{align-items:center;gap:8px;display:flex}.chars-body{flex:1;gap:20px;min-height:0;padding:20px;display:flex}.char-list{flex-direction:column;gap:8px;width:300px;display:flex;overflow:auto}.char-card{text-align:left;border:1px solid var(--ink);cursor:pointer;background:linear-gradient(#24170d,#140c07);border-radius:4px;gap:2px;padding:10px 12px;transition:box-shadow .12s,filter .12s;display:grid;box-shadow:inset 0 0 0 1px #4a3218,inset 0 1px #ffdca014}.char-card:hover{filter:brightness(1.12)}.char-card.active{background:linear-gradient(#3e2814,#1e130a);box-shadow:inset 0 0 0 1px #e8c47a,inset 0 0 14px #e8c47a2e,0 0 10px #e8c47a33}.cc-name{font-family:var(--font-display);letter-spacing:.03em;color:var(--gold-2);font-size:16px;font-weight:700}.cc-info,.cc-zone{color:var(--muted);font-size:12px}.char-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.char-preview{background:radial-gradient(at 50% 85%,#e8b45a29,#0000 60%);width:min(420px,100%);height:min(52vh,460px)}.char-preview canvas{width:100%;height:100%;display:block}.stage-info{text-align:center}.stage-name{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold-2);text-shadow:0 2px #1a0d04,0 0 18px #e8b45a59;font-size:30px;font-weight:700}.stage-guild{color:var(--muted)}.stage-actions{align-items:center;gap:12px;display:flex}.create-screen{gap:20px;padding:20px;display:flex}.create-panel{width:min(440px,100%);overflow:auto}.choice-row{flex-wrap:wrap;gap:6px;display:flex}.choice{border:1px solid var(--ink);cursor:pointer;background:linear-gradient(#2a1a0e,#150d07);border-radius:4px;flex:1;min-width:90px;padding:9px 6px;font-weight:600;box-shadow:inset 0 0 0 1px #4a3218,inset 0 1px #ffdca014}.choice:hover:not(:disabled){filter:brightness(1.15)}.choice.active{color:var(--gold-2);background:linear-gradient(#5a3b1d,#2a1a0d);box-shadow:inset 0 0 0 1px #e8c47a,inset 0 0 12px #e8c47a33,0 0 8px #e8c47a40}.choice:disabled{opacity:.35;cursor:not-allowed}.kingdom-choice[data-k="1"]{border-left:4px solid var(--k1)}.kingdom-choice[data-k="2"]{border-left:4px solid var(--k2)}.kingdom-choice[data-k="3"]{border-left:4px solid var(--k3)}.class-desc{color:#d9ccb5;min-height:3em;font-style:italic}.look-row{align-items:center;gap:6px;margin:6px 0;display:flex}.look-row>span{width:60px;color:var(--muted)}.swatch{width:26px;height:26px;box-shadow:0 0 0 1px var(--ink);cursor:pointer;border:2px solid #4a3218;border-radius:50%}.swatch.active{border-color:var(--gold-2);box-shadow:0 0 0 1px var(--ink), 0 0 0 3px #e8c47a66}.swatch.hair0{background:#2a1f19}.swatch.hair1{background:#5c3b22}.swatch.hair2{background:#a8702e}.swatch.hair3{background:#e9cf8c}.swatch.hair4{background:#9c2b1c}.swatch.hair5{background:#e4e4e4}.swatch.skin0{background:#f3d2b8}.swatch.skin1{background:#e2b896}.swatch.skin2{background:#c08a64}.swatch.skin3{background:#8a5a3e}.choice.small{flex:none;min-width:0;padding:3px 10px;font-size:12px}.choice.small.num{width:30px;padding:3px 0}.game-root{-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0;overflow:hidden}.game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.plate{text-align:center;white-space:nowrap;will-change:transform;text-shadow:0 0 3px #000,0 1px 2px #000;font-size:12px;line-height:1.2;position:absolute;top:0;left:0}.plate-mark{font:900 30px/1 var(--font-display);text-align:center;text-shadow:0 0 2px #000,0 2px 4px #000,0 0 10px #ffc83c99;margin-bottom:2px;animation:1.6s ease-in-out infinite qmark}.plate-mark.q-avail,.plate-mark.q-done{color:#ffd23a}.plate-mark.q-prog{color:#b9b4a8;text-shadow:0 0 2px #000,0 2px 4px #000}@keyframes qmark{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.plate-sub{color:#e8c47a;font-size:11px}.plate-name{color:#fff;font-weight:600}.plate-bar{background:#000000b3;border:1px solid #000000e6;width:64px;height:5px;margin:2px auto 0}.plate-fill{background:linear-gradient(#ff6a5a,#b0281c);height:100%}.plate.npc .plate-name{color:#ffd84a}.plate.npc .plate-sub{color:#e5d9c0}.plate.mob .plate-name{color:#f0e6d2}.plate.mob.grey .plate-name{color:#9a9a9a}.plate.mob.orange .plate-name{color:#ffae5a}.plate.mob.red .plate-name{color:#ff5a4a}.plate.mob.boss .plate-name{color:#d58bff;font-size:14px}.plate.mob.stone .plate-name{color:#c9a6ff;font-size:13px}.plate.mob.elite .plate-name{color:#ffd24a;text-shadow:0 0 4px #000,0 0 8px #ffb42899}.plate.mob.elite .plate-sub{color:#ffcf6a;letter-spacing:.05em;text-transform:uppercase;font-size:10px}.plate.mob.aggr .plate-name:after{content:" ⚔";color:#ff7a6a;font-size:10px}.plate.pl.k1 .plate-name{color:var(--k1)}.plate.pl.k2 .plate-name{color:var(--k2)}.plate.pl.k3 .plate-name{color:var(--k3)}.plate.pl.outlaw .plate-name{color:#ff3030}.plate.pl.gm .plate-name{color:#7dffb0}.plate.pl.party .plate-name{color:#7fd3ff}.plate.item .plate-name{color:#fff7d6;font-size:11px;font-weight:500}.plate.item.notmine .plate-name{color:#a8a8a8}.plate.targeted .plate-name{text-decoration:underline}.plate.hover .plate-name{filter:brightness(1.4)}.float{text-shadow:0 0 3px #000,0 2px 2px #000;will-change:transform, opacity;white-space:nowrap;font-size:18px;font-weight:800;position:absolute;top:0;left:0}.float.dmg-out{color:#fff3c4}.float.dmg-other{color:#d8d8d8;font-size:14px}.float.dmg-crit{color:#ffae2a;font-size:24px}.float.dmg-in{color:#ff5a4a}.float.miss{color:#bbb;font-size:14px;font-style:italic}.float.heal{color:#7dff9a}.float.heal.mana{color:#8cc8ff}.float.lvl{color:#ffe06a;font-size:26px;font-family:var(--font-display)}.hud{pointer-events:none;position:absolute;inset:0}.hud>*,.window,.overlay,.prompts,.toasts{pointer-events:auto}.hud .toasts{pointer-events:none}.status-panel{width:238px;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #000000bf, inset 0 0 0 2px #ffd68c17, 0 6px 16px #00000080;border-radius:30px 6px 6px 30px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex;position:absolute;top:12px;left:12px}.sp-medal{width:52px;height:52px;box-shadow:0 0 0 2px #e2bb6c, 0 0 0 3px #4a2c0c, 0 0 0 4px #9a6e2e, 0 0 0 5px var(--ink), inset 0 2px 6px #000000d9, inset 0 -2px 3px #ffd28c1f;background:radial-gradient(circle at 42% 34%,#5a3a1e,#1a1008 62%,#0c0704);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.sp-medal:after{content:"";background:radial-gradient(circle at 35% 35%, #fff, var(--kc,#c79a4c) 45%, #1a0a04 110%);width:12px;height:12px;box-shadow:0 0 0 1.5px #e2bb6c, 0 0 0 2.5px var(--ink), 0 0 6px var(--kc,#c79a4c);margin-left:-6px;position:absolute;bottom:-7px;left:50%;transform:rotate(45deg)}.sp-medal[data-k="1"]{--kc:var(--k1)}.sp-medal[data-k="2"]{--kc:var(--k2)}.sp-medal[data-k="3"]{--kc:var(--k3)}.sp-lv{font:900 20px/1 var(--font-display);background:linear-gradient(#fff6d4,#e8c47a 50%,#a8772e);color:#0000;filter:drop-shadow(0 1px #000);-webkit-background-clip:text;background-clip:text}.sp-info{flex:1;min-width:0}.sp-name{font:700 15px/1.2 var(--font-display);letter-spacing:.03em;color:var(--gold-2);text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-class{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.sp-gold{color:#ffe9b0;font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-top:2px;font-size:12.5px;display:flex}.pvp-badge{letter-spacing:.04em;color:#fff;background:linear-gradient(#c0402c,#6e140c);border-radius:8px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700;box-shadow:0 0 0 1px #2a0604,inset 0 1px #ffc8aa59}.bar{height:15px;box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #9a6e2e8c, inset 0 2px 3px #000000e6;background:linear-gradient(#050302,#140c07);border-radius:3px;margin:3px 0;position:relative;overflow:hidden}.bar:after{content:"";pointer-events:none;background:linear-gradient(#ffffff52,#ffffff08);border-radius:2px;height:42%;position:absolute;top:1px;left:2px;right:2px}.bar.thin{height:5px;box-shadow:0 0 0 1px var(--ink), inset 0 1px 2px #000000e6;margin:2px 0}.bar.thin:after{display:none}.bar-fill{height:100%;transition:width .2s}.bar.hp .bar-fill{background:linear-gradient(#ff9a84 0%,#e8402c 32%,#a8180e 64%,#6a0a05 100%)}.bar.mp .bar-fill{background:linear-gradient(#a6d6ff 0%,#3f8ae6 32%,#1a4ea8 64%,#0c2660 100%)}.bar.exp .bar-fill{background:linear-gradient(#fff0a8 0%,#f0c040 35%,#b07a10 70%,#6a4404 100%)}.bar-text{z-index:1;text-align:center;text-shadow:0 0 2px #000,0 1px 2px #000;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;line-height:15px;position:absolute;inset:0}.buffs{flex-wrap:wrap;gap:5px;min-width:140px;max-width:calc(50vw - 440px);display:flex;position:absolute;top:16px;left:266px}.buff{flex-direction:column;align-items:center;gap:1px;width:34px;height:46px;font-size:10px;display:flex;position:relative}.buff>.skill-icon,.buff-glyph{width:32px;height:32px;box-shadow:0 0 0 1px var(--ink), 0 2px 4px #0009;border-radius:6px}.buff-glyph{color:var(--gold-2);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #c9a24a;background:radial-gradient(circle at 40% 35%,#3a5a22,#12200a);place-items:center;font-size:16px;display:grid}.buff.debuff .buff-glyph{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #c0503a;background:radial-gradient(circle at 40% 35%,#6a2018,#200806)}.buff.debuff>.skill-icon{box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #c0503a, 0 0 6px #ff503280}.buff.ending>.skill-icon,.buff.ending .buff-glyph{animation:.8s ease-in-out infinite alternate buff-end}@keyframes buff-end{to{opacity:.45}}.buff.eff1 .buff-glyph{color:#ff8a3a}.buff.eff2 .buff-glyph{color:#8aff5a}.buff.eff3 .buff-glyph{color:#9fdcff}.buff.eff4 .buff-glyph{color:#ffe060}.buff small{color:#f5e6c4;text-shadow:0 0 2px #000,0 1px 1px #000;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;line-height:12px}.target-frame{text-align:center;width:320px;max-width:calc(100vw - 24px);padding:7px 14px 8px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.target-frame.hostile .tf-name{color:#ffd2c4}.target-frame.boss{background:var(--tex-lattice) padding-box, radial-gradient(130% 80% at 50% 0%, #9646dc4d, #0000 65%) padding-box, var(--lacquer) padding-box, var(--bronze-edge) border-box;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #000000bf, var(--shadow), 0 0 16px #aa5af066}.target-frame.elite{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #000000bf, var(--shadow), 0 0 14px #ffc84673}.tf-badge{font:700 10px/16px var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:#2a1a00;vertical-align:2px;background:linear-gradient(#ffe7a0,#c8901a);border-radius:3px;margin-right:6px;padding:0 6px;display:inline-block;box-shadow:0 0 0 1px #3a2200}.tf-badge.boss{color:#fff;background:linear-gradient(#c070ff,#6a2aa0);box-shadow:0 0 0 1px #1e0a30}.tf-name{font:700 15px/1.3 var(--font-display);letter-spacing:.03em;color:var(--gold-2);text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tf-lv{min-width:24px;font:700 11px/17px var(--font-ui);color:#ffe9b0;box-shadow:0 0 0 1px #c79a4c, 0 0 0 2px var(--ink);vertical-align:2px;background:radial-gradient(circle at 40% 30%,#4a2e18,#120a05);border-radius:9px;margin-right:7px;padding:0 5px;display:inline-block}.target-frame .bar{height:14px;margin:5px 2px 1px}.target-frame .bar-text{line-height:14px}.tf-actions{flex-wrap:wrap;justify-content:center;gap:3px;margin-top:6px;display:flex}.party-frame{width:200px;padding:6px 9px 8px;position:absolute;top:120px;left:12px}.pf-title{font:700 12px/1.4 var(--font-display);letter-spacing:.08em;color:var(--gold);background:linear-gradient(90deg,#d6aa6099,#d6aa6000) 0 100%/100% 1px no-repeat;justify-content:space-between;align-items:center;margin-bottom:2px;padding-bottom:4px;display:flex}.pf-member{cursor:pointer;border-radius:3px;margin:5px 0;padding:2px 4px 3px}.pf-member:hover{background:#e8c47a12}.pf-name{color:#f0e2c4;align-items:center;gap:4px;font-size:12px;display:flex}.pf-name small{color:var(--muted)}.pf-name .btn{margin-left:auto}.perf-badge{z-index:6;font:600 11.5px/18px var(--font-ui);color:#e8dcc0;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #c79a4c8c, 0 2px 6px #00000080;pointer-events:none;font-variant-numeric:tabular-nums;background:linear-gradient(#2a1b0ee6,#100a05e6);border-radius:10px;padding:1px 11px;position:absolute;top:6px;right:14px}.perf-badge .sep{opacity:.5;margin:0 6px}.perf-badge .pq.good{color:#8fe388}.perf-badge .pq.ok{color:#f0d070}.perf-badge .pq.bad{color:#ff7a6a}.minimap{--mm:200px;flex-direction:column;align-items:center;width:204px;display:flex;position:absolute;top:30px;right:12px}.mm-frame{width:var(--mm);height:var(--mm);background:radial-gradient(circle,#050302 60%,#000 70%);border-radius:50%;position:relative;box-shadow:0 6px 18px #0009}.mm-frame:after{content:"";background:var(--orn-ring) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:0}.minimap canvas{cursor:pointer;background:#000;border-radius:50%;width:90%;height:90%;position:absolute;top:5%;left:5%}.mm-n{z-index:1;width:20px;height:20px;font:900 11px/1 var(--font-display);color:#3a1a04;box-shadow:0 0 0 1px var(--ink), 0 2px 3px #0009;pointer-events:none;background:radial-gradient(circle at 40% 30%,#fff3c4,#d9ab5a 55%,#8a5c24);border-radius:50%;place-items:center;margin-left:-10px;display:grid;position:absolute;top:-2px;left:50%}.mm-zone{max-width:100%;font:700 12px/1.45 var(--font-display);letter-spacing:.04em;color:var(--gold-2);text-shadow:0 1px 2px #000,0 0 6px #000c;background:linear-gradient(90deg,#0e090500,#0e0905d9 14% 86%,#0e090500);justify-content:center;align-items:center;gap:6px;margin-bottom:3px;padding:1px 14px 2px;display:flex;position:relative}.mm-zone:before,.mm-zone:after{content:"";background:linear-gradient(90deg,#c79a4c00,#c79a4c 30% 70%,#c79a4c00);height:1px;position:absolute;left:8%;right:8%}.mm-zone:before{top:0}.mm-zone:after{bottom:0}.mm-zone-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mm-zone .pvp-badge{font-family:var(--font-ui);letter-spacing:0;flex:none;margin-left:0}.mm-info{color:#d8c8a8;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;background:#0a060399;border-radius:8px;margin-top:2px;padding:0 10px;font-size:11px;line-height:16px;box-shadow:inset 0 0 0 1px #9a6e2e66}.map-canvas{cursor:crosshair;width:100%;height:auto;box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #9a6e2e, 0 0 0 3px var(--ink), 0 4px 12px #0009;border-radius:2px;display:block}.taskbar{height:var(--tb-h);z-index:5;border-top:1px solid var(--ink);box-shadow:0 -1px 0 #c79a4c, 0 -2px 0 #4a2c0c, 0 -3px 0 var(--ink), 0 -12px 26px #0000008c;background:linear-gradient(#ffdc961f,#ffdc9600 5px),linear-gradient(#0000 5px,#d6aa604d 5px 6px,#00000080 6px 7px,#0000 7px),repeating-linear-gradient(#00000021 0 1px,#0000 1px 4px,#ffd29606 4px 5px,#0000 5px 9px),linear-gradient(#432b17 0%,#2b1b0e 45%,#1b1008 100%);align-items:center;gap:12px;padding:3px 12px 0;display:flex;position:absolute;bottom:0;left:0;right:0}.tb-left{align-items:center;gap:12px;min-width:0;display:flex}.tb-gauges{flex-direction:column;gap:6px;width:232px;display:flex}.gauge{height:19px;box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #b58944, 0 0 0 3px #3a2208, inset 0 2px 4px #000000f2;background:linear-gradient(#040201,#120b06);border-radius:10px;position:relative;overflow:hidden}.gauge.mp{height:15px}.gauge-fill,.gauge-lag{border-radius:10px;position:absolute;top:0;bottom:0;left:0}.gauge-fill{transition:width .15s ease-out}.gauge-lag{background:linear-gradient(#fff0d2bf,#ffc88c73);transition:width .55s ease-in .3s}.gauge:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff6b,#ffffff0a);border-radius:8px;height:44%;position:absolute;top:1px;left:5px;right:5px}.gauge.hp .gauge-fill{background:linear-gradient(#ffa08a 0%,#f04a32 28%,#b81c10 60%,#6a0805 100%);box-shadow:inset -2px 0 3px #ffbea080}.gauge.hp.low .gauge-fill{animation:.9s ease-in-out infinite alternate hp-low}@keyframes hp-low{to{filter:brightness(1.6)}}.gauge.mp .gauge-fill{background:linear-gradient(#b4dcff 0%,#4a94f0 28%,#1c52b0 60%,#0a2462 100%);box-shadow:inset -2px 0 3px #bedcff80}.gauge-label{z-index:3;font:800 10px/1 var(--font-display);letter-spacing:.08em;color:#ffe8c0;text-shadow:0 0 2px #000,0 1px 2px #000;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:9px}.gauge-text{z-index:3;color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000,0 0 3px #000;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.gauge.mp .gauge-text{font-size:10.5px}.tb-exp{flex-direction:column;align-items:center;gap:3px;display:flex}.beads{gap:4px;display:flex}.bead{width:21px;height:21px;box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #b58944, 0 0 0 3px #3a2208, inset 0 0 4px #000;background:radial-gradient(circle at 40% 30%,#2e2318,#070503 75%);border-radius:50%;position:relative;overflow:hidden}.bead-fill{background:radial-gradient(circle at 40% 20%,#fff6c0,#f0c040 40%,#b07a10 75%,#6a4404);position:absolute;bottom:0;left:0;right:0}.bead:after{content:"";background:linear-gradient(#ffffff8c,#fff0);border-radius:50%;width:46%;height:32%;position:absolute;top:9%;left:22%}.bead.full{box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #f2d48c, 0 0 0 3px #3a2208, 0 0 9px #ffc85099, inset 0 0 3px #00000080}.exp-pct{font:700 10.5px/1 var(--font-ui);color:var(--gold-2);text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.tb-right{align-items:center;margin-left:auto;display:flex;position:relative}.tb-menu{gap:3px;display:flex}.tb-btn{border:1px solid var(--ink);cursor:pointer;color:#e8cf9a;background:radial-gradient(circle at 50% 30%,#4e331b,#24160b 70%,#170e07);border-radius:6px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:color .1s,box-shadow .1s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #9a6e2e,inset 0 2px #ffe6aa2e,inset 0 -3px 4px #00000080,0 2px 3px #0009}.tb-btn svg{filter:drop-shadow(0 1px #000);width:19px;height:19px}.tb-btn:hover{color:#fff3d0;box-shadow:inset 0 0 0 1px #f2d48c,inset 0 2px #ffe6aa40,inset 0 -3px 4px #00000080,0 0 8px #f2d48c59}.tb-btn.on{color:#fff3d0;background:radial-gradient(circle at 50% 35%,#7a5426,#3a2410 70%,#24160b);box-shadow:inset 0 0 0 1px #f2d48c,inset 0 0 10px #ffd26e66,0 0 8px #f0c86073}.tb-btn.exit{color:#ff9a8a;background:radial-gradient(circle at 50% 30%,#5a1e14,#2a0c08 70%,#1a0604);margin-left:6px;box-shadow:inset 0 0 0 1px #b0583a,inset 0 2px #ffc8aa2e,0 2px 3px #0009}.tb-btn .dot{width:10px;height:10px;box-shadow:0 0 0 1px var(--ink), 0 0 6px #ffcf3a;background:radial-gradient(circle at 35% 35%,#fff6c0,#ffcf3a 50%,#c08a00);border-radius:50%;animation:1.4s ease-in-out infinite dot-pulse;position:absolute;top:-3px;right:-3px}@keyframes dot-pulse{50%{box-shadow:0 0 0 1px var(--ink), 0 0 12px #ffd84a}}.tb-fold{display:none}.chat{left:12px;bottom:calc(var(--tb-h) + 12px);background:linear-gradient(#0e09056b,#0e090599);border-radius:4px;flex-direction:column;width:min(430px,40vw);transition:background .2s,box-shadow .2s;display:flex;position:absolute;box-shadow:0 0 0 1px #0a0503b3,inset 0 0 0 1px #9a6e2e59}.chat.focused,.chat:hover{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #c79a4c99, 0 6px 18px #00000080;background:linear-gradient(#140d07d1,#0c0804e0)}.chat-tabs{scrollbar-width:none;border-bottom:1px solid #9a6e2e59;gap:2px;padding:3px 5px 0;display:flex;overflow-x:auto}.chat-tabs::-webkit-scrollbar{display:none}.chat-tabs button{white-space:nowrap;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;padding:2px 7px 3px;font-size:11px;font-weight:600}.chat-tabs button:hover{color:var(--gold-2)}.chat-tabs button.active{color:var(--gold-2);text-shadow:0 0 6px #e8c47a80;border-bottom-color:#e2bb6c}.chat-lines{-webkit-user-select:text;user-select:text;height:150px;padding:4px 8px;font-size:13px;line-height:1.38;overflow-y:auto}.chat-line{text-shadow:0 1px 1px #000,0 0 2px #000;word-break:break-word}.chat-line.c-sys{color:#f0d080}.chat-line.c-shout .chat-text{color:#ffbf7a}.chat-line.c-party .chat-text{color:#7fd3ff}.chat-line.c-guild .chat-text{color:#9dff9a}.chat-line.c-whisper .chat-text{color:#ff9ae8}.chat-line.gm .chat-from{color:#7dffb0!important}.chat-from{color:#ddd;font-weight:600}.chat-input{gap:4px;padding:4px;display:flex}.chat-input select{width:92px;padding:4px 22px 4px 6px;font-size:12px}.chat-input input{padding:5px 8px;font-size:13px}.toasts{z-index:40;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.toast{text-align:center;max-width:80vw;color:var(--gold-2);text-shadow:0 1px 2px #000;--tl:#c79a4c;background:linear-gradient(90deg,#0e090500,#0e0905e6 16% 84%,#0e090500);padding:6px 40px 7px;font-size:13.5px;font-weight:600;animation:.2s ease-out toast-in;position:relative}.toast:before,.toast:after{content:"";background:linear-gradient(90deg, #0000, var(--tl) 22%, var(--tl) 78%, #0000);height:1px;position:absolute;left:0;right:0}.toast:before{top:0}.toast:after{bottom:0}.toast.error{color:#ffc4b4;--tl:#c0503a}.toast.success{color:#e2ffcc;--tl:#8ac25a}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.prompts{z-index:45;flex-direction:column;gap:8px;display:flex;position:absolute;top:130px;right:228px}.prompt{width:280px;padding:10px 14px}.prompt p{margin:0 0 6px}.duel-banner{font:900 24px/1.2 var(--font-display);color:#ff8a5a;text-shadow:0 2px #2a0604,0 0 14px #ff5a2899;letter-spacing:.12em;white-space:nowrap;position:absolute;top:70px;left:50%;transform:translate(-50%)}.overlay{z-index:60;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.loading-overlay{background:var(--tex-lattice), radial-gradient(ellipse at center, #784c2466, #0000 60%), linear-gradient(180deg, #160e08, #080503)}.load-emblem{background:var(--orn-ring) center / 100% 100% no-repeat, radial-gradient(circle, #120a05 60%, #0000 61%);border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:relative}.load-text{font:700 15px/1.3 var(--font-display);letter-spacing:.1em;color:var(--gold-2);text-shadow:0 1px 2px #000;margin:0}.load-bar{width:min(380px,70vw);height:12px;box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #b58944, 0 0 0 3px #3a2208, inset 0 2px 3px #000000e6;background:linear-gradient(#040201,#120b06);border-radius:6px;position:relative;overflow:hidden}.load-bar:after{content:"";background:linear-gradient(#ffffff59,#ffffff08);border-radius:5px;height:45%;position:absolute;top:1px;left:4px;right:4px}.load-fill{background:linear-gradient(#fff0a8 0%,#f0c040 35%,#b07a10 70%,#6a4404 100%);border-radius:6px;height:100%;transition:width .15s}.death-overlay{pointer-events:auto;background:radial-gradient(#3c000040,#1e0000b8 75%)}.death-box{text-align:center;background:var(--tex-lattice) padding-box, radial-gradient(120% 80% at 50% 0%, #961e1459, #0000 62%) padding-box, var(--lacquer) padding-box, var(--bronze-edge) border-box;min-width:min(380px,100vw - 32px);padding:20px 26px 16px}.death-box h2{letter-spacing:.08em;background:linear-gradient(#ffd8c8,#ff6a4a 50%,#a8180e);color:#0000;filter:drop-shadow(0 2px #1a0402);-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:30px;font-weight:900}.death-box p{color:#e8d4c0;margin:0 0 6px}.death-box .row{justify-content:center}.closed-overlay{background:radial-gradient(#0000008c,#000000d1)}.closed-overlay .panel{text-align:center;max-width:420px}.window{z-index:30;max-height:calc(100vh - var(--tb-h) - 12px);flex-direction:column;display:flex;position:absolute}.window-title{cursor:move;touch-action:none;min-height:32px;box-shadow:inset 0 -1px 0 var(--ink), 0 1px 0 #d6aa608c, 0 2px 0 #00000080;background:linear-gradient(#ffe0a024,#ffe0a000 50%),repeating-linear-gradient(#0000001f 0 1px,#0000 1px 4px),linear-gradient(#553519,#2f1d0e 60%,#24160b);border-radius:3px 3px 0 0;flex:none;align-items:center;gap:10px;padding:4px 36px 4px 14px;display:flex;position:relative}.window-title:before,.window-title:after{content:"";background:linear-gradient(90deg,#d6aa6000,#d6aa60bf) 50%/100% 1px no-repeat,linear-gradient(90deg,#0000,#000000b3) 50% 4px/100% 1px no-repeat;flex:1;min-width:10px;height:7px}.window-title:after{transform:scaleX(-1)}.wt-text{max-width:calc(100% - 40px);font:700 14px/1.3 var(--font-display);letter-spacing:.09em;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#fff6d4,#f0cc80 50%,#b8853a);color:#0000;filter:drop-shadow(0 1px #000);-webkit-background-clip:text;background-clip:text;flex:none;overflow:hidden}.window-close{cursor:pointer;width:21px;height:21px;box-shadow:0 0 0 1px var(--ink), 0 0 0 2.5px #c79a4c, 0 0 0 3.5px var(--ink), inset 0 1px 1px #ffd2b466;background:radial-gradient(circle at 40% 32%,#d0603e,#8a2214 52%,#3e0a05);border:none;border-radius:50%;place-items:center;margin-top:-10.5px;padding:0;transition:filter .1s;display:grid;position:absolute;top:50%;right:8px}.window-close svg{fill:none;stroke:#ffe8d0;stroke-width:2px;stroke-linecap:round;width:10px;height:10px}.window-close:hover{filter:brightness(1.3)}.window-body{min-height:0;padding:10px 12px 12px;overflow:auto}.item-icon{width:var(--sz,40px);height:var(--sz,40px);justify-content:center;align-items:center;display:flex;position:relative}.item-icon svg{width:82%;height:82%;fill:var(--ic);stroke:#000000b3;stroke-width:1.2px;filter:drop-shadow(0 1px 1px #000)}.item-icon.r1 svg{filter:drop-shadow(0 0 3px #5aa9ff)}.item-icon.r2 svg{filter:drop-shadow(0 0 3px #ffd84a)}.item-icon.r3 svg{filter:drop-shadow(0 0 4px #c27bff)}.item-icon.r4 svg{filter:drop-shadow(0 0 5px #ff8c2a)}.ic-up{color:#ffe08a;text-shadow:0 1px 1px #000;font-size:10px;font-weight:800;position:absolute;top:0;left:1px}.ic-n{text-shadow:0 1px 1px #000,0 0 2px #000;font-size:10px;font-weight:700;position:absolute;bottom:0;right:2px}.tooltip{min-width:200px;max-width:260px;font-size:12px;line-height:1.45}.tt-name{font:700 14.5px/1.3 var(--font-display);letter-spacing:.02em;color:var(--gold-2);background:linear-gradient(90deg,#d6aa6099,#d6aa6000) 0 100%/100% 1px no-repeat;margin-bottom:3px;padding-bottom:3px}.tooltip.r-magic .tt-name{color:#5aa9ff}.tooltip.r-rare .tt-name{color:#ffd84a}.tooltip.r-epic .tt-name{color:#c27bff}.tooltip.r-legendary .tt-name{color:#ff8c2a}.tt-type{color:var(--muted);margin-bottom:4px}.tt-bonus{color:#9dd5ff;margin:4px 0}.tt-desc{color:#d9ccb5;font-style:italic}.tt-bad{color:#ff7a6a}.tt-price,.tt-sell{color:var(--gold);margin-top:4px}.hover-tip{z-index:200;pointer-events:none;padding:8px 11px;position:fixed}.equip-grid{background:var(--doll) center / auto 94% no-repeat, radial-gradient(ellipse at 50% 45%, #7a502838, #0000 70%), linear-gradient(180deg, #0c0704, #150d07);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #9a6e2e73, inset 0 3px 10px #000c;border-radius:4px;grid-template-rows:repeat(3,41px);grid-template-columns:repeat(3,41px);grid-template-areas:"earrings helmet necklace""weapon armor shield""bracelet boots.";justify-content:space-between;gap:5px;margin-bottom:6px;padding:7px 20px;display:grid}.eq-weapon{grid-area:weapon}.eq-armor{grid-area:armor}.eq-helmet{grid-area:helmet}.eq-shield{grid-area:shield}.eq-boots{grid-area:boots}.eq-bracelet{grid-area:bracelet}.eq-necklace{grid-area:necklace}.eq-earrings{grid-area:earrings}.inv-grid,.trade-grid{grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.trade-grid{grid-template-columns:repeat(4,1fr)}.cell{aspect-ratio:1;cursor:pointer;min-width:0;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #3a2612, inset 0 2px 6px #000000d9;background:radial-gradient(circle at 50% 38%,#22170e,#0b0704 75%);border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative}.cell.filled:hover{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #e8c47a, inset 0 0 9px #e8c47a4d}.cell.selected{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 2px #7fd3ff, 0 0 8px #7fd3ff}.cell:focus-visible{outline-offset:1px}.cell.eq{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #6b4a20, inset 0 2px 6px #000000d9, 0 2px 4px #00000080;background:radial-gradient(circle at 50% 38%,#2a1c10,#0c0704 75%)}.cell.eq:not(.filled){background:var(--slot-glyph) center / 80% no-repeat, radial-gradient(circle at 50% 38%, #2a1c10, #0c0704 75%)}.cell.eq-weapon{--slot-glyph:var(--slot-weapon)}.cell.eq-armor{--slot-glyph:var(--slot-armor)}.cell.eq-helmet{--slot-glyph:var(--slot-helmet)}.cell.eq-shield{--slot-glyph:var(--slot-shield)}.cell.eq-boots{--slot-glyph:var(--slot-boots)}.cell.eq-bracelet{--slot-glyph:var(--slot-bracelet)}.cell.eq-necklace{--slot-glyph:var(--slot-necklace)}.cell.eq-earrings{--slot-glyph:var(--slot-earrings)}.eq-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.inv-hint{margin-bottom:0}.inv-help{cursor:help;width:18px;height:18px;font:700 11px/1 var(--font-ui);color:var(--gold-2);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #9a6e2e;background:radial-gradient(circle at 40% 35%,#4a2e18,#120a05);border-radius:50%;place-items:center;display:none}@media (max-height:780px){.inv-hint{display:none}.inv-help{display:grid}}.inv-tabs{align-items:center;gap:4px;margin:4px 0 6px;display:flex}.inv-tabs button{border:1px solid var(--ink);cursor:pointer;min-width:34px;font:700 12px/18px var(--font-display);color:var(--muted);background:linear-gradient(#2a1a0e,#150d07);border-radius:4px;padding:2px 10px;box-shadow:inset 0 0 0 1px #4a3218}.inv-tabs button.active{color:var(--gold-2);background:linear-gradient(#5e3e1e,#2c1b0d);box-shadow:inset 0 0 0 1px #e2bb6c,0 0 6px #e8c47a4d}.inv-gold{color:#ffe9b0;font-variant-numeric:tabular-nums;background:#00000059;border-radius:9px;margin-left:auto;padding:1px 9px;font-weight:700;box-shadow:inset 0 0 0 1px #9a6e2e80}.ctx-backdrop{z-index:150;position:fixed;inset:0}.ctx-menu{flex-direction:column;min-width:156px;padding:4px;display:flex;position:fixed}.ctx-menu button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:6px 12px}.ctx-menu button:hover,.ctx-menu button:focus-visible{color:var(--gold-2);background:linear-gradient(90deg,#e8c47a38,#e8c47a0a);outline:none}.ctx-menu button+button{border-top:1px solid #6b4a204d}.char-head{text-align:center;padding-bottom:4px}.char-head .ch-name{font:700 21px/1.25 var(--font-display);letter-spacing:.05em;color:var(--gold-2);text-shadow:0 2px #1a0d04,0 0 12px #e8b45a4d}.points{float:right;color:#ffcf3a;font-family:var(--font-ui);letter-spacing:0}.stat-row{border-radius:3px;grid-template-columns:1fr auto 30px;align-items:center;gap:8px;padding:3px 4px;display:grid}.stat-row:hover{background:#e8c47a0f}.stat-row b{color:#ffe9b0;font-variant-numeric:tabular-nums}.stat-grid{grid-template-columns:1fr auto;gap:3px 12px;padding:0 4px;font-size:13px;display:grid}.stat-grid span{color:var(--muted)}.stat-grid b{font-variant-numeric:tabular-nums}.skill-row{border:1px solid var(--ink);background:linear-gradient(#2a1b0ebf,#100a05bf);border-radius:4px;margin:6px 0;padding:6px 8px;box-shadow:inset 0 0 0 1px #3d2812,inset 0 1px #ffdca00f}.skill-row.unlearned{opacity:.8}.skill-row.grade1{box-shadow:inset 0 0 0 1px #2f5a7a,inset 0 1px #a0d2ff14}.skill-row.grade2{box-shadow:inset 0 0 0 1px #8a6a20,inset 0 1px #ffdc781a}.skill-row.grade3{background:linear-gradient(#5a220c99,#1e0a04b3);box-shadow:inset 0 0 0 1px #b0582a,0 0 8px #ff783c40}.skill-row:focus-visible{outline-offset:1px}.skill-emblem{border-radius:7px;flex:none;box-shadow:0 2px 5px #0009}.skill-emblem.small{border-radius:4px}.skill-row.locked .skill-emblem{filter:grayscale()brightness(.55)}.skill-row.unlearned:not(.locked) .skill-emblem{filter:grayscale(.65)brightness(.8)}.skill-head{align-items:center;gap:8px;display:flex}.skill-head b{font-family:var(--font-display);letter-spacing:.02em;color:var(--gold-2);flex:1}.skill-desc{color:#d9ccb5;margin:3px 0;font-size:12px}.skill-meta{color:var(--muted);font-size:11px}.skill-lvl{text-align:center;background:#00000073;border-radius:3px;min-width:30px;padding:0 4px;font-weight:700;box-shadow:inset 0 0 0 1px #6b4a20}.skill-lvl.g1{color:#8fd0ff;box-shadow:inset 0 0 0 1px #3f7fb0}.skill-lvl.g2{color:#ffd24a;box-shadow:inset 0 0 0 1px #a07a20}.skill-lvl.g3{color:#ff8a5a;box-shadow:inset 0 0 0 1px #c04a20,0 0 6px #ff783c99}.btn.study{padding:2px 8px;font-size:11px}.skill-study-hint{color:#a8c8e0;margin-top:2px;font-size:11px}.npc-greet{color:#e6d8bf;background:linear-gradient(90deg,#e8c47a1a,#00000026);border-radius:3px;margin:0 0 10px;padding:8px 12px 8px 30px;font-style:italic;position:relative;box-shadow:inset 3px 0 #c79a4c,inset 0 0 0 1px #6b4a2066}.npc-greet:before{content:"❝";color:#e8c47a8c;font-size:20px;font-style:normal;position:absolute;top:3px;left:9px}.shop{position:relative}.shop-list{max-height:55vh;padding-right:2px;overflow-y:auto}.shop-row{border-bottom:1px solid #6b4a2040;border-radius:3px;grid-template-columns:38px 1fr auto auto;align-items:center;gap:7px;padding:4px;display:grid}.shop-row:hover{background:linear-gradient(90deg,#e8c47a1a,#e8c47a00)}.shop-row>.item-icon{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #4a3218;background:radial-gradient(circle at 50% 38%,#22170e,#0b0704 75%);border-radius:4px}.shop-row.unusable{opacity:.55}.shop-row input{width:58px;padding:3px 5px}.shop-name{flex-direction:column;min-width:0;font-size:13px;display:flex}.shop-name small{color:#ffe9b0;font-variant-numeric:tabular-nums}.shop-tip{pointer-events:none;padding:8px 11px;position:absolute;top:0;left:calc(100% + 20px)}.smith-item{align-items:flex-start;gap:10px;display:flex}.smith-item>.item-icon{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #6b4a20;background:radial-gradient(circle at 50% 38%,#22170e,#0b0704 75%);border-radius:4px;flex:none}.smith-req{margin:8px 0;padding-left:18px}.quest-offer,.quest-entry{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #3d2812, inset 3px 0 0 #9a6e2e;background:linear-gradient(#2a1b0eb3,#100a05b3);border-radius:4px;margin:6px 0;padding:8px 10px}.quest-offer>b,.qe-head b{font-family:var(--font-display);letter-spacing:.02em;color:var(--gold-2)}.quest-offer p,.quest-entry p{color:#d9ccb5;margin:4px 0;font-size:13px}.quest-entry.done{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #4a7a3a, inset 3px 0 0 #8ac25a}.quest-entry small{display:block}.qe-head{justify-content:space-between;align-items:center;display:flex}.btn.tele{justify-content:space-between;gap:10px;width:100%;margin:4px 0;display:flex}.btn.tele small{color:#e8d4a8;font-weight:400}.guild-notice{background:linear-gradient(90deg,#e8c47a14,#0003);border-radius:3px;margin-bottom:8px;padding:7px 10px;box-shadow:inset 3px 0 #9a6e2e,inset 0 0 0 1px #6b4a2066}.guild-notice p{margin:2px 0 6px}.guild-notice textarea{min-height:60px}tr.offline{opacity:.55}.trade{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trade-side{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #3d2812;background:linear-gradient(#0a06038c,#140d078c);border-radius:4px;padding:6px 8px 8px}.trade-side h4{margin-top:2px}.trade-side.locked{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #c9a24a}.trade-side.ok{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #6aa04a, 0 0 9px #6aa04a80}.trade-gold{margin:6px 0}.trade-side input{width:100px}.controls-help{gap:5px;font-size:12px;display:grid}kbd{text-align:center;min-width:74px;color:var(--gold-2);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #6b4a20, 0 2px 0 #0a0503;background:linear-gradient(#3a2615,#1a1008);border-radius:3px;margin-right:4px;padding:1px 6px;font-family:inherit;font-size:11px;font-weight:700;display:inline-block}.admin-table code{color:var(--muted);word-break:break-all;font-size:11px}tr.sev3 td{color:#ff8a7a}tr.sev2 td{color:#ffcf7a}tr.reviewed{opacity:.5}.admin-table form input{margin:4px 0}@media (max-width:1240px){.tb-gauges{width:180px}.tb-btn{width:31px;height:31px}.tb-menu{gap:2px}.taskbar{gap:10px}}@media (max-width:1150px){.tb-fold{display:flex}.tb-menu{z-index:8;background:var(--tex-lattice) padding-box, var(--lacquer) padding-box, var(--bronze-edge) border-box;box-shadow:0 0 0 1px var(--ink), var(--shadow);border:2px solid #0000;border-radius:6px;grid-template-columns:repeat(4,40px);gap:5px;padding:10px;display:none;position:absolute;bottom:calc(100% + 14px);right:-4px}.tb-menu.unfolded{display:grid}.tb-menu .tb-btn{width:40px;height:40px}.tb-menu .tb-btn.exit{margin-left:0}.chat{width:min(400px,46vw)}}@media (max-width:900px){.chars-body,.create-screen{flex-direction:column}.char-list{width:100%;max-height:30vh}.tb-gauges{width:150px}.tb-left{gap:8px}.bead{width:15px;height:15px}.beads{gap:3px}.exp-pct{display:none}.chat{width:58vw}.chat-lines{height:96px}.buffs{max-width:60vw;top:84px;left:12px}.party-frame{top:136px}.minimap{--mm:136px;width:140px}.mm-zone{font-size:11.5px}.prompts{top:200px;right:12px}.target-frame{width:clamp(170px,100vw - 524px,270px)}}@media (max-width:720px){:root{--tb-h:56px}.taskbar{gap:6px;padding:2px 6px 0}.tb-gauges{gap:5px;width:112px}.gauge{height:16px}.gauge.mp{height:13px}.gauge-label{display:none}.gauge-text{font-size:10px}.tb-exp{display:none}.status-panel{width:200px;top:6px;left:6px}.sp-medal{width:40px;height:40px}.sp-lv{font-size:16px}.buffs{top:66px;left:6px}.party-frame{width:170px;top:118px;left:6px}.minimap{--mm:108px;width:116px;right:6px}.mm-info{display:none}.target-frame{width:clamp(150px,100vw - 424px,240px);padding:5px 10px 6px;top:6px;left:calc(50% + 20px)}.tf-name{font-size:13px}.toasts{top:70px}.chat{width:min(320px,62vw);left:6px}.chat-lines{height:72px;font-size:12px}}@media (max-width:560px){:root{--tb-h:106px}.taskbar{flex-wrap:wrap;align-content:center;row-gap:7px;padding-top:5px}.taskbar:after{content:"";flex-basis:100%;order:3;height:0}.tb-left{flex:1 1 0;order:0}.tb-gauges{flex:1;width:auto}.taskbar>.quickbar{display:contents}.qb-acts{order:1}.tb-right{order:2;margin-left:0}.qb-frame{order:4;margin:0 auto}.status-panel{width:170px}.target-frame{width:180px;min-width:0;top:160px;left:auto;right:6px;transform:none}.minimap{--mm:88px;width:96px}.mm-zone{display:none}}@media (max-height:520px){.chat-lines{height:64px}.party-frame{width:170px;top:196px;left:auto;right:8px}.minimap{--mm:120px;width:126px}.mm-info{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.bn-list{border-top:1px solid #e8c47a2e;margin:6px 0 4px;padding-top:4px}.bn-head{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:10px}.bn{--bn:#9dd5ff}.bn-g1{--bn:#8fe39a}.bn-g2{--bn:#ffa476}.bn-g3{--bn:#86c3ff}.bn-g4{--bn:#f2d27a}.bn-row{color:var(--bn);align-items:center;gap:6px;display:flex}.bn-name{flex:1;min-width:0}.bn-val{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.bn-pips{flex:none;justify-content:flex-end;gap:2px;width:30px;display:inline-flex}.bn-pips i{background:#fff3;border-radius:1px;width:4px;height:8px}.bn-pips i.on{background:var(--bn)}.bn-pips i.off{background:#ffffff12}.bn-pips.perfect i.on{background:#ffd84a;box-shadow:0 0 4px #ffd84acc}.bn-hint{color:var(--muted);padding-left:8px;font-size:10.5px;font-style:italic;line-height:1.3}.bn-rule{color:var(--muted);margin-top:2px;font-size:11px;font-style:normal}.tf-race{letter-spacing:.04em;color:var(--muted);margin-left:6px;font-size:10px;font-weight:400}.quickbar{--qs:44px;align-items:center;gap:8px;margin:0 auto;display:flex;position:relative}.qb-frame{box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #b58944, 0 0 0 3px #3a2208, inset 0 3px 8px #000000e6, 0 4px 10px #00000080;background:linear-gradient(#0a0603,#1a100a);border-radius:7px;align-items:center;gap:5px;padding:5px 7px;display:flex;position:relative}.qb-frame:before{content:"";background:var(--orn-crest) center / 120px 26px no-repeat;pointer-events:none;width:120px;height:26px;margin-left:-60px;position:absolute;top:-26px;left:50%}.qb-group{gap:4px;display:flex}.qb-sep{background:var(--orn-knot) center / 26px 10px no-repeat, linear-gradient(180deg, #c79a4c00, #9a6e2e 30%, #9a6e2e 70%, #c79a4c00) center / 1px 100% no-repeat;transform-origin:50%;align-self:stretch;width:9px;margin:2px 1px}.qs{width:var(--qs);height:var(--qs);cursor:pointer;color:inherit;background:radial-gradient(circle at 50% 35%,#2c1d11,#0b0704 72%);border:none;border-radius:6px;flex:none;place-items:center;padding:0;transition:box-shadow .1s;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #5a3c1a,inset 0 2px 5px #000000e6}.qs:hover{box-shadow:0 0 0 1px #000,inset 0 0 0 1px #f2d48c,0 0 9px #f2d48c66}.qs.over{box-shadow:0 0 0 1px #000,inset 0 0 0 2px #ffe08a,0 0 12px #ffd26eb3}.qs:focus-visible{outline:2px solid var(--gold-2);outline-offset:1px}.qs-face{width:calc(var(--qs) - 4px);height:calc(var(--qs) - 4px);transition:transform 80ms,filter 80ms;display:block;position:relative}.qs-face>.skill-icon,.qs-face>.item-icon{width:100%;height:100%;position:absolute;inset:0}.qs.pressed .qs-face{filter:brightness(1.45);transform:scale(.9)}.qs-key{z-index:3;font:800 10px/1 var(--font-ui);color:#fbeccb;text-shadow:0 0 2px #000,0 1px 1px #000,0 0 3px #000;pointer-events:none;position:absolute;top:2px;left:3px}.qs.empty .qs-key{font:700 12px/1 var(--font-display);color:#e8c47a52;text-shadow:0 1px #000;top:50%;left:50%;transform:translate(-50%,-50%)}.qs-n,.qs-lvl{z-index:3;font:800 11px/1 var(--font-ui);color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000,0 0 3px #000;font-variant-numeric:tabular-nums;pointer-events:none;position:absolute;bottom:1px;right:2px}.qs-lvl{color:var(--gold-2);font-size:9.5px}.qs-lvl.g1{color:#8fd0ff}.qs-lvl.g2{color:#ffd24a}.qs-lvl.g3{color:#ff8a5a}.qs-face.nostock>.item-icon,.qs-face.unlearned>.skill-icon{filter:grayscale()brightness(.5)}.qs-face.nostock .qs-n{color:#ff8a7a}.qs-face.nomp>.skill-icon,.qs-face.noweapon>.skill-icon{filter:saturate(.5)brightness(.75)}.qs-face.nomp:after,.qs-face.noweapon:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#4678ff47,#1428a08c);border-radius:6px;position:absolute;inset:2px}.qs-face.noweapon:after{background:linear-gradient(#ff5a3c38,#8c140a80)}.qs-cd{z-index:2;background:conic-gradient(#0000 0 var(--cd,0deg), #000000bd var(--cd,0deg) 360deg);pointer-events:none;border-radius:6px;place-items:center;display:grid;position:absolute;inset:0}.qs-cd b{font:800 13px/1 var(--font-ui);color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;font-variant-numeric:tabular-nums}.quickbar.picking .qs{animation:.9s ease-in-out infinite alternate qs-pick}@keyframes qs-pick{to{box-shadow:0 0 0 1px #000,inset 0 0 0 2px #ffe08a,0 0 12px #ffd26ebf}}.skill-pin{cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;padding:0;line-height:0}.skill-pin:hover .skill-emblem{filter:brightness(1.2);box-shadow:0 0 0 1px #f2d48c,0 0 8px #f2d48c80}.qb-acts{gap:4px;display:flex}.qb-act{border:1px solid var(--ink);cursor:pointer;color:#f2d48c;background:radial-gradient(circle at 45% 30%,#5a3a1e,#24160b 70%);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid;box-shadow:inset 0 0 0 1px #9a6e2e,inset 0 2px #ffe6aa33,0 2px 3px #0009}.qb-act svg{fill:currentColor;filter:drop-shadow(0 1px #000);width:18px;height:18px}.qb-act:hover{color:#fff3d0;box-shadow:inset 0 0 0 1px #f2d48c,0 0 8px #f2d48c59}.qb-act:active{transform:translateY(1px)}.qs-tip{width:240px;font-size:12px;line-height:1.45}.qs-tip-meta{color:var(--muted);gap:10px;margin-top:4px;display:flex}.qs-tip-meta .mp{color:#8cc8ff}@media (max-width:1240px){.quickbar{--qs:42px}}@media (max-width:900px){.quickbar{--qs:38px;gap:6px}.qb-frame{gap:3px;padding:4px 5px}.qb-group{gap:3px}.qb-act{width:30px;height:30px}}@media (max-width:720px){.quickbar{--qs:34px}.qb-frame:before{display:none}.qs-key{font-size:9px}.qs-n,.qs-lvl{font-size:9.5px}}@media (max-width:560px){.qb-frame{--qs:36px}}@media (pointer:coarse){.qb-act{width:42px;height:42px}}.item-icon .ic-img{background-image:var(--atlas);background-size:var(--atw) var(--ath);background-position:var(--atx) var(--aty);pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0}.item-icon:before{content:"";pointer-events:none;border-radius:4px;position:absolute;inset:0}.item-icon.r1:before{box-shadow:inset 0 0 0 1px #5aa9ff80,inset 0 0 9px #5aa9ff4d}.item-icon.r2:before{box-shadow:inset 0 0 0 1px #ffd84a8c,inset 0 0 10px #ffd84a52}.item-icon.r3:before{box-shadow:inset 0 0 0 1px #c27bff99,inset 0 0 11px #c27bff61}.item-icon.r4:before{animation:2.4s ease-in-out infinite ic-legend;box-shadow:inset 0 0 0 1px #ff8c2ab3,inset 0 0 12px #ff8c2a73}.item-icon.r1 .ic-img{filter:drop-shadow(0 0 2px #5aa9ffbf)}.item-icon.r2 .ic-img{filter:drop-shadow(0 0 2px #ffd84abf)}.item-icon.r3 .ic-img{filter:drop-shadow(0 0 3px #c27bffcc)}.item-icon.r4 .ic-img{filter:drop-shadow(0 0 3px #ff8c2ad9)}@keyframes ic-legend{50%{box-shadow:inset 0 0 0 1px #ffaa50e6,inset 0 0 16px #ff8c2a99}}@media (prefers-reduced-motion:reduce){.item-icon.r4:before{animation:none}}.item-icon .ic-up,.item-icon .ic-n{z-index:1;text-shadow:0 0 2px #000,0 1px 1px #000,0 0 3px #000;line-height:1.1}.item-icon.up7 .ic-up{color:#9fd8ff}.item-icon.up9 .ic-up{color:#ffb24a}.skill-icon{width:var(--sz,40px);height:var(--sz,40px);vertical-align:middle;flex:none;display:inline-block}.skill-icon svg{width:100%;height:100%;display:block}.skill-ico{width:38px;height:38px;color:var(--gold-2);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 30%,#4a3826,#1c140e 75%);border:1px solid #6b5332;border-radius:5px;flex:none;justify-content:center;align-items:center;font-size:19px;line-height:1;display:inline-flex;box-shadow:inset 0 0 6px #000000b3}.skill-ico.small{border-radius:4px;width:22px;height:22px;font-size:12px}.skill-ico.disc{border-color:var(--gold);width:34px;height:34px;font-size:17px;font-weight:700}.skill-ico[data-kind="6"],.skill-ico[data-kind="7"]{color:#a8e0ff}.skill-ico[data-kind="8"]{color:#8affb0}.skills-win .disc-banner{background:linear-gradient(90deg,#e8c47a1f,#00000026);border:1px solid #5a4428;border-radius:5px;align-items:center;gap:10px;margin-bottom:4px;padding:6px 8px;display:flex}.skills-win .disc-title{flex-direction:column;flex:1;display:flex}.skills-win .disc-title small{color:var(--muted);font-size:11px}.skills-win .disc-title b{color:var(--gold-2);font-size:15px}.skills-win .disc-points{font-size:13px}.skills-win .disc-points b{color:var(--gold-2)}.skills-win .disc-warn{color:var(--red);margin:4px 0;font-size:12px}.skills-win .skill-list{max-height:58vh;padding-right:2px;overflow-y:auto}.skills-win .skill-row{align-items:flex-start;gap:8px;display:flex}.skills-win .skill-row.learned{cursor:grab}.skills-win .skill-row.learned:hover{background:#e8c47a0f;border-color:#8a6a3a}.skills-win .skill-row.locked .skill-ico{filter:grayscale()brightness(.6)}.skills-win .skill-row.unlearned .skill-ico{opacity:.7}.skills-win .skill-main{flex:1;min-width:0}.skills-win .skill-req{font-size:11px}.skills-win .skill-meta{line-height:1.35}.skills-win.choosing h4{margin:2px 0 6px}.skills-win .disc-choice{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0;display:grid}@media (max-width:620px){.skills-win .disc-choice{grid-template-columns:1fr}}.skills-win .disc-card{background:linear-gradient(#3a2c20e6,#1a130ee6);border:1px solid #5a4428;border-radius:6px;flex-direction:column;gap:6px;padding:10px;display:flex}.skills-win .disc-card:hover{border-color:var(--gold)}.skills-win .disc-card[data-disc="2"]{background:linear-gradient(#282c3ae6,#12131ce6)}.skills-win .disc-name{align-items:center;gap:8px;display:flex}.skills-win .disc-name b{color:var(--gold-2);font-size:16px}.skills-win .disc-desc{color:#d9ccb5;min-height:3.6em;margin:0;font-size:12px}.skills-win .disc-weapon{color:#ffcf7a;margin:0;font-size:12px}.skills-win .disc-skills{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.skills-win .disc-skills li{align-items:center;gap:6px;font-size:13px;display:flex}.skills-win .disc-skills li span:not(.skill-ico){flex:1}.skills-win .disc-skills li small{color:var(--muted);font-size:11px}.skills-win .disc-card .btn{align-self:stretch;margin-top:auto}.disc-confirm p{margin-top:0}