*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #111318;--color-surface: #181b21;--color-sidebar: #16181e;--color-border: #2a2e36;--color-text: #ececec;--color-text-muted: #9aa3b2;--color-text-subtle: #6b7380;--color-accent: #6ea8fe;--color-accent-text: #8cb4ff;--color-accent-muted: #243044;--font-sans: system-ui, -apple-system, sans-serif;--radius-sm: .375rem;--radius-md: .5rem;--color-hover: color-mix(in srgb, var(--color-surface) 80%, white);--color-rarity-6: #ff7000;--color-rarity-5: #ffba03;--color-rarity-4: #c77dff}body{margin:0;font-family:var(--font-sans);line-height:1.5;color:var(--color-text);background-color:var(--color-bg)}h1,h2{margin:0}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__header{display:flex;align-items:center;gap:.625rem;padding:1rem 1.5rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.layout__logo{width:2rem;height:2rem;object-fit:contain;flex-shrink:0}.layout__title{font-size:1.25rem;font-weight:600}.layout__body{flex:1;display:flex;flex-direction:column}.layout__sidebar{padding:1rem 1.5rem;background-color:var(--color-sidebar);border-bottom:1px solid var(--color-border)}.layout__content{flex:1;min-width:0;min-height:0;padding:1.5rem;display:flex;flex-direction:column}.navigation-root{display:flex;flex-direction:column;gap:.25rem}.navigation{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.navigation__divider{width:auto;height:1px;margin:.5rem .75rem;border:none;background-color:var(--color-border)}.navigation__group-label{margin:0;padding:.25rem .75rem .125rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--color-text-subtle);white-space:nowrap}.navigation__link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;white-space:nowrap}.navigation__icon{width:1.7rem;height:1.7rem;object-fit:contain;flex-shrink:0}.navigation__link:hover{background-color:var(--color-hover)}.navigation__link--active{background-color:var(--color-accent-muted);color:var(--color-accent-text);font-weight:500}.accounts-page{display:flex;flex-direction:column;gap:1rem}.account-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem}.account-list>li{display:flex;min-width:0}.account-list .account-card{flex:1}.account-card{padding:1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem}.account-card h3{margin:0;font-size:1.125rem}.account-card p{margin:0}.account-card__stats{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.account-card__stats div{display:flex;flex-direction:column;gap:.125rem}.account-card__stats dt{margin:0;font-size:.75rem;color:var(--color-text-muted)}.account-card__stats dd{margin:0;font-weight:600}.account-card__collection-label{font-size:.875rem;font-weight:600}.account-card__collection-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem 1.25rem}.account-card__collection--6{color:var(--color-rarity-6);font-weight:650}.account-card__collection--5{color:var(--color-rarity-5);font-weight:650}.account-card__collection--4{color:var(--color-rarity-4);font-weight:650}.account-card--selected{border-color:var(--color-accent);background-color:var(--color-accent-muted)}.banner-catalog-page{display:flex;flex-direction:column;gap:1rem;flex:1;min-width:0;min-height:0}.banner-catalog-page p{margin:0}.banner-carousel{--banner-card-basis: min(90rem, 100%);--carousel-control-size: 2.75rem;--carousel-control-inset: .75rem;position:relative;isolation:isolate;display:flex;align-items:center;flex:1;min-width:0;min-height:0}.banner-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:safe center;gap:.75rem;flex:1;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.banner-list::-webkit-scrollbar{display:none}.banner-list>li{flex:0 0 var(--banner-card-basis);scroll-snap-align:start}.banner-card{padding:1.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.75rem}.banner-card-link{display:block;color:inherit;text-decoration:none}.banner-card-link:hover .banner-card{border-color:var(--color-accent)}.banner-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.banner-card h3{margin:0;font-size:1.125rem;min-width:0}.banner-card__pulls{margin:0;flex-shrink:0;padding:.2rem .75rem;border-radius:999px;background-color:var(--color-accent-muted);color:var(--color-text);font-size:.75rem}.banner-card__pulls strong{font-weight:650}.banner-card__art{width:100%;aspect-ratio:16 / 9;height:auto;object-fit:cover;border-radius:var(--radius-sm)}.banner-card__featured{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem 1.25rem}.banner-card__featured li{display:flex;align-items:center;gap:.5rem}.banner-card__featured--6{color:var(--color-rarity-6);font-weight:650}.banner-card__featured-img{width:1.75rem;height:1.75rem;object-fit:cover;border-radius:.25rem}.account-card button,.accounts-page button,.banner-catalog-page button,.pull-history-page button{align-self:flex-start;padding:.4rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);cursor:pointer}.account-card button:hover,.accounts-page button:hover,.banner-catalog-page button:hover,.pull-history-page button:hover:not(:disabled){background-color:var(--color-hover)}.banner-catalog-page .banner-carousel__control{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--carousel-control-size);height:var(--carousel-control-size);padding:0;border:1px solid color-mix(in srgb,var(--color-accent) 55%,white);border-radius:999px;background-color:var(--color-accent);color:var(--color-bg);cursor:pointer;transform:translateY(-50%);box-shadow:0 8px 24px color-mix(in srgb,var(--color-bg) 55%,transparent)}.banner-catalog-page .banner-carousel__control:hover{background-color:var(--color-accent-text)}.banner-carousel__control--prev{left:var(--carousel-control-inset)}.banner-carousel__control--next{right:1.75rem}.banner-carousel__control svg{width:1.25rem;height:1.25rem}.pull-history-page button:disabled{cursor:not-allowed;opacity:.6}.pull-pagination__controls{display:flex;align-items:center;gap:.75rem}.pull-history-page{display:flex;flex-direction:column;gap:1rem}.pull-history-page p{margin:0}.pull-table-wrap{overflow-x:auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.pull-table__filter{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.625rem .75rem;border-bottom:1px solid var(--color-border)}.pull-table__filter-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.pull-table__filter-count{font-size:.8rem;color:var(--color-text-subtle)}.pull-history-page .pull-table__filter-chip{padding:.28rem .55rem;font-weight:650;font-size:.8125rem}.pull-history-page .pull-table__filter-chip--6.pull-table__filter-chip--on{color:var(--color-rarity-6);border-color:var(--color-rarity-6);background-color:color-mix(in srgb,var(--color-rarity-6) 18%,var(--color-surface))}.pull-history-page .pull-table__filter-chip--5.pull-table__filter-chip--on{color:var(--color-rarity-5);border-color:var(--color-rarity-5);background-color:color-mix(in srgb,var(--color-rarity-5) 18%,var(--color-surface))}.pull-history-page .pull-table__filter-chip--4.pull-table__filter-chip--on{color:var(--color-rarity-4);border-color:var(--color-rarity-4);background-color:color-mix(in srgb,var(--color-rarity-4) 18%,var(--color-surface))}.pull-history-page .pull-table__filter-chip--6.pull-table__filter-chip--off{color:color-mix(in srgb,var(--color-rarity-6) 45%,var(--color-text-subtle));border-color:var(--color-border);background-color:transparent}.pull-history-page .pull-table__filter-chip--5.pull-table__filter-chip--off{color:color-mix(in srgb,var(--color-rarity-5) 45%,var(--color-text-subtle));border-color:var(--color-border);background-color:transparent}.pull-history-page .pull-table__filter-chip--4.pull-table__filter-chip--off{color:color-mix(in srgb,var(--color-rarity-4) 45%,var(--color-text-subtle));border-color:var(--color-border);background-color:transparent}.pull-history-page .pull-table__filter-chip.pull-table__filter-chip--off:hover{background-color:transparent}.pull-history-page .pull-table__filter-chip--6.pull-table__filter-chip--on:hover{background-color:color-mix(in srgb,var(--color-rarity-6) 24%,var(--color-surface))}.pull-history-page .pull-table__filter-chip--5.pull-table__filter-chip--on:hover{background-color:color-mix(in srgb,var(--color-rarity-5) 24%,var(--color-surface))}.pull-history-page .pull-table__filter-chip--4.pull-table__filter-chip--on:hover{background-color:color-mix(in srgb,var(--color-rarity-4) 24%,var(--color-surface))}.pull-history-page .pull-table__filter-chip[aria-disabled=true]{cursor:not-allowed}.pull-history-page .pull-table__filter-chip[aria-disabled=true]:hover{background-color:color-mix(in srgb,currentColor 18%,var(--color-surface))}.pull-table{width:100%;border-collapse:collapse;font-size:.9375rem}.pull-table th,.pull-table td{padding:.625rem .75rem;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.pull-table th{font-size:.75rem;font-weight:600;color:var(--color-text-muted);background-color:var(--color-bg)}.pull-table tr:last-child td{border-bottom:none}.pull-table__item{display:flex;align-items:center;gap:.5rem}.pull-table__item-img{width:3rem;height:3rem;object-fit:cover;border-radius:50%;flex-shrink:0;border:2px solid var(--color-border)}.pull-table__item-img.pull-table__rarity--6{border-color:var(--color-rarity-6)}.pull-table__item-img.pull-table__rarity--5{border-color:var(--color-rarity-5)}.pull-table__badge{padding:.05rem .35rem;border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;letter-spacing:.04em}.pull-table__badge--new{background-color:var(--color-border);color:var(--color-text)}.pull-table__badge--free{background-color:var(--color-rarity-5);color:var(--color-bg)}.pull-table__rarity--6{color:var(--color-rarity-6);font-weight:650}.pull-table__rarity--5{color:var(--color-rarity-5);font-weight:650}@media(min-width:768px){.layout__body{flex-direction:row}.layout__sidebar{width:16rem;flex-shrink:0;border-bottom:none;border-right:1px solid var(--color-border)}}