.assets-open{margin-left:auto;border-color:var(--gold)!important;color:var(--gold)!important}.prefab-palette{margin-top:.4rem}.prefab-search{width:100%;font:inherit;color:var(--text);background:var(--input-bg);border:2px solid var(--line);margin-bottom:.3rem;padding:.2rem .4rem;font-size:.8rem}.prefab-cats,.ae-cats,.ae-mat-groups{flex-wrap:wrap;gap:3px;margin-bottom:.35rem;display:flex}.prefab-cats button,.ae-cats button,.ae-mat-groups button{font:inherit;color:var(--muted);background:var(--shade);border:1px solid var(--line);cursor:pointer;padding:1px 6px;font-size:.72rem}.prefab-cats button.on,.ae-cats button.on,.ae-mat-groups button.on{color:var(--text);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent)}.ae-cats i{color:var(--muted);font-size:.65rem;font-style:normal}.prefab-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));grid-auto-rows:max-content;gap:4px;max-height:260px;padding-right:2px;display:grid;overflow-y:auto}.prefab-tile,.ae-item{font:inherit;color:var(--text);background:radial-gradient(circle at 50% 38%, var(--stage-a) 0%, var(--stage-b) 75%);cursor:pointer;text-align:center;border:2px solid #0000;flex-direction:column;align-items:center;gap:1px;padding:3px 2px 4px;font-size:.66rem;line-height:1.1;display:flex;position:relative;overflow:hidden}.prefab-tile:hover,.ae-item:hover{border-color:var(--line)}.prefab-tile.on,.ae-item.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--shadow) inset}.prefab-tile img,.prefab-wait{width:60px;height:60px}.prefab-tile span,.ae-item-name{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;min-height:2.2em;display:-webkit-box;overflow:hidden}.prefab-wait,.ae-thumb-wait{background:radial-gradient(circle, color-mix(in srgb, var(--text) 10%, transparent) 0%, transparent 65%);border-radius:50%;animation:1.2s ease-in-out infinite ae-pulse;display:block}@keyframes ae-pulse{50%{opacity:.35}}.asset-editor{z-index:80;background:var(--bg);-webkit-user-select:none;user-select:none;grid-template-rows:auto minmax(0,1fr);grid-template-columns:250px minmax(0,1fr) 340px;font-size:.85rem;display:grid;position:fixed;inset:0}.asset-editor input,.asset-editor select{font:inherit;color:var(--text);background:var(--input-bg);border:2px solid var(--line);padding:.15rem .3rem;font-size:.8rem}.asset-editor input:focus,.asset-editor select:focus{border-color:var(--gold);outline:none}.asset-editor h4{color:var(--gold);margin:.6rem 0 .3rem;font-size:.82rem;font-weight:400}.asset-editor kbd{margin-left:2px;padding:0 3px;font-size:.65rem}.ae-top{background:var(--panel-2);border-bottom:3px solid var(--line);grid-column:1/-1;align-items:center;gap:.5rem;padding:.35rem .6rem;display:flex}.ae-title{color:var(--gold);white-space:nowrap;font-size:1rem}.ae-name{width:14rem;font-size:.95rem!important}.ae-state{color:var(--accent-2);white-space:nowrap;font-size:.72rem}.ae-state.dirty{color:var(--warn)}.ae-actions{flex-wrap:wrap;gap:.3rem;margin-left:auto;display:flex}.ae-top .x{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 .3rem;font-size:1.1rem}.ae-top .x:hover{color:var(--text)}.ae-danger{border-color:var(--error)!important}.ae-danger:hover{border-color:var(--accent)!important}.ae-lib,.ae-side{background:var(--panel);flex-direction:column;min-height:0;display:flex}.ae-lib{border-right:3px solid var(--line);gap:.3rem;padding:.5rem}.ae-search{width:100%}.ae-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-auto-rows:max-content;align-content:start;gap:4px;padding-right:2px;display:grid;overflow-y:auto}.ae-item img,.ae-thumb-wait{width:84px;height:84px}.ae-item-name{font-size:.68rem}.ae-insert{width:20px;height:20px;line-height:16px;font:inherit;color:var(--hud-text);background:var(--hud-bg);border:1px solid var(--line);cursor:pointer;opacity:0;font-size:.9rem;transition:opacity .1s;position:absolute;top:2px;right:2px}.ae-item:hover .ae-insert{opacity:1}.ae-insert:hover{border-color:var(--gold);color:var(--gold)}.ae-view{min-width:0;min-height:0;position:relative;overflow:hidden}.ae-canvas{position:absolute;inset:0}.ae-canvas canvas{outline:none;display:block}.ae-shapes{background:var(--hud-bg);border:2px solid var(--line);gap:2px;max-width:calc(100% - 12px);padding:3px;display:flex;position:absolute;top:6px;left:50%;overflow-x:auto;transform:translate(-50%)}.ae-shape{min-width:48px;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:1px;padding:3px 3px 2px;font-size:.6rem;display:flex}.ae-shape:hover{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, transparent)}.ae-tools{background:var(--hud-bg);border:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:30px;left:6px;right:6px}.ae-seg{display:flex}.ae-seg button{font:inherit;color:var(--muted);background:var(--shade);border:1px solid var(--line);cursor:pointer;padding:1px 7px;font-size:.75rem}.ae-seg button+button{border-left:none}.ae-seg button.on{color:var(--bg);background:var(--gold);border-color:var(--gold)}.ae-seg button.on kbd{color:var(--text)}.ae-snap{color:var(--muted);align-items:center;gap:4px;font-size:.72rem;display:flex}.ae-views{gap:2px;margin-left:auto;display:flex}.ae-stats{color:var(--hud-muted);background:var(--hud-bg);padding:1px 7px;font-size:.72rem;position:absolute;bottom:5px;left:6px}.ae-stats b{color:var(--text);font-weight:400}.ae-empty{text-align:center;max-width:26rem;color:var(--hud-text);background:var(--hud-bg);border:2px solid var(--line);pointer-events:none;padding:.8rem 1rem;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.ae-empty p{margin:.2rem 0}.ae-toast{background:var(--panel);border:2px solid var(--accent-2);pointer-events:none;max-width:80%;padding:.35rem .8rem;animation:.15s ease-out ae-in;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.ae-toast.bad{background:var(--panel);border-color:var(--error)}@keyframes ae-in{0%{opacity:0;transform:translate(-50%,6px)}}.ae-side{border-left:3px solid var(--line)}.ae-tabs{padding:.4rem .4rem 0}.ae-tabs button{white-space:nowrap;padding:.2rem .1rem;font-size:.72rem}.ae-panel{flex:1;padding:.5rem .6rem 1rem;overflow-y:auto}.ae-form{flex-direction:column;gap:.35rem;display:flex}.ae-part-head{align-items:center;gap:.5rem;display:flex}.ae-part-head select{margin-left:auto}.ae-vec{grid-template-columns:4.6rem repeat(3,1fr);align-items:center;gap:3px;display:grid}.ae-vec-label{color:var(--muted);font-size:.72rem}.ae-axis{align-items:center;min-width:0;display:flex}.ae-axis b{text-align:center;cursor:ew-resize;white-space:nowrap;border-radius:2px;flex:none;width:14px;font-size:.72rem}.ae-axis b.ax0{color:var(--error)}.ae-axis b.ax1{color:var(--ok)}.ae-axis b.ax2{color:var(--info)}.ae-axis input{width:100%;min-width:0;padding:.1rem .2rem!important;font-size:.75rem!important}.ae-params{grid-template-columns:1fr 1fr;gap:4px 8px;display:grid}.ae-params label,.ae-group{color:var(--muted);flex-direction:column;gap:1px;font-size:.72rem;display:flex}.ae-params input{width:100%}.ae-mats{flex-direction:column;display:flex}.ae-mat-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-auto-rows:max-content;gap:3px;display:grid}.ae-mat{font:inherit;color:var(--text);background:var(--shade);cursor:pointer;text-align:center;border:2px solid #0000;flex-direction:column;align-items:center;gap:1px;padding:2px;font-size:.58rem;line-height:1.05;display:flex}.ae-mat img{border:1px solid #0008;width:40px;height:40px}.ae-mat.on{border-color:var(--gold)}.ae-mat:hover{border-color:var(--line)}.ae-colors{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.ae-colors input[type=color]{cursor:pointer;width:34px;height:24px;padding:0!important}.ae-swatch{cursor:pointer;border:2px solid #0008;width:18px;height:18px;padding:0}.ae-swatch.on{border-color:var(--gold);box-shadow:0 0 0 1px #000}.ae-hint p{margin:.2rem 0 .4rem}.ae-list{flex-direction:column;gap:1px;display:flex}.ae-row{cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:1px 4px;font-size:.72rem;display:flex;overflow:hidden}.ae-row img{border:1px solid #0008;width:14px;height:14px}.ae-row:hover{border-color:var(--line)}.ae-row.on{background:color-mix(in srgb, var(--gold) 15%, transparent);border-color:var(--gold)}.ae-grp{border-left:2px solid var(--line);margin:2px 0;padding-left:4px}.ae-grp .ae-row{padding-left:10px}.ae-grp-head{cursor:pointer;color:var(--gold);border:1px solid #0000;align-items:center;gap:4px;padding:1px 2px;font-size:.78rem;display:flex}.ae-grp-head.on{background:color-mix(in srgb, var(--gold) 15%, transparent);border-color:var(--gold)}.ae-grp-name{text-overflow:ellipsis;flex:1;overflow:hidden}.ae-fold{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 2px}.ae-dot{border:1px solid #0008;border-radius:50%;flex:none;width:9px;height:9px;margin-left:auto}.ae-foot{justify-content:start;gap:1px;margin:.3rem 0;display:grid}.ae-check{cursor:pointer;align-items:flex-start;gap:.4rem;display:flex}.ae-check input{flex:none;margin:.1em 0 0}.ae-cell{cursor:crosshair;border:1px solid #0006;padding:0}.ae-cell.solid{background:#d0504a}.ae-cell.free{background:#5aa85a}.ae-cell:hover{outline:2px solid var(--gold);outline-offset:-2px}.ae-lights{flex-wrap:wrap;gap:3px;display:flex}.ae-light{font:inherit;color:var(--text);background:var(--shade);border:1px solid var(--line);cursor:pointer;align-items:center;gap:4px;padding:1px 6px;font-size:.72rem;display:flex}.ae-light i{border-radius:50%;width:10px;height:10px}.ae-light.on{border-color:var(--gold)}.ae-help{z-index:2;background:#0008;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ae-help-box{background:var(--panel);border:3px solid var(--line);max-width:34rem;padding:.8rem 1rem}.ae-help-box h3{color:var(--gold);margin:0 0 .5rem}.ae-help-box td{vertical-align:top;padding:2px 8px 2px 0;font-size:.8rem}@media (max-width:1100px){.asset-editor{grid-template-columns:190px minmax(0,1fr) 290px}.ae-shape span{display:none}.ae-shape{min-width:30px}}:root,[data-frame-preview]{--r-win:12px;--r-box:10px;--r-slot:8px;--r-btn:7px;--r-bar:999px;--bw-win:2px;--bw-box:2px;--font-title:"GamePixel", monospace;--title-size:1.05rem;--title-spacing:0;--gauge-h:14px;--win-fill:linear-gradient(180deg, var(--panel-2), var(--panel) 70px);--box-fill:var(--hud-bg);--win-edge:0 0 0 1px var(--shadow-ring), 0 12px 32px var(--shadow);--box-edge:0 3px 10px var(--shadow-ring);--slot-edge:inset 0 1px 0 var(--frame-hi), inset 0 -2px 4px var(--frame-lo);--gloss:linear-gradient(180deg, #ffffff57, #ffffff0f 50%, transparent 51%)}.buff-bar{pointer-events:auto;flex-wrap:wrap;align-items:flex-start;gap:4px;max-width:280px;display:flex}.buff-icon{background:var(--box-fill);border:1px solid var(--hud-line);border-radius:var(--r-slot);width:34px;box-shadow:var(--slot-edge);cursor:help;flex-direction:column;align-items:center;padding:3px 0 1px;display:flex;position:relative}.buff-icon.event{border-color:var(--hud-gold)}.buff-icon small{color:var(--hud-text);text-shadow:var(--hud-outline);font-variant-numeric:tabular-nums;font-size:9px;line-height:11px}.buff-icon.ending{animation:.8s ease-in-out infinite alternate buff-ending}.buff-icon.empty{border-style:dashed;height:38px}button.buff-icon.trail{font:inherit;color:inherit;cursor:pointer}.buff-icon.trail{border-color:color-mix(in srgb, var(--hud-gold) 60%, var(--hud-line))}.buff-icon.trail .skill-icon{border-radius:4px}.buff-icon.trail.none .skill-icon{filter:grayscale(.7)brightness(.75)}.buff-icon.trail:hover{border-color:var(--hud-gold)}.buff-svg{filter:drop-shadow(0 1px #0000004d);display:block}@keyframes buff-ending{to{opacity:.45}}@media (prefers-reduced-motion:reduce){.buff-icon.ending{opacity:.7;animation:none}}.target-hp.unknown i{opacity:.35}.target-frame .tf-head{align-items:center;gap:6px;display:flex}.placeholder{opacity:.75}.castbar.placeholder{display:block}.bars{flex-direction:row;align-items:flex-end;gap:10px;display:flex}.bar-stack{flex-direction:column;align-items:center;gap:4px;display:flex}.action-bar{--slot:46px;--cols:10;align-items:center}.action-bar[data-size=s]{--slot:38px}.action-bar[data-size=l]{--slot:56px}.action-bar[data-cols="5"]{--cols:5}.action-bar[data-cols="2"]{--cols:2}.action-bar[data-cols="1"]{--cols:1}.bar-slots{grid-template-columns:repeat(var(--cols), var(--slot));gap:3px;display:grid}.action-bar .slot{width:var(--slot);height:var(--slot)}.action-bar .slot img,.action-bar .slot .skill-icon{width:calc(var(--slot) - 10px)!important;height:calc(var(--slot) - 10px)!important}.action-bar[data-size=s] .slot .lv{display:none}.bars .action-bar.side{--w:calc(var(--slot) * var(--cols) + 3px * (var(--cols) - 1) + 12px);position:absolute;bottom:0}.bars .action-bar.side-2{left:calc(50% + 50vw - var(--w) - .5rem)}.bars .action-bar.side-3{left:calc(50% + 50vw - var(--w) - .5rem - 66px)}.orb{pointer-events:auto;cursor:default;flex:none;width:104px;height:104px;position:relative}.orb-well{box-shadow:inset 0 0 0 3px var(--frame-lo), inset 0 6px 16px #000000b3, 0 0 0 3px var(--hud-line), 0 0 0 5px var(--frame-lo), 0 6px 16px var(--shadow);background:radial-gradient(circle at 50% 40%,#2a2030,#0c0910 70%);border-radius:50%;position:absolute;inset:0;overflow:hidden}.orb-fill{transition:height .2s ease-out;position:absolute;bottom:0;left:0;right:0}.orb.hp .orb-fill{background:radial-gradient(ellipse at 40% 0%, var(--orb-hp-a), var(--orb-hp-b) 75%);box-shadow:inset 0 3px #ffffff47}.orb.sp .orb-fill{background:radial-gradient(ellipse at 40% 0%, var(--orb-sp-a), var(--orb-sp-b) 75%);box-shadow:inset 0 3px #ffffff47}.orb.low .orb-well{animation:1s ease-in-out infinite alternate orb-low}.orb-glass{pointer-events:none;background:radial-gradient(55% 35% at 38% 22%,#ffffff8c,#fff0 70%),radial-gradient(circle at 50% 110%,#ffffff1f,#0000 50%);border-radius:50%;position:absolute;inset:0}.orb-num{color:var(--on-bar);text-shadow:0 1px 1px var(--edge), 0 0 3px var(--edge), 0 0 6px var(--edge);font-variant-numeric:tabular-nums;pointer-events:none;flex-direction:column;align-items:center;line-height:1.05;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.orb-num b{font-size:15px}.orb-num small{opacity:.85;font-size:10px}@keyframes orb-low{to{box-shadow:inset 0 0 0 3px var(--frame-lo), inset 0 6px 16px #000000b3, 0 0 0 3px var(--fill-hp-low-a), 0 0 0 5px var(--frame-lo), 0 0 18px var(--fill-hp-low-a)}}@media (prefers-reduced-motion:reduce){.orb.low .orb-well{animation:none}}.status-box.no-gauges .stamina-row{margin-top:2px}.game.hud-editing .overlay{background-image:linear-gradient(color-mix(in srgb, var(--hud-gold) 22%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--hud-gold) 22%, transparent) 1px, transparent 1px);background-size:32px 32px}.game.hud-editing [data-hud][data-off]{opacity:.4;outline-style:dotted}.game.hud-editing [data-hud][data-off]:after{content:attr(data-hud) " · aus"}.game.hud-editing [data-hud][data-sel]{outline:2px solid var(--hud-gold);box-shadow:0 0 0 5px color-mix(in srgb, var(--hud-gold) 30%, transparent)}.hud-editor{z-index:60;width:min(380px,100% - 1rem);max-height:calc(100% - 7rem);color:var(--text);background:var(--win-fill);border:var(--bw-win) solid var(--line);border-radius:var(--r-win);box-shadow:var(--win-edge);flex-direction:column;font-size:13px;display:flex;position:absolute;top:5.5rem;left:50%;transform:translate(-50%)}.hud-editor header{color:var(--title-text);background:linear-gradient(180deg, var(--title-a), var(--title-b));border-radius:calc(var(--r-win) - 2px) calc(var(--r-win) - 2px) 0 0;cursor:move;touch-action:none;font-family:var(--font-title);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.he-fold{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;font-size:14px}.he-body{flex-direction:column;gap:8px;padding:6px 10px;display:flex;overflow:auto}.he-body section{flex-direction:column;gap:5px;display:flex}.he-body h4{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:11px}.he-hint{color:var(--muted);margin:0;font-size:11px}.he-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.he-scale{align-items:center;gap:4px;display:flex}.he-scale input{width:110px}.he-scale b{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em}.he-sel{background:var(--shade);border:1px solid var(--hud-gold);border-radius:var(--r-btn);padding:6px 8px}.he-sel h4{color:var(--gold)}.he-toggles{grid-template-columns:1fr 1fr;gap:2px 10px;display:grid}.he-toggles label{cursor:pointer;align-items:center;gap:5px;display:flex}.he-toggles label.off{color:var(--muted)}.he-bar{grid-template-columns:4.2rem 1fr;align-items:center;gap:4px 6px;display:grid}.he-bar .seg+.seg{grid-column:2}.hud-editor footer{border-top:1px solid var(--rule);justify-content:space-between;gap:8px;padding:6px 10px 8px;display:flex}.hud-editor.folded .he-body{display:none}.hud-editing .buff-icon{cursor:move}@media (max-width:720px){.hud-editor{max-height:58vh;top:auto;bottom:.5rem}}.window.menu{width:min(680px,100% - 1rem)}.menu-layout{grid-template-columns:9.5rem minmax(0,1fr);align-items:start;gap:12px;display:grid}.window.menu .menu-tabs{flex-direction:column;gap:3px;margin:0}.window.menu .menu-tabs button{text-align:left;border-radius:var(--r-btn);border-width:1px;border-color:#0000;flex:none;padding:.35rem .6rem;font-size:.85rem}.window.menu .menu-tabs button.active{border-color:var(--gold);background:var(--selected-bg);color:var(--selected-text)}.menu-page,.menu-page .menu-section{min-width:0}@media (max-width:600px){.menu-layout{grid-template-columns:minmax(0,1fr);gap:8px}.window.menu .menu-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.window.menu .menu-tabs button{text-align:center;text-overflow:ellipsis;white-space:nowrap;border-color:var(--rule);padding:.35rem .1rem;font-size:.72rem;overflow:hidden}}.tc-bars{flex-direction:column;gap:2px;margin:1px 0;display:flex}.tc-bars i{border-radius:var(--r-bar);height:5px;display:block}.tc-hp{background:linear-gradient(var(--fill-hp-a), var(--fill-hp-b));width:86%}.tc-sp{background:linear-gradient(var(--fill-sp-a), var(--fill-sp-b));width:62%}.tc-window{border-radius:var(--r-win);border-width:var(--bw-win)}.tc-window b{font-family:var(--font-title);letter-spacing:var(--title-spacing);color:var(--title-text);background:linear-gradient(180deg, var(--title-a), var(--title-b));border-radius:calc(var(--r-win) - 2px) calc(var(--r-win) - 2px) 0 0}.tc-btn{border-radius:var(--r-btn)}:root .game .window,:root .game .dialog-box{background:var(--win-fill);border:var(--bw-win) solid var(--line);border-radius:var(--r-win);box-shadow:var(--win-edge)}:root .game .window>header{background:linear-gradient(180deg, var(--title-a), var(--title-b));border-bottom:1px solid var(--line);border-radius:calc(var(--r-win) - var(--bw-win)) calc(var(--r-win) - var(--bw-win)) 0 0}:root .game .window h2{font-family:var(--font-title);font-size:var(--title-size);letter-spacing:var(--title-spacing);color:var(--title-text)}:root .game .dialog-box strong:first-child{font-family:var(--font-title);letter-spacing:var(--title-spacing)}:root .tooltip{border-radius:calc(var(--r-box) * .6)}:root .game :is(.status-box,.area,.party-frame,.action-bar,.castbar,.hud-buttons.menubar){background:var(--box-fill);border:var(--bw-box) solid var(--hud-line);border-radius:var(--r-box);box-shadow:var(--box-edge)}:root .game .area.target-frame{border-color:var(--fill-mob-a)}:root .game .area.target-frame.captive{border-color:var(--hud-muted)}:root .game .party-frame{border-color:var(--chat-party)}:root .game .minimap{border-radius:var(--r-box);border-width:var(--bw-box);overflow:hidden}:root .game .slot{border-radius:var(--r-slot);box-shadow:var(--slot-edge)}:root .game .mb-btn{border-radius:var(--r-slot)}:root .game .btn,:root .game .tabs button{border-radius:var(--r-btn)}:root .game .gauge,:root .game .exp-bar,:root .game .target-hp,:root .game .stamina,:root .game .swing-bar{border-radius:var(--r-bar)}:root .game .gauge{height:var(--gauge-h);box-shadow:inset 0 1px 2px #00000080}:root .game .gauge span{line-height:var(--gauge-h)}:root .game .gauge i,:root .game .exp-bar i,:root .game .target-hp i,:root .game .castbar i{border-radius:inherit}:root .game .target-hp{height:7px}:root[data-frame=rund] .game :is(.gauge,.exp-bar,.target-hp,.castbar) i:after,:root:not([data-frame]) .game :is(.gauge,.exp-bar,.target-hp,.castbar) i:after{content:"";border-radius:inherit;background:var(--gloss);pointer-events:none;position:absolute;inset:0}:root .game :is(.gauge,.exp-bar,.target-hp,.castbar) i{position:absolute}:root .game .target-hp{position:relative}:root .game .target-hp i{inset:0 auto 0 0}:root .game .exp-bar{height:12px;box-shadow:inset 0 1px 2px #00000080, 0 0 0 1px var(--hud-line)}:root .game .exp-bar span{line-height:12px}:root .game .exp-bar.job{height:6px}:root[data-frame=kantig],[data-frame-preview=kantig]{--r-win:0px;--r-box:0px;--r-slot:0px;--r-btn:0px;--r-bar:0px;--bw-win:3px;--bw-box:2px;--gauge-h:13px;--win-fill:var(--panel);--win-edge:0 0 0 3px var(--shadow-ring), 0 10px 30px var(--shadow);--box-edge:0 0 0 2px var(--shadow-ring);--slot-edge:inset 2px 2px 0 var(--frame-hi), inset -2px -2px 0 var(--frame-lo)}:root[data-frame=kantig] .game .window>header{background:var(--panel-2);border-bottom-width:2px}:root[data-frame=kantig] .game :is(.gauge,.exp-bar,.target-hp){border:1px solid var(--edge)}:root[data-frame=kantig] .game :is(.gauge,.exp-bar,.target-hp,.castbar) i{box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #00000040}:root[data-frame=buch],[data-frame-preview=buch]{--r-win:4px;--r-box:4px;--r-slot:5px;--r-btn:3px;--r-bar:2px;--bw-win:4px;--bw-box:3px;--font-title:"MapHand", serif;--title-size:1.3rem;--title-spacing:.02em;--gauge-h:13px;--win-fill:radial-gradient(ellipse at 30% 0%, var(--bg-glow), transparent 60%), var(--panel);--win-edge:0 1px 0 var(--frame-hi), 0 10px 28px var(--shadow);--box-edge:0 2px 8px var(--shadow-ring);--slot-edge:inset 0 0 0 1px var(--frame-hi), inset 0 -3px 6px var(--frame-lo)}:root[data-frame=buch] .game :is(.window,.dialog-box),:root[data-frame=buch] .game :is(.status-box,.area,.party-frame,.action-bar,.hud-buttons.menubar){border-style:double}:root[data-frame=buch] .game .window>header{border-bottom:1px solid var(--line);box-shadow:0 3px 0 -2px var(--line);background:0 0;margin:0 10px;padding-left:0;padding-right:0}:root[data-frame=buch] .game .window h2{font-weight:700}:root[data-frame=buch] .game .window h2:before{content:"❦ ";color:var(--line);font-family:serif;font-size:.85em}:root[data-frame=buch] .game :is(.gauge,.exp-bar,.target-hp){border:1px solid var(--line);box-shadow:none}:root[data-frame=buch] .game .tabs button.active,:root[data-frame=buch] .game .tabs button.on{font-family:var(--font-title);font-weight:700}[data-frame-preview=buch] .tc-window{border-style:double}[data-frame-preview=buch] .tc-window b{border-bottom:1px solid var(--line);background:0 0;font-weight:700}:root[data-frame=zier],[data-frame-preview=zier]{--r-win:3px;--r-box:3px;--r-slot:3px;--r-btn:2px;--r-bar:2px;--bw-win:3px;--bw-box:2px;--font-title:"MapHand", serif;--title-size:1.15rem;--title-spacing:.08em;--gauge-h:15px;--win-fill:linear-gradient(180deg, var(--panel-2), var(--panel) 90px);--win-edge:inset 0 0 0 1px var(--frame-hi), inset 0 0 0 3px var(--frame-lo), 0 0 0 2px var(--gold), 0 0 0 4px var(--frame-lo), 0 14px 34px var(--shadow);--box-edge:inset 0 0 0 1px var(--frame-hi), 0 0 0 1px var(--frame-lo), 0 0 0 2px color-mix(in srgb, var(--gold) 55%, transparent), 0 4px 12px var(--shadow);--slot-edge:inset 0 0 0 1px var(--frame-lo), inset 0 2px 0 var(--frame-hi), inset 0 -6px 10px #00000073}:root[data-frame=zier] .game :is(.window,.dialog-box){border-color:var(--frame-lo)}:root[data-frame=zier] .game .window>header{border-bottom:2px solid color-mix(in srgb, var(--gold) 60%, var(--frame-lo));justify-content:center;position:relative}:root[data-frame=zier] .game .window>header .x{position:absolute;right:8px}:root[data-frame=zier] .game .window h2{text-transform:uppercase;text-shadow:0 1px 0 var(--frame-lo), 0 0 8px color-mix(in srgb, var(--gold) 35%, transparent);font-weight:700}:root[data-frame=zier] .game .window:before,[data-frame-preview=zier] .tc-window:before{content:"";z-index:3;pointer-events:none;--rivet:radial-gradient(circle at 50% 50%, #fff6d0 0 1px, var(--gold) 1.5px 3.5px, var(--frame-lo) 4px 5px, transparent 5.5px);background:var(--rivet) 0 0 / 12px 12px no-repeat, var(--rivet) 100% 0 / 12px 12px no-repeat, var(--rivet) 0 100% / 12px 12px no-repeat, var(--rivet) 100% 100% / 12px 12px no-repeat;position:absolute;inset:-6px}[data-frame-preview=zier] .tc-window{position:relative}:root[data-frame=zier] .game :is(.gauge,.exp-bar,.target-hp){border:1px solid var(--frame-lo);box-shadow:inset 0 2px 4px #000000b3, 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent)}:root[data-frame=zier] .game :is(.gauge,.exp-bar,.target-hp,.castbar) i{box-shadow:inset 0 2px #ffffff59,inset 0 -3px 4px #00000059}:root[data-frame=zier] .game .slot:hover,:root[data-frame=zier] .game .mb-btn:hover{border-color:var(--gold);box-shadow:var(--slot-edge), 0 0 8px color-mix(in srgb, var(--gold) 45%, transparent)}:root[data-frame=zier] .game .btn{background:linear-gradient(180deg, var(--panel-2), var(--panel));box-shadow:inset 0 1px 0 var(--frame-hi), 0 2px 0 var(--frame-lo)}:root[data-frame=zier] .game .btn-accent{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 80%, white), var(--accent))}:root[data-frame=zier] .orb-well{box-shadow:inset 0 0 0 3px var(--frame-lo), inset 0 8px 18px #000000bf, 0 0 0 3px var(--gold), 0 0 0 7px var(--frame-lo), 0 0 0 8px color-mix(in srgb, var(--gold) 50%, transparent), 0 8px 18px var(--shadow)}:root[data-frame=zier] .game .bars.with-orbs .bar-stack{background:linear-gradient(180deg, var(--title-a), var(--title-b));border:2px solid var(--frame-lo);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 55%, transparent), 0 6px 16px var(--shadow);border-radius:4px;padding:6px 8px}:root[data-frame=zier] .game .bars.with-orbs .bar-stack>.action-bar:not(.side){box-shadow:none;background:0 0;border-color:#0000;padding:0}:root .game .hud-top .target-frame{left:50%;top:var(--target-top,5.5rem);text-align:center;z-index:1;min-width:16rem;position:absolute;transform:translate(-50%)}:root .game .hud-top .target-frame .tf-head{justify-content:center}:root[data-frame=zier] .game .hud-top .target-frame strong{font-family:var(--font-title);letter-spacing:.04em}:root[data-frame=schlicht],[data-frame-preview=schlicht]{--r-win:10px;--r-box:8px;--r-slot:7px;--r-btn:6px;--r-bar:999px;--bw-win:1px;--bw-box:1px;--gauge-h:11px;--title-size:.95rem;--title-spacing:.04em;--win-fill:color-mix(in srgb, var(--panel) 88%, transparent);--box-fill:color-mix(in srgb, var(--hud-bg) 72%, transparent);--win-edge:0 16px 40px var(--shadow);--box-edge:none;--slot-edge:none}:root[data-frame=schlicht] .game :is(.window,.dialog-box,.status-box,.area,.party-frame,.action-bar,.castbar,.hud-buttons.menubar,.buff-icon){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-frame=schlicht] .game :is(.window,.dialog-box),:root[data-frame=schlicht] .game :is(.status-box,.area,.action-bar,.hud-buttons.menubar){border-color:var(--rule)}:root[data-frame=schlicht] .game .window>header{border-bottom-color:var(--rule);background:0 0}:root[data-frame=schlicht] .game .window h2{color:var(--text);font-weight:400}:root[data-frame=schlicht] .game .slot{border-width:1px;border-color:var(--rule);background:color-mix(in srgb, var(--slot-b) 70%, transparent)}:root[data-frame=schlicht] .game .action-bar{padding:3px}:root[data-frame=schlicht] .game .gauge{margin-bottom:4px}:root[data-frame=schlicht] .game .exp-bar{height:4px}:root[data-frame=schlicht] .game .exp-bar span{display:none}:root[data-frame=schlicht] .game .btn{box-shadow:none;border-width:1px}:root[data-frame=schlicht] .orb-well{box-shadow:inset 0 0 0 1px var(--rule), inset 0 6px 16px #0009, 0 6px 16px var(--shadow)}[data-frame-preview=schlicht] .tc-window{border-width:1px;border-color:var(--rule);box-shadow:0 6px 14px var(--shadow)}[data-frame-preview=schlicht] .tc-window b{color:var(--text);background:0 0}.win-help{margin-top:6px;font-size:12px}.win-help summary{cursor:pointer;color:var(--muted);align-items:center;gap:4px;list-style:none;display:inline-flex}.win-help summary::-webkit-details-marker{display:none}.win-help summary:before{content:"?";border:1px solid var(--line);border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;display:inline-grid}.win-help[open] summary{color:var(--text)}.win-help p{margin:4px 0 0}.menu-row.stack{flex-direction:column;align-items:stretch;gap:4px}.game{overflow:clip}.game .window{z-index:3}@media (max-width:720px){.hud-top{gap:.4rem}.hud-top .area:not(.target-frame):not(:has(.jail-line)){display:none}.hud-top .buff-bar{max-width:76px}:root[data-frame] .game .hud-top .target-frame{top:auto;left:50%;bottom:calc(var(--bars-h,58px) + 2.2rem);z-index:2;min-width:0;max-width:calc(100% - 1rem);position:fixed;transform:translate(-50%)}.buff-icon{width:34px}.game .window:not(.bugreport):not(.worldmap):not(.character):not(.gm){width:auto;max-width:none;left:.5rem;right:calc(.5rem + 54px)}.game .window:is(.character,.worldmap,.gm){z-index:8}}.bag-picker{flex-direction:column;gap:4px;min-height:0;display:flex}.bp-head{align-items:center;gap:8px;display:flex}.bp-head .bag-search{flex:1;min-width:5rem;max-width:12rem;margin-left:auto}.bp-scroll{overscroll-behavior:contain;flex:auto;min-height:0;padding-right:4px;overflow:auto}.bag-picker .bag{grid-template-columns:repeat(8,46px)}.bag-picker .bag-seg+.bag-seg{margin-top:4px}.market-setup .bp-scroll{max-height:min(36vh,300px)}.game .window.player-trade{width:min(1010px,100% - 1rem)}.player-trade .window-body{grid-template-columns:minmax(0,1fr) min-content;align-items:start;column-gap:16px;display:grid}.player-trade .window-body>*{grid-column:1}.player-trade .window-body>.bag-picker{grid-area:1/2/span 12;align-self:stretch}.player-trade .window-body>.bag-picker+small{grid-column:2}.player-trade .bp-scroll{max-height:calc(100vh - 16rem)}@media (max-width:720px){.player-trade .window-body{display:block}.player-trade .bp-scroll{max-height:min(36vh,300px)}}.game .window.trade{width:min(980px,100% - 1rem);height:min(720px,100% - 6rem)}.window.trade .window-body{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex;overflow:hidden}.shop-cols{flex:auto;grid-template-columns:minmax(0,1fr) auto;gap:16px;min-height:0;display:grid}.shop-goods,.shop-sell{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.shop-sell .bag-picker{flex:auto}.shop-sell .card-pouch{flex:none;max-height:96px;margin:0;overflow:auto}.shop-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.shop-bar h3{margin:0}.shop-kinds small{opacity:.75}.shop-order{font:inherit;margin-left:auto;font-size:12px}.window.trade .shop-scroll.trade-list{overscroll-behavior:contain;flex:auto;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));align-content:start;gap:4px;min-height:0;max-height:none;padding-right:4px;display:grid;overflow:auto}.window.trade .trade-row{border-radius:var(--r-slot);padding:2px 4px}.window.trade .trade-row:hover{background:var(--shade)}.window.trade .trade-name{-webkit-hyphens:auto;hyphens:auto;min-width:0}.shop-foot{border-top:1px solid var(--rule);flex-wrap:wrap;flex:none;align-items:center;gap:6px 8px;padding-top:6px;font-size:13px;display:flex}.stepper{align-items:center;gap:3px;display:flex}.stepper input{text-align:center;width:3.2rem;font:inherit}.shop-buyback{border-top:1px solid var(--rule);flex:none;padding-top:4px}.shop-buyback summary{cursor:pointer;color:var(--gold);font-size:13px}.shop-buyback p{margin:4px 0}.shop-buyback .bag{grid-template-columns:repeat(auto-fill,46px);max-height:100px;overflow:auto}.shop-purse{border-top:1px solid var(--rule);flex-wrap:wrap;flex:none;align-items:baseline;gap:6px 14px;margin:0;padding-top:6px;display:flex}.shop-purse small{font-size:11px}.game .window:is(.trade,.storage,.market-setup,.player-trade,.mail){z-index:5}@media (max-width:720px){.game .window.trade{height:calc(100% - 5rem)}.shop-cols{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px}.shop-bar{flex-wrap:nowrap}.shop-bar h3{display:none}.shop-kinds{scrollbar-width:none;flex-wrap:nowrap;flex:auto;min-width:0;overflow-x:auto}.shop-kinds .btn{white-space:nowrap}.shop-order{flex:none;max-width:7.5rem}.shop-goods .shop-foot .seg{display:none}.game .window.player-trade{translate:none}.window.trade .shop-scroll.trade-list{grid-template-columns:minmax(0,1fr)}.bag-picker .bag{grid-template-columns:repeat(auto-fill,46px)}.shop-purse small{display:none}}.menu-section>a.btn{text-align:center}