.crime-win{flex-direction:column;gap:10px;display:flex}.crime-tabs,.crime-cats{flex-wrap:wrap;gap:4px;display:flex}.crime-tabs button,.crime-cats button{font:inherit;cursor:pointer;background:var(--well,#00000040);color:inherit;border:1px solid #ffffff1f;border-radius:999px;padding:4px 10px;font-size:12px}.crime-tabs button.on,.crime-cats button.on{background:var(--sel,#ffd86a33);border-color:#ffd86a73}.crime-cats button{padding:2px 8px;font-size:11px}.crime-rep table{border-collapse:collapse;width:100%;font-size:12px}.crime-rep th{text-align:left;opacity:.7;padding:2px 4px;font-weight:600}.crime-rep td{vertical-align:top;border-top:1px solid #ffffff14;padding:4px}.crime-rep td.bad{color:#ff7a6a;font-weight:600}.crime-rep .heat{background:#ffffff1a;border-radius:3px;height:5px;margin:3px 0;overflow:hidden}.crime-rep .heat i{background:#8ad08a;height:100%;display:block}.crime-rep .heat.h1 i{background:#e8c84a}.crime-rep .heat.h2 i{background:#ff9a4a}.crime-rep .heat.h3 i{background:#ff5a4a}.crime-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;max-height:300px;display:grid;overflow:auto}.crime-grid .cell{aspect-ratio:1;background:var(--well,#00000040);border:1px solid #ffffff14;border-radius:6px;place-items:center;display:grid}.crime-grid .cell.unknown{opacity:.35;font-weight:700}.crime-guard{z-index:30;text-align:center;border-color:#ff6e5a8c;width:min(420px,92cqw);padding:14px 16px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.crime-guard h3{color:#ff8a6a;margin:0 0 6px}.crime-guard .row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.crime-guard .btn.danger{color:#ffb0a0;border-color:#ff5a4a99}.crime-sneak{text-align:center;pointer-events:none;border-radius:999px;padding:4px 12px;font-size:12px;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}.crime-sneak.hidden b{color:#9ed8ff}.crime-sneak.seen b{color:#ffd86a}.crime-sneak .hint{color:#ff7a6a;font-size:11px}.crime-jail{z-index:40;background:repeating-linear-gradient(90deg,#0a08068c 0 34px,#1e1a16d9 34px 44px);place-items:center;display:grid;position:absolute;inset:0}.crime-jail .panel{text-align:center;padding:16px 28px}.crime-jail h3{margin:0 0 4px}.craftpix-page{pointer-events:auto;color:#e6e9ed;background:#101824;padding:28px;font:15px/1.5 system-ui;position:fixed;inset:0;overflow:auto}.craftpix-page header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.craftpix-page h1{margin:0;font-size:30px}.craftpix-page p{color:#abb8c7}.craftpix-page a{color:#c3e3bc}.craftpix-controls{flex-wrap:wrap;align-items:end;gap:16px;padding:18px 0;display:flex}.craftpix-controls label{flex-direction:column;gap:5px;display:flex}.craftpix-controls input,.craftpix-controls select{color:#edf2f6;font:inherit;background:#253347;border:1px solid #465770;border-radius:8px;padding:8px}.craftpix-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:20px;display:grid}.craftpix-grid article{background:#192535;border:1px solid #354355;border-radius:14px;min-width:0;padding:16px}.craftpix-grid h2{margin:0 0 12px;font:600 16px system-ui}.craftpix-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.craftpix-pair figure{min-width:0;margin:0}.craftpix-pair figcaption{color:#b8c5d5;margin-bottom:8px;font-size:13px}.craftpix-preview{background-color:#324132;background-image:linear-gradient(45deg,#ffffff06 25%,#0000 25% 75%,#ffffff06 75%),linear-gradient(45deg,#ffffff06 25%,#0000 25% 75%,#ffffff06 75%);background-position:0 0,8px 8px;background-size:16px 16px;border-radius:8px;justify-content:flex-start;align-items:flex-start;height:230px;display:flex;overflow:auto}.craftpix-note{max-width:850px}.sk-filters{z-index:2;background:linear-gradient(#0e0f16eb 70%,#0000);flex-direction:column;gap:6px;margin-bottom:10px;padding:6px 0 8px;display:flex;position:sticky;top:-14px}.sk-search{box-sizing:border-box;border-radius:999px;width:100%;padding:6px 10px;font-size:13px}.sk-chips{flex-wrap:wrap;gap:4px;display:flex}.sk-chip{font:inherit;color:var(--text);background:var(--well);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:1px 8px;font-size:11px;line-height:1.5;display:inline-flex}.sk-chip i{background:var(--c,var(--gold));width:7px;height:7px;box-shadow:0 0 4px var(--c,var(--gold));border-radius:50%}.sk-chip:hover{border-color:var(--border-hi)}.sk-chip.on{background:color-mix(in srgb, var(--c,var(--gold)) 30%, transparent);border-color:var(--c,var(--gold));color:#fff}.sk-chips.kinds .sk-chip{opacity:.9;font-size:10.5px}.discipline[style] header strong{color:color-mix(in srgb, var(--c) 70%, var(--gold))}.discipline[style] .mastery-bar i{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 55%, #203050), var(--c))}.sk-tag{color:var(--muted);border:1px solid var(--border);vertical-align:1px;border-radius:999px;margin-left:4px;padding:0 6px;font-size:9.5px;font-style:normal;font-weight:600}.sk-tag.secret{color:#e8c0ff;border-color:#9a5ae0}.sk-weapon header strong{color:var(--gold)}:root{--ui-k:1;--bg:#0b0d12;--glass:linear-gradient(160deg, #ffffff17, #ffffff04 45%), linear-gradient(180deg, rgba(26, 28, 38, calc(.64 * var(--ui-k))), rgba(10, 11, 16, calc(.76 * var(--ui-k))));--glass-clear:linear-gradient(160deg, #fff3, #ffffff0a 55%), linear-gradient(180deg, rgba(18, 20, 30, calc(.26 * var(--ui-k))), rgba(18, 20, 30, calc(.38 * var(--ui-k))));--glass-blur:blur(18px) saturate(150%);--glass-edge:#ffffff24;--glass-hi:inset 0 1px 0 #ffecbe57, inset 0 -1px 0 #ffffff0a, inset 0 0 22px #ffffff06;--glass-shadow:0 16px 36px #0000005c, 0 2px 6px #0003;--radius:14px;--radius-sm:9px;--panel:rgba(16, 18, 26, calc(.78 * var(--ui-k)));--panel-2:#161822f0;--well:#00000047;--sel:#e8c98a29;--border:#ffffff24;--border-hi:#e8c98a9e;--text:#eef0f6;--muted:#a9aec0;--gold:#f0cf86;--hp:#d83a3a;--mp:#3a7ae0;--xp:#a070ff;--danger:#ff5a4a;--ok:#7adf6a;--text-halo:0 1px 2px #00000073;--font:"Inter", system-ui, sans-serif;--title:"Cinzel", Georgia, serif}:root:lang(ja){--font:"Inter", "Yu Gothic UI", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", system-ui, sans-serif;--title:"Cinzel", "Yu Gothic UI", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans CJK JP", serif}:root:lang(de){-webkit-hyphens:auto;hyphens:auto}:root.no-blur{--glass-blur:none}:root.glass-light{--muted:#d6dae6;--text-halo:0 0 4px #000c, 0 1px 2px #000000d9}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--ui-k:1.3}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overflow-wrap:break-word;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block}#ui{pointer-events:none;z-index:10;zoom:var(--ui-scale,1);position:fixed;inset:0;container:ui/size}#ui>*{pointer-events:auto}.explore-bar{border:1px solid var(--glass-edge);border-radius:var(--radius);background:var(--glass);max-width:calc(100vw - 24px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi), var(--glass-shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.explore-bar strong{font-family:var(--title);color:var(--gold)}.explore-bar span{color:var(--muted)}.explore-bar .sep{background:var(--border);width:1px;height:18px}.explore-bar a{color:var(--text);border:1px solid #0000;border-radius:999px;padding:3px 10px;text-decoration:none}.explore-bar a:hover{border-color:var(--border)}.explore-bar a.on{background:var(--sel);border-color:var(--border-hi);color:var(--gold)}.panel{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);border-radius:var(--radius);box-shadow:var(--glass-hi), var(--glass-shadow);color:var(--text);text-shadow:var(--text-halo)}.hotbar.panel,.minimap.panel{background:var(--glass-clear)}button{font:inherit;color:inherit;cursor:pointer}.btn{border:1px solid var(--glass-edge);color:var(--text);background:linear-gradient(#ffffff29,#ffffff0a);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:border-color .12s,transform 60ms,filter .12s;box-shadow:inset 0 1px #ffffff38,0 2px 8px #0000002e}.btn:hover:not(:disabled){border-color:var(--border-hi);filter:brightness(1.15)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn.primary{color:#1a1206;text-shadow:0 1px #fff0c873;background:linear-gradient(#f2d590,#b48a44);border-color:#fff0c8b3}.btn.danger{background:linear-gradient(#dc463c8c,#7818148c);border-color:#ff786480}.btn.ghost{box-shadow:none;background:0 0}.btn.big{padding:12px 22px;font-size:15px}.btn.small{padding:4px 10px;font-size:12px}.btn.tiny{padding:0 9px;font-size:13px;line-height:20px}input{font:inherit;color:var(--text);background:var(--well);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;box-shadow:inset 0 1px 3px #00000059}kbd{font:600 10px var(--font);color:var(--muted)}.muted{color:var(--muted)}.gold{color:var(--gold)}.center{text-align:center}.error{color:var(--danger);margin:6px 0 0;font-size:13px}.hint{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.45}.small{font-size:12px}.screen{background:radial-gradient(at 50% 12%,#e8be6e33,#0000 55%),radial-gradient(at 12% 85%,#466ec847,#0000 50%),radial-gradient(at 90% 70%,#9650c838,#0000 50%),linear-gradient(#121520,#07080c);padding:24px;position:absolute;inset:0;overflow:auto}.logo{font-family:var(--title);color:var(--gold);letter-spacing:4px;text-align:center;text-shadow:0 2px #3c280acc,0 0 28px #ffd27866;margin:0;font-size:56px}.logo.small{text-align:left;font-size:26px}.tagline{text-align:center;color:var(--muted);margin:4px 0 18px}.screen-head{justify-content:space-between;align-items:center;gap:12px;max-width:1180px;margin:0 auto 12px;display:flex}.screen-title{font-family:var(--title);text-align:center;color:var(--text);margin:8px 0 18px;font-size:26px}.screen-title.inline{margin:0}.auth{place-items:start center;padding-top:6vh;display:grid}.auth-panel{z-index:1;flex-direction:column;gap:12px;width:min(380px,100%);padding:28px;display:flex;position:relative}.auth-panel label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.auth-heroes{opacity:.85;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 1vw;display:flex;position:absolute;bottom:6vh;left:0;right:0;overflow:hidden}.tabs{background:var(--well);border-radius:999px;gap:4px;padding:4px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;flex:1;padding:8px;font-weight:600}.tabs button.on{background:var(--sel);color:var(--gold);box-shadow:inset 0 0 0 1px #e8c98a4d}.sprite-preview{image-rendering:pixelated;display:block}.char-grid{flex-wrap:wrap;justify-content:center;gap:14px;max-width:1000px;margin:0 auto;display:flex}.char-card{background:var(--glass);width:180px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);border-radius:var(--radius);color:var(--text);box-shadow:var(--glass-hi), var(--glass-shadow);flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.char-card:hover{border-color:var(--border-hi)}.char-card.on{border-color:var(--border-hi);box-shadow:var(--glass-hi), 0 0 0 1px var(--border-hi), 0 0 28px #e8c98a40}.char-card span{color:var(--muted);font-size:13px}.char-card.new{border-style:dashed;justify-content:center;min-height:250px}.char-card .plus{color:var(--gold);font-size:48px;line-height:1}.select-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.create{flex-direction:column;display:flex}.create-layout{flex:1;grid-template-columns:230px 1fr 340px;gap:18px;width:100%;max-width:1180px;margin:0 auto;display:grid}.class-list{flex-direction:column;gap:6px;display:flex}.class-pick{text-align:left;background:var(--well);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:2px 10px 2px 2px;display:flex}.class-pick:hover{border-color:var(--border-hi)}.class-pick.on{border-color:var(--border-hi);background:var(--sel)}.class-pick span{flex-direction:column;display:flex}.class-pick small{color:var(--muted);font-size:11px}.create-stage{flex-direction:column;align-items:center;gap:14px;display:flex}.stage-preview{background:radial-gradient(circle at 50% 70%,#ffc8642e,#0000 65%);border-radius:50%;place-items:center;min-width:340px;min-height:350px;margin-bottom:6px;display:grid}.seg{background:var(--well);border:1px solid var(--border);border-radius:999px;gap:3px;padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:13px}.seg button.on{background:var(--sel);color:var(--gold);box-shadow:inset 0 0 0 1px #e8c98a4d}.seg.small button{padding:4px 9px;font-size:12px}.look-grid{flex-direction:column;align-items:center;gap:10px;display:flex}.look-row{align-items:center;gap:12px;display:flex}.look-row>span{text-align:right;width:100px;color:var(--muted);font-size:13px}.swatches{gap:6px;display:flex}.swatch{border:2px solid #ffffff2e;border-radius:50%;width:26px;height:26px;padding:0;box-shadow:inset 0 2px 3px #ffffff4d,inset 0 -2px 4px #0000004d}.swatch.on{border-color:var(--gold);box-shadow:0 0 0 2px #ffd86a59}.class-info{align-self:start;padding:18px}.class-info h3{font-family:var(--title);color:var(--gold);margin:0;font-size:24px}.class-info .role{color:var(--muted);margin:2px 0 10px;font-size:13px}.class-info p{font-size:14px;line-height:1.5}.class-info h4{font-family:var(--title);margin:16px 0 8px}.attr-bars{flex-direction:column;gap:6px;display:flex}.attr-bar{grid-template-columns:90px 1fr 24px;align-items:center;gap:8px;font-size:13px;display:grid}.attr-bar .bar{background:var(--well);border-radius:999px;height:8px;overflow:hidden}.attr-bar .bar i{background:linear-gradient(90deg,#b48a44,#f2d590);border-radius:999px;height:100%;display:block}.skill-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.skill-list li{align-items:flex-start;gap:10px;display:flex}.skill-list img{border-radius:var(--radius-sm);border:1px solid var(--border)}.skill-list p{color:var(--muted);margin:2px 0 0;font-size:12px}.create-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.name-input{width:260px;padding:11px 14px;font-size:16px}.loading{font-family:var(--title);color:var(--gold);place-items:center;font-size:22px;display:grid}@container ui (width<=1000px){.create-layout{grid-template-columns:1fr}.class-list{flex-flow:wrap;justify-content:center}.stage-preview{min-width:260px;min-height:260px}.auth-heroes{display:none}}.status-frame{flex-direction:column;gap:6px;width:260px;padding:10px 12px;display:flex;position:absolute;top:14px;left:14px}.status-frame .who{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.status-frame .who strong{font-family:var(--title);color:var(--gold);font-size:16px}.status-frame .who span{color:var(--muted);font-size:12px}.zone{text-shadow:none;border:1px solid #0000;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px;font-style:normal;font-weight:700}.zone.safe{color:#b8ffc8;background:#5adc7833;border-color:#8cffaa59}.zone.pvp{color:#ffb0a4;background:#e63c3240;border-color:#ff786473;animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.6}}.bar{background:#0006;border-radius:999px;height:15px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000008c}.bar i{border-radius:999px;transition:width .15s;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 1px #ffffff59}.bar.hp i{background:linear-gradient(#f05a4a,#a82018)}.bar.mp i{background:linear-gradient(#5a9af0,#1e4aa8)}.bar.xp i{background:linear-gradient(#7adf6a,#2a8a2a)}.bar span{text-align:center;text-shadow:0 1px 2px #000;font-size:10.5px;font-weight:700;line-height:15px;display:block;position:relative}.buffs{flex-wrap:wrap;gap:4px;display:flex}.buff{color:#cfe0ff;background:#5a8cff38;border:1px solid #96beff4d;border-radius:999px;padding:1px 7px;font-size:10px}.points-badge{background:var(--sel);color:var(--gold);border:1px solid var(--border-hi);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:11px;font-weight:700;animation:1.6s infinite pulse}.target-frame{flex-direction:column;gap:5px;width:280px;padding:8px 12px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.target-frame .who{justify-content:space-between;font-size:14px;display:flex}.target-frame strong.elite{color:#ffb04a}.target-frame strong.boss,.target-frame.boss strong{color:#ff7ad8}.target-frame.boss{box-shadow:var(--glass-hi), var(--glass-shadow), 0 0 22px #be50ff40;border-color:#c85aff8c;width:360px}.minimap{flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;top:14px;right:14px}.minimap canvas{cursor:pointer;background:#0e1a2a;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 0 0 3px #ffffff0f,inset 0 0 18px #0009}.minimap .zone-name{justify-content:space-between;gap:8px;width:100%;font-size:12px;display:flex}.minimap .zone-name strong{color:var(--gold)}.minimap small{color:var(--muted);font-size:10px}.chat{flex-direction:column;gap:6px;width:min(380px,100cqw - 28px);padding:8px;display:flex;position:absolute;bottom:14px;left:14px}.chat .log{scrollbar-width:thin;height:170px;padding:2px 4px;font-size:12.5px;line-height:1.4;overflow-y:auto}.chat .log p{text-shadow:0 1px 2px #000;margin:0 0 2px}.chat .ch-sys{color:#ffd86a}.chat .ch-global{color:#9ad8ff}.chat .ch-npc{color:#a8f08a}.chat .ch-global em{color:#5ab0ff;font-style:normal}.chat form{gap:4px;display:flex}.chat input{border-radius:999px;flex:1;padding:6px 12px;font-size:12.5px}.ch-toggle{border:1px solid var(--border);background:var(--well);border-radius:999px;padding:0 10px;font-size:11px}.ch-toggle.global{color:#9ad8ff}.bottom-center{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hotbar{gap:6px;padding:7px;display:flex}.slot{border-radius:var(--radius-sm);background:#00000042;border:1px solid #ffffff21;place-items:center;width:46px;height:46px;padding:0;display:grid;position:relative;box-shadow:inset 0 2px 6px #0006}.slot.hot:hover{border-color:var(--border-hi)}.slot.dim>img,.slot.dim>.item-icon{filter:grayscale(.8)brightness(.6)}.slot kbd{z-index:2;text-shadow:0 1px 2px #000;color:#ffffffc7;position:absolute;top:1px;left:4px}.slot .cd{border-radius:var(--radius-sm);text-shadow:0 1px 3px #000;z-index:1;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;inset:0}.skill-icon{border-radius:7px;display:block}.xpbar{background:#00000073;border:1px solid #ffffff1f;border-radius:999px;width:100%;height:7px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000004d}.xpbar i{background:linear-gradient(90deg,#6a3aff,#c08aff);transition:width .3s;position:absolute;inset:0 auto 0 0}.xpbar b{background:#0009;width:1px;position:absolute;top:0;bottom:0}.menubar{flex-direction:column;gap:3px;padding:6px;display:flex;position:absolute;bottom:14px;right:14px}.menubar button{border-radius:var(--radius-sm);text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;gap:14px;padding:5px 8px;font-size:12.5px;display:flex}.menubar button:hover{border-color:var(--border);background:#ffffff0d}.menubar button.on{background:var(--sel);color:var(--gold);border-color:#e8c98a59}.menubar .gold{border-top:1px solid var(--border);margin-top:3px;padding:4px 8px 0;font-size:13px;font-weight:700}.toast{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi), var(--glass-shadow);pointer-events:none;background:linear-gradient(#781e189e,#3c0c0ab8);border:1px solid #ff786473;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;position:absolute;top:90px;left:50%;transform:translate(-50%)}.death{background:radial-gradient(circle,#3c000059,#000000bf);place-items:center;display:grid;position:absolute;inset:0}.death .panel{text-align:center;padding:26px 34px}.death h2{font-family:var(--title);color:#ff6a5a;margin:0 0 6px;font-size:32px}.window{flex-direction:column;max-height:calc(100vh - 24px);display:flex;position:absolute}.window header{border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(#e8c98a1a,#0000);justify-content:space-between;align-items:center;padding:9px 10px 9px 16px;display:flex}.window header h3{font-family:var(--title);color:var(--gold);margin:0;font-size:15px}.window .close{color:var(--muted);background:0 0;border:0;border-radius:50%;width:26px;height:26px;padding:0;font-size:20px;line-height:1}.window .close:hover{color:var(--text);background:#ffffff1a}.window-body{scrollbar-width:thin;padding:14px;overflow-y:auto}.item-icon{border-radius:7px;place-items:center;display:grid;position:relative}.item-icon img{width:100%;height:100%;image-rendering:pixelated}.item-icon img[src^="/sprites/"]{image-rendering:auto}.item-icon b{text-shadow:0 1px 2px #000,0 0 2px #000;font-size:11px;position:absolute;bottom:-1px;right:1px}.item-icon.r0{box-shadow:inset 0 0 0 1px #65cd79}.item-icon.r1{box-shadow:inset 0 0 0 1px #5aa0ff,inset 0 0 10px #5aa0ff59}.item-icon.r2{box-shadow:inset 0 0 0 1px #c070ff,inset 0 0 10px #c070ff59}.item-icon.r3{box-shadow:inset 0 0 0 1px #ffd84a,inset 0 0 12px #ffd84a73}.item-icon.r4{animation:2s infinite legend;box-shadow:inset 0 0 0 1px #ff5055,inset 0 0 14px #ff50558c}@keyframes legend{50%{box-shadow:inset 0 0 0 1px #ffb04a,inset 0 0 18px #ffa03ccc}}.equip-grid{grid-template-columns:repeat(4,52px);grid-template-areas:"amulet helm ring ring2""weapon armor shield cloak""tal1 hands boots tal2";justify-content:center;gap:6px;margin-bottom:12px;display:grid}.equip-grid .slot{width:52px;height:52px}.slot.empty small{color:#ffffff52;text-align:center;text-shadow:none;font-size:9.5px}.inv-grid{grid-template-columns:repeat(8,44px);justify-content:center;gap:4px;display:grid}.inv-grid .slot{width:44px;height:44px}.inv-grid .slot:not(.empty){cursor:grab}.inv-foot{align-items:center;gap:10px;margin-top:10px;display:flex}.inv-foot .gold{flex:1;font-weight:700}.trash{border-radius:var(--radius-sm);border:1px dashed #ff786480;place-items:center;width:34px;height:34px;display:grid}.tooltip{z-index:100;pointer-events:none;max-width:280px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);border-radius:var(--radius-sm);box-shadow:var(--glass-hi), var(--glass-shadow);text-shadow:0 1px 2px #00000080;background:linear-gradient(160deg,#ffffff14,#0000 45%),#0e0f16e6;padding:9px 12px;font-size:12.5px;position:fixed}.item-tip{flex-direction:column;gap:3px;display:flex}.item-tip strong{font-size:14px}.item-tip small{color:var(--muted)}.item-tip ul{margin:4px 0 0;padding:0;list-style:none}.item-tip ul.bonus li{color:#8ad0ff}.item-tip p{margin:4px 0 0}.item-tip .legendary{color:#ffb04a;font-style:italic}.item-tip .price{color:var(--gold);font-weight:700}.char-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.char-head h4{font-family:var(--title);color:var(--gold);margin:0;font-size:18px}.char-head p{margin:2px 0;font-size:13px}.attr-list{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.attr{background:var(--well);border-radius:var(--radius-sm);grid-template-columns:1fr 40px 32px;align-items:center;padding:4px 8px;font-size:13px;display:grid}.attr b{text-align:right;padding-right:8px}.stat-list{grid-template-columns:1fr auto;gap:3px 12px;margin:0;font-size:12.5px;display:grid}.stat-list dt{color:var(--muted)}.stat-list dd{text-align:right;margin:0;font-weight:600}.stat-list.wide{grid-template-columns:auto 1fr}.stat-list.wide dd{text-align:left}.skills-win{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.skills-win li{border-radius:var(--radius-sm);background:var(--well);cursor:grab;border:1px solid #0000;align-items:center;gap:10px;padding:5px;display:flex}.skills-win li:hover{border-color:var(--border)}.skills-win li.locked{opacity:.45;cursor:default}.skills-win small{color:var(--muted);font-size:11.5px;display:block}.pets{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pets li{background:var(--well);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:4px 8px 4px 0;display:flex}.pets li>div{flex:1}.pets small{color:var(--muted);display:block}.pets li.fainted{opacity:.55}.shop-list{flex-direction:column;gap:4px;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.shop-list li{background:var(--well);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:4px 6px;display:flex}.shop-list .grow{flex:1;min-width:0}.shop-list small{color:var(--muted);font-size:11.5px;display:block}.shop-list .qty{width:60px;padding:4px 6px}.shop-list .price{width:110px;padding:4px 6px}.field{color:var(--muted);flex-direction:column;gap:4px;margin-bottom:6px;font-size:13px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.row .gold{flex:1;font-weight:700}.world-map{position:relative}.world-map canvas{width:100%;height:auto;image-rendering:pixelated;border-radius:var(--radius-sm);display:block}.world-map .you{background:#ffe38a;border:2px solid #000;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;animation:1s infinite pulse;position:absolute;box-shadow:0 0 0 3px #ffe38a66}@container ui (width<=1240px){.chat{width:min(330px,100cqw - 24px);bottom:96px}.chat .log{height:120px}:root.extra-bar .chat{bottom:160px}}@container ui (width<=840px){.menubar{top:auto;bottom:120px}:root.extra-bar .menubar{bottom:164px}.chat .log{height:90px}.minimap canvas{width:110px;height:110px}.status-frame{width:200px}}.reconnect{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi), var(--glass-shadow);color:#dcebff;pointer-events:none;background:linear-gradient(#325aaa8c,#101e40b3);border:1px solid #96c8ff73;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;animation:1.2s infinite pulse;position:absolute;top:64px;left:50%;transform:translate(-50%)}.auth-layout{z-index:1;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:22px;width:100%;max-width:1080px;display:flex;position:relative}.auth-layout .auth-panel{flex:0 0 360px;position:sticky;top:24px}.news{flex-direction:column;flex:460px;gap:10px;max-width:640px;padding:14px;display:flex}.news h2{font-family:var(--title);color:var(--gold);margin:4px 0 0;font-size:20px}.gallery{border-radius:var(--radius-sm);border:1px solid var(--border);background:#07080c;margin:0;position:relative;overflow:hidden}.gallery img{aspect-ratio:16/10;object-fit:cover;width:100%;image-rendering:pixelated;display:block}.gallery figcaption{background:linear-gradient(#0000,#000000d9);padding:22px 12px 26px;font-size:13px;position:absolute;bottom:0;left:0;right:0}.gallery .dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:0;right:0}.gallery .dots button{background:#fff6;border:0;border-radius:50%;width:8px;height:8px;padding:0}.gallery .dots button.on{background:var(--gold)}.releases{flex-direction:column;gap:6px;max-height:42vh;padding-right:4px;display:flex;overflow-y:auto}.release{background:var(--well);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px}.release>summary{cursor:pointer;align-items:baseline;gap:8px;list-style:none;display:flex}.release>summary::-webkit-details-marker{display:none}.release .ver{font:700 11px var(--font);color:#1a1206;background:var(--gold);text-shadow:none;border-radius:999px;padding:1px 8px}.release summary small{color:var(--muted);margin-left:auto}.release .soon{color:#9ad8ff;border:1px solid #78beff73;border-radius:999px;margin-left:auto;padding:0 8px;font-size:11px;font-style:normal;font-weight:700}.release .headline{color:var(--text);margin:6px 0 4px;font-size:13px;font-style:italic}.release ul{color:#dde1ec;margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.5}.decisions{margin-top:6px}.decisions summary{cursor:pointer;color:var(--muted);font-size:12px}.decisions ul{color:var(--muted)}@container ui (width<=860px){.auth-layout .auth-panel{flex-basis:100%;position:static}}.essence{color:#ffe8a0;text-shadow:0 0 6px #ffc85a73;align-items:baseline;gap:5px;font-size:14px;font-weight:700;display:flex}.essence b{color:#ffd86a}.essence small{color:var(--muted);font-size:11px;font-weight:500}.essence.ready{animation:1.4s infinite pulse}.xpbar i{background:linear-gradient(90deg,#a8742a,#ffd86a)}.xpbar.ready{box-shadow:0 0 10px #ffd86acc}.death .lost-ess{color:#ffe8a0}.death .lost-items{color:#ff8a7a}.shrine-win .ascend{border-radius:var(--radius-sm);background:var(--well);align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.shrine-win .ascend>div{flex:1}.shrine-win h4{font-family:var(--title);color:var(--gold);margin:12px 0 6px;font-size:14px}.shrine-win .consecrate{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.shrine-win .consecrate input{width:120px}.shrine-win .rested{color:#a8f08a;margin:0 0 10px;font-size:13px}.world-map .fog{border-radius:var(--radius-sm);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.world-map .shrine-pin{background:var(--gold);border:1px solid #2a2010;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;transform:rotate(45deg)}.sprite-preview.hd{image-rendering:auto}.gallery-dev{height:100vh;padding:18px;overflow:auto}.gallery-dev h1{font-family:var(--title);color:var(--gold);margin:0 0 12px}.gallery-dev .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.gallery-dev figure{background:var(--well);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;margin:0;padding:6px;font-size:12px}.gallery-dev figure canvas{margin:0 auto}.steps{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px;display:flex}.steps button{background:var(--well);border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:7px 14px;font-size:13px;font-weight:600}.steps button.on{background:var(--sel);color:var(--gold);border-color:var(--border-hi)}.create-layout{grid-template-columns:300px 1fr 340px}.create-pick{flex-direction:column;gap:10px;display:flex}.pick-grid{grid-template-columns:1fr;gap:6px;display:grid}.pick{text-align:left;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);border-radius:var(--radius-sm);box-shadow:var(--glass-hi);align-items:center;gap:8px;padding:3px 10px 3px 4px;display:flex}.pick:hover{border-color:var(--border-hi)}.pick.on{border-color:var(--border-hi);background:linear-gradient(var(--sel), var(--sel)), var(--glass);box-shadow:var(--glass-hi), 0 0 18px #e8c98a2e}.pick span{flex-direction:column;display:flex}.pick small{color:var(--muted);font-size:11px}.pick img{border-radius:var(--radius-sm);margin:4px}.sex-pick{align-self:center}.look-grid.left{align-items:stretch}.look-grid.left .look-row>span{width:90px}.name-field{margin-top:8px}.name-field .name-input{width:100%}.talent-title{margin-top:14px!important}.skill-list li.later{opacity:.72}@container ui (width<=1100px){.create-layout{grid-template-columns:1fr}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.discipline{margin-bottom:12px}.discipline header{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.discipline header strong{font-family:var(--title);color:var(--gold)}.discipline .mastery-lvl{color:var(--muted);margin-left:auto;font-size:12px}.talent-badge{color:#1a1206;background:var(--gold);text-shadow:none;border-radius:999px;padding:0 7px;font-size:10px;font-style:normal;font-weight:700}.mastery-bar{background:var(--well);border-radius:999px;height:5px;margin-bottom:6px;overflow:hidden}.mastery-bar i{background:linear-gradient(90deg,#5a8ad8,#9ad8ff);height:100%;display:block}.gallery-dev .big-row{background:radial-gradient(circle,#3a3020,#14100c);border-radius:10px;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:8px;display:flex}.gallery-dev figure{cursor:pointer}.chars-page section{margin-bottom:12px;padding:12px 14px}.chars-page h2{font-family:var(--title);color:var(--gold);margin:0 0 8px;font-size:18px}.chars-page .char-row{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.chars-page .char-fig{cursor:default;background:#5a7a44;padding:2px 2px 4px}.chars-page .char-fig figcaption{color:#f0ead8;font-size:11px}.pilot-intro{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.pilot-intro p{max-width:760px;line-height:1.5}.pilot-intro img{object-fit:cover;border-radius:8px}.pilot-controls{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0;display:flex}.pilot-controls label{color:#e0d9c8;flex-direction:column;gap:5px;font-size:13px;display:flex}.pilot-controls select{color:#f5eee3;background:#202b32;border:1px solid #65716a;border-radius:5px;padding:7px}.pilot-controls input[type=color]{cursor:pointer;width:52px;height:34px;padding:2px}.pilot-controls button{color:#f5eee3;cursor:pointer;background:#314443;border:1px solid #83917c;border-radius:5px;padding:8px 12px}.pilot-review a{color:#e7c77e}.pilot-pairs{flex-wrap:wrap;gap:24px;display:flex}.pilot-pairs article{max-width:100%;overflow-x:auto}.pilot-pairs h3{font-size:15px}.pilot-comparison{width:max-content}.pilot-labels{text-align:center;grid-template-columns:1fr 1fr;padding:8px 0;font-size:12px;display:grid}.pilot-comparison canvas{image-rendering:pixelated;display:block}.pilot-pairs details{margin:12px 0}.trio-scroll{max-width:100%;margin:12px 0;overflow-x:auto}.trio-scroll canvas{max-width:none;image-rendering:pixelated;flex-shrink:0;display:block}.race-review-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.race-review-card{color:#f4dfb4;cursor:pointer;background:#293c48;border:1px solid #5a6f78;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex}.race-review-card:hover{background:#314b52;border-color:#efcd82}.race-review-card canvas{width:160px;height:160px;image-rendering:pixelated;background:#3b5849;display:block}.race-review-card small{color:#bdcdd6}.race-review-card code{color:#a9c3d2;font-size:12px}.race-review-detail{background:#26353b;border:1px solid #bba473;margin-top:20px;padding:16px}.styles-page .style-row{margin-bottom:12px;padding:12px 14px}.styles-page h2{font-family:var(--title);color:var(--gold);margin:0;font-size:20px}.styles-page header p{margin:4px 0;font-size:13px}.styles-page .refs a{color:#9ad8ff}.styles-page .style-models{flex-wrap:wrap;align-items:flex-end;gap:18px;margin-top:6px;display:flex}.styles-page .real,.styles-page .big{background:#5f9e3c;border-radius:8px;align-items:flex-end;gap:2px;padding:4px;display:flex}.styles-page canvas.px{image-rendering:pixelated}.hunter-rank{letter-spacing:.3px;font-size:11px;font-weight:700}.invite-btn{align-self:flex-start}.ch-toggle.party,.chat .ch-party{color:#8af0c8}.chat .ch-party em{color:#5ad8a0;font-style:normal}.party-frame{flex-direction:column;gap:5px;width:236px;padding:6px 8px;font-size:12px;display:flex;position:absolute;top:136px;left:14px}.party-frame header{align-items:center;gap:6px;display:flex}.party-frame header strong{color:var(--gold);font-family:var(--title)}.party-frame header select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:1px 4px;font-size:11px}.party-frame .member{border-radius:var(--radius-sm);background:var(--well);cursor:pointer;flex-direction:column;gap:2px;padding:4px 6px;display:flex}.party-frame .member:hover{background:#ffffff12}.party-frame .member.off{opacity:.5}.party-frame .line{align-items:center;gap:5px;display:flex}.party-frame .line small{color:var(--muted);margin-left:auto;font-size:10.5px}.party-frame .role{text-align:center;width:16px}.party-frame .role.tank{color:#7ab0ff}.party-frame .role.healer{color:#7adf6a}.party-frame .role.dps{color:#ff8a6a}.party-frame .kick{color:var(--muted);background:0 0;border:0;padding:0 2px;font-size:15px;line-height:1}.party-frame .kick:hover{color:#ff6a5a}.party-frame .far{color:#9ad8ff;font-size:10px}.mini{background:#00000073;border-radius:999px;height:4px;display:block;overflow:hidden}.mini u{height:100%;display:block}.mini.hp u{background:linear-gradient(90deg,#a82a22,#e04a3a)}.mini.mp u{background:linear-gradient(90deg,#2a4aa8,#4a8af0)}.invite{z-index:5;flex-direction:column;gap:8px;padding:10px 14px;display:flex;position:absolute;top:130px;left:50%;transform:translate(-50%)}.invite p{margin:0}.invite .row{align-items:center;gap:8px;display:flex}.grade-badge{--gc:#9ab0c8;width:30px;height:30px;font-family:var(--title);color:#fff;text-shadow:0 1px 3px #0009;background:radial-gradient(circle at 35% 30%, #ffffff8c, color-mix(in srgb, var(--gc) 72%, transparent) 45%, color-mix(in srgb, var(--gc) 38%, transparent));border:1px solid color-mix(in srgb, var(--gc) 70%, white);box-shadow:0 0 14px color-mix(in srgb, var(--gc) 65%, transparent), inset 0 -3px 6px #00000040;border-radius:50%;flex:none;place-items:center;font-size:16px;font-weight:800;display:inline-grid}.portal-win{flex-direction:column;gap:10px;display:flex}.portal-head{align-items:center;gap:12px;display:flex}.portal-head .grade-badge{width:46px;height:46px;font-size:24px}.portal-head strong{font-family:var(--title);color:var(--gold);font-size:17px}.portal-head p{margin:2px 0 0}.portal-win .reqs{flex-direction:column;gap:3px;margin:0;padding-left:18px;font-size:13px;display:flex}.portal-win .issues{border-radius:var(--radius-sm);color:#ffb0a0;background:#c8322824;border:1px solid #ff786459;flex-direction:column;gap:3px;margin:0;padding:8px 12px;font-size:12.5px;list-style:none;display:flex}.portal-win .ok{color:#a8f08a;margin:0;font-weight:600}.portal-win .row{gap:8px;display:flex}.portal-win p{margin:0}.dungeon-tracker{width:250px;padding:8px 10px;font-size:12px;position:absolute;top:250px;right:14px}.dungeon-tracker header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.dungeon-tracker header div{flex-direction:column;min-width:0;display:flex}.dungeon-tracker header strong{color:var(--gold);font-family:var(--title);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.dungeon-tracker header small{color:var(--muted);font-size:10.5px}.dungeon-tracker header em{font-variant-numeric:tabular-nums;margin-left:auto;font-style:normal;font-weight:700}.dungeon-tracker header em.late{color:#ff6a5a;animation:1.4s infinite pulse}.dungeon-tracker ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.dungeon-tracker li:before{content:"◇ ";color:var(--muted)}.dungeon-tracker li.done{color:#a8f08a}.dungeon-tracker li.done:before{content:"◆ ";color:#a8f08a}.world-map.dungeon canvas{image-rendering:pixelated}.settings{flex-direction:column;gap:12px;display:flex}.settings .field{margin:0}.settings input[type=range]{width:100%;accent-color:var(--gold);box-shadow:none;background:0 0;border:0;padding:0}.settings .range-ends,.settings .range-head{justify-content:space-between;display:flex}.settings .range-head b{color:var(--gold);font-variant-numeric:tabular-nums}.settings .check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.settings .check input{accent-color:var(--gold);width:16px;height:16px;box-shadow:none;padding:0}.settings .btn{align-self:flex-start}.lang-select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:3px 8px;font-size:12px}.auth-panel .lang-select{position:absolute;top:14px;right:14px}.settings .lang-select{border-radius:var(--radius-sm);padding:5px 8px;font-size:13px}.hotbar.extra{padding:5px 7px}.dlg-row{align-items:flex-start;gap:10px;display:flex}.dlg-row>.shop-list{flex:1;min-width:0}.portrait{border-radius:var(--radius-sm);background:var(--well);image-rendering:auto;flex:none;box-shadow:inset 0 0 0 1px #ffffff1f}