@media (width>=641px){:root{--ui-a-layout-gold:#d8a44d;--ui-a-layout-gold-bright:#ffe39a;--ui-a-layout-gold-dark:#704814;--ui-a-layout-violet:#a84cff;--ui-a-layout-cut:9px}body.ui-a-layout-preview{--nav-fixed-width:172px}body.ui-a-layout-preview:after{content:"";z-index:31890;pointer-events:none;border:1px solid #d8a44db8;position:fixed;inset:3px;box-shadow:0 0 0 3px #50300b85,inset 0 0 42px #00000085}.ui-a-layout-preview #app{grid-template-rows:154px minmax(0,1fr) 0}.ui-a-layout-preview #header{background:linear-gradient(90deg,#d8a44d0b,#0000 34%,#a84cff06),#040817ad;border-bottom-color:#d8a44d9e;box-shadow:0 3px #331c0580,0 12px 28px #0003}.ui-a-layout-preview #header:after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,var(--ui-a-layout-violet),var(--ui-a-layout-gold),transparent);opacity:.62;height:1px;position:absolute;bottom:0;left:5px;right:5px}.ui-a-layout-preview #header{border-bottom-color:#0000}.ui-a-layout-preview #main{grid-template-columns:var(--nav-fixed-width) 0 minmax(0,1fr) var(--main-divider-width) var(--right-panel-width)}.ui-a-layout-preview #resizer-right{background:linear-gradient(180deg,var(--ui-a-layout-gold-dark),var(--ui-a-layout-gold),var(--ui-a-layout-gold-dark));box-shadow:0 0 12px #d8a44d29}.ui-a-layout-preview #nav{background:linear-gradient(#d8a44d0a,#0000 30%,#a84cff08),#0307179e;border-right-color:#d8a44da3;padding:8px 7px 12px;box-shadow:8px 0 22px #00000029}.ui-a-layout-preview #nav>div[style*=text-transform\:uppercase],.ui-a-layout-preview #nav>div:not([class])[style*=color]{color:#ffe39ab8!important;letter-spacing:.08em!important}.ui-a-layout-preview .nav-btn{color:#c9c5bd;border:1px solid #0000;border-radius:0;gap:7px;min-height:45px;margin:2px 0;padding:6px 8px;font-size:12px;position:relative}.ui-a-layout-preview .nav-btn:hover{color:var(--text);filter:none;background:linear-gradient(90deg,#d8a44d1a,#080d249e);border-color:#d8a44d47}.ui-a-layout-preview .nav-btn.active{border:1px solid #d8a44dc7;border-left:4px solid var(--ui-a-layout-violet);color:var(--ui-a-layout-gold-bright);background:linear-gradient(90deg,#7426b275,#100e35c7 72%,#d8a44d1a);box-shadow:inset 0 0 14px #9740e633,0 0 0 1px #ffe39a0d}.ui-a-layout-preview .nav-btn svg,.ui-a-layout-preview .nav-btn .ico,.ui-a-layout-preview .nav-btn img{width:32px!important;height:32px!important}.ui-a-layout-preview .nav-entry-icon{width:32px!important;min-width:32px!important;height:32px!important}.ui-a-layout-preview .nav-entry-level{border:1px solid #d8a44d2e;color:var(--ui-a-layout-gold-bright)!important;background:#06091ab8!important;border-radius:0!important;margin-left:auto!important;padding:1px 4px!important;font-size:9px!important}.ui-a-layout-preview .nav-section-divider{background:linear-gradient(90deg,#0000,#d8a44d42,#0000);margin:7px 10px}.ui-a-layout-preview .nav-group-toggle{color:#aaa7a1;background:#05091c7a;border-color:#d8a44d1f;min-height:40px;margin:2px 0;padding:5px 8px;font-size:11.5px;font-weight:850}.ui-a-layout-preview .nav-group-toggle:hover,.ui-a-layout-preview .nav-group-toggle.is-open{background:linear-gradient(90deg,#d8a44d1a,#090d25b8);border-color:#d8a44d61}.ui-a-layout-preview .nav-group-toggle.has-active{color:var(--ui-a-layout-gold-bright);border-color:#d8a44d7a}.ui-a-layout-preview .nav-group-toggle .nav-group-icon{width:32px;min-width:32px;height:32px}.ui-a-layout-preview .nav-group-toggle .nav-group-icon svg,.ui-a-layout-preview .nav-group-toggle .nav-group-icon .ico,.ui-a-layout-preview .nav-group-toggle .nav-group-icon img{width:var(--nav-group-optical-icon-size)!important;height:var(--nav-group-optical-icon-size)!important}.ui-a-layout-preview .nav-group-panel{background:linear-gradient(90deg,#a84cff09,#0000 76%);margin:0 0 4px;padding:2px 0 4px}.ui-a-layout-preview .nav-group-panel .nav-btn{min-height:38px;margin:1px 0;padding:4px 7px 4px 17px!important;font-size:12px!important}.ui-a-layout-preview .nav-group-panel .nav-entry-icon{width:32px!important;min-width:32px!important;height:32px!important}.ui-a-layout-preview .nav-group-panel .nav-btn svg,.ui-a-layout-preview .nav-group-panel .nav-btn .ico,.ui-a-layout-preview .nav-group-panel .nav-btn img{width:32px!important;height:32px!important}.ui-a-layout-preview #content{background:radial-gradient(70% 55% at 38% 24%,#a84cff06,#0000),#01040f1f;padding:12px}.ui-a-layout-preview #tab-skill.active,.ui-a-layout-preview #tab-skill.active>.skill-grid{height:100%}.ui-a-layout-preview #tab-skill.active>.skill-grid{flex-direction:column;min-height:0;display:flex}.ui-a-layout-preview .ws-top-bar{flex:none;margin:0 0 10px}.ui-a-layout-preview .ws-top-bar .skill-info-panel{width:100%;min-height:106px;clip-path:polygon(var(--ui-a-layout-cut) 0,calc(100% - var(--ui-a-layout-cut)) 0,100% var(--ui-a-layout-cut),100% calc(100% - var(--ui-a-layout-cut)),calc(100% - var(--ui-a-layout-cut)) 100%,var(--ui-a-layout-cut) 100%,0 calc(100% - var(--ui-a-layout-cut)),0 var(--ui-a-layout-cut));background:linear-gradient(145deg,#ffe39a09,#0000 32%),#040818b3;border:1px solid #d8a44d9e;grid-template-columns:minmax(180px,.9fr) minmax(160px,1.15fr) auto minmax(190px,.9fr);align-items:center;gap:12px;padding:12px 14px;display:grid;box-shadow:0 9px 24px #00000038,inset 0 0 0 1px #ffe39a0a}.ui-a-layout-preview .ws-top-bar .skill-header{min-width:0;margin:0}.ui-a-layout-preview .ws-top-bar .skill-header .skill-name{font-size:17px}.ui-a-layout-preview .ws-top-bar .skill-header .skill-lvl-badge{font-size:12.5px}.ui-a-layout-preview .ws-top-bar .skill-info-panel:not(:has(>.skill-special-effects)){grid-template-rows:1fr;grid-template-areas:"header progress stats tool"}.ui-a-layout-preview .ws-top-bar .skill-info-panel:not(.has-skill-tool):not(:has(>.skill-special-effects)){grid-template-areas:"header progress stats"}.ui-a-layout-preview .ws-top-bar .progress-bar{width:100%;min-width:0}.ui-a-layout-preview .ws-top-bar .stat-pills{margin:0}.ui-a-layout-preview .ws-top-bar .skill-tool-equip{min-width:0;margin:0!important}.ui-a-layout-preview .skill-actions-grid{min-height:0;clip-path:polygon(var(--ui-a-layout-cut) 0,calc(100% - var(--ui-a-layout-cut)) 0,100% var(--ui-a-layout-cut),100% calc(100% - var(--ui-a-layout-cut)),calc(100% - var(--ui-a-layout-cut)) 100%,var(--ui-a-layout-cut) 100%,0 calc(100% - var(--ui-a-layout-cut)),0 var(--ui-a-layout-cut));background:linear-gradient(145deg,#ffe39a06,#0000 30%),#03071766;border:1px solid #d8a44d94;flex:auto;grid-template-columns:repeat(auto-fill,104px);grid-auto-rows:104px;align-content:start;gap:8px;padding:16px;position:relative;overflow:auto;box-shadow:0 12px 30px #00000038,inset 0 0 0 1px #ffe39a09}.ui-a-layout-preview #tab-skill.active>.skill-grid:has(>.skill-actions-grid>.action-card[data-skill-id=alchemy]){height:auto;min-height:100%}.ui-a-layout-preview #tab-skill.active>.skill-grid:has(>.skill-actions-grid>.action-card[data-skill-id=alchemy])>.skill-actions-grid{flex:none;height:auto;min-height:0;overflow:visible}.ui-a-layout-preview #right{background:linear-gradient(#d8a44d08,#0000 25%,#a84cff06),#0307179e;border-left-color:#d8a44da8;box-shadow:-10px 0 25px #00000026}@media (width<=640px){.ui-a-layout-preview #right{backdrop-filter:none;background:linear-gradient(#d8a44d06,#0000 25%,#a84cff05),#030717fb}}.ui-a-layout-preview #right-tabs{background:#05091cad;margin:10px 10px 0;border:1px solid #d8a44d75!important}.ui-a-layout-preview #footer{background:linear-gradient(90deg,#d8a44d0f,#0000 38%,#a84cff09),#030614bd;border-top-color:#0000;padding:0 14px;position:relative;box-shadow:0 -4px 12px #00000029}.ui-a-layout-preview #footer:before{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,var(--ui-a-layout-gold),var(--ui-a-layout-violet),transparent);opacity:.62;height:1px;position:absolute;top:0;left:5px;right:5px}.ui-a-layout-preview #footer:after{content:none;display:none}@media (width<=1260px) and (width>=981px){body.ui-a-layout-preview{--nav-fixed-width:140px;--right-panel-width:330px}.ui-a-layout-preview .ws-top-bar .skill-info-panel{grid-template-columns:minmax(170px,.85fr) minmax(140px,1fr) auto minmax(170px,.9fr);gap:8px;padding-left:9px;padding-right:9px}}@media (width<=980px){body.ui-a-layout-preview{--nav-fixed-width:64px}.ui-a-layout-preview #app{grid-template-rows:120px minmax(0,1fr) 0}.ui-a-layout-preview .nav-btn{justify-content:center}.ui-a-layout-preview .nav-group-toggle{padding-left:5px;padding-right:5px}.ui-a-layout-preview .nav-group-label,.ui-a-layout-preview .nav-group-chevron{display:none}.ui-a-layout-preview .nav-group-notice{margin:0;position:absolute;top:5px;right:5px}.ui-a-layout-preview .nav-group-panel .nav-btn{padding-left:0!important}.ui-a-layout-preview .nav-entry-label,.ui-a-layout-preview .nav-entry-level{display:none!important}.ui-a-layout-preview .ws-top-bar .skill-info-panel{flex-wrap:wrap;min-height:0;display:flex}.ui-a-layout-preview .skill-actions-grid{padding:10px}}@media (width<=640px){body.ui-a-layout-preview{--nav-fixed-width:44px}body.ui-a-layout-preview:after{display:none}.ui-a-layout-preview #app{grid-template-rows:88px minmax(0,1fr) var(--mobile-footer-height)}.ui-a-layout-preview #header:after,.ui-a-layout-preview #footer:before,.ui-a-layout-preview #footer:after{display:none}.ui-a-layout-preview #main{grid-template-columns:44px 0 minmax(0,1fr) 0 0}.ui-a-layout-preview #nav{box-sizing:border-box;width:44px;max-width:44px;box-shadow:none;background:#030717b8;border-right-color:#d8a44d57;padding:1px 0}.ui-a-layout-preview #nav.mobile-expanded{width:min(168px,100vw - 40px);max-width:min(168px,100vw - 40px)}.ui-a-layout-preview #nav .nav-btn{border-top:0;border-bottom:0;border-right:0;border-radius:0;min-height:36px;margin:0;padding:2px 0!important}.ui-a-layout-preview #nav .nav-group-panel{background:0 0;margin:0;padding:0}.ui-a-layout-preview #nav .nav-group-panel .nav-btn{min-height:36px;padding-left:0!important}.ui-a-layout-preview #content{padding:6px}.ui-a-layout-preview .ws-top-bar{margin-bottom:6px}.ui-a-layout-preview .ws-top-bar .skill-info-panel{width:100%;min-height:0;box-shadow:none;clip-path:none;background:linear-gradient(90deg,#d8a44d09,#0000 72%);border:0;border-radius:0;grid-template-columns:auto minmax(86px,1fr);grid-template-areas:"header progress""stats stats""special special";align-items:center;gap:4px 7px;padding:5px 2px 6px;display:grid}.ui-a-layout-preview .ws-top-bar .skill-info-panel.has-skill-tool{grid-template-areas:"header progress""stats tool""special special"}.ui-a-layout-preview .skill-actions-grid{grid-template-columns:repeat(auto-fill,var(--mobile-card-size));justify-content:start;gap:var(--mobile-card-gap);box-shadow:none;clip-path:none;background:0 0;border:0;border-top:1px solid #d8a44d52;grid-auto-rows:auto;padding:6px 2px}.ui-a-layout-preview #footer{padding-left:4px;padding-right:4px}}.ui-a-layout-preview #footer{visibility:hidden;pointer-events:none;border:0;height:0;min-height:0;padding:0;overflow:hidden}}