.ProfileAvatarImage{--ProfileAvatarImage-zoom:3;--ProfileAvatarImage-position:50% 50%;border-radius:inherit;width:100%;height:100%;display:block;position:relative;overflow:hidden}.ProfileAvatarImage img{object-fit:contain;object-position:var(--ProfileAvatarImage-position);transform-origin:55% 0;filter:brightness();transform:scale(var(--ProfileAvatarImage-zoom))}
.TopBar{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3);z-index:10;background:radial-gradient(circle, var(--ui-surface-raised), var(--ui-surface), var(--ui-surface-deep));border-radius:var(--radius-sm);width:100%;box-shadow:inset 0 -1px 0 var(--ui-shadow-inner);align-self:center;display:flex}.TopBar__icon{background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.TopBar__resource-panel{justify-content:flex-end;align-items:center;gap:calc(var(--spacing)*2);flex:1;display:flex}.TopBar__player-panel{align-items:center;gap:calc(var(--spacing)*2);min-width:0;display:flex}.TopBar__player-panel__avatar{font-size:var(--text-xl);color:var(--ui-accent);width:calc(var(--spacing)*12);height:calc(var(--spacing)*12);aspect-ratio:1;border-radius:var(--radius-pill);outline:1px solid var(--ui-border);outline-offset:1px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;border-color:var(--ui-border-dark)!important}.TopBar__player-panel__details{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.TopBar__player-panel__name{font-size:var(--text-sm);font-weight:var(--font-semibold);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.TopBar__player-panel__location{color:var(--ui-accent);font-size:.625rem}
.SettingsPanel{gap:calc(var(--spacing)*4);width:100%;padding:calc(var(--spacing)*3);flex-direction:column;display:flex}.SettingsPanel__section{gap:calc(var(--spacing)*2);z-index:1;display:grid}.SettingsPanel__heading{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);color:var(--ui-accent);font-size:var(--text-md);font-weight:var(--font-regular);line-height:var(--lh-md);margin:0;display:flex}.SettingsPanel__row,.SettingsPanel__row.ui-list-item{width:100%;min-height:calc(var(--spacing)*12);font-family:var(--font-title);text-align:left;border-radius:var(--radius-md);background:radial-gradient(circle, var(--ui-surface-raised), transparent, var(--ui-surface), var(--ui-surface-deep));box-shadow:inset 0 1px 0 var(--ui-shadow-inner),inset 0 1px 0 var(--ui-accent-glow),inset 0 -1px 0 var(--ui-shadow-inner),0 4px 12px var(--ui-shadow-soft),0 4px 12px var(--ui-shadow-soft);border-color:#0000}.SettingsPanel button.SettingsPanel__row,.SettingsPanel label.SettingsPanel__row{cursor:pointer}.SettingsPanel__row--slider,.SettingsPanel__row--slider.ui-list-item{gap:calc(var(--spacing)*2);cursor:default;flex-direction:column;display:flex}.SettingsPanel__rowLabel{align-items:center;gap:calc(var(--spacing)*2);min-width:0;color:var(--ui-text-main);display:inline-flex}.SettingsPanel__rowIcon{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8);color:var(--ui-accent);font-size:var(--text-xl);flex:none;align-self:flex-start;place-items:center;display:grid}.SettingsPanel__rowCopy{gap:1px;min-width:0;display:grid}.SettingsPanel__rowCopy>span{color:var(--ui-text-main);font-size:var(--text-sm);line-height:var(--lh-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.SettingsPanel__rowCopy small{color:var(--ui-text-muted);font-family:var(--font-body);font-size:var(--text-xs);line-height:var(--lh-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.SettingsPanel__toggle{width:calc(var(--spacing)*10);height:calc(var(--spacing)*5);border:1px solid var(--ui-border-soft);border-radius:var(--radius-pill);background:var(--ui-surface-deep);flex:none;align-items:center;padding:1px;display:inline-flex}.SettingsPanel__toggle[data-state=checked]{background:var(--ui-surface-active);border-color:var(--ui-accent-soft)}.SettingsPanel__toggle[data-state=checked] .SettingsPanel__toggleThumb{transform:translateX(calc(var(--spacing) * 5));background:var(--ui-text-main)}.SettingsPanel__toggleThumb{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);border-radius:var(--radius-pill);background:var(--ui-text-muted);transition:transform .15s ease-in-out}.SettingsPanel__sliderHeader{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*2);width:100%;display:flex}.SettingsPanel__slider{touch-action:none;width:100%}.SettingsPanel__slider__labels{justify-content:space-between;gap:calc(var(--spacing)*2);margin-bottom:calc(var(--spacing)*1);color:var(--ui-text-muted);font-family:var(--font-body);font-size:var(--text-xs);display:flex}.SettingsPanel__sliderControl{align-items:center;display:flex;position:relative}.SettingsPanel__sliderTrack{width:100%;height:calc(var(--spacing)*2);border:1px solid var(--ui-border-soft);border-radius:var(--radius-pill);background:var(--ui-surface-deep);position:relative;overflow:hidden}.SettingsPanel__sliderRange{border-radius:inherit;background:linear-gradient(90deg, var(--ui-accent-soft), var(--ui-accent));height:100%}.SettingsPanel__sliderThumb{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);border:1px solid var(--ui-accent-soft);border-radius:var(--radius-pill);background:var(--ui-text-main);box-shadow:0 0 0 2px var(--ui-surface-deep),0 4px 10px var(--ui-shadow-soft);outline:none}.SettingsPanel__sliderThumb[data-focus]{box-shadow:0 0 0 2px var(--ui-surface-deep),0 0 0 4px var(--ui-accent-soft),0 4px 10px var(--ui-shadow-soft)}.SettingsPanel__value{color:var(--ui-text-muted);font-family:var(--font-title);font-size:var(--text-sm);font-variant-numeric:tabular-nums}
.BestiaryLockedPanel__body{justify-items:center;gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*3);font-family:var(--font-title);display:grid}.BestiaryLockedPanel__body>i{color:var(--ui-text-muted);font-size:var(--text-xl)}.BestiaryLockedPanel__body strong{color:var(--ui-text-main);font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--lh-sm)}.BestiaryLockedPanel__body p{color:var(--ui-text-soft);font-size:var(--text-xs);line-height:var(--lh-xs);margin:0}
.BestiaryMasteryPanel{padding-block:calc(var(--spacing)*4);padding-inline:unset!important}.BestiaryMasteryPanel__header{padding-inline:calc(var(--spacing)*4)}.BestiaryMasteryPanel__body,.BestiaryMasteryPanel__body.BestiaryDetail__panel__body{gap:unset;grid-template-columns:repeat(1,minmax(0,1fr));position:relative}.BestiaryMasteryPanel__body:before,.BestiaryMasteryPanel__body.BestiaryDetail__panel__body:before{content:"";top:calc(var(--spacing)*4);left:calc(var(--spacing)*7.5);height:calc(100% - var(--spacing)*12);background:var(--ui-accent-soft);width:1px;position:absolute}.BestiaryMasteryPanel__row{grid-template-columns:calc(var(--spacing)*10) calc(var(--spacing)*12) 1fr auto;gap:calc(var(--spacing)*3);min-width:0;padding-block:calc(var(--spacing)*2);color:var(--ui-text-soft);font-size:var(--text-sm);padding-inline:calc(var(--spacing)*4);align-items:start;display:grid}.BestiaryMasteryPanel__row:not(:last-child){border-bottom:1px solid var(--ui-border-dark)}.BestiaryMasteryPanel__row[data-current=true]{color:var(--ui-text-main);background:color-mix(in srgb, var(--ui-surface-active) 38%, transparent)}.BestiaryMasteryPanel__row[data-locked=true]{color:var(--ui-text-muted)}.BestiaryMasteryPanel__rank{border:1px solid var(--ui-accent);width:calc(var(--spacing)*7);aspect-ratio:1;background:var(--ui-bg);color:var(--ui-text-main);font-size:var(--text-md);font-weight:var(--font-weight-medium);border-radius:1px;justify-content:center;align-items:center;display:flex;position:relative}[data-locked=true] .BestiaryMasteryPanel__rank{background:var(--ui-surface-deep);border-color:#0000}[data-locked=true] .BestiaryMasteryPanel__rank:before,[data-current=true] .BestiaryMasteryPanel__rank:before{display:none}.BestiaryMasteryPanel__rank:before{content:"";border:1px solid var(--status-blessed);width:100%;height:100%;display:block;position:absolute;top:0;left:0;rotate:45deg}.BestiaryMasteryPanel__details{font-family:var(--font-body);font-size:var(--text-xs);flex-direction:column;display:flex}.BestiaryMasteryPanel__actions{font-size:var(--text-xs)}.BestiaryMasteryPanel__actions__button,.BestiaryMasteryPanel__actions__button.ui-button{min-width:calc(var(--spacing)*24);min-height:calc(var(--spacing)*7);padding:calc(var(--spacing)*1) calc(var(--spacing)*2);border-radius:var(--radius-sm);border-color:var(--ui-accent);background:var(--ui-accent-gradient);color:var(--ui-text-main);font-size:var(--text-xs);box-shadow:inset 0 1px 0 var(--ui-shadow-inner);white-space:nowrap}.BestiaryMasteryPanel__actions__button:disabled,.BestiaryMasteryPanel__actions__button.ui-button:disabled{box-shadow:none;color:var(--ui-accent);background:0 0;border-color:#0000}.BestiaryMasteryPanel .RewardContent{align-items:center;gap:calc(var(--spacing)*2);display:flex}.BestiaryMasteryPanel .RewardContent[data-type=gems] i{margin-left:calc(var(--spacing)*1);color:var(--currency-hollowfall-shard)}
.BestiaryDetail{gap:calc(var(--spacing)*3);height:100%;min-height:0;padding:calc(var(--spacing)*3);flex-direction:column;display:flex;overflow-y:auto}.BestiaryDetail__back{align-items:center;gap:calc(var(--spacing)*2);color:var(--ui-text-main);font-size:var(--text-lg);text-align:left;text-transform:capitalize;cursor:pointer;z-index:1;border:0;flex:none;align-self:flex-start;display:inline-flex;position:absolute}.BestiaryDetail__hero{gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*3);height:calc(var(--spacing)*50);background:var(--ui-surface-deep);box-shadow:10px 10px 10px var(--ui-surface-deep);flex:none;display:grid;position:relative}.BestiaryDetail__lore{justify-content:center;gap:calc(var(--spacing)*2);z-index:1;width:45%;color:var(--ui-text-soft);font-size:var(--text-sm);font-family:var(--font-body);flex-direction:column;margin-left:auto;display:flex}.BestiaryDetail__lore strong{color:var(--ui-accent);font-weight:var(--font-medium)}.BestiaryDetail__background{left:calc(var(--spacing)*-3);top:calc(var(--spacing)*3);width:calc(var(--spacing)*55);z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;overflow:hidden}.BestiaryDetail__background:before{content:"";z-index:3;pointer-events:none;width:100%;height:100%;box-shadow:inset 0 0 40px var(--ui-surface-deep),inset 0 0 40px var(--ui-surface-deep),inset 0 0 40px var(--ui-surface-deep),inset 0 0 40px var(--ui-surface-deep);display:block;position:absolute;bottom:0;left:0}.BestiaryDetail__background img{object-fit:contain;object-position:50% 50%;transform-origin:50% 0;width:100%;height:100%;filter:drop-shadow(8px 8px 14px var(--ui-black)) brightness(.8);transform:scale(1.15)}.BestiaryDetail__panel{z-index:1;gap:calc(var(--spacing)*4);border-radius:var(--radius-md);background:radial-gradient(circle, var(--ui-bg-soft), transparent, var(--ui-surface), var(--ui-surface-deep));padding-block:calc(var(--spacing)*4);padding-inline:calc(var(--spacing)*4);box-shadow:inset 0 1px 0 var(--ui-shadow-inner),inset 0 1px 0 var(--ui-accent-glow),inset 0 -1px 0 var(--ui-shadow-inner),0 4px 12px var(--ui-shadow-soft),0 4px 12px var(--ui-shadow-soft);display:grid}.BestiaryDetail__panel__header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);display:flex}.BestiaryDetail__panel__header h3,.BestiaryDetail__panel__header h4{color:var(--ui-accent);font-size:var(--text-md);font-weight:var(--font-regular);line-height:var(--lh-md);margin:0}.BestiaryDetail__panel__header span{color:var(--ui-text-muted);font-family:var(--font-title);font-size:var(--text-xs);line-height:var(--lh-xs)}.BestiaryDetail__panel__body{gap:calc(var(--spacing)*2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.BestiaryDetail__stats,.BestiaryDetail__skills{color:var(--ui-text-soft);font-size:var(--text-xs);grid-template-columns:1fr;display:grid}.BestiaryDetail__stats span{background:var(--ui-surface-deep);padding:calc(var(--spacing)*1.5) calc(var(--spacing)*3)}.BestiaryDetail__skills{gap:calc(var(--spacing)*2)}.BestiaryDetail__skills__skill{gap:calc(var(--spacing)*1);padding:calc(var(--spacing)*2);border-radius:var(--radius-sm);background:var(--ui-surface-deep);border:1px solid var(--ui-border);outline:1px solid var(--ui-border-dark);outline-offset:-3px;flex-direction:column;display:flex}.BestiaryDetail__skills__skill__header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*2);display:flex}.BestiaryDetail__skills__skill__name{font-family:var(--font-title);font-size:var(--text-sm);color:var(--ui-text-main)}.BestiaryDetail__skills__skill__cooldown{font-size:var(--text-xs);color:var(--ui-text-muted)}.BestiaryDetail__skills__skill__effects{gap:calc(var(--spacing)*1);flex-wrap:wrap;display:flex}.BestiaryDetail__skills__skill__effect{font-size:var(--text-xs);color:var(--ui-text-muted)}.BestiaryDetail__skills__skill__conditional{gap:calc(var(--spacing)*1);padding-top:calc(var(--spacing)*1);border-top:1px dashed var(--ui-border);flex-direction:column;display:flex}.BestiaryDetail__skills__skill__conditional__group{gap:calc(var(--spacing)*1);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.BestiaryDetail__skills__skill__conditional__label{color:var(--ui-accent)}.BestiaryDetail__skills__skill__conditional__effects{color:var(--ui-text-muted)}
.BestiaryProgress{flex-direction:column;display:flex;overflow:hidden}.BestiaryProgress__track{width:100%;height:calc(var(--spacing)*2);background:var(--ui-bg);border:1px solid var(--ui-border-dark);border-radius:1px;min-width:0;position:relative;overflow:hidden}.BestiaryProgress__fill{background:linear-gradient(to top, var(--ui-accent) 80%, var(--status-blessed));height:100%;transition:width .15s ease-in-out;display:block}
.BestiaryListRow,.BestiaryListRow.ui-frame{gap:calc(var(--spacing)*2);border-radius:var(--radius-md);padding:calc(var(--spacing)*4);color:var(--ui-text-main);text-align:left;cursor:pointer;width:auto;min-width:0;height:auto;min-height:calc(var(--spacing)*60);box-shadow:inset 0 1px 0 var(--ui-accent-soft),inset 0 1px 0 var(--ui-accent-soft),inset 0 -1px 4px var(--ui-accent),0 4px 12px var(--ui-shadow-soft);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#0000;justify-content:space-between;display:flex;position:relative}.BestiaryListRow:before,.BestiaryListRow.ui-frame:before{content:"";z-index:1;pointer-events:none;border-radius:var(--radius-md);width:100%;height:100%;box-shadow:inset 0 -60px 40px var(--ui-bg);display:block;position:absolute;bottom:0;left:0}.BestiaryListRow:after,.BestiaryListRow.ui-frame:after{content:"";z-index:3;pointer-events:none;border-radius:var(--radius-md);width:100%;height:100%;box-shadow:inset 0 0 60px var(--ui-shadow-soft),inset 0 0 60px var(--ui-shadow-soft);display:block;position:absolute;bottom:0;left:0}.BestiaryListRow:disabled,.BestiaryListRow.ui-frame:disabled{filter:grayscale()}.BestiaryListRow:hover,.BestiaryListRow:focus-visible,.BestiaryListRow.ui-frame:hover,.BestiaryListRow.ui-frame:focus-visible{border-color:var(--ui-border-active);outline:1px solid var(--ui-border-dark);outline-offset:-3px}.BestiaryListRow__background,.BestiaryListRow.ui-frame__background{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;right:0;overflow:hidden}.BestiaryListRow__background i,.BestiaryListRow.ui-frame__background i{font-size:calc(var(--spacing)*16);color:var(--ui-accent)}.BestiaryListRow__background img,.BestiaryListRow.ui-frame__background img{object-fit:contain;object-position:50% 50%;transform-origin:50% 75%;width:100%;height:100%;filter:drop-shadow(8px 8px 14px var(--ui-black)) brightness(.8);transform:scale(.8)}.BestiaryListRow__badge,.BestiaryListRow.ui-frame__badge{top:calc(var(--spacing)*3);right:calc(var(--spacing)*3);z-index:4;position:absolute}.BestiaryListRow__content,.BestiaryListRow.ui-frame__content{gap:calc(var(--spacing)*2);z-index:1;flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.BestiaryListRow__content__top,.BestiaryListRow.ui-frame__content__top{gap:calc(var(--spacing)*2);justify-content:space-between;align-items:flex-start;display:flex}.BestiaryListRow__content__bottom,.BestiaryListRow.ui-frame__content__bottom{gap:calc(var(--spacing)*2);flex-direction:column;display:flex}.BestiaryListRow__name,.BestiaryListRow.ui-frame__name{color:var(--ui-text-main);font-family:var(--font-title);font-size:var(--text-md);line-height:var(--lh-md);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto;display:-webkit-box;overflow:hidden}.BestiaryListRow__progress,.BestiaryListRow.ui-frame__progress{align-items:center;gap:calc(var(--spacing)*2);color:var(--ui-text-soft);font-family:var(--font-body);font-size:var(--text-xs);line-height:var(--lh-xs);justify-content:space-between;display:flex}.BestiaryListRow__details,.BestiaryListRow.ui-frame__details{flex-direction:column;justify-content:space-evenly;align-self:stretch;display:flex}.BestiaryListRow__meta,.BestiaryListRow.ui-frame__meta{color:var(--ui-accent);font-family:var(--font-title);font-size:var(--text-xs);text-transform:uppercase}.BestiaryListRow p,.BestiaryListRow.ui-frame p{-webkit-line-clamp:2;margin:calc(var(--spacing)*1) 0 0;color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--lh-xs);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.BestiaryListRow__rank,.BestiaryListRow.ui-frame__rank{border:1px solid var(--ui-accent);width:calc(var(--spacing)*8);height:calc(var(--spacing)*8);aspect-ratio:1;background:var(--ui-bg);color:var(--ui-text-main);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:flex;position:relative}.BestiaryListRow__rank:before,.BestiaryListRow.ui-frame__rank:before{content:"";border:1px solid var(--status-blessed);width:100%;height:100%;display:block;position:absolute;top:0;left:0;rotate:45deg}
.BestiaryFilters{padding:calc(var(--spacing)*3)}.BestiaryFilters .tabs__panel{gap:calc(var(--spacing)*2);grid-template-columns:repeat(2,1fr);display:grid}.BestiaryFilters strong{color:inherit;font-weight:var(--font-regular)}
.BestiaryPanel{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.BestiaryPanel__footer{align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-sm);background:linear-gradient(180deg, var(--ui-surface-raised), var(--ui-surface));padding:calc(var(--spacing)*3);color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--lh-sm);box-shadow:inset 0 1px 0 var(--ui-shadow-inner);display:flex}.BestiaryPanel__footer i{color:var(--ui-accent)}
.ShopPanel{min-height:calc(var(--spacing)*92);border-radius:var(--radius-sm);padding:calc(var(--spacing)*4);background:linear-gradient(180deg, #03040533, #030405e6),radial-gradient(circle at 76% 26%, #8a73503d, transparent 28%),repeating-linear-gradient(90deg, #fff0c806 0 1px, transparent 1px 24px),var(--ui-surface-deep);flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.ShopPanel__content{justify-content:center;align-items:center;gap:calc(var(--spacing)*6);text-align:center;flex-direction:column;flex:1;display:flex}.ShopPanel__title{max-width:18rem;color:var(--ui-text-main);font-family:var(--font-title);font-size:var(--text-xl);font-weight:var(--font-regular);letter-spacing:var(--tracking-button);line-height:var(--lh-xl);margin:0}.ShopPanel__unlock{gap:calc(var(--spacing)*3);border-radius:var(--radius-sm);max-width:18rem;padding:calc(var(--spacing)*4);text-align:left;background:#030405c7;display:flex}.ShopPanel__unlock>i{color:var(--ui-text-soft);font-size:var(--text-xl)}.ShopPanel__unlock p{margin:calc(var(--spacing)*1) 0 0;color:var(--ui-text-soft);font-size:var(--text-sm);line-height:var(--lh-sm)}.ShopPanel__unlockTitle{color:var(--ui-text-main)}.ShopPanel__action{border-radius:var(--radius-sm);width:100%}
.SaveExportPanel{gap:calc(var(--spacing)*5);width:100%;height:100%;min-height:0;padding:calc(var(--spacing)*4);font-family:var(--font-body);flex-direction:column;margin-inline:auto;display:flex;position:relative;overflow-y:auto}.SaveExportPanel__section{gap:calc(var(--spacing)*3);display:grid}.SaveExportPanel__sectionHeading{align-items:center;gap:calc(var(--spacing)*2);font-family:var(--font-title);letter-spacing:var(--tracking-button);color:var(--ui-accent);font-size:var(--text-md);font-weight:var(--font-regular);line-height:var(--lh-md);margin:0;display:flex}.SaveExportPanel__sectionHeading i{width:calc(var(--spacing)*6);color:var(--ui-accent);text-align:center}.SaveExportPanel__accountCard,.SaveExportPanel__statusGrid,.SaveExportPanel__ribbon,.SaveExportPanel__syncCard,.SaveExportPanel__note{border-radius:var(--radius-md);background:radial-gradient(circle, var(--ui-surface-raised), transparent, var(--ui-surface), var(--ui-surface-deep));padding-block:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*3);box-shadow:inset 0 1px 0 var(--ui-shadow-inner),inset 0 1px 0 var(--ui-accent-glow),inset 0 -1px 0 var(--ui-shadow-inner),0 4px 12px var(--ui-shadow-soft),0 4px 12px var(--ui-shadow-soft)}.SaveExportPanel__accountCard{gap:calc(var(--spacing)*3);display:grid}.SaveExportPanel__accountMain{align-items:center;gap:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*3);border-bottom:1px solid var(--ui-border-dark);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.SaveExportPanel__iconBox{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14);border-radius:var(--radius-md);background:var(--ui-surface-deep);border:1px solid var(--ui-border-dark);color:var(--ui-text-main);font-size:var(--text-2xl);place-items:center;display:grid}.SaveExportPanel__copy{min-width:0}.SaveExportPanel__copy h3{color:var(--ui-text-main);font-family:var(--font-title);font-size:var(--text-sm);font-weight:var(--font-regular);letter-spacing:var(--tracking-button);line-height:var(--lh-sm);margin:0}.SaveExportPanel__copy p{margin:calc(var(--spacing)*1) 0 0;color:var(--ui-text-soft);font-size:var(--text-xs);line-height:var(--lh-xs)}.SaveExportPanel__button.ui-button{min-width:calc(var(--spacing)*26);min-height:calc(var(--spacing)*8);border-color:var(--ui-accent);border-radius:var(--radius-sm);color:var(--ui-text-main);font-size:var(--text-xs);white-space:nowrap}.SaveExportPanel__button--green.ui-button{border-color:var(--status-hp-alt);color:var(--status-hp-alt)}.SaveExportPanel__button.ui-button:disabled{background:var(--ui-surface-deeper);box-shadow:none;color:var(--ui-accent);opacity:.65;border-color:currentColor}.SaveExportPanel__button--green.ui-button:disabled{color:var(--status-hp-alt)}.SaveExportPanel__accountHint{align-items:center;gap:calc(var(--spacing)*2);color:var(--ui-text-soft);font-size:var(--text-xs);line-height:var(--lh-xs);display:flex}.SaveExportPanel__accountHint i{width:calc(var(--spacing)*6);color:var(--ui-text-muted);font-size:var(--text-xl);text-align:center;flex:none}.SaveExportPanel__warning{color:var(--status-blessed);font-size:var(--text-sm);line-height:var(--lh-sm);margin:0}.SaveExportPanel__linkedEmail,.SaveExportPanel__emailStatus{color:var(--status-hp-alt);font-size:var(--text-sm);line-height:var(--lh-sm);margin:0}.SaveExportPanel__dialogBackdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:fixed;inset:0}.SaveExportPanel__dialogPositioner{z-index:81;padding:calc(var(--spacing)*4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.SaveExportPanel__dialog.ui-panel{gap:calc(var(--spacing)*3);border-radius:var(--radius-md);width:min(100%,360px);padding:calc(var(--spacing)*5);animation:.15s ease-out SaveExportPanel-dialog-in;display:grid;position:relative}.SaveExportPanel__dialogTitle{color:var(--ui-accent);font-family:var(--font-title);font-size:var(--text-lg);letter-spacing:var(--tracking-button);line-height:var(--lh-lg);margin:0}.SaveExportPanel__dialogDescription{color:var(--ui-text-soft);font-size:var(--text-sm);line-height:var(--lh-sm);margin:0}.SaveExportPanel__dialogForm{gap:calc(var(--spacing)*3);display:grid}.SaveExportPanel__dialogForm input{border:1px solid var(--ui-border-dark);border-radius:var(--radius-sm);background:var(--ui-surface-deep);min-width:0;color:var(--ui-text-main);font-family:var(--font-body);font-size:var(--text-sm);min-height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*3)}.SaveExportPanel__dialogForm input::placeholder{color:var(--ui-text-muted)}.SaveExportPanel__pinInput{gap:calc(var(--spacing)*2);display:grid}.SaveExportPanel__pinInputControl{gap:calc(var(--spacing)*1);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.SaveExportPanel__pinInputField{text-align:center}.SaveExportPanel__dialogActions{gap:calc(var(--spacing)*2);flex-wrap:wrap;justify-content:space-between;display:flex}.SaveExportPanel__dialogActions--cloud{justify-content:flex-end}.SaveExportPanel__dialogActions--cloud[data-mode=conflict]{justify-content:space-between}.SaveExportPanel__textButton{width:max-content;color:var(--ui-text-main);cursor:pointer;font-family:var(--font-title);font-size:var(--text-sm);text-align:left;background:0 0;border:0;padding:0}.SaveExportPanel__textButton:disabled{cursor:wait;opacity:.65}.SaveExportPanel__textButton.close-btn.ui-button{height:calc(var(--spacing)*9);width:calc(var(--spacing)*9);min-height:unset;box-shadow:none;border-radius:var(--radius-sm);top:calc(var(--spacing)*1);right:calc(var(--spacing)*1);background:0 0;border-color:#0000;position:absolute}@keyframes SaveExportPanel-dialog-in{0%{opacity:0;transform:scale(.95) translateY(calc(var(--spacing) * 2))}to{opacity:1;transform:scale(1)translateY(0)}}.SaveExportPanel__statusGrid{gap:calc(var(--spacing)*2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.SaveExportPanel__statusCard{gap:calc(var(--spacing)*1);padding:calc(var(--spacing)*3);background:var(--ui-surface-deep);border-radius:var(--radius-md);border:1px solid var(--ui-border-dark);display:grid}.SaveExportPanel__statusCard[data-tone=local]{--SaveExportPanel-tone:var(--status-hp-alt)}.SaveExportPanel__statusCard[data-tone=cloud]{--SaveExportPanel-tone:var(--ui-accent)}.SaveExportPanel__statusCard>span{margin-top:calc(var(--spacing)*1);color:var(--ui-text-soft);font-size:var(--text-xs);line-height:var(--lh-xs)}.SaveExportPanel__statusCard strong{color:var(--SaveExportPanel-tone);font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--lh-sm)}.SaveExportPanel__statusCardHeader{align-items:center;gap:calc(var(--spacing)*2);display:flex}.SaveExportPanel__statusCardHeader i{color:var(--SaveExportPanel-tone);font-size:var(--text-xl);flex:none}.SaveExportPanel__statusCardHeader h3{color:var(--ui-text-main);font-family:var(--font-title);font-size:var(--text-sm);font-weight:var(--font-regular);letter-spacing:var(--tracking-button);line-height:var(--lh-sm);margin:0}.SaveExportPanel__statusCardHeader h3 small{color:var(--ui-text-soft);font-size:var(--text-xs)}.SaveExportPanel__ribbon,.SaveExportPanel__note{align-items:flex-start;gap:calc(var(--spacing)*3);border-radius:var(--radius-md);color:var(--ui-text-soft);font-size:var(--text-xs);line-height:var(--lh-xs);margin:0;display:flex}.SaveExportPanel__ribbon i,.SaveExportPanel__note i{color:var(--ui-accent);font-size:var(--text-lg);line-height:var(--lh-sm);flex:none}.SaveExportPanel__syncCard{gap:calc(var(--spacing)*3);display:grid;overflow:hidden}.SaveExportPanel__syncRow{align-items:flex-start;gap:calc(var(--spacing)*3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.SaveExportPanel__syncRow[data-tone=local]{--SaveExportPanel-tone:var(--status-hp-alt)}.SaveExportPanel__syncRow[data-tone=cloud]{--SaveExportPanel-tone:var(--ui-accent);border-top:1px solid var(--ui-border-dark);padding-top:calc(var(--spacing)*3)}.SaveExportPanel__syncRow>i{width:calc(var(--spacing)*10);color:var(--SaveExportPanel-tone);font-size:calc(var(--spacing)*8);text-align:center}.SaveExportPanel__syncRow .SaveExportPanel__copy h3{color:var(--SaveExportPanel-tone)}.SaveExportPanel__lockRow{gap:calc(var(--spacing)*3);border-top:1px solid var(--ui-border-dark);color:var(--ui-text-soft);font-size:var(--text-sm);line-height:var(--lh-sm);padding-top:calc(var(--spacing)*3);grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;display:grid}.SaveExportPanel__lockRow i{width:calc(var(--spacing)*8);color:var(--ui-accent);font-size:var(--text-lg);text-align:center}.SaveExportPanel__lockRow button{color:var(--ui-accent);cursor:not-allowed;font-family:var(--font-title);font-size:var(--text-sm);opacity:1;text-align:right;text-transform:none;white-space:nowrap;background:0 0;border:0;padding:0}
.ProfileTitleCard.ui-button{justify-content:flex-start;align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-md);color:var(--ui-text-main);font-family:var(--font-title);text-align:center;min-height:calc(var(--spacing)*26);border-color:var(--ui-border-dark);padding:calc(var(--spacing)*4);box-shadow:inset 0 1px 0 var(--ui-shadow-inner);background:linear-gradient(135deg, #0000 0%, color-mix(in srgb, var(--ui-surface-deep) 90%, transparent) 60%);flex-direction:column;display:flex;position:relative}.ProfileTitleCard[data-selected=true]{border-color:var(--ui-border-active);background:linear-gradient(135deg, color-mix(in srgb, currentColor 10%, transparent) 0%, color-mix(in srgb, var(--ui-surface-raised) 90%, transparent) 60%);box-shadow:inset 0 1px 0 var(--ui-shadow-inner),0 0 12px var(--ui-accent-glow)}.ProfileTitleCard[data-locked=true]{color:var(--ui-text-muted);background:var(--ui-surface-raised)}.ProfileTitleCard__name{color:var(--ui-text-main);font-size:var(--text-xs);line-height:var(--lh-xs);font-family:var(--font-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ProfileTitleCard__requirement{color:var(--ui-text-muted);font-family:var(--font-body);font-size:.625rem;line-height:var(--lh-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ProfileTitleCard__check,.ProfileTitleCard__lock{bottom:calc(var(--spacing)*-3);width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);border-radius:var(--radius-pill);background:var(--ui-surface-deep);color:var(--ui-accent);font-size:var(--text-xs);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}.ProfileTitleCard[data-selected=true] .ProfileTitleCard__check{background:var(--ui-surface);border:1px solid var(--ui-border-active)}.ProfileTitleCard[data-locked=true] .ProfileTitleCard__lock{background:var(--ui-surface-raised);border:1px solid var(--ui-border-dark)}
.ProfilePanel{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.ProfilePanel__body{z-index:1;min-height:0;padding:calc(var(--spacing)*3);gap:calc(var(--spacing)*4);flex-direction:column;flex:auto;display:flex;position:relative;overflow-y:auto}.ProfilePanel__footer{z-index:10;justify-content:space-between;align-items:flex-start;gap:var(--spacing);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);background:linear-gradient(180deg, var(--ui-surface-raised), var(--ui-surface));border-top:1px solid var(--ui-border-dark);display:flex;position:sticky;bottom:0}.ProfilePanel__footer .ui-button{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);display:flex}.ProfilePanel__hero{gap:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);align-items:center;display:flex}.ProfilePanel__hero__avatar{border-radius:var(--radius-pill);color:var(--ui-accent);outline:1px solid var(--ui-border);outline-offset:1px;width:min(100%,var(--spacing)*20);aspect-ratio:1;height:auto;position:relative;overflow:hidden;border-color:var(--ui-border-dark)!important}.ProfilePanel__hero__text{gap:calc(var(--spacing)*1);min-width:0;box-shadow:inset 0 -1px 0px var(--ui-accent-glow),inset 0 1px 0px var(--ui-accent-glow);padding-block:calc(var(--spacing)*3);flex-direction:column;flex:1;align-self:center;display:flex;position:relative}.ProfilePanel__hero__text p{padding-inline:calc(var(--spacing)*3);text-overflow:ellipsis;white-space:nowrap;color:var(--ui-accent);font-family:var(--font-title);font-size:var(--text-xs);line-height:var(--lh-sm);text-transform:uppercase;margin:0;overflow:hidden}.ProfilePanel__input-wrap{align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);display:flex}.ProfilePanel__input-wrap[data-is-editing=true]{background:var(--ui-surface-raised)}.ProfilePanel__input-wrap input{min-width:0;color:var(--ui-text-main);font-size:var(--text-xl);background:0 0;border:0;outline:none;flex:1}.ProfilePanel__input-wrap button{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8);cursor:pointer;color:var(--ui-accent);font-size:var(--text-md);justify-content:center;align-items:center;display:flex}.ProfilePanel__input-wrap button:hover{color:var(--ui-text-main)}.ProfilePanel__section{gap:calc(var(--spacing)*3);border-radius:var(--radius-md);background:radial-gradient(circle, var(--ui-surface-raised), transparent, var(--ui-surface), var(--ui-surface-deep));padding-block:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*3);box-shadow:inset 0 1px 0 var(--ui-shadow-inner),inset 0 1px 0 var(--ui-accent-glow),inset 0 -1px 0 var(--ui-shadow-inner),0 4px 12px var(--ui-shadow-soft),0 4px 12px var(--ui-shadow-soft);display:grid}.ProfilePanel__section__header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);display:flex}.ProfilePanel__section__header h3{color:var(--ui-accent);font-size:var(--text-md);font-weight:var(--font-regular);line-height:var(--lh-md);margin:0}.ProfilePanel__section__header span{color:var(--ui-text-muted);font-family:var(--font-title);font-size:var(--text-xs);line-height:var(--lh-xs)}.ProfilePanel__section__body{gap:calc(var(--spacing)*2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ProfilePanel__section__footer.ui-button{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);min-height:unset;padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);font-size:var(--text-sm);display:flex}.ProfilePanel__identity-grid{column-gap:calc(var(--spacing)*6);row-gap:calc(var(--spacing)*2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ProfilePanel__stat{flex-direction:column;display:flex}.ProfilePanel__stat span{color:var(--ui-text-muted);font-family:var(--font-title);font-size:var(--text-xs)}.ProfilePanel__stat strong{color:var(--ui-text-main);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--font-regular);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ProfilePanel__account{flex-direction:column;display:flex}.ProfilePanel__account button{background:var(--ui-surface);justify-content:flex-end;align-items:center;gap:calc(var(--spacing)*3);font-size:var(--text-xs);padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);box-shadow:inset 0 1px 0 var(--ui-accent-glow);display:flex}.ProfilePanel__account button:last-of-type{box-shadow:inset 0 1px 0 var(--ui-accent-glow),inset 0 -1px 0 var(--ui-accent-glow);background:0 0}.ProfilePanel__account button[data-delete=true]{color:var(--ui-text-danger-light)}.ProfilePanel__account button div{align-items:center;gap:calc(var(--spacing)*2);margin-right:auto;display:flex}.ProfilePanel__account button div span{white-space:nowrap}.ProfilePanel__account button strong{font-size:var(--text-xs);font-weight:var(--font-regular);font-family:var(--font-body);color:var(--ui-text-soft);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.ProfilePanel__drawer-list{gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*4);grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:0;display:grid;overflow-y:auto}.ProfilePanel .BottomDrawer__panel{padding:0}
.ProfileAvatarCard.ui-button{justify-content:flex-start;align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-md);color:var(--ui-text-main);font-family:var(--font-title);text-align:center;min-height:calc(var(--spacing)*24);border-color:var(--ui-border-dark);padding:unset;box-shadow:inset 0 1px 0 var(--ui-shadow-inner);background:linear-gradient(135deg, #0000 0%, color-mix(in srgb, var(--ui-surface-deep) 90%, transparent) 60%);flex-direction:column;display:flex;position:relative}.ProfileAvatarCard[data-selected=true]{border-color:var(--ui-border-active);background:linear-gradient(135deg, color-mix(in srgb, currentColor 10%, transparent) 0%, color-mix(in srgb, var(--ui-surface-raised) 90%, transparent) 60%);box-shadow:inset 0 1px 0 var(--ui-shadow-inner),0 0 12px var(--ui-accent-glow)}.ProfileAvatarCard[data-locked=true]{color:var(--ui-text-muted);background:var(--ui-surface-raised)}.ProfileAvatarCard[data-locked=true] .ProfileAvatarCard__image{opacity:.42}.ProfileAvatarCard__image{position:absolute;inset:0}.ProfileAvatarCard__requirement{z-index:1;padding:calc(var(--spacing)*2);background:linear-gradient(180deg, transparent, var(--ui-surface-deep));color:var(--ui-text-muted);font-family:var(--font-body);font-size:.625rem;line-height:var(--lh-xs);position:absolute;bottom:0;left:0;right:0}.ProfileAvatarCard__check,.ProfileAvatarCard__lock{bottom:calc(var(--spacing)*-3);width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);border-radius:var(--radius-pill);background:var(--ui-surface-deep);color:var(--ui-accent);font-size:var(--text-xs);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}.ProfileAvatarCard[data-selected=true] .ProfileAvatarCard__check{background:var(--ui-surface);border:1px solid var(--ui-border-active)}.ProfileAvatarCard[data-locked=true] .ProfileAvatarCard__lock{background:var(--ui-surface-raised);border:1px solid var(--ui-border-dark);color:var(--ui-text-muted)}