@font-face{font-family:Cormorant SC;src:url(/fonts/CormorantSC-Bold.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Fira Sans;src:url(/fonts/FiraSans-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Sans;src:url(/fonts/FiraSans-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fira Sans;src:url(/fonts/FiraSans-SemiBold.woff2)format("woff2");font-weight:600 900;font-style:normal;font-display:swap}:root{--bg:#0b0a09;--panel:#171512;--panel-2:#1e1b17;--panel-3:#28241f;--well:#0c0b0a;--border:#36302a;--ink:#050404;--iron-hi:#4a443b;--iron:#26231f;--iron-lo:#12100e;--line:#a0865473;--line-strong:#c4a66cd9;--bronze-hi:#e0c890;--bronze:#a4874f;--bronze-mid:#7d6942;--bronze-lo:#4a3c24;--gold:#cdb47c;--gold-2:#e3cf9d;--text:#e4ddcf;--muted:#9c9283;--dim:#6e665a;--red:#c4483a;--green:#7fb877;--blue:#5b8fd0;--k1:#d0564a;--k2:#d9b03a;--k3:#4f86d6;--radius:2px;--shadow:0 10px 26px #0009;--font-ui:"Fira Sans", "Segoe UI", system-ui, -apple-system, Roboto, "Noto Sans", sans-serif;--font-display:"Cormorant SC", "Cormorant Garamond", Georgia, "Times New Roman", serif;--tb-h:68px;--tex-leather:url(/gfx/ui/leather.webp);--tex-iron:url(/gfx/ui/iron.webp);--tex-stone:url(/gfx/ui/stone.webp);--frame:url(/gfx/ui/frame.svg);--frame-sm:url(/gfx/ui/frame-sm.svg);--rule:url(/gfx/ui/rule.svg);--surface:linear-gradient(180deg, #ffecc809, #ffecc800 140px), var(--tex-leather) 0 0 / 256px, #181613;--plate:linear-gradient(180deg, #fff0d20f, #fff0d200 55%), var(--tex-iron) 0 0 / 256px, #211e1a;--bronze-edge:linear-gradient(180deg, #5a5247, #2a2622 40%, #141210);--lacquer:linear-gradient(180deg, #1c1a16, #141210);--tex-lattice:linear-gradient(transparent, transparent);--orn-crest:url(/gfx/ui/crest.svg);--orn-ring:url(/gfx/ui/ring.svg);--orn-knot:url(/gfx/ui/knot.svg);--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='%23d8c49a' fill-opacity='.05' stroke='%23d8c49a' stroke-opacity='.13' 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");--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='%23d8c49a' fill-opacity='.07' stroke='%23d8c49a' stroke-opacity='.22' 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='%23d8c49a' fill-opacity='.07' stroke='%23d8c49a' stroke-opacity='.22' 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='%23d8c49a' fill-opacity='.07' stroke='%23d8c49a' stroke-opacity='.22' 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='%23d8c49a' fill-opacity='.07' stroke='%23d8c49a' stroke-opacity='.22' 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='%23d8c49a' fill-opacity='.07' stroke='%23d8c49a' stroke-opacity='.22' 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='%23d8c49a' fill-opacity='.07' stroke='%23d8c49a' stroke-opacity='.22' 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='%23d8c49a' fill-opacity='.07' stroke='%23d8c49a' stroke-opacity='.22' 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='%23d8c49a' fill-opacity='.07' stroke='%23d8c49a' stroke-opacity='.22' 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='9' height='5' viewBox='0 0 9 5'%3E%3Cpath d='M0 0h9L4.5 5z' fill='%23a4874f'/%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);-webkit-font-smoothing:antialiased;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:.06em;margin:.4em 0;font-weight:700}h2{font-size:22px}h3{font-size:17px}h4{letter-spacing:.12em;color:var(--gold);background:linear-gradient(90deg,#a4874fbf,#a4874f26 70%,#a4874f00) 0 100%/100% 1px no-repeat;margin-top:12px;margin-bottom:6px;padding:0 0 5px 12px;font-size:14px;position:relative}h4:before{content:"";width:6px;height:6px;box-shadow:0 0 0 1px var(--ink);background:#a4874f;position:absolute;top:5px;left:1px;transform:rotate(45deg)}h4:after{content:"";background:linear-gradient(90deg,#000000b3,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}:focus-visible{outline:1px solid var(--gold-2);outline-offset:2px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#0d0c0b;box-shadow:inset 1px 0 #000c,inset 2px 0 #a4874f1f}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#4a443b,#2e2a25);border:2px solid #0d0c0b;box-shadow:inset 0 0 0 1px #a4874f59}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#6a5e4a,#3e3830)}::-webkit-scrollbar-corner{background:#0d0c0b}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#4a443b #0d0c0b}}.panel,.window,.status-panel,.target-frame,.party-frame,.hover-tip,.shop-tip,.ctx-menu,.death-box{border:1px solid var(--ink);background:var(--surface);box-shadow:0 0 0 1px #0000008c, inset 0 0 18px #00000073, var(--shadow);border-radius:0;position:relative}.panel:before,.window:before,.death-box:before,.target-frame:before{content:"";z-index:3;pointer-events:none;border:18px solid #0000;border-image:var(--frame) 18 / 18px stretch;position:absolute;inset:-1px}.status-panel:before,.party-frame:before,.hover-tip:before,.shop-tip:before,.ctx-menu:before{content:"";z-index:3;pointer-events:none;border:10px solid #0000;border-image:var(--frame-sm) 10 / 10px stretch;position:absolute;inset:-1px}.hover-tip,.shop-tip,.ctx-menu{background:linear-gradient(180deg, #ffecc80a, #ffecc800 60px), var(--tex-leather) 0 0 / 256px, #12110f}.panel{padding:18px}.modal:before,.char-list:before,.create-panel:before{display:none}.modal,.char-list,.create-panel{border-image:var(--frame) 18 / 18px stretch}.btn{border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;color:#e6dcc6;letter-spacing:.01em;text-shadow:0 1px 1px #000;white-space:nowrap;background:var(--plate);padding:5px 13px;font-size:13px;font-weight:500;transition:color .12s,box-shadow .12s,filter .12s;position:relative;box-shadow:inset 0 0 0 1px #a4874f6b,inset 0 1px 0 1px #fff0d20f,0 1px 2px #0009}.btn:hover:not(:disabled){color:#fff4dc;box-shadow:inset 0 0 0 1px #d6ba80e6,inset 0 1px 0 1px #fff0d214,0 1px 2px #0009}.btn:active:not(:disabled){filter:brightness(.9);transform:translateY(1px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{color:#f1dca8;text-shadow:0 1px 1px #000c;background:linear-gradient(#ffdcbe1a,#ffdcbe00 50%),linear-gradient(#6a2117,#4b150e 60%,#3c100a);font-weight:600;box-shadow:inset 0 0 0 1px #a4874f,inset 0 0 0 2px #00000059,0 1px 3px #000000a6}.btn.primary:hover:not(:disabled){color:#fff0c8;box-shadow:inset 0 0 0 1px #d8bd85,inset 0 0 0 2px #00000059,0 0 10px #c8784640,0 1px 3px #000000a6}.btn.danger{color:#f0c0b2;background:linear-gradient(#ffdcbe0f,#ffdcbe00 50%),linear-gradient(#3e1712,#2a0f0b);box-shadow:inset 0 0 0 1px #b85440a6,0 1px 2px #0009}.btn.danger:hover:not(:disabled){color:#ffd8cc;box-shadow:inset 0 0 0 1px #d0705a,0 1px 2px #0009}.btn.active{color:var(--gold-2);background:linear-gradient(180deg, #d6ba8029, #d6ba800a), var(--tex-iron) 0 0 / 256px, #2a2621;box-shadow:inset 0 0 0 1px #c9ad74,inset 0 0 8px #d6ba8033,0 1px 2px #0009}.btn.small{padding:4px 11px;font-size:12.5px}.btn.tiny{padding:2px 8px;font-size:12px;font-weight:500}.btn.big{font:700 18px/1.2 var(--font-display);letter-spacing:.12em;padding:11px 40px}.btn.plus{width:24px;padding:1px 0}.link{color:var(--gold);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:4px;-webkit-text-decoration:underline #cdb47c73;text-decoration:underline #cdb47c73}.link:hover{color:var(--gold-2)}input,select,textarea{border-radius:var(--radius);background:linear-gradient(#080707,#100f0d);border:1px solid #3a342c;outline:none;width:100%;padding:7px 9px;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 1px 3px #000000d9,0 1px #fff0d20a}input:focus,select:focus,textarea:focus{border-color:#a4874f;box-shadow:inset 0 1px 3px #000000d9,0 0 0 1px #a4874f40}input::placeholder,textarea::placeholder{color:#6e665a}select{appearance:none;background:var(--select-arrow) right 9px center / 9px 5px no-repeat, linear-gradient(180deg, #1c1a17, #11100e);cursor:pointer;padding-right:24px}select option{color:var(--text);background:#161411}input[type=checkbox]{accent-color:#a4874f;width:auto;box-shadow:none}input[type=range]{accent-color:#a4874f;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-radius:var(--radius);border:1px solid;margin:8px 0;padding:7px 10px;font-size:13px}.error{color:#f0b8aa;background:linear-gradient(#6e1e1459,#46120c4d);border-color:#6e2a1e}.info{color:#cfe6c4;background:linear-gradient(#305a344d,#18361e42);border-color:#3a5e38}.bad{color:#e88a7a!important}.good{color:var(--green)!important}.tabs{border-bottom:1px solid #a4874f8c;gap:2px;margin-bottom:10px;padding:0 2px;display:flex;box-shadow:0 1px #0009}.tabs button{color:var(--muted);cursor:pointer;background:linear-gradient(#1a1815,#121110);border:1px solid #2c2823;border-bottom:none;border-radius:2px 2px 0 0;flex:1;padding:6px 8px 5px;font-size:13px;font-weight:500;position:relative;top:1px}.tabs button:hover:not(:disabled){color:var(--gold-2)}.tabs button.active{color:var(--gold-2);background:linear-gradient(180deg, #d6ba801a, #d6ba8000), var(--tex-iron) 0 0 / 256px, #25221e;border-color:#a4874fb3;box-shadow:inset 0 1px #e0c89059}.tabs button.active:after{content:"";background:#1f1c18;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs button:disabled{opacity:.4;cursor:not-allowed}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #5a504059;padding:4px 6px}th{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;border-bottom-color:#a4874f99;font-size:12px;font-weight:500}tbody tr:nth-child(2n) td{background:#ffecc806}tbody tr:hover td{background:#d6ba800f}.table-wrap{max-height:50vh;overflow:auto}.kingdom-badge,.kingdom-text{font-weight:500}.kingdom-badge{background:#0006;border-radius:1px;padding:1px 9px;font-size:12.5px;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 38% 34%,#f4e2a8,#c99a3a 50%,#7a5814 85%);border-radius:50%;width:11px;height:11px;margin-right:2px;display:inline-block;box-shadow:0 0 0 1px #1e1404e6}.spinner{border:2px solid #a4874f2e;border-top-color:#d8bd85;border-radius:50%;width:52px;height:52px;animation:1.1s linear infinite spin;position:relative}.spinner:after{content:"";width:10px;height:10px;box-shadow:0 0 0 1px var(--ink);background:linear-gradient(135deg,#e0c890,#7d6942);margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}@keyframes spin{to{transform:rotate(360deg)}}.screen{background:radial-gradient(ellipse at 50% 120%, #0009, #0000 60%), url(/gfx/ui/mountains.svg) center bottom / max(100%, 1100px) auto no-repeat, radial-gradient(circle at 80% 21%, #ecdeba21 0, #e2d2aa17 34px, #e2d2aa14 38px, #e2d2aa09 40px, #e2d2aa00 130px), radial-gradient(ellipse at 50% 30%, #78644624, #0000 60%), linear-gradient(180deg, #0a090866, #0a0908e6), var(--tex-stone) 0 0 / 384px, #100f0d;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:.07em;background:linear-gradient(#f1e2b8 0%,#d6bd85 45%,#9c7f4a 100%);color:#0000;filter:drop-shadow(0 2px #0a0807)drop-shadow(0 8px 22px #000000b3);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(38px,7vw,70px);font-weight:700;line-height:1.05}.brand h1:after{content:"";background:url(/gfx/ui/divider.svg) 50%/100% 100% no-repeat;width:min(340px,74%);height:14px;margin:10px auto 0;display:block}.tagline{color:#a89d8a;letter-spacing:.04em;margin:10px 0 0;font-style:italic}.auth-panel{width:min(380px,100%)}.auth-panel h2{margin-top:0}.auth-panel .btn.primary{width:100%;font:700 16px/1.2 var(--font-display);letter-spacing:.14em;margin-top:12px;padding:9px}.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);text-decoration-color:#9c928366}.modal-backdrop{z-index:100;background:radial-gradient(#00000080,#000c);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:#d4cab8;max-height:60vh;line-height:1.55;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{background:var(--plate);border-bottom:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:9px 20px;display:flex;box-shadow:0 1px #a4874fa6,0 2px #000000b3,0 8px 20px #00000080}.top-bar h1{letter-spacing:.08em;background:linear-gradient(#f1e2b8,#d6bd85 50%,#9c7f4a);color:#0000;filter:drop-shadow(0 1px #000);-webkit-background-clip:text;background-clip:text;margin:0;font-size:25px}.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:6px;width:300px;display:flex;overflow:auto}.char-card{text-align:left;border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;background:linear-gradient(#ffecc808,#0000001a),#151311;gap:2px;padding:9px 12px 9px 14px;transition:box-shadow .12s,background .12s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #2e2a24}.char-card:hover{box-shadow:inset 0 0 0 1px #5a4f3c}.char-card.active{background:linear-gradient(90deg,#a4874f29,#a4874f08),#1a1714;box-shadow:inset 0 0 0 1px #a4874f,inset 3px 0 #a4874f}.cc-name{font-family:var(--font-display);letter-spacing:.05em;color:var(--gold-2);font-size:17px;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% 88%,#d6ba801f,#0000 58%);width:min(420px,100%);height:min(52vh,460px)}.char-preview canvas{width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(50% 56% at 50% 44%,#000 80%,#0000 100%);mask-image:radial-gradient(50% 56% at 50% 44%,#000 80%,#0000 100%)}.stage-info{text-align:center}.stage-name{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold-2);text-shadow:0 2px #0a0807,0 0 22px #000c;font-size:32px;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:4px;display:flex}.choice{border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;color:#cfc5b3;background:linear-gradient(#ffecc808,#0000001a),#151311;flex:1;min-width:90px;padding:8px 6px;font-weight:500;box-shadow:inset 0 0 0 1px #2e2a24}.choice:hover:not(:disabled){color:var(--gold-2);box-shadow:inset 0 0 0 1px #5a4f3c}.choice.active{color:var(--gold-2);background:linear-gradient(180deg, #d6ba8024, #d6ba8008), var(--tex-iron) 0 0 / 256px, #25221e;box-shadow:inset 0 0 0 1px #c9ad74,inset 0 0 10px #d6ba801f}.choice:disabled{opacity:.35;cursor:not-allowed}.kingdom-choice[data-k="1"]{border-left:3px solid var(--k1)}.kingdom-choice[data-k="2"]{border-left:3px solid var(--k2)}.kingdom-choice[data-k="3"]{border-left:3px solid var(--k3)}.class-desc{color:#cdc3b1;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:24px;height:24px;box-shadow:0 0 0 1px var(--ink);cursor:pointer;border:1px solid #3a342c;border-radius:1px}.swatch.active{border-color:var(--gold-2);box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #d6ba8073}.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:700 30px/1 var(--font-display);text-align:center;text-shadow:0 0 2px #000,0 2px 4px #000,0 0 10px #ffc83c80;margin-bottom:2px;animation:1.6s ease-in-out infinite qmark}.plate-mark.q-avail,.plate-mark.q-done{color:#f2cf4a}.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:#d6bd85;font-size:11px}.plate-name{color:#fff;font-weight:500}.plate-bar{background:#000000b3;border:1px solid #000000e6;width:64px;height:5px;margin:2px auto 0}.plate-fill{background:linear-gradient(#d04a3a,#8c2016);height:100%}.plate.npc .plate-name{color:#f0d060}.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:400}.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:700;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:#f2d870;font-size:28px;font-family:var(--font-display);letter-spacing:.06em}.hud{pointer-events:none;position:absolute;inset:0}.hud>*,.window,.overlay,.prompts,.toasts{pointer-events:auto}.hud .toasts{pointer-events:none}.status-panel{align-items:center;gap:10px;width:236px;padding:6px 12px 6px 6px;display:flex;position:absolute;top:10px;left:10px}.sp-medal{background:radial-gradient(circle at 50% 40%, #d6ba801a, #0000 70%), var(--tex-iron) 0 0 / 256px, #1b1916;width:46px;height:46px;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #8a7347, inset 0 0 0 3px #12100e, inset 0 0 0 4px #a4874f73, inset 0 0 10px #000c;flex:none;place-items:center;display:grid;position:relative}.sp-medal:after{content:"";background:linear-gradient(135deg, #ffffff80, var(--kc,#a4874f) 45%, #0a0807 120%);width:9px;height:9px;box-shadow:0 0 0 1px #a4874f, 0 0 0 2px var(--ink);margin-left:-4.5px;position:absolute;bottom:-5px;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:700 21px/1 var(--font-display);color:var(--gold-2);text-shadow:0 1px #000,0 0 8px #000c;font-variant-numeric:lining-nums}.sp-info{flex:1;min-width:0}.sp-name{font:700 16px/1.15 var(--font-display);letter-spacing:.05em;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:#e8d9b0;font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.pvp-badge{letter-spacing:.06em;text-transform:uppercase;color:#f4d0c4;background:linear-gradient(#7a2418,#4a120c);border-radius:1px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:600;line-height:15px;box-shadow:0 0 0 1px #0a0403,inset 0 0 0 1px #dc785a80}.bar{height:14px;box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #4a443be6, inset 0 1px 3px #000000e6;background:#080707;border-radius:0;margin:3px 0;position:relative;overflow:hidden}.bar:after{content:"";pointer-events:none;background:#ffffff1f;height:1px;position:absolute;top:0;left:0;right:0}.bar.thin{height:4px;box-shadow:0 0 0 1px var(--ink);margin:2px 0}.bar.thin:after{display:none}.bar-fill{height:100%;transition:width .2s}.bar.hp .bar-fill{background:linear-gradient(#c2402f,#922418 55%,#64140d)}.bar.mp .bar-fill{background:linear-gradient(#4278c0,#285599 55%,#183766)}.bar.exp .bar-fill{background:linear-gradient(#d8b04c,#a6802a 55%,#6e5214)}.bar-text{z-index:1;text-align:center;color:#f4ece0;text-shadow:0 0 2px #000,0 1px 1px #000;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:600;line-height:14px;position:absolute;inset:0}.buffs{flex-wrap:wrap;gap:5px;min-width:140px;max-width:calc(50vw - 440px);display:flex;position:absolute;top:14px;left:262px}.buff{flex-direction:column;align-items:center;gap:1px;width:32px;height:44px;font-size:10px;display:flex;position:relative}.buff>.skill-icon,.buff-glyph{width:30px;height:30px;box-shadow:0 0 0 1px var(--ink), 0 2px 4px #0009;border-radius:1px}.buff-glyph{color:var(--gold-2);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #a4874f99;background:radial-gradient(circle at 50% 40%,#2c3a22,#11180c);place-items:center;font-size:15px;display:grid}.buff.debuff .buff-glyph{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #a4483a;background:radial-gradient(circle at 50% 40%,#4a1a14,#1a0806)}.buff.debuff>.skill-icon{box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #a4483a}.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:#ebdfc4;text-shadow:0 0 2px #000,0 1px 1px #000;font-variant-numeric:tabular-nums;font-size:10px;font-weight:600;line-height:12px}.target-frame{text-align:center;width:320px;max-width:calc(100vw - 24px);padding:7px 16px 9px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.target-frame.hostile .tf-name{color:#f2cbbd}.target-frame.boss{background:radial-gradient(130% 80% at 50% 0%, #8246be38, #0000 65%), var(--surface);box-shadow:0 0 0 1px #0000008c, inset 0 0 18px #00000073, var(--shadow), 0 0 14px #965adc4d}.target-frame.elite{box-shadow:0 0 0 1px #0000008c, inset 0 0 18px #00000073, var(--shadow), 0 0 12px #e6be5a4d}.tf-badge{font:600 9.5px/15px var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:#2a1e08;vertical-align:2px;background:linear-gradient(#e8cf88,#b08a3c);border-radius:1px;margin-right:6px;padding:0 5px;display:inline-block;box-shadow:0 0 0 1px #1e1404}.tf-badge.boss{color:#f4e6ff;background:linear-gradient(#7a44b0,#4a2272);box-shadow:0 0 0 1px #160826,inset 0 0 0 1px #d2aaff66}.tf-name{font:700 16px/1.3 var(--font-display);letter-spacing:.05em;color:var(--gold-2);text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tf-lv{min-width:22px;font:600 11px/16px var(--font-ui);color:var(--gold-2);box-shadow:0 0 0 1px #8a7347, 0 0 0 2px var(--ink);vertical-align:2px;background:#0e0d0b;border-radius:0;margin-right:7px;padding:0 4px;display:inline-block}.target-frame .bar{height:12px;margin:5px 2px 1px}.target-frame .bar-text{line-height:12px}.tf-actions{flex-wrap:wrap;justify-content:center;gap:3px;margin-top:7px;display:flex}.party-frame{width:200px;padding:6px 10px 8px;position:absolute;top:116px;left:10px}.pf-title{font:700 13px/1.4 var(--font-display);letter-spacing:.1em;color:var(--gold);background:linear-gradient(90deg,#a4874f99,#a4874f00) 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:1px;margin:5px 0;padding:2px 4px 3px}.pf-member:hover{background:#d6ba8012}.pf-name{color:#ebdfc6;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:500 11px/18px var(--font-ui);color:#d8ccb0;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #a4874f59;pointer-events:none;font-variant-numeric:tabular-nums;background:#0c0b0ad1;border-radius:1px;padding:0 10px;position:absolute;top:6px;right:12px}.perf-badge .sep{opacity:.5;margin:0 6px}.perf-badge .pq.good{color:#8fd388}.perf-badge .pq.ok{color:#e8c860}.perf-badge .pq.bad{color:#f07a6a}.minimap{--mm:190px;flex-direction:column;align-items:center;width:196px;display:flex;position:absolute;top:30px;right:12px}.mm-frame{width:var(--mm);height:var(--mm);background:radial-gradient(circle,#050404 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:17px;height:17px;font:700 11px/1 var(--font-display);color:var(--gold-2);background:var(--tex-iron) 0 0 / 256px, #1e1b17;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #8a7347, 0 2px 3px #0009;pointer-events:none;place-items:center;margin-left:-8.5px;display:grid;position:absolute;top:-3px;left:50%}.mm-zone{max-width:100%;font:700 13.5px/1.45 var(--font-display);letter-spacing:.08em;color:var(--gold-2);text-shadow:0 1px 2px #000,0 0 6px #000c;background:linear-gradient(90deg,#0a090800,#0a0908d9 16% 84%,#0a090800);justify-content:center;align-items:center;gap:6px;margin-bottom:3px;padding:1px 16px 2px;display:flex;position:relative}.mm-zone:before,.mm-zone:after{content:"";background:linear-gradient(90deg,#a4874f00,#a4874fd9 30% 70%,#a4874f00);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);flex:none;margin-left:0}.mm-info{color:#cfc2a6;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;background:#0a0908b3;border-radius:1px;margin-top:3px;padding:0 9px;font-size:11px;line-height:16px;box-shadow:inset 0 0 0 1px #a4874f4d}.map-canvas{cursor:crosshair;width:100%;height:auto;box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #8a7347, 0 0 0 3px var(--ink), 0 4px 12px #0009;border-radius:0;display:block}.taskbar{height:var(--tb-h);z-index:5;background:linear-gradient(180deg, #0000 9px, #a4874f59 9px 10px, #0009 10px 11px, #0000 11px), url(/gfx/ui/fret.svg) 0 1px / 16px 7px repeat-x, linear-gradient(180deg, #0000 40%, #00000059), var(--tex-iron) 0 0 / 256px, #1c1a16;border-top:1px solid var(--ink);box-shadow:0 -1px 0 #a4874fb3, 0 -2px 0 var(--ink), 0 -10px 22px #00000080;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:11px 12px 0;display:grid;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:16px;box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #4a443b, 0 0 0 3px #0009, inset 0 1px 3px #000000f2;background:#070606;border-radius:0;position:relative;overflow:hidden}.gauge.mp{height:13px}.gauge-fill,.gauge-lag{border-radius:0;position:absolute;top:0;bottom:0;left:0}.gauge-fill{transition:width .15s ease-out}.gauge-lag{background:#f0dcb46b;transition:width .55s ease-in .3s}.gauge:after{content:"";pointer-events:none;z-index:2;background:#fff0dc29;height:1px;position:absolute;top:0;left:0;right:0}.gauge.hp .gauge-fill{background:linear-gradient(#c4412f,#962519 50%,#6a150d);box-shadow:inset -1px 0 #ffbea073}.gauge.hp.low .gauge-fill{animation:.9s ease-in-out infinite alternate hp-low}@keyframes hp-low{to{filter:brightness(1.45)}}.gauge.mp .gauge-fill{background:linear-gradient(#4378c2,#29569b 50%,#183768);box-shadow:inset -1px 0 #bedcff73}.gauge-label{z-index:3;font:600 9.5px/1 var(--font-ui);letter-spacing:.1em;color:#e8d6a8;text-shadow:0 0 2px #000,0 1px 1px #000;background:linear-gradient(90deg,#0000008c,#0000);align-items:center;padding:0 6px;display:flex;position:absolute;top:0;bottom:0;left:0}.gauge-text{z-index:3;color:#f6efe2;text-shadow:0 0 2px #000,0 1px 1px #000,0 0 3px #000;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}.gauge.mp .gauge-text{font-size:10px}.tb-exp{flex-direction:column;align-items:center;gap:3px;display:flex}.beads{gap:5px;display:flex}.bead{width:16px;height:16px;box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #6e5c3a, 0 0 0 3px #000000b3, inset 0 1px 3px #000;background:radial-gradient(circle at 50% 40%,#1a1815,#050404 80%);border-radius:50%;position:relative;overflow:hidden}.bead-fill{background:radial-gradient(circle at 45% 30%,#f0d48a,#c49a3a 45%,#7a5814 90%);position:absolute;bottom:0;left:0;right:0}.bead:after{content:"";background:#fffae638;border-radius:50%;width:34%;height:22%;position:absolute;top:14%;left:30%}.bead.full{box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #c9ad74, 0 0 0 3px #000000b3, 0 0 6px #e6be6459}.exp-pct{font:500 10px/1 var(--font-ui);color:#cfbf98;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.tb-right{justify-self:end;align-items:center;display:flex;position:relative}.tb-menu{gap:3px;display:flex}.tb-btn{--tbb:32px;width:var(--tbb);height:var(--tbb);border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;color:#bfa978;background:linear-gradient(180deg, #fff0d212, #fff0d200 55%), var(--tex-iron) 0 0 / 256px, #23201c;flex:none;justify-content:center;align-items:center;padding:0;transition:color .1s,box-shadow .1s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #a4874f61,inset 0 -3px 5px #0006,0 1px 2px #0009}.tb-btn svg{width:calc(var(--tbb) * .54);height:calc(var(--tbb) * .54);filter:drop-shadow(0 1px #000)}.tb-btn:hover{color:#f0e0b8;box-shadow:inset 0 0 0 1px #d6ba80e6,inset 0 -3px 5px #0006,0 1px 2px #0009}.tb-btn.on{color:#f4e4bc;background:linear-gradient(180deg, #d6ba8033, #d6ba800a), var(--tex-iron) 0 0 / 256px, #2c2823;box-shadow:inset 0 0 0 1px #d8bd85,inset 0 0 8px #d6ba8040,0 1px 2px #0009}.tb-btn.exit{color:#d08a78;margin-left:6px;box-shadow:inset 0 0 0 1px #aa503c99,inset 0 -3px 5px #0006,0 1px 2px #0009}.tb-btn.exit:hover{color:#ffb4a0;box-shadow:inset 0 0 0 1px #d0705a,inset 0 -3px 5px #0006,0 1px 2px #0009}.tb-btn .dot{width:8px;height:8px;box-shadow:0 0 0 1px var(--ink), 0 0 6px #f0c85acc;background:linear-gradient(135deg,#fff0b8,#e0b440 55%,#9a7414);animation:1.4s ease-in-out infinite dot-pulse;position:absolute;top:-3px;right:-3px;transform:rotate(45deg)}@keyframes dot-pulse{50%{box-shadow:0 0 0 1px var(--ink), 0 0 10px #ffd864f2}}.tb-fold{display:none}.chat{left:10px;bottom:calc(var(--tb-h) + 12px);background:linear-gradient(#0a09085c,#0a09088f);border-radius:0;flex-direction:column;width:min(430px,40vw);transition:background .2s,box-shadow .2s;display:flex;position:absolute;box-shadow:0 0 0 1px #0504048c,inset 0 0 0 1px #a4874f33}.chat.focused,.chat:hover{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #a4874f80, 0 6px 18px #00000080;background:linear-gradient(#0e0d0bdb,#0a0908eb)}.chat-tabs{scrollbar-width:none;border-bottom:1px solid #a4874f40;gap:2px;padding:2px 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:1px solid #0000;flex:none;padding:3px 7px;font-size:11.5px;font-weight:500}.chat-tabs button:hover{color:var(--gold-2)}.chat-tabs button.active{color:var(--gold-2);border-bottom-color:#c9ad74}.chat-lines{-webkit-user-select:text;user-select:text;height:150px;padding:4px 8px;font-size:13px;line-height:1.4;overflow-y:auto}.chat-line{text-shadow:0 1px 1px #000,0 0 2px #000;word-break:break-word}.chat-line.c-sys{color:#e6cc86}.chat-line.c-shout .chat-text{color:#f2b27a}.chat-line.c-party .chat-text{color:#86c8ee}.chat-line.c-guild .chat-text{color:#9ee08f}.chat-line.c-whisper .chat-text{color:#ec9adb}.chat-line.gm .chat-from{color:#7dffb0!important}.chat-from{color:#ddd;font-weight:500}.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:#a4874fe6;background:linear-gradient(90deg,#0a090800,#0a0908e6 18% 82%,#0a090800);padding:6px 44px 7px;font-size:13.5px;font-weight:500;animation:.2s ease-out toast-in;position:relative}.toast:before,.toast:after{content:"";background:linear-gradient(90deg, #0000, var(--tl) 24%, var(--tl) 76%, #0000);height:1px;position:absolute;left:0;right:0}.toast:before{top:0}.toast:after{bottom:0}.toast.error,.toast.info{background:linear-gradient(90deg,#0a090800,#0a0908e6 18% 82%,#0a090800);border:none;border-radius:0;margin:0;font-size:13.5px}.toast.error{color:#f2b8a8;--tl:#a4483a}.toast.info{color:var(--gold-2)}.toast.success{color:#d4ecc0;--tl:#6e9a50}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.prompts{z-index:45;flex-direction:column;gap:8px;display:flex;position:absolute;top:130px;right:228px}.prompt{width:280px;padding:12px 16px}.prompt p{margin:0 0 6px}.duel-banner{font:700 26px/1.2 var(--font-display);color:#e88a6a;text-shadow:0 2px #1a0604,0 0 14px #000c;letter-spacing:.14em;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:url(/gfx/ui/mountains.svg) center bottom / max(100%, 1100px) auto no-repeat, radial-gradient(ellipse at center, #78644624, #0000 60%), linear-gradient(180deg, #0a090866, #0a0908e6), var(--tex-stone) 0 0 / 384px, #100f0d}.load-emblem{background:var(--orn-ring) center / 100% 100% no-repeat, radial-gradient(circle, #0e0d0b 60%, #0000 61%);border-radius:50%;place-items:center;width:88px;height:88px;display:grid;position:relative}.load-text{font:700 16px/1.3 var(--font-display);letter-spacing:.14em;color:var(--gold-2);text-shadow:0 1px 2px #000;margin:0}.load-bar{width:min(380px,70vw);height:8px;box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #4a443b, 0 0 0 3px #0009, inset 0 1px 3px #000000e6;background:#070606;border-radius:0;position:relative;overflow:hidden}.load-bar:after{content:"";background:#fff0dc24;height:1px;position:absolute;top:0;left:0;right:0}.load-fill{background:linear-gradient(#d8b04c,#a6802a 55%,#6e5214);border-radius:0;height:100%;transition:width .15s}.death-overlay{pointer-events:auto;background:radial-gradient(#2800004d,#100000c7 75%)}.death-box{text-align:center;background:radial-gradient(120% 80% at 50% 0%, #7818104d, #0000 62%), var(--surface);min-width:min(380px,100vw - 32px);padding:22px 28px 18px}.death-box h2{letter-spacing:.14em;color:#c9584a;text-shadow:0 2px #0a0302,0 0 18px #000c;margin:0 0 6px;font-size:32px}.death-box p{color:#ddd0bc;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;background:linear-gradient(180deg, #fff0d20f, #fff0d200 60%), var(--tex-iron) 0 0 / 256px, #1f1c18;min-height:30px;box-shadow:inset 0 -1px 0 var(--ink), 0 1px 0 #a4874f73, 0 2px 0 #00000073;border-radius:0;flex:none;align-items:center;gap:8px;padding:3px 34px 3px 18px;display:flex;position:relative}.window-title:before,.window-title:after{content:"";background:var(--rule) right center / 60px 9px no-repeat, linear-gradient(90deg, #a4874f00, #a4874f80) left center / calc(100% - 58px) 1px no-repeat;flex:1;min-width:12px;height:9px}.window-title:after{transform:scaleX(-1)}.wt-text{max-width:calc(100% - 40px);font:700 15.5px/1.3 var(--font-display);letter-spacing:.14em;white-space:nowrap;text-overflow:ellipsis;color:var(--gold-2);text-shadow:0 1px #000,0 0 8px #0009;flex:none;overflow:hidden}.window-close{z-index:4;border:1px solid var(--ink);cursor:pointer;background:linear-gradient(#2e2a25,#191714);border-radius:1px;place-items:center;width:18px;height:18px;margin-top:-9px;padding:0;transition:background .1s,box-shadow .1s;display:grid;position:absolute;top:50%;right:8px;box-shadow:inset 0 0 0 1px #a4874f8c,0 1px 2px #0009}.window-close svg{fill:none;stroke:#cdb47c;stroke-width:1.6px;stroke-linecap:square;width:9px;height:9px}.window-close:hover{background:linear-gradient(#5c1c14,#3a100b);box-shadow:inset 0 0 0 1px #c9785e,0 1px 2px #0009}.window-close:hover svg{stroke:#ffe0d4}.window-body{min-height:0;padding:10px 13px 13px;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:#f0d888;text-shadow:0 1px 1px #000;font-size:10px;font-weight:600;position:absolute;top:0;left:1px}.ic-n{text-shadow:0 1px 1px #000,0 0 2px #000;font-size:10px;font-weight:600;position:absolute;bottom:0;right:2px}.tooltip{min-width:200px;max-width:260px;font-size:12px;line-height:1.45}.tt-name{font:700 15.5px/1.25 var(--font-display);letter-spacing:.04em;color:var(--gold-2);background:linear-gradient(90deg,#a4874fa6,#a4874f00) 0 100%/100% 1px no-repeat;margin-bottom:4px;padding-bottom:4px}.tooltip.r-magic .tt-name{color:#6fb0f0}.tooltip.r-rare .tt-name{color:#f0d050}.tooltip.r-epic .tt-name{color:#c28cf0}.tooltip.r-legendary .tt-name{color:#f0943a}.tt-type{color:var(--muted);margin-bottom:4px}.tt-bonus{color:#9dc8f0;margin:4px 0}.tt-desc{color:#cdc3b1;font-style:italic}.tt-bad{color:#e8806e}.tt-price,.tt-sell{color:var(--gold);margin-top:4px}.hover-tip{z-index:200;pointer-events:none;padding:9px 12px;position:fixed}.equip-grid{background:var(--doll) center / auto 94% no-repeat, radial-gradient(ellipse at 50% 45%, #a4874f1a, #0000 70%), linear-gradient(180deg, #0b0a09, #12100e);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #a4874f47, inset 0 3px 10px #000c;border-radius:0;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 #2e2a24, inset 0 2px 5px #000c;background:radial-gradient(circle at 50% 40%,#1b1916,#0b0a09 76%);border-radius:1px;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 #c9ad74, inset 0 0 8px #d6ba8038}.cell.selected{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #8cc8e8, 0 0 6px #8cc8e899}.cell:focus-visible{outline-offset:1px}.cell.eq{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #a4874f6b, inset 0 2px 5px #000c, 0 2px 4px #00000080;background:radial-gradient(circle at 50% 40%,#1e1c18,#0b0a09 76%)}.cell.eq:not(.filled){background:var(--slot-glyph) center / 80% no-repeat, radial-gradient(circle at 50% 40%, #1e1c18, #0b0a09 76%)}.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:600 11px/1 var(--font-ui);color:var(--gold-2);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #a4874f8c;background:#151311;border-radius:1px;place-items:center;display:none}@media (max-height:780px){.inv-hint{display:none}.inv-help{display:grid}}.inv-tabs{align-items:center;gap:3px;margin:4px 0 6px;display:flex}.inv-tabs button{border:1px solid var(--ink);cursor:pointer;min-width:32px;font:700 13px/18px var(--font-display);color:var(--muted);background:#151311;border-radius:1px;padding:1px 10px;box-shadow:inset 0 0 0 1px #2e2a24}.inv-tabs button:hover{color:var(--gold-2)}.inv-tabs button.active{color:var(--gold-2);background:linear-gradient(180deg, #d6ba8024, #d6ba8008), var(--tex-iron) 0 0 / 256px, #25221e;box-shadow:inset 0 0 0 1px #c9ad74}.inv-gold{color:#e8d9b0;font-variant-numeric:tabular-nums;background:#0006;border-radius:1px;margin-left:auto;padding:1px 9px;font-weight:500;box-shadow:inset 0 0 0 1px #a4874f59}.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{z-index:4;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:1px;padding:6px 12px;font-size:13px;position:relative}.ctx-menu button:hover,.ctx-menu button:focus-visible{color:var(--gold-2);background:linear-gradient(90deg,#d6ba802e,#d6ba8005);outline:none}.ctx-menu button+button{border-top:1px solid #5a50404d}.char-head{text-align:center;padding-bottom:4px}.char-head .ch-name{font:700 23px/1.25 var(--font-display);letter-spacing:.08em;color:var(--gold-2);text-shadow:0 2px #0a0807}.points{float:right;color:#e8c460;font:500 12.5px/1.6 var(--font-ui);letter-spacing:0}.stat-row{border-radius:1px;grid-template-columns:1fr auto 30px;align-items:center;gap:8px;padding:2px 4px;display:grid}.stat-row:hover{background:#d6ba800f}.stat-row b{color:#f0e4c8;font-variant-numeric:tabular-nums;font-weight:600}.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{color:#ece2cc;font-variant-numeric:tabular-nums;font-weight:500}.skill-row{border:1px solid var(--ink);background:linear-gradient(#1e1c18d9,#0e0d0bd9);border-radius:1px;margin:5px 0;padding:6px 8px;box-shadow:inset 0 0 0 1px #2c2823,inset 0 1px #ffecc80a}.skill-row.unlearned{opacity:.8}.skill-row.grade1{box-shadow:inset 0 0 0 1px #2c4558,inset 0 1px #a0d2ff0f}.skill-row.grade2{box-shadow:inset 0 0 0 1px #6a5622,inset 0 1px #ffdc7812}.skill-row.grade3{background:linear-gradient(#3c180c99,#140804b3);box-shadow:inset 0 0 0 1px #8a4a26,0 0 6px #dc6e322e}.skill-row:focus-visible{outline-offset:1px}.skill-emblem{border-radius:1px;flex:none;box-shadow:0 2px 4px #0009}.skill-emblem.small{border-radius:1px}.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:700 15px/1.25 var(--font-display);letter-spacing:.04em;color:var(--gold-2);flex:1}.skill-desc{color:#cdc3b1;margin:3px 0;font-size:12px}.skill-meta{color:var(--muted);font-size:11px}.skill-lvl{text-align:center;background:#00000080;border-radius:1px;min-width:30px;padding:0 4px;font-size:12px;font-weight:600;box-shadow:inset 0 0 0 1px #4a4136}.skill-lvl.g1{color:#8fc4ec;box-shadow:inset 0 0 0 1px #3a6a90}.skill-lvl.g2{color:#f0cc50;box-shadow:inset 0 0 0 1px #8a6a20}.skill-lvl.g3{color:#f08a5a;box-shadow:inset 0 0 0 1px #a8482a,0 0 5px #f0783c73}.btn.study{padding:2px 8px;font-size:11px}.skill-study-hint{color:#a4bed4;margin-top:2px;font-size:11px}.npc-greet{color:#ddd2be;background:linear-gradient(90deg,#a4874f1a,#00000026);border-radius:1px;margin:0 0 10px;padding:8px 12px 8px 30px;font-style:italic;position:relative;box-shadow:inset 2px 0 #a4874f,inset 0 0 0 1px #5a504066}.npc-greet:before{content:"❝";color:#cdb47c80;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 #5a504047;border-radius:1px;grid-template-columns:38px 1fr auto auto;align-items:center;gap:7px;padding:4px;display:grid}.shop-row:hover{background:linear-gradient(90deg,#d6ba8014,#d6ba8000)}.shop-row>.item-icon{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #2e2a24;background:radial-gradient(circle at 50% 40%,#1b1916,#0b0a09 76%);border-radius:1px}.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:#e2d2a6;font-variant-numeric:tabular-nums}.shop-tip{pointer-events:none;padding:9px 12px;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 #a4874f73;background:radial-gradient(circle at 50% 40%,#1b1916,#0b0a09 76%);border-radius:1px;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 #2c2823, inset 2px 0 0 #8a7347;background:linear-gradient(#1e1c18cc,#0e0d0bcc);border-radius:1px;margin:6px 0;padding:8px 10px}.quest-offer>b,.qe-head b{font:700 15px/1.3 var(--font-display);letter-spacing:.04em;color:var(--gold-2)}.quest-offer p,.quest-entry p{color:#cdc3b1;margin:4px 0;font-size:13px}.quest-entry.done{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #3a5a30, inset 2px 0 0 #7fb877}.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:#d8c8a0;font-weight:400}.guild-notice{background:linear-gradient(90deg,#a4874f14,#0003);border-radius:1px;margin-bottom:8px;padding:7px 10px;box-shadow:inset 2px 0 #8a7347,inset 0 0 0 1px #5a504066}.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 #2c2823;background:linear-gradient(#0807078c,#12100e8c);border-radius:1px;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 #a4874f}.trade-side.ok{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #5a8a40, 0 0 8px #6aa04a66}.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 #a4874f66, 0 2px 0 #050404;background:linear-gradient(#2a2621,#171512);border-radius:1px;margin-right:4px;padding:1px 6px;font-family:inherit;font-size:11px;font-weight:600;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 (min-width:1760px){.tb-gauges{width:270px}.gauge{height:17px}.gauge.mp{height:14px}.bead{width:18px;height:18px}}@media (max-width:1600px){.tb-btn{--tbb:29px}.tb-menu{gap:2px}.tb-gauges{width:210px}}@media (max-width:1399px){.tb-btn{--tbb:27px}.tb-gauges{width:190px}.taskbar{gap:10px}}@media (max-width:1279px){.tb-gauges{width:172px}.tb-left{gap:9px}.beads{gap:4px}.bead{width:14px;height:14px}}@media (max-width:1199px){.tb-fold{display:flex}.tb-btn.tb-fold{--tbb:32px}.tb-menu{z-index:8;border:1px solid var(--ink);background:var(--surface);box-shadow:0 0 0 1px #0000008c, var(--shadow);grid-template-columns:repeat(4,40px);gap:5px;padding:12px;display:none;position:absolute;bottom:calc(100% + 14px);right:-4px}.tb-menu:before{content:"";pointer-events:none;border:10px solid #0000;border-image:var(--frame-sm) 10 / 10px stretch;position:absolute;inset:-1px}.tb-menu.unfolded{display:grid}.tb-menu .tb-btn{--tbb:40px}.tb-menu .tb-btn.exit{margin-left:0}.chat{width:min(400px,46vw)}}@media (max-width:1099px){.tb-gauges{width:150px}.exp-pct{display:none}}@media (max-width:900px){.chars-body,.create-screen{flex-direction:column}.char-list{width:100%;max-height:30vh}.tb-gauges{width:112px}.tb-left{gap:7px}.gauge-label{display:none}.bead{width:12px;height:12px}.beads{gap:3px}.chat{width:58vw}.chat-lines{height:96px}.buffs{max-width:60vw;top:84px;left:10px}.party-frame{top:136px}.minimap{--mm:136px;width:140px}.mm-zone{font-size:12.5px}.prompts{top:200px;right:12px}.target-frame{width:clamp(170px,100vw - 524px,270px)}}@media (max-width:720px){:root{--tb-h:54px}.taskbar{background:linear-gradient(180deg, #fff0d212, #fff0d200 4px), linear-gradient(180deg, #0000 40%, #00000059), var(--tex-iron) 0 0 / 256px, #1c1a16;gap:6px;padding:2px 6px 0}.tb-gauges{gap:5px;width:100px}.gauge{height:14px}.gauge.mp{height:12px}.gauge-text{font-size:10px}.tb-exp{display:none}.status-panel{width:200px;top:6px;left:6px}.sp-medal{width:38px;height:38px}.sp-lv{font-size:17px}.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:14px}.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;display:flex}.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 #a4874f40;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:#9cc8f0}.bn-g1{--bn:#8cd096}.bn-g2{--bn:#eca07a}.bn-g3{--bn:#88b8ec}.bn-g4{--bn:#e6ca7c}.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:600}.bn-pips{flex:none;justify-content:flex-end;gap:2px;width:30px;display:inline-flex}.bn-pips i{background:#fff3;border-radius:0;width:4px;height:8px}.bn-pips i.on{background:var(--bn)}.bn-pips i.off{background:#ffffff12}.bn-pips.perfect i.on{background:#f0cc50;box-shadow:0 0 3px #f0cc50b3}.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}.float.dmg-out.dmg-heavy,.float.dmg-other.dmg-heavy{color:#ffd977;text-shadow:0 0 4px #000,0 2px 2px #000,0 0 10px #ffaa3c8c;font-size:23px}.float.dmg-other.dmg-heavy{color:#e8dcc0;font-size:17px}.float.dmg-crit.dmg-heavy{text-shadow:0 0 4px #000,0 2px 2px #000,0 0 12px #ff8c1ebf;font-size:29px}.quickbar{--qs:44px;--qg:3px;align-items:center;gap:8px;margin:0 auto;display:flex;position:relative}.qb-frame{align-items:center;gap:var(--qg);border:1px solid var(--ink);background:linear-gradient(180deg, #0000008c, #0000004d), var(--tex-iron) 0 0 / 256px, #12100e;box-shadow:0 0 0 1px #a4874f8c, 0 0 0 2px var(--ink), inset 0 2px 6px #000000d9;padding:4px 5px;display:flex;position:relative}.qb-frame:before{content:"";background:var(--orn-crest) center / 96px 18px no-repeat;pointer-events:none;width:96px;height:18px;margin-left:-48px;position:absolute;top:-19px;left:50%}.qb-frame:after{content:"";z-index:4;pointer-events:none;border:10px solid #0000;border-image:var(--frame-sm) 10 / 10px stretch;position:absolute;inset:-3px}.qb-group{gap:var(--qg);display:flex}.qb-sep{background:var(--orn-knot) center / 11px 11px no-repeat, linear-gradient(180deg, #a4874f00, #a4874fbf 30%, #a4874fbf 70%, #a4874f00) center / 1px 100% no-repeat;flex:none;align-self:stretch;width:11px;margin:0 1px}.qs{width:var(--qs);height:var(--qs);cursor:pointer;color:inherit;background:radial-gradient(circle at 50% 40%,#1c1a17,#0a0908 76%);border:none;border-radius:1px;flex:none;place-items:center;padding:0;transition:box-shadow .1s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2e2a24,inset 0 2px 5px #000000d9}.qs:hover{box-shadow:inset 0 0 0 1px #c9ad74,inset 0 0 8px #d6ba8040}.qs.over{box-shadow:inset 0 0 0 2px #e0c890,0 0 8px #e0c89073}.qs:focus-visible{outline:1px solid var(--gold-2);outline-offset:1px}.qs-face{width:calc(var(--qs) - 2px);height:calc(var(--qs) - 2px);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.4);transform:scale(.9)}.qs-key{z-index:3;font:600 10px/1 var(--font-ui);color:#ead9b0;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:500 11px/1 var(--font-ui);letter-spacing:.02em;color:#cdb47c52;text-shadow:0 1px #000;top:50%;left:50%;transform:translate(-50%,-50%)}.qs-n,.qs-lvl{z-index:3;font:600 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:#8fc4ec}.qs-lvl.g2{color:#f0cc50}.qs-lvl.g3{color:#f08a5a}.qs-face.nostock>.item-icon,.qs-face.unlearned>.skill-icon{filter:grayscale()brightness(.5)}.qs-face.nostock .qs-n{color:#e8806e}.qs-face.nomp>.skill-icon,.qs-face.noweapon>.skill-icon{filter:saturate(.45)brightness(.7)}.qs-face.nomp:after,.qs-face.noweapon:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#325ac838,#10207880);position:absolute;inset:1px}.qs-face.noweapon:after{background:linear-gradient(#c8463233,#6e10087a)}.qs-cd{z-index:2;background:conic-gradient(#0000 0 var(--cd,0deg), #000000bd var(--cd,0deg) 360deg);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.qs-cd b{font:600 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:inset 0 0 0 2px #e0c890,0 0 8px #e0c89080}}.skill-pin{cursor:pointer;background:0 0;border:none;border-radius:1px;flex:none;padding:0;line-height:0}.skill-pin:hover .skill-emblem{filter:brightness(1.15);box-shadow:0 0 0 1px #c9ad74,0 0 6px #d6ba8066}.qb-acts{gap:4px;display:flex}@media (min-width:561px){.qb-acts{position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}}@media (max-width:1599px) and (hover:hover) and (pointer:fine){.qb-acts{display:none}}.qb-act{border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;color:#cdb47c;background:linear-gradient(180deg, #fff0d212, #fff0d200 55%), var(--tex-iron) 0 0 / 256px, #23201c;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid;box-shadow:inset 0 0 0 1px #a4874f73,inset 0 -3px 5px #0006,0 1px 2px #0009}.qb-act svg{fill:currentColor;filter:drop-shadow(0 1px #000);width:17px;height:17px}.qb-act:hover{color:#f0e0b8;box-shadow:inset 0 0 0 1px #d6ba80e6,inset 0 -3px 5px #0006,0 1px 2px #0009}.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:#8cbcf0}@media (max-width:1599px){.quickbar{--qs:42px}}@media (max-width:1399px){.quickbar{--qs:40px}}@media (max-width:1279px){.quickbar{--qs:38px}}@media (max-width:1199px){.quickbar{--qs:36px}}@media (max-width:1099px){.quickbar{--qs:34px;gap:6px}}@media (max-width:999px){.quickbar{--qs:31px;--qg:2px}.qb-frame{padding:3px 4px}.qs-key{font-size:9px}.qs-n,.qs-lvl{font-size:9.5px}}@media (max-width:900px){.quickbar{--qs:28px}.qb-sep{width:7px}.qb-frame:before{display:none}.qb-act{width:30px;height:30px}}@media (max-width:720px){.quickbar{--qs:clamp(20px, calc((100vw - 300px) / 16), 26px)}.qs-key{font-size:8.5px;top:1px;left:2px}.qs.empty .qs-key{font-size:9px}}@media (max-width:560px){.qb-frame{--qs:clamp(20px, calc((100vw - 64px) / 13), 34px)}}@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}@media (pointer:coarse){input,select,textarea{font-size:16px}.auth-screen{justify-content:safe center}}@media (max-height:520px) and (orientation:landscape){.top-bar{padding:4px 12px}.top-bar h1{font-size:18px}.top-bar .btn.small{padding:4px 10px}.chars-body,.create-screen{padding:8px calc(12px + env(safe-area-inset-right,0px)) 8px calc(12px + env(safe-area-inset-left,0px));flex-direction:row;gap:12px}.char-list{width:min(280px,38vw);max-height:none}.char-preview{height:52vh}.stage-name{font-size:20px}.create-panel{max-height:calc(100vh - 16px)}}html.touch-ui{--tcs:1;--tcd:1;--tc:calc(var(--tcs) * var(--tcd));--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--tb-h:0px;--tc-mm:92px;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html.touch-ui.tc-s{--tcs:.86}html.touch-ui.tc-l{--tcs:1.16}@media (min-width:700px) and (min-height:700px){html.touch-ui{--tcd:1.1;--tc-mm:132px}html.touch-ui .tc-status{width:250px}}html.touch-ui body{overscroll-behavior:none}html.touch-ui .game-root{-webkit-touch-callout:none}html.touch-ui .game-root,html.touch-ui .game-root *{touch-action:manipulation}html.touch-ui .game-canvas,html.touch-ui .tc-stick-zone,html.touch-ui .tc-btn{touch-action:none}html.touch-ui .chat-lines{-webkit-user-select:none;user-select:none}html.touch-ui .taskbar,html.touch-ui .status-panel{display:none!important}.hud>.tc{pointer-events:none;position:absolute;inset:0}.tc-stick-zone,.tc-actions>*,.tc-status,.tc-top>*,.tc-sheet-backdrop,.tc-rotate{pointer-events:auto}.tc-stick-zone{z-index:3;width:46%;height:70%;position:absolute;bottom:0;left:0}.tc-stick{left:calc(var(--sl) + 98px * var(--tc));top:calc(100% - var(--sb) - 96px * var(--tc));width:calc(124px * var(--tc));height:calc(124px * var(--tc));margin:calc(-62px * var(--tc)) 0 0 calc(-62px * var(--tc));pointer-events:none;opacity:.42;background:radial-gradient(circle,#ffecbe00 52%,#ffecbe1a 53%,#ffecbe00 66%),radial-gradient(circle,#140c0647,#140c0680 70%);border-radius:50%;transition:opacity .2s;position:absolute;box-shadow:0 0 0 2px #0a0503a6,inset 0 0 0 2px #d6aa60bf,inset 0 0 0 3px #0a05038c,0 4px 14px #00000059}.tc-stick:before{content:"";background:linear-gradient(#f2d48c8c,#f2d48c8c) top/2px 9% no-repeat,linear-gradient(#f2d48c8c,#f2d48c8c) bottom/2px 9% no-repeat,linear-gradient(#f2d48c8c,#f2d48c8c) 0/9% 2px no-repeat,linear-gradient(#f2d48c8c,#f2d48c8c) 100%/9% 2px no-repeat;border-radius:50%;position:absolute;inset:7%}.tc-stick-knob{width:calc(56px * var(--tc));height:calc(56px * var(--tc));margin:calc(-28px * var(--tc)) 0 0 calc(-28px * var(--tc));box-shadow:0 0 0 1px var(--ink), inset 0 2px 2px #ffffff73, inset 0 -3px 5px #00000073, 0 4px 10px #0000008c;background:radial-gradient(circle at 42% 34%,#fff3c4,#d9ab5a 42%,#8a5c24 80%,#4a2c0c);border-radius:50%;position:absolute;top:50%;left:50%}@media (orientation:portrait){.tc-stick-zone{width:50%;height:50%}.tc-stick{left:calc(var(--sl) + 82px * var(--tc));top:calc(100% - var(--sb) - 124px * var(--tc))}}.tc-stick-zone.active .tc-stick{opacity:.95;transition:none}.tc-stick-zone.run .tc-stick{box-shadow:0 0 0 2px #0a0503a6,inset 0 0 0 2px #f2d48c,inset 0 0 0 3px #0a05038c,0 0 18px #ffd27873}.tc-actions{z-index:8;right:calc(var(--sr) + 62px * var(--tc));bottom:calc(var(--sb) + 60px * var(--tc));width:0;height:0;position:absolute}.tc-btn{--d:calc(46px * var(--tc));--x:0;--y:0;width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);transform:translate(calc(var(--x) * var(--tc) * 1px), calc(var(--y) * var(--tc) * 1px));color:#f2d48c;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 1px var(--ink), 0 0 0 3px #a87a36f2, 0 0 0 4px var(--ink), inset 0 2px 0 #ffe6aa2e, 0 4px 10px #00000080;background:radial-gradient(circle at 45% 30%,#603e20eb,#1e1209e6 72%);border:none;border-radius:50%;place-items:center;padding:0;transition:scale 80ms,filter 80ms;display:grid;position:absolute;top:0;left:0}.tc-btn svg{fill:currentColor;filter:drop-shadow(0 1px #000);width:48%;height:48%}.tc-btn.pressed,.tc-btn:active{filter:brightness(1.35);scale:.9}.tc-btn:focus-visible{outline-offset:4px}.tc-attack{--d:calc(86px * var(--tc));color:#ffe6c0;box-shadow:0 0 0 1px var(--ink), 0 0 0 4px #c79a4c, 0 0 0 5px var(--ink), inset 0 3px 0 #ffd2aa59, inset 0 -6px 12px #00000073, 0 6px 16px #0000008c;background:radial-gradient(circle at 45% 30%,#c45232f2,#5c140af2 66%,#280804f2)}.tc-attack svg{width:46%;height:46%}.tc-attack.held{filter:brightness(1.25);box-shadow:0 0 0 1px var(--ink), 0 0 0 4px #f6dfa0, 0 0 0 5px var(--ink), inset 0 3px 0 #ffd2aa59, 0 0 22px #ff8c4699;scale:.93}.tc-slot{--d:calc(56px * var(--tc));overflow:hidden}.tc-s0{--x:-118;--y:0}.tc-s1{--x:-102.2;--y:-59}.tc-s2{--x:-59;--y:-102.2}.tc-s3{--x:0;--y:-118}.tc-slot.empty{box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #a87a3699, 0 0 0 3px var(--ink);background:#140c0673}span.tc-slot.empty{pointer-events:none;opacity:.5}.tc-plus{font:300 calc(26px * var(--tc)) / 1 var(--font-ui);color:#f2d48cb3}.tc-face{border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.tc-slot .skill-icon{width:116%;max-width:none;height:116%}.tc-slot .item-icon{--sz:calc(38px * var(--tc))!important}.tc-face.unlearned .skill-icon,.tc-face.noweapon .skill-icon{filter:grayscale()brightness(.55)}.tc-face.nomp:after{content:"";background:#1e46aa80;position:absolute;inset:0}.tc-face.nostock .item-icon{filter:grayscale()brightness(.5)}.tc-n{font:800 calc(11.5px * var(--tc)) / 1 var(--font-ui);color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000,0 0 3px #000;position:absolute;bottom:10%;right:18%}.tc-cd{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.tc-cd svg{filter:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.tc-cd circle{fill:none;stroke:#000000a8;stroke-width:16px;stroke-dasharray:50.27 50.27;animation:linear forwards tc-cd}@keyframes tc-cd{0%{stroke-dashoffset:0}to{stroke-dashoffset:-50.27px}}.tc-cd b{font:800 calc(15px * var(--tc)) / 1 var(--font-ui);color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;font-variant-numeric:tabular-nums;position:relative}.tc-util{--d:calc(46px * var(--tc))}.tc-page{--x:-31.3;--y:-177.3}.tc-hp{--x:-90;--y:-155.9}.tc-mp{--x:-137.9;--y:-115.7}.tc-pick{--x:-169.1;--y:-61.6}.tc-tgt{--x:-180;--y:0}@media (orientation:portrait){.tc-page{--x:0;--y:-236}.tc-tgt{--x:0;--y:-180}.tc-hp{--x:-61.6;--y:-169.1}.tc-mp{--x:-115.7;--y:-137.9}.tc-pick{--x:-155.9;--y:-90}}.tc-pot{overflow:visible}.tc-pot .item-icon{--sz:calc(30px * var(--tc))!important}.tc-hp{background:radial-gradient(circle at 45% 30%,#781e18eb,#280806eb 72%)}.tc-mp{background:radial-gradient(circle at 45% 30%,#1e3c82eb,#081028eb 72%)}.tc-pot .tc-n{min-width:calc(18px * var(--tc));text-align:center;font-size:calc(10.5px * var(--tc));background:#0a0603d9;border-radius:8px;padding:2px 4px;bottom:-3px;right:-2px;box-shadow:0 0 0 1px #9a6e2e}.tc-pot.nostock .item-icon{filter:grayscale()brightness(.55)}.tc-pick.loot{color:#fff3c4;box-shadow:0 0 0 1px var(--ink), 0 0 0 3px #f2d48c, 0 0 0 4px var(--ink), 0 0 16px #ffdc78bf;animation:1.2s ease-in-out infinite alternate tc-loot}@keyframes tc-loot{to{filter:brightness(1.35)}}.tc-page-n{font:800 calc(17px * var(--tc)) / 1 var(--font-display);color:var(--gold-2);text-shadow:0 1px 1px #000}.tc-page-n small{opacity:.75;font-size:.62em}.tc-status{z-index:7;left:calc(var(--sl) + 6px);top:calc(var(--st) + 6px);width:calc(196px * var(--tcd));color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex;position:absolute}.tc-lv{width:calc(42px * var(--tcd));height:calc(42px * var(--tcd));font:900 calc(16px * var(--tcd)) / 1 var(--font-display);color:#fff3c4;text-shadow:0 1px 2px #000;box-shadow:0 0 0 1px var(--ink), 0 0 0 3px #c79a4c, 0 0 0 4px var(--ink), 0 3px 8px #0009;background:radial-gradient(circle at 42% 32%,#5a3a1e,#1a0f07 72%);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.tc-lv[data-k="1"]{box-shadow:0 0 0 1px var(--ink), 0 0 0 3px #c79a4c, 0 0 0 4px var(--ink), inset 0 0 0 2px var(--k1), 0 3px 8px #0009}.tc-lv[data-k="2"]{box-shadow:0 0 0 1px var(--ink), 0 0 0 3px #c79a4c, 0 0 0 4px var(--ink), inset 0 0 0 2px var(--k2), 0 3px 8px #0009}.tc-lv[data-k="3"]{box-shadow:0 0 0 1px var(--ink), 0 0 0 3px #c79a4c, 0 0 0 4px var(--ink), inset 0 0 0 2px var(--k3), 0 3px 8px #0009}.tc .dot{width:11px;height:11px;box-shadow:0 0 0 1px var(--ink), 0 0 6px #ff8c3ccc;background:radial-gradient(circle at 40% 35%,#ffe08a,#e0552a);border-radius:50%;position:absolute;top:-1px;right:-1px}.tc-bars{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tc-name{font:700 12px/1.2 var(--font-display);letter-spacing:.03em;color:var(--gold-2);text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tc-bar{height:calc(13px * var(--tcd));box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #9a6e2e8c;background:linear-gradient(#040201d9,#120b06d9);border-radius:7px;position:relative;overflow:hidden}.tc-bar i{border-radius:7px;transition:width .25s;position:absolute;top:0;bottom:0;left:0}.tc-bar.hp i{background:linear-gradient(#ff8a74,#c42a1c 55%,#7a120a)}.tc-bar.hp.low i{animation:.9s ease-in-out infinite alternate tc-low}@keyframes tc-low{to{filter:brightness(1.5)}}.tc-bar.mp i{background:linear-gradient(#8cc8ff,#2a6ad0 55%,#12306a)}.tc-bar.xp{height:5px}.tc-bar.xp i{background:linear-gradient(#ffe9a0,#d9a43a)}.tc-bar b{font:700 calc(9.5px * var(--tcd)) / calc(13px * var(--tcd)) var(--font-ui);text-align:center;color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000;font-variant-numeric:tabular-nums;display:block;position:relative}.tc-top{z-index:7;top:calc(var(--st) + 24px);right:calc(var(--sr) + var(--tc-mm) + 22px);gap:8px;display:flex;position:absolute}.tc-round{color:#f2d48c;cursor:pointer;width:44px;height:44px;box-shadow:0 0 0 1px var(--ink), 0 0 0 3px #a87a36, 0 0 0 4px var(--ink), 0 3px 8px #0000008c;background:radial-gradient(circle at 45% 30%,#603e20f2,#1e1209f2 72%);border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.tc-round.on{color:#fff3c4;box-shadow:0 0 0 1px var(--ink), 0 0 0 3px #f2d48c, 0 0 0 4px var(--ink), 0 0 12px #ffdc8c73}.tc-round:active{scale:.92}.tc-badge{min-width:20px;height:20px;font:800 11px/20px var(--font-ui);color:#fff;box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #f2d48c;background:linear-gradient(#ff7a5a,#c0281a);border-radius:10px;padding:0 5px;position:absolute;top:-6px;right:-6px}.tc-badge.whisper{background:linear-gradient(#ff9ae8,#b0309a)}html.touch-ui .hud .shop-btn{z-index:7;top:calc(var(--st) + 24px);right:calc(var(--sr) + var(--tc-mm) + 22px + 2 * 52px);width:44px;height:44px}html.touch-ui .shop-btn:after{inset:-4px}html.touch-ui .shop-btn-label{display:none}html.touch-ui .shop-btn .cur-icon{margin-top:0}@media (orientation:portrait){.tc-top{top:calc(var(--st) + var(--tc-mm) + 34px);right:calc(var(--sr) + 8px)}html.touch-ui .hud .shop-btn{top:calc(var(--st) + var(--tc-mm) + 34px);right:calc(var(--sr) + 8px + 2 * 52px)}}html.touch-ui .minimap{z-index:6;top:calc(var(--st) + 4px);right:calc(var(--sr) + 6px);width:calc(var(--tc-mm) + 8px);--mm:var(--tc-mm)}html.touch-ui .mm-info{display:none}html.touch-ui .mm-zone{align-self:flex-end;width:max-content;max-width:190px;margin-bottom:1px;padding:0 10px 1px;font-size:10.5px;display:flex}html.touch-ui .perf-badge{top:calc(var(--st) + 1px);padding:0 8px;font-size:10px;line-height:15px;left:50%;right:auto;transform:translate(-50%)}html.touch-ui .perf-details{top:calc(var(--st) + 20px);z-index:9;left:50%;right:auto;transform:translate(-50%)}html.touch-ui .target-frame{z-index:6;top:calc(var(--st) + 19px);width:min(290px,38vw);min-width:0;padding:4px 10px 6px}html.touch-ui .tf-name{font-size:13px}html.touch-ui .target-frame .bar{height:12px;margin-top:3px}html.touch-ui .tf-actions{gap:5px}html.touch-ui .tf-actions .btn.tiny{min-height:32px;padding:4px 9px;font-size:12px}html.touch-ui .buffs{left:calc(var(--sl) + 6px);top:calc(var(--st) + 60px * var(--tcd));pointer-events:none;gap:3px;min-width:0;max-width:34vw}html.touch-ui .buff{width:26px;height:36px;font-size:9px}html.touch-ui .buff>.skill-icon,html.touch-ui .buff-glyph{width:24px;height:24px}html.touch-ui .party-frame{z-index:6;left:calc(var(--sl) + 6px);right:auto;top:calc(var(--st) + 104px * var(--tcd));width:158px;padding:4px 7px 5px}html.touch-ui .toasts{top:calc(var(--st) + 84px);z-index:40}html.touch-ui .toast{max-width:64vw;padding:5px 28px 6px;font-size:12.5px}html.touch-ui .prompts{z-index:65;top:26%;left:50%;right:auto;transform:translate(-50%)}html.touch-ui .prompt{width:min(320px,100vw - 24px)}html.touch-ui .prompt .btn,html.touch-ui .death-box .btn,html.touch-ui .closed-overlay .btn{min-height:44px;padding:8px 16px}html.touch-ui .duel-banner{top:calc(var(--st) + 120px);font-size:19px}@media (orientation:portrait){html.touch-ui .minimap{flex-direction:column-reverse}html.touch-ui .mm-zone{margin:1px 0 0}html.touch-ui .target-frame{left:calc(var(--sl) + 6px);top:calc(var(--st) + 104px * var(--tcd));width:min(230px, calc(100vw - var(--tc-mm) - 36px));text-align:left;transform:none}html.touch-ui .tf-actions{justify-content:flex-start}html.touch-ui .buffs{max-width:calc(100vw - var(--tc-mm) - 40px)}html.touch-ui .party-frame{left:auto;right:calc(var(--sr) + 6px);top:calc(var(--st) + var(--tc-mm) + 88px);width:150px}html.touch-ui .toasts{top:calc(var(--st) + 196px)}html.touch-ui .toast{max-width:92vw}}html.touch-ui .chat{display:none}html.touch-ui.tc-chat-open .chat{z-index:40;top:calc(var(--st) + 6px);bottom:auto;left:calc(var(--sl) + 6px);width:min(560px, calc(100% - var(--sl) - var(--sr) - var(--tc-mm) - 136px));max-height:calc(100% - var(--st) - 12px);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #c79a4c99, 0 8px 22px #0009;background:linear-gradient(#140d07f0,#0c0804f0);display:flex}html.touch-ui.tc-chat-open .chat-input{border-bottom:1px solid #9a6e2e59;order:-1}html.touch-ui .chat-input input,html.touch-ui .chat-input select{min-height:40px;font-size:16px}html.touch-ui .chat-input select{width:96px}html.touch-ui .chat-tabs button{padding:7px 10px;font-size:12.5px}html.touch-ui .chat-lines{overscroll-behavior:contain;flex:auto;height:auto;min-height:60px;max-height:44vh;font-size:13.5px}@media (orientation:portrait){html.touch-ui.tc-chat-open .chat{top:calc(var(--st) + var(--tc-mm) + 88px);left:calc(var(--sl) + 6px);width:auto;right:calc(var(--sr) + 6px);max-height:calc(100% - var(--st) - var(--tc-mm) - 100px)}html.touch-ui .chat-lines{max-height:34vh}}html.tc-typing .tc-actions,html.tc-typing .tc-stick-zone,html.tc-typing .tc-rotate{display:none}html.touch-ui .hud .window{border-radius:12px 12px 0 0;max-height:none}html.touch-ui .window-title{cursor:default;border-radius:10px 10px 0 0;min-height:46px;padding:6px 54px 6px 16px}html.touch-ui .wt-text{font-size:15px}html.touch-ui .window-close{width:36px;height:36px;margin-top:-18px;right:8px}html.touch-ui .window-close:before{content:"";position:absolute;inset:-8px}html.touch-ui .window-close svg{width:14px;height:14px}html.touch-ui .window-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(12px + var(--sb))}html.touch-ui .window select,html.touch-ui .window input:not([type=checkbox]):not([type=range]){min-height:38px}html.touch-ui .window .btn.tiny{min-width:32px;min-height:32px;padding:4px 10px}html.touch-ui .window input[type=checkbox]{width:22px;height:22px}@media (orientation:portrait){html.touch-ui .hud .window{max-height:calc(100% - var(--st) - 56px);bottom:0;right:0;width:auto!important;top:auto!important;left:0!important}html.touch-ui .hud .window[data-win^=npc]{max-height:calc(50% - var(--st) - 6px);border-radius:0 0 12px 12px;bottom:auto;top:calc(var(--st) + 4px)!important}html.touch-ui .hud:has(.window[data-win^=npc]) .window[data-win=inventory]{max-height:50%}html.touch-ui .hud .window[data-win=shop],html.touch-ui .hud .window[data-win=map]{max-height:none;top:var(--st)!important}}@media (orientation:landscape){html.touch-ui .hud .window{padding-right:var(--sr);border-radius:12px 0 0 12px;bottom:0;right:0;width:min(480px,62%)!important;top:0!important;left:auto!important}html.touch-ui .window-title{border-radius:10px 0 0}html.touch-ui .hud .window[data-win^=npc]{padding-right:0;padding-left:var(--sl);border-radius:0 12px 12px 0;right:auto;width:min(420px,46%)!important;left:0!important}html.touch-ui .hud:has(.window[data-win^=npc]) .window[data-win=inventory]{width:min(440px,53%)!important}html.touch-ui .hud .window[data-win=shop]{padding-left:var(--sl);border-radius:0;width:auto!important;left:0!important}html.touch-ui .hud .window[data-win=map]{border-radius:12px 12px 0 0;padding-right:0;right:auto;transform:translate(-50%);width:auto!important;left:50%!important}html.touch-ui .hud .window[data-win=map] .map-canvas{width:auto;height:calc(100vh - var(--st) - var(--sb) - 96px);height:calc(100dvh - var(--st) - var(--sb) - 96px);aspect-ratio:1}}html.touch-ui .equip-grid{grid-template-rows:repeat(3,50px);grid-template-columns:repeat(3,50px);justify-content:center;gap:8px 18px}html.touch-ui .inv-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px}html.touch-ui .inv-tabs button{min-width:44px;min-height:34px}html.touch-ui .inv-help{display:none}html.touch-ui .ctx-backdrop{background:#00000059}html.touch-ui .ctx-menu{bottom:calc(var(--sb) + 10px);width:min(360px,100vw - 20px);padding:6px;transform:translate(-50%);top:auto!important;left:50%!important}html.touch-ui .ctx-menu button{min-height:46px;padding:10px 16px;font-size:15px}html.touch-ui .hover-tip{max-width:calc(100vw - 16px);max-height:calc(100vh - 20px);overflow:hidden;transform:translate(-50%);left:50%!important;top:calc(var(--st) + 8px)!important;bottom:auto!important}html.touch-ui .skill-pin{padding:3px}html.touch-ui .controls-help:not(.tc-help){display:none}html.touch-ui h4:has(+.controls-help:not(.tc-help)){display:none}.tc-sheet-backdrop{z-index:70;background:radial-gradient(at 50% 100%,#00000059,#0009);justify-content:center;align-items:flex-end;animation:.15s ease-out tc-fade;display:flex;position:fixed;inset:0}.tc-quick-backdrop{z-index:80}@keyframes tc-fade{0%{opacity:0}}.tc-menu,.tc-quick{width:min(560px,100%);max-height:calc(100% - var(--st) - 24px);overscroll-behavior:contain;padding:0 calc(12px + var(--sr)) calc(14px + var(--sb)) calc(12px + var(--sl));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-bottom:none;border-radius:14px 14px 0 0;animation:.18s ease-out tc-up;position:relative;overflow:auto}@keyframes tc-up{0%{opacity:.4;transform:translateY(30px)}}.tc-sheet-head{z-index:1;min-height:50px;font:700 15px/1.3 var(--font-display);letter-spacing:.08em;color:var(--gold-2);background:linear-gradient(#24170d 70%,#24170d00);justify-content:space-between;align-items:center;gap:10px;margin:0 -4px 8px;padding:4px;display:flex;position:sticky;top:0}.tc-close{color:#ffe8d0;cursor:pointer;width:40px;height:40px;box-shadow:0 0 0 1px var(--ink), 0 0 0 2.5px #c79a4c, 0 0 0 3.5px var(--ink);background:radial-gradient(circle at 40% 32%,#d0603e,#8a2214 52%,#3e0a05);border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.tc-close.small{width:26px;height:26px}.tc-menu-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.tc-tile{color:#f2d48c;cursor:pointer;min-height:78px;font:600 12px/1.2 var(--font-ui);text-align:center;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #a87a36bf, 0 2px 5px #00000080;background:radial-gradient(circle at 50% 30%,#603e20cc,#180f08e6 75%);border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 4px;display:flex;position:relative}.tc-tile span{color:var(--text)}.tc-tile:active,.tc-tile.on{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #f2d48c;background:radial-gradient(circle at 50% 30%,#966432e6,#28190ce6 75%)}.tc-tile.exit{color:#ff9a7a}.tc-tile .dot{top:8px;right:10px}@media (orientation:landscape){.tc-menu-grid{grid-template-columns:repeat(6,1fr)}.tc-menu,.tc-quick{width:min(640px,100%)}}.tc-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:10px 12px;display:grid}@media (orientation:landscape){.tc-quick-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}.tc-quick-cell{position:relative}.tc-quick-cell.fkeys{grid-column-start:1}.tc-quick-slot{cursor:pointer;width:58px;height:58px;color:inherit;box-shadow:0 0 0 1px var(--ink), 0 0 0 3px #a87a36, 0 0 0 4px var(--ink);background:radial-gradient(circle at 45% 30%,#50341ae6,#180f08f2 72%);border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.tc-quick-slot:disabled{cursor:default;opacity:1}.tc-quick-slot .skill-icon{width:116%;height:116%}.tc-quick-backdrop .tc-quick-cell.empty .tc-quick-slot{background:#140c0699}.tc-quick-backdrop .tc-quick-slot:not(:disabled){animation:1s ease-in-out infinite alternate tc-pick}@keyframes tc-pick{to{box-shadow:0 0 0 1px var(--ink), 0 0 0 3px #f6dfa0, 0 0 0 4px var(--ink), 0 0 14px #ffdc8c99}}.tc-quick-n{font:800 11px/1 var(--font-ui);color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.tc-quick-clear{color:#ffe8d0;width:26px;height:26px;box-shadow:0 0 0 1px var(--ink), 0 0 0 2px #c79a4c;background:radial-gradient(circle at 40% 32%,#d0603e,#8a2214 52%,#3e0a05);border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-6px;right:-6px}.tc-quick-clear:before{content:"";position:absolute;inset:-8px}.tc-quick .hint{text-align:center;margin:12px 0 4px}.tc-quick-links{justify-content:center;gap:10px;display:flex}.tc-quick-links .btn{min-height:40px}.tc-rotate{z-index:9;max-width:calc(100vw - 32px);color:var(--gold-2);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #c79a4c99;background:#0e0905db;border-radius:22px;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:13px;animation:.3s ease-out tc-fade;display:flex;position:absolute;top:36%;left:50%;transform:translate(-50%)}.tc-rotate-icon{font-size:20px;line-height:1}@media (orientation:landscape){.tc-rotate{display:none}}.tc-settings .gfx-row select:disabled{opacity:.5}.gfx-settings{margin-bottom:4px}label.gfx-row{grid-template-columns:1fr 152px;align-items:center;gap:10px;margin:6px 0;display:grid}label.gfx-row>span{color:var(--muted)}label.gfx-row select{padding-top:5px;padding-bottom:5px}.gfx-settings .hint{margin:2px 0 6px}.gfx-now{color:var(--muted);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:11.5px}.gfx-saver{color:#8fe388}.perf-details{z-index:6;font:400 11px/16px var(--font-ui);color:#c8bca2;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #a4874f4d;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;background:#0c0b0ad1;border-radius:1px;padding:5px 10px;position:absolute;top:30px;right:214px}.perf-details b{color:#ece2cc;font-weight:500}@media (max-width:720px){.perf-details{inset:auto auto 120px 8px}}.cur-icon{vertical-align:-3px;filter:drop-shadow(0 1px 1px #000000b3);flex:none;display:inline-block}.cur-icon.gem .g-body{fill:#2a6fd0}.cur-icon.gem .g-top{fill:#5fb0ff}.cur-icon.gem .g-table{fill:#b8e2ff}.cur-icon.gem .g-left{fill:#1d4fa0}.cur-icon.gem .g-line{fill:none;stroke:#0b2550;stroke-width:.7px;stroke-linejoin:round}.cur-icon.mark .m-rim{fill:#8a6a34;stroke:#1e1508;stroke-width:1px}.cur-icon.mark .m-face{fill:#3e2c14;stroke:#d8bd85;stroke-width:.8px}.cur-icon.mark .m-star{fill:#f0d890}.shop-btn{z-index:6;border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;width:48px;height:50px;color:inherit;background:radial-gradient(circle at 50% 38%, #4682d24d, #4682d200 62%), var(--tex-iron) 0 0 / 256px, #15130f;box-shadow:0 0 0 1px #a4874f99, 0 0 0 2px var(--ink), inset 0 0 10px #000000b3, 0 4px 12px #0000008c;place-items:center;padding:0;transition:transform .1s,filter .12s,box-shadow .12s;display:grid;position:absolute;top:34px;right:220px}.shop-btn:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 38%,#6eb4ff38,#6eb4ff00 60%);animation:3.2s ease-in-out infinite shop-glow;position:absolute;inset:0}.shop-btn .cur-icon{filter:drop-shadow(0 0 3px #78beff8c)drop-shadow(0 1px 1px #000);margin-top:-10px}.shop-btn-label{font:700 11px/1 var(--font-display);letter-spacing:.1em;color:var(--gold-2);text-shadow:0 1px 1px #000;white-space:nowrap;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.shop-btn:hover{filter:brightness(1.15);box-shadow:0 0 0 1px #d6ba80f2, 0 0 0 2px var(--ink), inset 0 0 10px #000000b3, 0 4px 12px #0000008c}.shop-btn:active{transform:translateY(1px)}.shop-btn.on{box-shadow:0 0 0 1px #e0c890, 0 0 0 2px var(--ink), inset 0 0 10px #000000b3, 0 0 10px #e0c8904d}@keyframes shop-glow{50%{opacity:.35}}.window.shop-window.over-death{z-index:61}.window.shop-window .window-body{flex-direction:column;padding:0;display:flex;overflow:hidden}.ishop{height:min(600px, calc(100vh - var(--tb-h) - 96px));flex-direction:column;min-height:300px;display:flex}.ishop-head{background:var(--plate);flex:none;align-items:center;gap:10px;padding:9px 12px;display:flex;box-shadow:inset 0 -1px #a4874f73,0 1px #000000b3}.ishop-bal{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #6496dc66;background:linear-gradient(#14326466,#0812288c);border-radius:1px;align-items:center;gap:7px;padding:3px 12px 3px 8px;display:flex}.ishop-bal.marks{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #c4a66c73;background:linear-gradient(#5a461e66,#241a0a8c)}.ishop-amt{font:600 16px/1.2 var(--font-ui);color:#f0e6d0;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #000}.ishop-cur{color:var(--muted);font-size:12px}.ishop-get{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.ishop-pending{color:#ecd8a8;background:linear-gradient(#6e50144d,#3c280847);border-radius:1px;flex:none;margin:8px 12px 0;padding:6px 10px;font-size:12.5px;box-shadow:inset 0 0 0 1px #a4874f99}.ishop-main{flex:1;grid-template-columns:166px 1fr;min-height:0;display:grid}.ishop-cats{background:linear-gradient(90deg,#00000061,#00000038);flex-direction:column;gap:2px;padding:10px 8px;display:flex;overflow:auto;box-shadow:inset -1px 0 #a4874f59}.ishop-cat{text-align:left;cursor:pointer;width:100%;font:500 13px/1.2 var(--font-ui);color:#cfc3aa;background:0 0;border:none;border-radius:1px;align-items:center;gap:8px;padding:7px 9px;display:flex;position:relative}.ishop-cat:hover{color:var(--gold-2);background:#d6ba800f}.ishop-cat.active{color:#f4e6c4;background:linear-gradient(90deg,#a4874f47,#a4874f0a);box-shadow:inset 2px 0 #d8bd85,inset 0 0 0 1px #a4874f59}.ishop-cat .ic{background:linear-gradient(135deg, #ffffff8c, var(--c,#a4874f) 45%, #120e08);border-radius:0;flex:none;width:9px;height:9px;transform:rotate(45deg);box-shadow:0 0 0 1px #000c}.ishop-cat .ic-0{--c:#e0c050}.ishop-cat .ic-1{--c:#5e9ad8}.ishop-cat .ic-2{--c:#d8643a}.ishop-cat .ic-3{--c:#8eaad8}.ishop-cat .ic-4{--c:#5ec4d0}.ishop-cat .ic-5{--c:#5aa86a}.ishop-cat .ic-6{--c:#c8964a}.ishop-cat .ic-h{--c:#9c9283}.ishop-sep{background:linear-gradient(90deg,#a4874f00,#a4874f99,#a4874f00);height:1px;margin:6px 4px}.ishop-body{min-height:0;padding:8px 12px 12px;overflow:auto}.ishop-catdesc{color:var(--muted);margin:2px 0 10px;font-size:12.5px}.ishop-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:10px;display:grid}.offer{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #34302a, inset 0 1px 0 #ffecc80d, 0 2px 6px #00000073;background:radial-gradient(120% 60% at 50% 0,#d6ba8012,#0000 70%),linear-gradient(#191714,#100f0d);border-radius:1px;flex-direction:column;gap:6px;padding:10px 10px 9px;transition:box-shadow .12s;display:flex;position:relative}.offer:hover{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #a4874f, inset 0 1px 0 #ffecc814, 0 4px 12px #0000008c}.offer.marks{background:radial-gradient(120% 60% at 50% 0,#d6aa5a1a,#0000 70%),linear-gradient(#1b1813,#110f0b)}.offer.sale{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #8a3a2a, inset 0 1px 0 #ffc8a00f, 0 2px 6px #00000073}.offer.soldout{opacity:.6}.offer-tags{z-index:1;gap:4px;display:flex;position:absolute;top:-6px;right:8px}.otag{font:600 9.5px/1.6 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#f4ecdc;text-shadow:0 1px #0009;border-radius:1px;padding:0 6px;box-shadow:0 0 0 1px #000c,inset 0 0 0 1px #ffffff24,0 2px 3px #00000080}.otag-new{background:linear-gradient(#3e7a48,#24502c)}.otag-hot{background:linear-gradient(#a8622a,#6e3a10)}.otag-sale{background:linear-gradient(#9a3424,#621a10)}.otag-save{text-transform:none;background:linear-gradient(#33608e,#1d3a5c)}.offer-top{align-items:flex-start;gap:9px;display:flex}.offer-icon{width:60px;height:60px;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #a4874f59, inset 0 2px 5px #000000d9;background:radial-gradient(circle at 50% 40%,#1c1a17,#0a0908 76%);border-radius:1px;flex:none;place-items:center;display:grid}.offer-text{min-width:0}.offer-name{font:700 15px/1.2 var(--font-display);letter-spacing:.04em;color:var(--gold-2);margin:1px 0 3px}.offer-count{font-family:var(--font-ui);color:#ece2cc;font-size:13px}.offer-short{color:#94bce4;margin:0;font-size:12px;font-weight:500}.offer.marks .offer-short{color:#e2c48a}.ishop-what{color:#cfc3aa;margin:0 0 8px;font-size:12.5px;line-height:1.4}.offer-meta{min-height:0;color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:11px;display:flex}.offer-meta:empty{display:none}.offer-ends{color:#e8907a;font-weight:500}.offer-buy{border-top:1px solid #a4874f40;grid-template-columns:1fr auto;grid-template-areas:"price qty""btn btn";align-items:center;gap:7px 8px;margin-top:auto;padding-top:7px;display:grid}.offer-price{font-variant-numeric:tabular-nums;flex-direction:column;grid-area:price;align-items:flex-start;display:flex}.offer-price .now{align-items:center;gap:4px;display:flex}.offer-price b{font:600 16px/1.1 var(--font-ui);color:#f0e6d0}.offer-price .was{color:#c08a78;margin:-4px 0 1px 21px;font-size:11px;line-height:1}.qty{grid-area:qty;align-items:center;gap:3px;display:flex}.qty .btn.tiny{width:22px;padding:1px 0}.qty-n{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;font-weight:600}.offer-btn{grid-area:btn;width:100%}.service-icon svg{overflow:visible}.service-icon .sv-plate{fill:#3e3424;stroke:#d8bd85;stroke-width:1px}.service-icon .sv-line{stroke:#d8bd85;stroke-width:1.4px;stroke-linecap:round}.service-icon .sv-quill{fill:#eae2d0;stroke:#5a4a3a;stroke-width:.8px}.service-icon .sv-head,.service-icon .sv-body{fill:#b8975a;stroke:#1e1508;stroke-width:1px}.service-icon .sv-plus{fill:#74b87a;stroke:#10300f;stroke-width:.8px}.ishop-hist td.num{white-space:nowrap;font-variant-numeric:tabular-nums}.ishop-hist td:first-child{white-space:nowrap;color:var(--muted);font-size:12px}.ishop-hist .st-delivered{color:var(--green)}.ishop-hist .st-paid{color:#f0c060}.ishop-hist .st-refunded{color:var(--muted)}.ishop-foot{color:#8a8172;background:#0000004d;flex:none;padding:6px 12px 8px;font-size:11px;line-height:1.4;box-shadow:inset 0 1px #a4874f4d}.ishop-modal{width:min(400px,100%)}.ishop-modal h3{align-items:center;gap:8px;margin-top:0;display:flex}.ishop-confirm .ic-row{align-items:center;gap:10px;margin:6px 0 10px;display:flex}.ishop-confirm .ic-row .item-icon{background:radial-gradient(circle at 50% 40%,#1c1a17,#0a0908 76%);border-radius:1px;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #a4874f59}.ishop-sum{background:#00000059;border-radius:1px;grid-template-columns:auto 1fr;gap:4px 14px;margin:8px 0;padding:8px 10px;display:grid;box-shadow:inset 0 0 0 1px #a4874f4d}.ishop-sum dt{color:var(--muted)}.ishop-sum dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.ishop-name{flex-direction:column;gap:2px;display:flex}.ishop-name input{margin:2px 0 0}.ishop-note{margin:6px 0 2px}.ishop-confirm .row{justify-content:flex-end}.buff.boost .item-icon{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #6ea0dc8c, 0 2px 4px #0009;background:radial-gradient(circle at 50% 40%,#1a2434,#090c12 76%);border-radius:1px}.buff.boost.ending .item-icon{animation:.8s ease-in-out infinite alternate buff-end}.death-box .revive-btn{align-items:center;gap:6px;margin-top:10px;display:inline-flex}.death-box .revive-get{margin:8px auto 0;font-size:12.5px;display:block}@media (max-width:900px){.shop-btn{width:44px;height:46px;right:158px}}@media (max-width:720px){.shop-btn{width:42px;height:42px;top:26px;right:128px}.shop-btn-label{display:none}.shop-btn .cur-icon{margin-top:0}.ishop-main{grid-template-rows:auto 1fr;grid-template-columns:1fr}.ishop-cats{flex-direction:row;padding:6px;overflow-x:auto;box-shadow:inset 0 -1px #a4874f59}.ishop-cat{white-space:nowrap;width:auto}.ishop-sep{display:none}.ishop-head{flex-wrap:wrap}}@media (max-width:560px){.shop-btn{right:108px}}.skill-ico{width:38px;height:38px;box-shadow:0 0 0 1px var(--ink), inset 0 0 6px #000000b3;color:var(--gold-2);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 40%,#24201b,#0c0b0a 76%);border:1px solid #4a4136;border-radius:1px;flex:none;justify-content:center;align-items:center;font-size:19px;line-height:1;display:inline-flex}.skill-ico.small{border-radius:1px;width:22px;height:22px;font-size:12px}.skill-ico.disc{width:34px;height:34px;font:700 18px/1 var(--font-display);border-color:#a4874f}.skill-ico[data-kind="6"],.skill-ico[data-kind="7"]{color:#a8e0ff}.skill-ico[data-kind="8"]{color:#8affb0}.skills-win .disc-banner{border:1px solid var(--ink);background:linear-gradient(90deg,#a4874f1f,#0003);border-radius:1px;align-items:center;gap:10px;margin-bottom:4px;padding:6px 8px;display:flex;box-shadow:inset 0 0 0 1px #a4874f66}.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{font:700 17px/1.2 var(--font-display);letter-spacing:.05em;color:var(--gold-2)}.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{border-color:var(--ink);background:linear-gradient(#d6ba8012,#0e0d0bd9)}.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{font:500 13px/1.45 var(--font-ui);letter-spacing:0;color:var(--gold-2);margin:2px 0 8px}.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{border:1px solid var(--ink);background:linear-gradient(#201c18eb,#0e0d0beb);border-radius:1px;flex-direction:column;gap:6px;padding:10px;display:flex;box-shadow:inset 0 0 0 1px #34302a}.skills-win .disc-card:hover{box-shadow:inset 0 0 0 1px #a4874f}.skills-win .disc-card[data-disc="2"]{background:linear-gradient(#181b22eb,#0b0c10eb)}.skills-win .disc-name{align-items:center;gap:8px;display:flex}.skills-win .disc-name b{font:700 17px/1.2 var(--font-display);letter-spacing:.05em;color:var(--gold-2)}.skills-win .disc-desc{color:#cdc3b1;min-height:3.6em;margin:0;font-size:12px}.skills-win .disc-weapon{color:#e2c27a;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}