.roll-tracker{min-height:100vh;width:100%;max-width:var(--container-width);padding:var(--spacing-2xl) var(--spacing-md);margin:0 auto}.roll-tracker__header{margin-bottom:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.roll-tracker__title{font-size:var(--font-size-fluid-h1);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-heading)}.roll-tracker__actions{display:flex;gap:var(--spacing-md)}.roll-tracker__button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);background-color:var(--color-primary);color:var(--color-text-light);border:none;font-weight:var(--font-weight-semibold);transition:all var(--transition-duration) ease;cursor:pointer}.roll-tracker__button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.roll-tracker__button:active{transform:translateY(0)}.roll-tracker__content{display:flex;gap:var(--spacing-xl)}@media (max-width: 768px){.roll-tracker__content{flex-direction:column}}.roll-tracker__left-column{flex-direction:column;gap:var(--spacing-lg);max-width:320px;overflow-y:auto;max-height:100vh;position:relative;scrollbar-width:none;-ms-overflow-style:none}.roll-tracker__left-column::-webkit-scrollbar{display:none}@media (max-width: 1024px){.roll-tracker__left-column{max-width:100%}}.roll-tracker__right-column{flex:3;display:flex;flex-direction:column;gap:var(--spacing-xl)}.roll-tracker__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media (max-width: 768px){.roll-tracker__stats{grid-template-columns:1fr;gap:var(--spacing-lg)}}.roll-tracker__featured-card,.roll-tracker__rating-card{background:var(--color-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:var(--border-width) solid var(--color-border);overflow:hidden;transition:transform var(--transition-duration) ease,box-shadow var(--transition-duration) ease}.roll-tracker__featured-card:hover,.roll-tracker__rating-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.roll-tracker__featured-card{position:relative}.roll-tracker__card-title{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-header-bg);background-image:var(--tableHeaderBgUrl, url(/table-header-bg.png));background-position:100% 0px;background-repeat:no-repeat;border-bottom:var(--border-width) solid var(--color-border);height:48px}.roll-tracker__card-title .title-container{display:flex;align-items:center;gap:var(--spacing-sm)}.roll-tracker__card-title .table-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-heading);margin:0}.roll-tracker__card-title .header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.roll-tracker__card-content{padding:var(--spacing-lg)}.roll-tracker__card-nav{display:flex;gap:var(--spacing-xs)}.roll-tracker__nav-button{background:var(--color-muted-light);border:none;color:var(--color-heading);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-duration) ease}.roll-tracker__nav-button:hover{background-color:var(--color-primary);color:var(--color-text-light)}.roll-tracker__stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.roll-tracker__stat-box{text-align:center;padding:18px var(--spacing-md);border-radius:var(--border-radius);background:#63b3ed14}.roll-tracker__stat-box--star5{background:linear-gradient(to right,#ffd70026,#ffd7000d);border-left:3px solid var(--color-star-5)}.roll-tracker__stat-box--star4{background:linear-gradient(to right,#c983ed26,#c983ed0d);border-left:3px solid var(--color-star-4)}.roll-tracker__stat-value{display:flex;align-items:center;gap:8px;font-size:var(--font-size-fluid-lg);font-weight:600;color:#333}.roll-tracker__stat-value img{object-fit:contain;vertical-align:middle}.roll-tracker__stat-label{display:flex;align-items:center;gap:0px;font-size:14px;color:#666;margin-bottom:4px;text-align:left}.roll-tracker__stat-label img{object-fit:contain;vertical-align:middle}.roll-tracker__star-4{color:var(--color-star-4)}.roll-tracker__star-5{color:var(--color-star-5-text)}.roll-tracker__tracker-link{text-align:right;margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);position:absolute;bottom:var(--spacing-sm);right:var(--spacing-md)}.roll-tracker__stat-group{position:relative;margin-bottom:var(--spacing-lg)}.roll-tracker__stat-group:last-child{margin-bottom:0}.roll-tracker__stat-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.roll-tracker__stat-name{font-size:var(--font-size-sm);color:var(--color-heading);font-weight:var(--font-weight-medium)}.roll-tracker__progress-bar{height:6px;background-color:var(--color-muted-light);border-radius:3px;margin-bottom:var(--spacing-xs);overflow:hidden}.roll-tracker__progress{height:100%;border-radius:3px}.roll-tracker__progress--average,.roll-tracker__progress--ratio,.roll-tracker__progress--rate-up{background-color:var(--color-star-4)}.roll-tracker__stat-indicator{font-size:var(--font-size-xs);position:absolute;right:0;bottom:-18px}.roll-tracker__stat-indicator--bottom,.roll-tracker__stat-indicator--top{color:var(--color-star-4)}.pull-history{background:var(--color-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:var(--border-width) solid var(--color-border);overflow:hidden}.pull-history__header{padding:var(--spacing-lg) var(--spacing-xl)}.pull-history__title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.pull-history__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-heading);margin:0}.pull-history__domain{color:var(--color-primary);font-weight:var(--font-weight-medium)}.pull-history__toolbar{display:flex;justify-content:space-between;align-items:center}.pull-history__search{position:relative;width:300px}@media (max-width: 768px){.pull-history__search{width:100%;max-width:300px}}.pull-history__search-input{width:100%;padding:var(--spacing-sm) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 20px);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);font-size:var(--font-size-sm)}.pull-history__search-input:focus{outline:none;border-color:var(--color-primary)}.pull-history__actions{display:flex;gap:var(--spacing-sm)}.pull-history__action-btn,.pull-history__star-icon{display:none}.pull-history__table-container{overflow-x:auto}.pull-history__table{width:100%;border-collapse:collapse}.pull-history__table th,.pull-history__table td{text-align:left;padding:var(--spacing-md) var(--spacing-lg)}.pull-history__table th{font-weight:var(--font-weight-semibold);color:var(--color-heading);background-color:var(--color-header-bg);border-bottom:var(--border-width) solid var(--color-border)}.pull-history__table tr{border-bottom:var(--border-width) solid var(--color-border)}.pull-history__table tr:last-child{border-bottom:none}.pull-history__table tr:hover{background-color:var(--color-header-bg)}.pull-history__item{display:flex;align-items:center;gap:var(--spacing-sm)}.pull-history__item-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.pull-history__item-icon--rarity-5{background-color:var(--color-star-5)}.pull-history__item-icon--rarity-4{background-color:var(--color-star-4)}.pull-history__item-icon--rarity-3{background-color:var(--color-star-3)}.pull-history__item-image{width:100%;height:100%;object-fit:cover}.pull-history__pity{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-weight:var(--font-weight-bold);border-radius:var(--border-radius);color:var(--color-text-light);width:40px;text-align:center}.pull-history__pity--low{background-color:var(--color-pity-low)}.pull-history__pity--medium{background-color:var(--color-pity-medium)}.pull-history__pity--high{background-color:var(--color-pity-high)}.pull-history__item-name{font-weight:var(--font-weight-semibold)}.pull-history__item-name--rarity-5{color:var(--color-star-5-text)}.pull-history__item-name--rarity-4{color:var(--color-star-4)}.pull-history__item-name--rarity-3{color:var(--color-star-3)}.pull-history__pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);border-top:var(--border-width) solid var(--color-border)}.pull-history__rows-per-page{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-muted)}.pull-history__select{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);background-color:var(--color-bg);font-size:var(--font-size-sm)}.pull-history__select:focus{outline:none;border-color:var(--color-primary)}.pull-history__page-info{font-size:var(--font-size-sm);color:var(--color-muted)}.pull-history__page-controls{display:flex;gap:var(--spacing-xs)}.pull-history__page-btn{width:32px;height:32px;border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;cursor:pointer}.pull-history__page-btn:hover{background-color:var(--color-header-bg)}.pull-history__page-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.roll-tracker{padding:var(--spacing-lg)}.roll-tracker__actions{flex-direction:column}.roll-tracker__button{width:100%}.roll-tracker__stats-grid{grid-template-columns:1fr}.roll-tracker__card-content{padding:var(--spacing-md)}.pull-history__title-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.pull-history__toolbar{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.pull-history__actions{align-self:flex-end}.pull-history__pagination{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.pull-history__pagination>div{width:100%}.pull-history__pagination__page-controls{align-self:center}.banner{padding:var(--spacing-md);width:100%}}.pull-history__row{border-bottom:var(--border-width) solid var(--color-border)}.pull-history__row:last-child{border-bottom:none}.pull-history__row:hover{background-color:var(--color-header-bg)}.pull-history__row--skeleton{animation:pulse 1.5s ease-in-out infinite}.pull-history__skeleton-text{height:16px;background-color:var(--color-header-bg);border-radius:4px}.pull-history__item-icon--skeleton{width:30px;height:30px;background-color:var(--color-header-bg);border-radius:50%}.pull-history__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background-color:var(--color-bg);border-radius:var(--border-radius);color:var(--color-error)}.pull-history__error svg{width:48px;height:48px;margin-bottom:var(--spacing-md)}.pull-history__error-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0;text-align:center}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.recent-convenes{background:var(--color-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:var(--border-width) solid var(--color-border);overflow:hidden;padding:var(--spacing-lg)}.recent-convenes__header{margin-bottom:var(--spacing-lg)}.recent-convenes__title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.recent-convenes__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-heading);margin:0}.recent-convenes__actions{display:flex;gap:var(--spacing-sm);align-items:center;margin-left:auto;padding-left:var(--spacing-md)}.recent-convenes__domain{color:var(--color-primary);font-weight:var(--font-weight-medium)}.recent-convenes__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md) 0}@media (max-width: 768px){.recent-convenes__list{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--spacing-md)}}.recent-convenes__user{position:relative;text-align:center;cursor:pointer;transition:transform var(--transition-duration) ease;display:flex;flex-direction:column;align-items:center}.recent-convenes__user:hover{transform:translateY(-2px)}.recent-convenes__avatar{position:relative;width:70px;height:70px;margin-bottom:var(--spacing-sm)}.recent-convenes__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}@media (max-width: 768px){.recent-convenes__avatar{width:60px;height:60px}}.recent-convenes__avatar--skeleton{background-color:var(--color-header-bg);animation:pulse 1.5s ease-in-out infinite}.recent-convenes__rating{position:absolute;bottom:0;right:0;background:var(--color-primary);color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:100%}.recent-convenes__rating--low{background:var(--color-pity-low)}.recent-convenes__rating--medium{background:var(--color-pity-medium)}.recent-convenes__rating--high{background:var(--color-pity-high)}.recent-convenes__info{width:100%;text-align:center}.recent-convenes__name{font-size:var(--font-size-sm);color:var(--color-heading);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-convenes__skeleton-text{height:16px;background-color:var(--color-header-bg);border-radius:4px;animation:pulse 1.5s ease-in-out infinite}.recent-convenes__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-error)}.recent-convenes__error svg{width:48px;height:48px;margin-bottom:var(--spacing-md)}.recent-convenes__error-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0;text-align:center}@media (max-width: 768px){.recent-convenes{padding:var(--spacing-md)}.recent-convenes__title-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.recent-convenes__actions{margin-left:0;padding-left:0;border-left:none;margin-top:var(--spacing-sm);width:100%;justify-content:flex-end}.recent-convenes__title{font-size:var(--font-size-xl)}.recent-convenes__user{min-width:60px}.recent-convenes__avatar{width:60px;height:60px}}.ww-star-filter-btn{background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);height:32px;padding:0 var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;position:relative;color:var(--color-heading);transition:all .2s ease;font-weight:var(--font-weight-medium)}.ww-star-filter-btn:hover{background-color:var(--color-header-bg)}.ww-star-filter-btn--active.ww-star-filter-btn--star4{background-color:var(--color-star-4);border-color:var(--color-star-4);color:var(--color-text-light)}.ww-star-filter-btn--active.ww-star-filter-btn--star4 .ww-star-filter-btn__icon{color:var(--color-text-light)}.ww-star-filter-btn--active.ww-star-filter-btn--star4:hover{background-color:#c983edcc}.ww-star-filter-btn--active.ww-star-filter-btn--star5{background-color:var(--color-star-5);border-color:var(--color-star-5);color:var(--color-text)}.ww-star-filter-btn--active.ww-star-filter-btn--star5 .ww-star-filter-btn__icon{color:var(--color-text)}.ww-star-filter-btn--active.ww-star-filter-btn--star5:hover{background-color:#ffd700cc}.ww-star-filter-btn__icon{font-size:var(--font-size-md);line-height:1}.ww-star-filter-btn__icon--star4{color:var(--color-star-4)}.ww-star-filter-btn__icon--star5{color:var(--color-star-5)}.roll-tracker__rating-card .roll-tracker__card-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.roll-tracker__luck-section--star5{border-left:3px solid var(--color-star-5);padding-left:var(--spacing-md)}.roll-tracker__luck-section--star4{border-left:3px solid var(--color-star-4);padding-left:var(--spacing-md)}.roll-tracker__luck-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-heading);margin-bottom:var(--spacing-md)}.roll-tracker__luck-title--star5{color:var(--color-star-5-text)}.roll-tracker__luck-title--star4{color:var(--color-star-4)}.roll-tracker__luck-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.roll-tracker__stat-group{margin-bottom:0;background:var(--color-header-bg);padding:var(--spacing-sm);border-radius:var(--border-radius)}.roll-tracker__stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.roll-tracker__stat-name{font-size:var(--font-size-sm);color:var(--color-text)}.roll-tracker__progress-bar,.roll-tracker__progress,.roll-tracker__stat-indicator{display:none}