.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:var(--font-display);--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=glatt] .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:6px;--r-box:5px;--r-slot:4px;--r-btn:4px;--r-bar:2px;--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=verziert],[data-frame-preview=verziert]{--r-win:3px;--r-box:3px;--r-slot:3px;--r-btn:2px;--r-bar:2px;--bw-win:3px;--bw-box:2px;--title-size:1.05rem;--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=verziert] .game :is(.window,.dialog-box){border-color:var(--frame-lo)}:root[data-frame=verziert] .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=verziert] .game .window>header .x{position:absolute;right:8px}:root[data-frame=verziert] .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=verziert] .game .window:before,[data-frame-preview=verziert] .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=verziert] .tc-window{position:relative}:root[data-frame=verziert] .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=verziert] .game :is(.gauge,.exp-bar,.target-hp,.castbar) i{box-shadow:inset 0 2px #ffffff59,inset 0 -3px 4px #00000059}:root[data-frame=verziert] .game .slot:hover,:root[data-frame=verziert] .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=verziert] .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=verziert] .game .btn-accent{background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 80%, white), var(--primary))}:root[data-frame=verziert] .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=verziert] .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=verziert] .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=verziert] .game .hud-top .target-frame strong{font-family:var(--font-title);letter-spacing:.04em}.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):not(.look-window){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}:root{--fs-xs:11px;--fs-sm:12.5px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:26px;--fs-3xl:34px;--fs-hero:48px;--t-fast:90ms;--t-med:.16s;--t-slow:.24s;--ease:cubic-bezier(.2, .8, .2, 1);--blur:18px;--ds-win:20px;--ds-box:14px;--ds-ctl:10px;--ds-bw:1px}:root[data-frame=kantig]{--ds-win:6px;--ds-box:5px;--ds-ctl:4px;--ds-bw:1.5px}:root[data-frame=verziert]{--ds-win:10px;--ds-box:8px;--ds-ctl:8px;--ds-bw:1px}.ds{font-family:var(--font-ui);font-size:var(--fs-md);color:var(--ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;font-weight:500;line-height:1.45}.ds *,.ds :before,.ds :after{box-sizing:border-box}.ds :is(button,input,select,textarea){font:inherit;color:inherit}.ds h1,.ds h2,.ds h3{margin:0;font-weight:400}.ds p{margin:0}.ds-grow{flex:1}.ds-row{align-items:center;gap:12px;display:flex}.ds-row.end{justify-content:flex-end}.ds-hint{color:var(--ink-3);font-size:var(--fs-sm)}.ds-title{font:400 var(--fs-2xl) / 1.15 var(--font-display);color:var(--title-ink);letter-spacing:.01em}.ds-title-sm{font:400 var(--fs-xl) / 1.2 var(--font-display);color:var(--title-ink)}.ds-glyph{flex:none;display:block}.ds-logo{height:auto;image-rendering:pixelated;filter:drop-shadow(0 3px 14px color-mix(in srgb, var(--gold) 40%, transparent)) drop-shadow(0 2px 2px #0009);display:block}.ds-glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.25);backdrop-filter:blur(var(--blur)) saturate(1.25);border:var(--ds-bw) solid var(--hair);border-radius:var(--ds-win);box-shadow:inset 0 1px 0 #ffffff12, var(--lift);color:var(--ink)}.ds-glass.box{border-radius:var(--ds-box)}:root[data-glass=off] .ds-glass{background:var(--solid);-webkit-backdrop-filter:none;backdrop-filter:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ds-glass{background:var(--solid)}}:root[data-frame=verziert] .ds-glass{border-color:color-mix(in srgb, var(--gold) 55%, transparent);box-shadow:inset 0 0 0 3px var(--glass), inset 0 0 0 4px color-mix(in srgb, var(--gold) 28%, transparent), var(--lift)}:root[data-frame=verziert] .ds-glass.win:before,:root[data-frame=verziert] .ds-glass.win:after{content:"";border:2px solid var(--gold);opacity:.85;pointer-events:none;width:18px;height:18px;position:absolute}:root[data-frame=verziert] .ds-glass.win:before{border-bottom:0;border-right:0;border-top-left-radius:6px;top:-3px;left:-3px}:root[data-frame=verziert] .ds-glass.win:after{border-top:0;border-left:0;border-bottom-right-radius:6px;bottom:-3px;right:-3px}:root[data-frame=kantig] .ds-glass{box-shadow:var(--lift)}.ds-win-head{align-items:center;gap:12px;padding:14px 18px 12px;display:flex;position:relative}.ds-win-head:after{content:"";background:linear-gradient(90deg, transparent, var(--hair), transparent);height:1px;position:absolute;bottom:0;left:16px;right:16px}.ds-win-title{font:400 var(--fs-xl) / 1.15 var(--font-display);color:var(--title-ink);letter-spacing:.02em}.ds-win-sub{color:var(--ink-2);font-size:var(--fs-sm);font-weight:700}.ds-win-body{padding:16px 18px}:root[data-frame=verziert] .ds-win-head{justify-content:center}:root[data-frame=verziert] .ds-win-title{text-transform:uppercase;letter-spacing:.12em;font-size:var(--fs-lg);color:var(--gold)}.ds-btn{border-radius:var(--ds-ctl);height:40px;font-weight:700;font-size:var(--fs-md);letter-spacing:.01em;cursor:pointer;white-space:nowrap;background:var(--glass-2);border:1px solid var(--hair);color:var(--ink);transition:transform var(--t-fast) var(--ease), background var(--t-med) var(--ease), box-shadow var(--t-med) var(--ease), border-color var(--t-med) var(--ease), filter var(--t-med) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.ds-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 55%, var(--hair));background:color-mix(in srgb, var(--primary) 10%, var(--glass-2))}.ds-btn:active:not(:disabled){transform:translateY(1px)}.ds-btn.primary{background:linear-gradient(180deg, var(--primary-hi), var(--primary));color:var(--on-primary);box-shadow:0 6px 20px color-mix(in srgb, var(--primary) 35%, transparent), inset 0 1px 0 #ffffff73;border-color:#0000}.ds-btn.primary:hover:not(:disabled){background:linear-gradient(180deg, var(--primary-hi), var(--primary));filter:brightness(1.06);box-shadow:0 8px 26px color-mix(in srgb, var(--primary) 50%, transparent), inset 0 1px 0 #ffffff80}.ds-btn.big{height:52px;font-size:var(--fs-lg);border-radius:calc(var(--ds-ctl) + 4px);padding:0 30px}.ds-btn.quiet{color:var(--ink-2);background:0 0;border-color:#0000}.ds-btn.quiet:hover:not(:disabled){color:var(--ink);background:var(--glass-2)}.ds-btn.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:0 0}.ds-btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 14%, transparent);border-color:var(--danger)}.ds-btn.sm{height:32px;font-size:var(--fs-sm);padding:0 12px}.ds-btn.square{width:44px;padding:0}.ds-btn.glass,.ds-icon-btn.glass,.ds-seg.glass{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--hair-2)}.ds-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(.4)}.ds-btn.steam{color:#e8edf3;background:#171a21cc;border-color:#3d4450}.ds-icon-btn{width:36px;height:36px;color:var(--ink-2);cursor:pointer;transition:background var(--t-med) var(--ease), color var(--t-med) var(--ease);background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;font-size:18px;line-height:1;display:inline-grid}.ds-icon-btn:hover{background:var(--glass-2);color:var(--ink);border-color:var(--hair-2)}.ds-link{color:var(--ink-2);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:none}.ds-link:hover{color:var(--ink);text-decoration:underline}.ds-link.center{align-self:center}.ds :focus-visible{outline:2px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb, var(--focus) 22%, transparent)}:root[data-input=pad] .ds :focus-visible,:root[data-input=pad] .ds :focus{outline:2px solid var(--focus);outline-offset:3px;animation:ds-pulse 1.6s var(--ease) infinite}@keyframes ds-pulse{50%{box-shadow:0 0 0 9px color-mix(in srgb, var(--focus) 12%, transparent)}}.ds-field{gap:6px;display:grid}.ds-label{font-size:var(--fs-sm);color:var(--ink-2);font-weight:700}.ds-input{border-radius:var(--ds-ctl);background:color-mix(in srgb, var(--bg) 55%, transparent);border:1px solid var(--hair);width:100%;height:46px;color:var(--ink);font-size:var(--fs-lg);transition:border-color var(--t-med) var(--ease), box-shadow var(--t-med) var(--ease);outline:none;padding:0 14px}.ds-input.big{height:54px;font-size:var(--fs-xl)}.ds-input::placeholder{color:var(--ink-3)}.ds-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 22%, transparent)}.ds-input:focus-visible{outline:none}.ds-with-glyph{display:block;position:relative}.ds-with-glyph>.ds-glyph{color:var(--ink-3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ds-with-glyph>.ds-input{padding-left:42px}.ds-with-glyph>.ds-input:has(+.ds-field-btn){padding-right:46px}.ds-field-btn{border-radius:var(--ds-ctl);width:36px;height:36px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.ds-field-btn:hover{color:var(--ink)}.ds-check{color:var(--ink-2);font-weight:700;font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:8px;display:inline-flex;position:relative}.ds-check input,.ds-switch input{opacity:0;width:1px;height:1px;position:absolute}.ds-check i{border:1.5px solid var(--hair);background:color-mix(in srgb, var(--bg) 40%, transparent);border-radius:5px;flex:none;place-items:center;width:18px;height:18px;display:inline-grid}.ds-check input:checked+i{background:var(--primary);border-color:var(--primary)}.ds-check input:checked+i:after{content:"";border:2.5px solid var(--on-primary);border-top:0;border-right:0;width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.ds-check input:focus-visible+i{outline:2px solid var(--focus);outline-offset:2px}.ds-switch{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;font-weight:700;display:flex;position:relative}.ds-switch>span{gap:2px;display:grid}.ds-switch small{font-weight:500}.ds-switch i{background:color-mix(in srgb, var(--ink) 22%, transparent);width:40px;height:24px;transition:background var(--t-med) var(--ease);border-radius:12px;flex:none;position:relative}.ds-switch i:after{content:"";background:var(--ink);width:18px;height:18px;transition:left var(--t-med) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.ds-switch input:checked+i{background:var(--primary)}.ds-switch input:checked+i:after{background:var(--on-primary);left:19px}.ds-switch input:focus-visible+i{outline:2px solid var(--focus);outline-offset:2px}.ds-seg{background:color-mix(in srgb, var(--bg) 45%, transparent);border:1px solid var(--hair-2);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.ds-seg.wide{display:flex}.ds-seg.wide>button{flex:1}.ds-seg>button{height:32px;color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:background var(--t-med) var(--ease), color var(--t-med) var(--ease);background:0 0;border:0;border-radius:999px;padding:0 16px;font-weight:700}.ds-seg>button:hover{color:var(--ink)}.ds-seg>button.on{background:var(--glass-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair), 0 2px 8px #0003}.ds-or{color:var(--ink-3);font-size:var(--fs-sm);align-items:center;gap:12px;display:flex}.ds-or:before,.ds-or:after{content:"";background:var(--hair-2);flex:1;height:1px}.ds-error{color:var(--danger);font-size:var(--fs-sm);border-left:2px solid var(--danger);padding-left:10px;font-weight:700}.ds-note{color:var(--ink-2);font-size:var(--fs-sm);border-radius:var(--ds-box);background:var(--glass-2);padding:10px 12px}.ds-legal{font-size:var(--fs-xs);color:var(--ink-3);text-align:center}.ds-legal a{color:var(--ink-2)}.ds-tag{letter-spacing:.08em;color:var(--on-primary);background:var(--primary);text-transform:uppercase;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:900}.ds-dot{background:var(--ok);width:8px;height:8px;box-shadow:0 0 8px var(--ok);border-radius:50%;flex:none;display:inline-block}.ds-dot.off{background:var(--danger);box-shadow:0 0 8px var(--danger)}.ds-hints{font-size:var(--fs-sm);color:var(--ink-2);align-items:center;gap:18px;font-weight:700;display:flex}.ds-hints>span{align-items:center;display:inline-flex}.ds-pad{background:color-mix(in srgb, var(--ink) 90%, transparent);min-width:22px;height:22px;color:var(--bg);border-radius:11px;place-items:center;margin-right:6px;padding:0 5px;font-size:11px;font-weight:900;display:inline-grid}.ds-pad.wide{border-radius:6px}.ds-pop{z-index:30;min-width:240px;animation:ds-rise var(--t-slow) var(--ease);gap:10px;padding:12px 14px 14px;display:grid;position:absolute}.ds-pop-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ds-pop-head b{font:400 var(--fs-lg) var(--font-display);color:var(--title-ink)}.ds-menu-item{border-radius:var(--ds-ctl);text-align:left;cursor:pointer;height:40px;color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:flex}.ds-menu-item:hover{background:var(--glass-2)}.ds-menu-item.danger{color:var(--danger)}.ds-scrim{z-index:60;background:var(--scrim);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ds-dialog{width:min(440px,100%);animation:ds-rise var(--t-slow) var(--ease);gap:14px;padding:22px;display:grid;position:relative}.ds-sheet{z-index:40;padding:8px 12px calc(16px + env(safe-area-inset-bottom));background:var(--solid);border-top:1px solid var(--hair);border-radius:var(--ds-win) var(--ds-win) 0 0;box-shadow:var(--lift);animation:ds-rise var(--t-slow) var(--ease);gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.ds-sheet-grip{background:var(--hair);border-radius:3px;width:44px;height:5px;margin:2px auto 6px}.ds-toast{z-index:80;background:var(--world-scrim);max-width:min(560px,100% - 24px);color:var(--world-ink);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--lift);animation:ds-rise var(--t-slow) var(--ease);border-radius:999px;padding:10px 18px;font-weight:700;position:fixed;top:18px;left:50%;transform:translate(-50%)}.ds-toast.error{border:1px solid var(--danger)}@keyframes ds-rise{0%{opacity:0;transform:translateY(8px)scale(.98)}}.ds-toast{animation-name:ds-drop}@keyframes ds-drop{0%{opacity:0;transform:translate(-50%,-8px)}}.ds-steps{font-weight:800;font-size:var(--fs-sm);color:var(--ink-3);align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ds-step{align-items:center;gap:8px;display:flex}.ds-step-n{border:1.5px solid var(--hair);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.ds-step.on{color:var(--ink)}.ds-step.on .ds-step-n{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.ds-step.done .ds-step-n{border-color:var(--primary);color:var(--primary)}.ds-steps-sep{background:var(--hair);width:46px;height:1.5px}.entry{z-index:100;background:var(--bg);position:fixed;inset:0;overflow:hidden}.ds-stage{background:linear-gradient(180deg, var(--sky-a) 0, var(--sky-b) 46%, var(--bg) 100%);position:absolute;inset:0;overflow:hidden}.ds-floor{transform-origin:50% 100%;filter:blur(1.5px)brightness(1.08)saturate(1.05);background-position:50% 80%;background-repeat:repeat;background-size:70%;height:150%;position:absolute;bottom:-12%;left:-60%;right:-60%;transform:perspective(900px)rotateX(40deg);-webkit-mask-image:linear-gradient(#0000 8%,#000 30%);mask-image:linear-gradient(#0000 8%,#000 30%)}.ds-stage:before{content:"";filter:blur(6px);background:radial-gradient(60px 60px at 18% 52%,#ffd89a55,#0000 70%),radial-gradient(40px 40px at 27% 47%,#ffe2b044,#0000 70%),radial-gradient(70px 70px at 71%,#ffd89a44,#0000 70%),radial-gradient(36px 36px at 83% 45%,#ffe9c055,#0000 70%),radial-gradient(28px 28px at 60% 41%,#fff2d044,#0000 70%),radial-gradient(48px 48px at 40% 44%,#ffcf8a33,#0000 70%);position:absolute;inset:0 0 40%}.ds-haze{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--sky-b) 70%, transparent) 50%, transparent);filter:blur(8px);height:26%;position:absolute;top:30%;left:0;right:0}.ds-grade{pointer-events:none;background:radial-gradient(ellipse 60% 70% at 42% 55%, transparent 0, color-mix(in srgb, var(--bg) 35%, transparent) 60%, color-mix(in srgb, var(--bg) 88%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 55%, transparent) 0, transparent 22%, transparent 62%, color-mix(in srgb, var(--bg) 92%, transparent) 100%);position:absolute;inset:0}.ds-shade{pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 72%, transparent) 0, color-mix(in srgb, var(--bg) 30%, transparent) 9%, transparent 18%, transparent 80%, color-mix(in srgb, var(--bg) 62%, transparent) 100%);position:absolute;inset:0}.ds-motes{pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,#fff8,#0000 60%),radial-gradient(1.5px 1.5px at 70% 20%,#fff6,#0000 60%),radial-gradient(2px 2px at 82% 64%,#ffe9b066,#0000 60%),radial-gradient(1.5px 1.5px at 35% 78%,#fff5,#0000 60%),radial-gradient(2.5px 2.5px at 55% 42%,#ffe9b055,#0000 60%),radial-gradient(1.5px 1.5px at 12% 66%,#fff5,#0000 60%);position:absolute;inset:0}.hero-stage{pointer-events:none;position:absolute;inset:0}.hero-stage canvas{pointer-events:none;display:block}.hero-stage.can-drag canvas{pointer-events:auto;cursor:grab;touch-action:pan-y}.hero-stage canvas.in-world{animation:ds-fade .5s var(--ease)}@keyframes ds-fade{0%{opacity:0}}.entry-corner{z-index:3;font-size:var(--fs-sm);color:var(--world-ink-2);align-items:center;gap:14px;display:flex;position:absolute}.entry-corner.bl,.entry-corner.br{background:var(--world-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:6px 14px}.entry-corner.tr{top:24px;right:32px}.entry-corner.bl{bottom:24px;left:32px}.entry-corner.br{bottom:24px;right:32px}.entry-corner .ds-hint{color:var(--world-ink-2);opacity:.8}.entry-links a{color:var(--world-ink-2);font-weight:600;text-decoration:none}.entry-links a:hover{color:var(--world-ink);text-decoration:underline}.entry .lang-pill{background:color-mix(in srgb, var(--bg) 55%, transparent);text-shadow:none}.auth-panel{z-index:3;width:420px;max-height:calc(100% - 32px);animation:ds-rise-y var(--t-slow) var(--ease);padding:32px 34px 24px;position:absolute;top:50%;left:8vw;overflow:auto;transform:translateY(-50%)}@keyframes ds-rise-y{0%{opacity:0;transform:translateY(calc(8px - 50%))}}.ds-auth{flex-direction:column;gap:16px;display:flex}.auth-brand{justify-items:center;gap:6px;margin-bottom:6px;display:grid}.auth-logo{width:100%;max-width:300px}.auth-sub{font:400 var(--fs-lg) var(--font-display);letter-spacing:.18em;color:var(--ink-2);text-align:center}.auth-lang{justify-content:center;display:flex}.ds-auth .ds-seg>button{height:36px}.auth-row{flex-wrap:wrap}.page .ds-auth{background:var(--glass);border:var(--ds-bw) solid var(--hair);border-radius:var(--ds-win);max-width:420px;box-shadow:var(--lift);margin:1rem auto;padding:28px 30px 22px}.cs-top{z-index:5;height:84px;padding:0 32px;padding-top:env(safe-area-inset-top);align-items:center;gap:24px;display:flex;position:absolute;top:0;left:0;right:0}.cs-brand{flex:none;align-items:center;gap:12px;display:flex}.cs-mark{filter:drop-shadow(0 2px 8px #00000080);width:auto;height:34px}.cs-word{width:auto;height:24px}.cs-worlds{align-items:center;gap:10px;min-width:0;margin:0 auto;display:flex}.cs-world{border-radius:var(--ds-box);cursor:pointer;height:54px;color:var(--ink-2);background:color-mix(in srgb, var(--bg) 40%, transparent);white-space:nowrap;text-align:left;min-width:0;transition:background var(--t-med) var(--ease), border-color var(--t-med) var(--ease);border:1px solid #0000;align-items:center;gap:12px;padding:0 18px 0 10px;display:flex}.cs-world:hover{border-color:var(--hair)}.cs-world-ico{width:34px;height:34px;font:400 15px var(--font-display);color:var(--ink);background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--hair);border-radius:10px;flex:none;place-items:center;display:grid}.cs-world-txt{min-width:0;display:grid}.cs-world-txt b{color:var(--ink);font-size:var(--fs-lg);font-weight:800;line-height:1.15}.cs-world-txt small{font-size:var(--fs-xs);color:var(--ink-2);align-items:center;gap:6px;font-weight:700;display:flex}.cs-world-tag{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--info) 22%, transparent);color:var(--ink);border-radius:5px;padding:1px 6px;font-size:10px;font-weight:900}.cs-world.on{background:var(--glass);border-color:color-mix(in srgb, var(--primary) 60%, var(--hair));color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 14%, transparent), var(--lift);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.cs-world.on .cs-world-ico{background:linear-gradient(180deg, var(--primary-hi), var(--primary));color:var(--on-primary);box-shadow:none}.cs-world:disabled{cursor:default}.cs-tools{background:color-mix(in srgb, var(--glass) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--hair-2);border-radius:999px;flex:none;align-items:center;gap:4px;margin-left:auto;padding:4px;display:flex}.cs-tools .lang-pill{background:0 0;border:0;padding:0}.cs-worlds+.cs-tools{margin-left:0}.cs-tools .ds-icon-btn,.cs-tools .ds-btn.quiet{color:var(--ink-2)}.cs-tools .ds-icon-btn:hover,.cs-tools .ds-btn.quiet:hover{color:var(--ink)}.cs-look,.cs-account{width:min(360px,100% - 24px);max-height:calc(100% - 100px);top:80px;right:24px;overflow:auto}.cs-account .account-panel{color:var(--ink)}.cs-themes{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cs-theme{border-radius:var(--ds-ctl);border:1px solid var(--hair-2);cursor:pointer;font-size:var(--fs-xs);color:var(--ink-2);background:0 0;justify-items:center;gap:4px;padding:6px 2px;font-weight:700;display:grid}.cs-theme i{background:linear-gradient(135deg, var(--panel) 0 50%, var(--primary) 50% 100%);width:30px;height:30px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.cs-theme span{color:var(--ink-2)}.cs-theme.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent)}.cs-who{z-index:3;max-width:min(420px,30vw);color:var(--world-ink);text-shadow:0 2px 10px #0009;position:absolute;top:50%;left:7vw;transform:translateY(-40%)}.cs-who:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, var(--world-scrim), transparent);position:absolute;inset:-48px -90px -48px -120px}.cs-eyebrow{font-size:var(--fs-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--world-gold);font-weight:800}.cs-name{color:var(--world-ink);text-shadow:0 4px 24px #0009,0 1px 2px #00000080;overflow-wrap:anywhere;margin:6px 0 10px;font:400 var(--fs-hero) / 1.02 var(--font-display)!important}.cs-class{font-size:var(--fs-lg);align-items:center;gap:10px;font-weight:700;display:flex}.cs-lv{background:linear-gradient(180deg, var(--primary-hi), var(--primary));min-width:40px;height:28px;color:var(--on-primary);text-shadow:none;border-radius:8px;place-items:center;padding:0 8px;font-weight:900;display:inline-grid}.cs-facts{font-size:var(--fs-md);color:var(--world-ink-2);gap:8px;margin-top:16px;display:grid}.cs-facts span{align-items:center;gap:10px;display:flex}.cs-facts .ds-glyph{color:var(--world-gold)}.cs-blurb{font-size:var(--fs-lg);margin-bottom:10px}.cs-away .ds-hint{color:var(--world-ink-2)}.cs-turn{z-index:3;gap:8px;display:flex;position:absolute;bottom:104px;left:45%;transform:translate(-50%)}.cs-turn .ds-icon-btn{color:var(--ink)}.cs-list{z-index:3;width:380px;max-height:calc(100% - 236px);animation:ds-rise var(--t-slow) var(--ease);flex-direction:column;display:flex;position:absolute;top:104px;right:32px}.cs-chars{gap:6px;padding:10px 12px;display:grid;overflow:auto}.cs-char{border-radius:var(--ds-box);cursor:pointer;text-align:left;color:var(--ink);transition:background var(--t-med) var(--ease), border-color var(--t-med) var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:14px;padding:9px 12px;display:flex}.cs-char:hover{background:var(--glass-2)}.cs-char.on{background:color-mix(in srgb, var(--primary) 13%, transparent);border-color:color-mix(in srgb, var(--primary) 55%, transparent);box-shadow:inset 3px 0 0 var(--primary)}.cs-face{background-color:color-mix(in srgb, var(--primary) 14%, var(--glass-2));box-shadow:inset 0 0 0 1px var(--hair), 0 4px 10px #00000040;background-position:50%;background-size:cover;border-radius:50%;flex:none}.cs-face.plus{width:56px;height:56px;color:var(--primary);background:0 0;place-items:center;display:grid}.cs-char-txt{flex:1;min-width:0;display:grid}.cs-char-txt b{font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.cs-char-txt small{color:var(--ink-2);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cs-char-lv{font-weight:900;font-size:var(--fs-xl);color:var(--gold);justify-items:end;line-height:1;display:grid}.cs-char-lv small{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:3px;font-size:10px}.cs-char.new{border:1px dashed var(--hair);color:var(--ink-2)}.cs-char.new b{color:var(--ink)}.cs-other{border-radius:var(--ds-box);background:color-mix(in srgb, var(--bg) 30%, transparent);font-size:var(--fs-sm);color:var(--ink-2);align-items:center;gap:10px;margin:2px 12px 0;padding:10px 12px;display:flex}.cs-gm{border-radius:var(--ds-box);border:1px solid var(--hair-2);font-size:var(--fs-sm);gap:8px;margin:8px 12px 0;padding:10px 12px;display:grid}.cs-foot{border-top:1px solid var(--hair-2);font-size:var(--fs-sm);color:var(--ink-3);margin-top:auto;padding:12px 18px 14px}.cs-bottom{z-index:4;align-items:center;gap:24px;height:120px;padding:0 32px;display:flex;position:absolute;bottom:0;left:0;right:0}.cs-news{width:320px;font-size:var(--fs-sm);color:var(--ink);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.cs-news:hover{border-color:color-mix(in srgb, var(--primary) 55%, var(--hair))}.cs-play{align-items:center;gap:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.cs-play .play{letter-spacing:.04em;min-width:280px;height:58px;font-size:19px}.cs-play-spacer{width:44px}.cs-more-wrap{position:relative}.cs-more-wrap>.ds-btn{color:var(--world-ink);background:var(--world-scrim)}.cs-more{min-width:220px;bottom:54px;left:0}.cs-bottom .ds-hints,.cc-bottom .ds-hints{color:var(--world-ink-2);background:var(--world-scrim);border-radius:999px;margin-left:auto;padding:6px 14px}.cc-bottom .ds-hints{margin-left:0}.cc-top{z-index:5;height:80px;padding:0 32px;padding-top:env(safe-area-inset-top);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:absolute;top:0;left:0;right:0}.cc-back .ds-btn{color:var(--ink-2)}.cc-world{color:var(--ink-2);justify-self:end}.cc-rail{z-index:3;gap:6px;padding:10px;display:grid;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.cc-rail>button{border-radius:var(--ds-box);height:46px;color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;min-width:176px;padding:0 16px 0 10px;font-weight:800;display:flex}.cc-rail>button:hover{color:var(--ink);background:var(--glass-2)}.cc-ic{background:var(--glass-2);width:28px;height:28px;font:400 14px var(--font-display);color:var(--ink);border-radius:8px;place-items:center;display:grid}.cc-rail>button.on{background:color-mix(in srgb, var(--primary) 14%, transparent);border-color:color-mix(in srgb, var(--primary) 55%, transparent);color:var(--ink);box-shadow:inset 3px 0 0 var(--primary)}.cc-rail>button.on .cc-ic{background:var(--primary);color:var(--on-primary)}.cc-rail-pad{justify-self:center}.cc-view{z-index:4;align-items:center;gap:10px;display:flex;position:absolute;bottom:36px;left:39%;transform:translate(-50%)}.cc-view .ds-icon-btn{color:var(--ink)}.cc-opts{z-index:3;width:560px;animation:ds-rise var(--t-slow) var(--ease);flex-direction:column;display:flex;position:absolute;top:96px;bottom:112px;right:32px}.step-2 .cc-opts,.step-3 .cc-opts{max-height:calc(100% - 208px);bottom:auto}.cc-opts .ds-win-body{align-content:start;gap:18px;display:grid;overflow:auto}.cc-races{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cc-race{border-radius:var(--ds-box);border:1px solid var(--hair-2);background:color-mix(in srgb, var(--bg) 30%, transparent);text-align:center;cursor:pointer;color:var(--ink);transition:border-color var(--t-med) var(--ease), background var(--t-med) var(--ease);gap:4px;padding:6px 6px 10px;display:grid;position:relative}.cc-race:hover{border-color:var(--hair)}.cc-race-pic{border-radius:calc(var(--ds-box) - 4px);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 70%);background-position:50% 8%;background-repeat:no-repeat;background-size:cover;height:104px;display:block}.cc-race-pic[style]{background-color:color-mix(in srgb, var(--primary) 8%, transparent)}.cc-race b{font-size:var(--fs-md);font-weight:800}.cc-race.on{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent);background:color-mix(in srgb, var(--primary) 10%, transparent)}.cc-race-check{background:var(--primary);width:20px;height:20px;color:var(--on-primary);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.cc-desc{border-radius:var(--ds-box);background:var(--glass-2);color:var(--ink-2);padding:12px 14px}.cc-desc b{color:var(--ink);font:400 var(--fs-lg) var(--font-display);margin-right:6px}.cc-choices .choice{gap:8px;display:grid}.cc-choices .choice>span{font-size:var(--fs-sm);color:var(--ink-2);letter-spacing:.04em;font-weight:800}.cc-choices .chips{flex-wrap:wrap;gap:8px;display:flex}.cc-choices .chip{border:1px solid var(--hair);height:34px;color:var(--ink-2);font-weight:700;font-size:var(--fs-md);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px}.cc-choices .chip:hover{color:var(--ink);border-color:color-mix(in srgb, var(--primary) 45%, var(--hair))}.cc-choices .chip.on{background:color-mix(in srgb, var(--primary) 18%, transparent);border-color:color-mix(in srgb, var(--primary) 60%, transparent);color:var(--ink)}.cc-choices .swatches{flex-wrap:wrap;gap:8px;display:flex}.cc-choices .swatch{cursor:pointer;width:30px;height:30px;color:var(--ink);border:0;border-radius:50%;padding:0;font-weight:900;box-shadow:inset 0 -4px 6px #00000040,0 0 0 1px #00000059}.cc-choices .swatch.same{background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--hair)}.cc-choices .swatch.on{box-shadow:inset 0 -4px 6px #00000040, 0 0 0 2px var(--solid), 0 0 0 4px var(--primary)}.cc-choices .eye-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.cc-choices .eye-btn{border-radius:var(--ds-box);border:1px solid var(--hair-2);background:color-mix(in srgb, var(--bg) 30%, transparent);color:var(--ink-2);font-size:var(--fs-xs);cursor:pointer;justify-items:center;gap:2px;padding:6px 4px;font-weight:700;display:grid}.cc-choices .eye-btn.on{border-color:var(--primary);color:var(--ink);background:color-mix(in srgb, var(--primary) 10%, transparent)}.cc-choices .eye-btn canvas{width:48px;height:48px}.cc-choices .height-range{accent-color:var(--primary);width:100%}.cc-choices .muted{color:var(--ink-3)}.cc-names,.cc-start{gap:16px;display:grid}.cc-summary{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;display:grid}.cc-summary dt{color:var(--ink-3);font-weight:700}.cc-summary dd{margin:0;font-weight:800}.cc-bottom{z-index:4;pointer-events:none;align-items:center;gap:14px;height:100px;padding:0 32px;display:flex;position:absolute;bottom:0;left:0;right:0}.cc-bottom>*{pointer-events:auto}.cc-bottom .ds-btn.primary{min-width:230px}@media (max-width:1500px){.cs-who{left:4vw}.cs-name{font-size:40px!important}.cs-list{width:340px;right:24px}.cs-news{display:none}.cs-world{padding-right:14px}.cs-world-tag{display:none}.cs-turn{left:47%}.cc-opts{width:470px}.cc-race-pic{height:88px}.cc-rail>button{min-width:0}.cc-rail>button>span:last-child{display:none}}@media (max-width:1100px){.cs-who{top:112px;transform:none}.cs-name{font-size:32px!important}.cs-world-txt small{display:none}.cs-world{height:44px}.cc-opts{width:400px}}@media (max-width:600px),(max-height:500px) and (max-width:940px){.entry-corner.bl,.entry-corner.br{display:none}.entry-corner.tr{top:calc(12px + env(safe-area-inset-top));right:12px}.auth-panel{width:auto;top:auto;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-height:calc(100% - 38vh);animation:ds-rise var(--t-slow) var(--ease);padding:20px 18px 16px;transform:none}.auth-logo{max-width:210px}.auth-sub{font-size:var(--fs-md)}.ds-auth{gap:12px}.ds-auth .ds-btn.big{height:54px}.cs-top{height:64px;padding:0 12px;padding-top:env(safe-area-inset-top);gap:8px}.cs-mark{height:30px}.cs-world.pill{min-width:0;max-width:62vw;height:46px;margin:0 auto;padding:0 12px 0 6px}.cs-world.pill .cs-world-txt b{font-size:var(--fs-md)}.cs-tools{gap:2px}.cs-tools .ds-icon-btn{width:40px;height:40px}.cs-who{top:auto;left:12px;right:12px;bottom:calc(180px + env(safe-area-inset-bottom));text-align:center;max-width:none;transform:none}.cs-name{margin:0 0 4px;font-size:30px!important}.cs-class{font-size:var(--fs-md);justify-content:center}.cs-eyebrow,.cs-facts{display:none}.cs-list{top:auto;left:0;right:0;bottom:calc(86px + env(safe-area-inset-bottom));width:auto;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;animation:none}.cs-list:before,.cs-list:after,.cs-list .ds-win-head,.cs-list .cs-foot,.cs-list .cs-other,.cs-list .cs-gm{display:none}.cs-chars{justify-content:center;gap:12px;padding:8px;display:flex;overflow:auto visible}.cs-char{border:0;flex:none;padding:0}.cs-char:hover{background:0 0}.cs-char .cs-char-txt,.cs-char .cs-char-lv{display:none}.cs-char.on{box-shadow:none;background:0 0}.cs-char.on .cs-face{box-shadow:0 0 0 3px var(--primary), 0 0 18px color-mix(in srgb, var(--primary) 50%, transparent)}.cs-char.new{border:0}.cs-face.plus{border:1px dashed var(--hair);background:color-mix(in srgb, var(--bg) 40%, transparent);width:60px;height:60px}.cs-bottom{height:auto;padding:0 12px calc(14px + env(safe-area-inset-bottom))}.cs-play{width:100%;position:static;transform:none}.cs-play .play{flex:1;min-width:0;height:56px}.cs-play-spacer{display:none}.cs-more{bottom:54px}.cs-look,.cs-account{width:auto;top:64px;left:8px;right:8px}.ds-sheet .cs-world{width:100%;height:52px}.cc-top{grid-template-columns:auto 1fr auto;gap:8px;height:56px;padding:0 10px}.cc-world{display:none}.ds-steps{justify-self:center;gap:6px}.ds-steps-sep{width:16px}.ds-step:not(.on) .ds-step-label{display:none}.cc-rail{scrollbar-width:none;border-left:0;border-right:0;border-radius:0;gap:6px;padding:6px 10px;display:flex;top:calc(56px + 34vh);left:0;right:0;overflow-x:auto;transform:none}.cc-rail>button{flex:none;min-width:0;height:38px;padding:0 12px}.cc-rail>button .cc-ic{display:none}.cc-rail>button>span:last-child{display:inline!important}.cc-view{top:calc(10px + 34vh);bottom:auto;left:50%}.cc-view .ds-seg,.cc-view .ds-btn{display:none}.cc-opts{border-radius:var(--ds-win) var(--ds-win) 0 0;width:auto;animation:none;inset:calc(108px + 34vh) 0 0}.step-2 .cc-opts,.step-3 .cc-opts{max-height:none;top:calc(64px + 34vh);bottom:0}.cc-opts .ds-win-head{display:none}.step-2 .cc-opts .ds-win-head,.step-3 .cc-opts .ds-win-head{display:flex}.cc-opts .ds-win-body{padding:12px 14px calc(92px + env(safe-area-inset-bottom));gap:14px}.cc-races{gap:6px}.cc-race{padding:4px 4px 6px}.cc-race-pic{height:62px}.cc-race b{font-size:11px}.cc-bottom{height:auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, var(--solid) 45%)}.cc-bottom .ds-btn.primary{flex:1;min-width:0}.cc-bottom .ds-grow{display:none}}@media (prefers-reduced-motion:reduce){.ds *,.ds-toast,.ds-pop,.ds-sheet,.ds-dialog,.auth-panel,.cs-list,.cc-opts,.hero-stage canvas.in-world{transition:none!important;animation:none!important}}.entry-loading-mark{place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.entry-loading-mark .ds-logo{width:min(300px,70vw)}.entry-loading-mark .ds-hint{animation:1.8s ease-in-out infinite alternate ds-breathe}@keyframes ds-breathe{to{opacity:.5}}