:root{--background:oklch(16% .02 250);--background-deep:#0c0f14;--foreground:oklch(97% .005 250);--foreground-soft:#ffffffd9;--card:oklch(20% .015 250);--card-soft:#181f2b8f;--muted:oklch(65% .02 250);--border:oklch(30% .02 250/.6);--gold:oklch(74% .12 80);--gold-soft:oklch(55% .1 80/.5);--primary-foreground:oklch(16% .02 250);--destructive:oklch(62% .21 25);--stat-active:oklch(82% .18 220);--stat-inactive:oklch(30% .06 220);--radius:.5rem;--font-body:"Inter", system-ui, sans-serif;--font-display:"Cinzel", Georgia, serif;--font-magic:"Cinzel Decorative", "Cinzel", Georgia, serif;--shadow-gold:0 0 24px -4px color-mix(in oklab, var(--gold) 45%, transparent);--shadow-card:0 14px 40px -12px #000000b3}*{box-sizing:border-box}html{background:var(--background);color:var(--foreground)}body{background:radial-gradient(ellipse at top, oklch(22% .04 260/.5), transparent 60%), radial-gradient(ellipse at bottom, oklch(20% .05 280/.4), transparent 60%), var(--background);min-width:320px;min-height:100vh;color:var(--foreground);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;font-size:16px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.02em}select,input{border:1px solid color-mix(in oklab, var(--gold) 30%, transparent);background:var(--card);width:100%;color:var(--foreground);border-radius:.375rem;outline:none;transition:border-color .18s,box-shadow .18s}select:focus-visible,input:focus-visible{border-color:var(--gold);box-shadow:var(--shadow-gold)}option{background:var(--background-deep);color:var(--foreground)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:oklch(18% .02 250)}::-webkit-scrollbar-thumb{background:var(--gold-soft);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}#root{min-height:100vh}.screen-reader-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-main{min-height:100vh;padding-top:4rem}.navbar{z-index:50;border-bottom:1px solid color-mix(in oklab, var(--gold) 20%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0f14f2;height:4rem;position:fixed;inset:0 0 auto}.navbar__inner{justify-content:space-between;align-items:center;width:min(100% - 2rem,80rem);height:100%;margin:0 auto;display:flex}.brand-link{align-items:center;gap:.5rem;display:inline-flex}.brand-mark{object-fit:contain;width:2.25rem;height:2.25rem;transition:filter .18s;display:block}.brand-name{color:var(--gold);font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;font-size:.875rem;display:none}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-link{color:#fffc;letter-spacing:.2em;text-transform:uppercase;padding:.25rem .5rem;font-size:.75rem;transition:color .18s,text-shadow .18s}.nav-link:hover,.nav-link--active{color:var(--gold);text-shadow:0 0 12px color-mix(in oklab, var(--gold) 60%, transparent)}.footer{border-top:1px solid color-mix(in oklab, var(--gold) 15%, transparent);background:var(--background-deep);margin-top:6rem}.footer__inner{width:min(100% - 3rem,80rem);color:var(--muted);text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:2rem 0;font-size:.75rem;display:flex}.footer__brand{color:color-mix(in oklab, var(--gold) 80%, transparent);font-family:var(--font-magic);letter-spacing:.08em}.footer__text{letter-spacing:.14em;text-transform:uppercase}.page-container{width:min(100% - 2rem,80rem);margin:0 auto;padding:2.5rem 0 0}.page-container--home{padding-top:3rem}.page-container--narrow{width:min(100% - 2rem,72rem)}.page-container--form{width:min(100% - 2rem,74rem)}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{color:var(--foreground);font-family:var(--font-magic);text-shadow:0 0 12px color-mix(in oklab, var(--gold) 60%, transparent);font-size:2.5rem;font-style:italic;font-weight:700;line-height:1.05}.page-header p{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-top:.5rem;font-size:.875rem}.home-hero{text-align:center;margin-bottom:4rem}.home-hero__kicker{color:var(--gold);font-family:var(--font-magic);letter-spacing:.4em;text-transform:uppercase;font-size:.875rem}.home-hero__title{color:var(--foreground);font-family:var(--font-magic);text-shadow:0 0 12px color-mix(in oklab, var(--gold) 60%, transparent);margin-top:1rem;font-size:3.5rem;font-weight:900;line-height:1.05}.home-hero__title span{color:var(--gold)}.home-hero__copy{max-width:36rem;color:var(--muted);margin:1.5rem auto 0;font-size:1rem;line-height:1.7}.home-tiles{gap:1.5rem;display:grid}.home-tile{border:1px solid color-mix(in oklab, var(--gold) 20%, transparent);border-radius:var(--radius);background:var(--card);height:11rem;transition:border-color .22s,box-shadow .22s;display:block;position:relative;overflow:hidden}.home-tile:hover,.home-tile:focus-visible{border-color:var(--gold);box-shadow:var(--shadow-gold)}.home-tile__image{filter:saturate(.5)brightness(.45);background-position:50% 20%;background-size:cover;transition:opacity .7s,transform .7s;position:absolute;inset:0;transform:scale(1.05)}.home-tile__image--hover{opacity:0;filter:saturate(1.1)brightness(.65)}.home-tile:hover .home-tile__image,.home-tile:focus-visible .home-tile__image{transform:scale(1)}.home-tile:hover .home-tile__image--hover,.home-tile:focus-visible .home-tile__image--hover{opacity:1}.home-tile__shade{background:linear-gradient(90deg, var(--background), #141b2666, transparent);position:absolute;inset:0}.home-tile__content{flex-direction:column;justify-content:center;height:100%;padding:0 2rem;display:flex;position:relative}.home-tile__chapter{color:color-mix(in oklab, var(--gold) 70%, transparent);font-family:var(--font-magic);letter-spacing:.4em;text-transform:uppercase;font-size:.75rem}.home-tile__title{color:var(--foreground);font-family:var(--font-magic);text-shadow:0 0 12px color-mix(in oklab, var(--gold) 60%, transparent);margin-top:.5rem;font-size:2rem;line-height:1.1;transition:color .18s}.home-tile:hover .home-tile__title,.home-tile:focus-visible .home-tile__title{color:var(--gold)}.home-tile__subtitle{color:var(--muted);margin-top:.5rem;font-size:.875rem}.filters-panel{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.filters-panel--compact{gap:1rem;margin-bottom:2.5rem}.search-bar{width:min(100%,36rem);display:block;position:relative}.search-bar__icon{pointer-events:none;color:color-mix(in oklab, var(--gold) 70%, transparent);display:block;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.search-bar__input{background:color-mix(in oklab, var(--card) 60%, transparent);width:100%;height:2.75rem;color:var(--foreground);padding:0 1rem 0 2.5rem;font-size:.875rem}.search-bar__input::placeholder{color:var(--muted)}.search-bar--clearable .search-bar__input{padding-right:2.75rem}.search-bar__clear{width:1.75rem;height:1.75rem;color:color-mix(in oklab, var(--muted) 85%, transparent);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .18s,color .18s;display:inline-flex;position:absolute;top:50%;right:.625rem;transform:translateY(-50%)}.search-bar__clear:hover{background:color-mix(in oklab, var(--gold) 12%, transparent);color:var(--gold)}.filter-row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.filter-button{border:1px solid color-mix(in oklab, var(--gold) 30%, transparent);min-height:2.125rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;background:0 0;border-radius:.125rem;padding:.375rem .875rem;font-size:.75rem;transition:background .18s,border-color .18s,color .18s}.filter-button:hover{border-color:color-mix(in oklab, var(--gold) 70%, transparent);background:color-mix(in oklab, var(--gold) 8%, transparent);color:var(--gold)}.filter-button--active{border-color:var(--gold);background:var(--gold);color:var(--primary-foreground)}.filter-button--active:hover{background:var(--gold);color:var(--primary-foreground)}.filter-button__count{opacity:.6;margin-left:.5rem}.active-filter-summary{max-width:min(100%,48rem);color:var(--muted);letter-spacing:.14em;text-align:center;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;font-size:.75rem;display:inline-flex}.active-filter-summary span{color:color-mix(in oklab, var(--gold) 82%, var(--muted))}.active-filter-summary button{color:var(--gold);font-size:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;padding:0}.active-filter-summary button:hover{color:var(--foreground)}.region-filter{width:min(100%,48rem)}.region-filter summary{color:var(--muted);cursor:pointer;letter-spacing:.3em;text-align:center;text-transform:uppercase;font-size:.75rem;transition:color .18s}.region-filter summary:hover,.region-filter summary span{color:var(--gold)}.role-filter__list,.region-filter__list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.role-filter__list{width:min(100%,48rem)}.region-filter__list{margin-top:.75rem}.role-filter__list .filter-button,.region-filter__list .filter-button{width:100%}.house-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:min(100%,48rem);display:grid}.house-card{border:1px solid color-mix(in oklab, var(--gold) 15%, transparent);border-radius:var(--radius);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:7.25rem;padding:.75rem;transition:background .18s,border-color .18s,box-shadow .18s;display:flex}.house-card:hover,.house-card--active{border-color:color-mix(in oklab, var(--gold) 60%, transparent)}.house-card--active{background:color-mix(in oklab, var(--gold) 10%, transparent);box-shadow:var(--shadow-gold)}.house-card__sigil{object-fit:contain;width:3.5rem;height:3.5rem;display:block}.house-card__name{font-family:var(--font-magic);letter-spacing:.14em;text-transform:uppercase;font-size:.875rem;transition:color .18s}.house-card:hover .house-card__name,.house-card--active .house-card__name{color:var(--gold)}.house--gryffindor{color:#fb7185}.house--hufflepuff{color:#fcd34d}.house--ravenclaw{color:#38bdf8}.house--slytherin{color:#34d399}.house-badge{font-family:var(--font-magic);letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080d1666;border:1px solid;border-radius:999px;align-items:center;gap:.35rem;display:inline-flex}.house-badge--small{padding:.125rem .5rem;font-size:.625rem}.house-badge--medium{padding:.25rem .75rem;font-size:.75rem}.house-badge__icon{object-fit:contain;flex:none;width:1rem;height:1rem;display:block}.region-badge{border:1px solid color-mix(in oklab, var(--gold) 55%, transparent);color:var(--gold);font-family:var(--font-magic);letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080d1666;border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;display:inline-flex}.champions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.champion-card{border:1px solid color-mix(in oklab, var(--gold) 15%, transparent);background:var(--card);border-radius:.375rem;transition:border-color .22s,box-shadow .22s,transform .22s;overflow:hidden}.champion-card:hover{border-color:var(--gold);box-shadow:var(--shadow-gold);transform:translateY(-.25rem)}.champion-card:focus-within{border-color:var(--gold);box-shadow:var(--shadow-gold)}.champion-card__image-wrap{aspect-ratio:3/4;display:block;position:relative;overflow:hidden}.champion-card__image-wrap>img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s}.champion-card:hover .champion-card__image-wrap>img{transform:scale(1.05)}.champion-card__house{position:absolute;top:.5rem;right:.5rem}.champion-card__content{background:linear-gradient(0deg, var(--background), #080d16b3, transparent);flex-direction:column;min-width:0;padding:2.5rem .75rem .75rem;display:flex;position:absolute;inset:auto 0 0}.champion-card__name{color:var(--foreground);font-family:var(--font-magic);font-size:1rem;line-height:1.1;transition:color .18s}.champion-card:hover .champion-card__name{color:var(--gold)}.champion-card__title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-style:italic;overflow:hidden}.champion-card__region{color:color-mix(in oklab, var(--gold) 70%, transparent);letter-spacing:.14em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:.25rem;font-size:.625rem;overflow:hidden}.item-sections{gap:3rem;display:grid}.items-browser{align-items:start;gap:1.5rem;display:grid}.item-category-panel{gap:.75rem;display:grid}.item-category-card{border:1px solid color-mix(in oklab, var(--gold) 14%, transparent);width:100%;color:inherit;text-align:left;background:#080d1659;border-radius:.375rem;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem;transition:background .18s,border-color .18s;display:flex}.item-category-card:hover,.item-category-card--active{border-color:color-mix(in oklab, var(--gold) 55%, transparent);background:color-mix(in oklab, var(--gold) 8%, #080d1659)}.item-category-card span{gap:.125rem;min-width:0;display:grid}.item-category-card strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.item-category-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.item-category-card em{color:var(--gold);font-family:var(--font-display);font-style:normal}.item-results-panel{border:1px solid color-mix(in oklab, var(--gold) 20%, transparent);border-radius:var(--radius);background:var(--card-soft);min-width:0;box-shadow:var(--shadow-card);padding:1.25rem}.item-results-toolbar{gap:1rem;margin-bottom:1.5rem;display:grid}.item-sort-row{justify-content:flex-start}.item-browser-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.875rem;display:grid}.section-heading{border-bottom:1px solid color-mix(in oklab, var(--gold) 20%, transparent);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.section-heading h2{color:var(--gold);font-family:var(--font-magic);letter-spacing:.08em;font-size:1.5rem}.section-heading p{color:var(--muted);margin-top:.125rem;font-size:.75rem;font-style:italic}.section-heading span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;flex-shrink:0;font-size:.75rem}.items-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.item-card{border:1px solid color-mix(in oklab, var(--gold) 15%, transparent);background:var(--card);border-radius:.375rem;align-items:center;gap:1rem;padding:.75rem;transition:border-color .18s,box-shadow .18s;display:flex}.item-card:hover{border-color:color-mix(in oklab, var(--gold) 60%, transparent);box-shadow:var(--shadow-gold)}.item-card--browser{align-items:flex-start;min-height:7rem}.item-card img,.item-card__image-placeholder{border:1px solid color-mix(in oklab, var(--gold) 30%, transparent);background:#080d1666;border-radius:.25rem;flex:none;width:3.5rem;height:3.5rem}.item-card img.item-card__image--missing{opacity:.2}.item-card__content{flex:1;gap:.25rem;min-width:0;display:grid}.item-card__meta{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.item-card__meta span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.625rem}.item-card__meta strong{color:var(--gold);font-family:var(--font-display);white-space:nowrap}.item-card h3{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;transition:color .18s;overflow:hidden}.item-card:hover h3{color:var(--gold)}.item-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.item-card strong{color:var(--gold);margin-top:.25rem;font-size:.875rem;display:inline-block}.item-card__meta strong{font-family:var(--font-display);margin-top:0;display:inline}.champion-detail{position:relative}.skin-hero{height:70vh;min-height:32rem;position:relative;overflow:hidden}.skin-hero__visual,.skin-hero__shade{position:absolute;inset:0}.skin-hero__visual{object-fit:cover;object-position:top center;width:100%;height:100%}.skin-hero__visual--blur{filter:blur(32px);opacity:.5;transform:scale(1.1)}.skin-hero__shade{background:linear-gradient(180deg, #080d1666, #080d164d, var(--background))}.skin-hero__arrow{border:1px solid color-mix(in oklab, var(--gold) 40%, transparent);width:3rem;height:3rem;color:var(--gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080d1666;border-radius:999px;justify-content:center;align-items:center;transition:background .18s,color .18s,opacity .18s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.skin-hero__arrow:hover{background:var(--gold);color:var(--primary-foreground)}.skin-hero__arrow:disabled{opacity:.3}.skin-hero__arrow--left{left:1rem}.skin-hero__arrow--right{right:1rem}.skin-hero__controls{flex-direction:column;align-items:center;gap:.75rem;display:flex;position:absolute;inset:auto 0 1.5rem}.skin-hero__controls p{color:color-mix(in oklab, var(--gold) 80%, transparent);font-family:var(--font-magic);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}.skin-dots{gap:.5rem;display:flex}.skin-dot{background:color-mix(in oklab, var(--gold) 30%, transparent);border:0;border-radius:999px;width:.375rem;height:.375rem;padding:0;transition:background .18s,width .18s}.skin-dot:hover{background:color-mix(in oklab, var(--gold) 60%, transparent)}.skin-dot--active{background:var(--gold);width:2rem}.champion-panel-wrap{z-index:1;width:min(100% - 2rem,72rem);margin:-8rem auto 0;position:relative}.champion-panel{border:1px solid color-mix(in oklab, var(--gold) 30%, transparent);border-radius:var(--radius);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080d16cc;padding:1.5rem}.champion-panel__header{text-align:center;margin-bottom:2rem}.champion-panel__header p{color:var(--gold);letter-spacing:.4em;text-transform:uppercase;font-size:.75rem;font-style:italic}.champion-panel__header h1{font-family:var(--font-magic);text-shadow:0 0 12px color-mix(in oklab, var(--gold) 60%, transparent);margin-top:.5rem;font-size:3.5rem;line-height:1.05}.champion-panel__meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.champion-panel__grid{gap:2rem;display:grid}.detail-label{color:var(--gold);font-family:var(--font-body);letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:600}.detail-label--spaced{margin-top:2rem;margin-bottom:.75rem}.role-list{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.role-list span{border:1px solid color-mix(in oklab, var(--gold) 30%, transparent);color:var(--foreground-soft);letter-spacing:.14em;text-transform:uppercase;border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem}.stat-list{gap:.75rem;display:grid}.stat-bar{align-items:center;gap:.75rem;display:flex}.stat-bar__label{width:5rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;flex:none;font-size:.75rem}.stat-bar__segments{flex:1;gap:.25rem;display:flex}.stat-bar__segment{background:var(--stat-inactive);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);flex:1;height:.75rem}.stat-bar__segment--active{background:var(--stat-active);box-shadow:0 0 8px var(--stat-active)}.champion-lore{color:var(--muted)}.champion-lore p{color:var(--foreground-soft);font-family:var(--font-display);margin:0;font-size:1rem;line-height:1.7}.champion-lore strong{color:var(--foreground)}.champion-abilities{margin-top:2rem}.champion-ability-list{gap:.75rem;display:grid}.champion-ability-card,.champion-tip-panel{border:1px solid color-mix(in oklab, var(--gold) 16%, transparent);background:#080d1659;border-radius:.375rem;padding:1rem}.champion-ability-card span{color:var(--gold);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}.champion-ability-card h3{color:var(--foreground);margin-top:.25rem;font-size:1rem}.champion-ability-card p,.champion-tip-panel li{color:var(--muted);margin-top:.5rem;font-size:.875rem;line-height:1.6}.champion-tips-grid{gap:1rem;margin-top:2rem;display:grid}.champion-tip-panel ul{margin:0;padding-left:1.25rem}.champion-navigation{justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0 3rem;display:flex}.outline-action,.muted-action,.primary-action,.round-action{justify-content:center;align-items:center;gap:.5rem;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,opacity .18s;display:inline-flex}.outline-action{border:1px solid color-mix(in oklab, var(--gold) 30%, transparent);color:var(--foreground);letter-spacing:.14em;text-transform:uppercase;background:0 0;padding:.5rem 1rem;font-size:.875rem}.outline-action:hover{border-color:var(--gold);color:var(--gold)}.outline-action:disabled{opacity:.3}.muted-action{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;font-size:.875rem}.muted-action:hover,.text-link:hover{color:var(--gold)}.primary-action{border:1px solid var(--gold);color:var(--gold);letter-spacing:.14em;text-transform:uppercase;background:0 0;padding:.625rem 1.5rem;font-size:.875rem}.primary-action:hover{background:var(--gold);color:var(--primary-foreground)}.primary-action:disabled{opacity:.4}.form-error{border:1px solid color-mix(in oklab, var(--destructive) 50%, transparent);background:color-mix(in oklab, var(--destructive) 12%, transparent);width:min(100%,36rem);color:color-mix(in oklab, var(--destructive) 70%, var(--foreground));text-align:center;border-radius:.375rem;margin:1rem auto 0;padding:.75rem 1rem;font-size:.875rem}.round-action{border:2px solid var(--gold);width:2.75rem;height:2.75rem;color:var(--gold);border-radius:999px;flex:none}.round-action:hover{background:var(--gold);color:var(--primary-foreground);box-shadow:var(--shadow-gold)}.build-toolbar{justify-content:center;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.build-toolbar--cards{margin-bottom:1rem}.build-sort-row{justify-content:center;margin-bottom:2rem}.saved-build-grid{grid-template-columns:repeat(auto-fill,minmax(18rem,22rem));justify-content:center;gap:1.25rem;display:grid}.saved-build-card{border:1px solid color-mix(in oklab, var(--gold) 20%, transparent);border-radius:var(--radius);background:var(--card-soft);box-shadow:var(--shadow-card);overflow:hidden}.saved-build-card__hero{min-height:12rem;position:relative;overflow:hidden}.saved-build-card__hero img{object-fit:cover;object-position:top center;width:100%;height:13rem}.saved-build-card__shade{background:linear-gradient(#080d160d,#080d1673,#080d16f2);position:absolute;inset:0}.saved-build-card__title{padding:1rem;position:absolute;inset:auto 0 0}.saved-build-card__title p{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:.6875rem}.saved-build-card__title h2{color:var(--foreground);font-family:var(--font-magic);text-overflow:ellipsis;white-space:nowrap;font-size:1.75rem;line-height:1.05;overflow:hidden}.saved-build-card__body{gap:1rem;padding:1rem;display:grid}.saved-build-items{grid-template-columns:repeat(6,2.35rem);justify-content:space-between;gap:.375rem;display:grid}.saved-build-items img,.saved-build-items .build-row__item-placeholder{border:1px solid color-mix(in oklab, var(--gold) 30%, transparent);object-fit:cover;background:#080d1666;border-radius:.25rem;width:2.35rem;height:2.35rem}.saved-build-stats{border:1px solid color-mix(in oklab, var(--gold) 12%, transparent);border-radius:.375rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:.75rem;display:grid}.saved-build-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid}.build-groups{gap:1.5rem;display:grid}.build-group{border:1px solid color-mix(in oklab, var(--gold) 20%, transparent);border-radius:var(--radius);background:var(--card-soft);overflow:hidden}.build-group__header{width:100%;color:inherit;background:0 0;border:0;align-items:center;gap:1rem;padding:1rem;transition:background .18s;display:flex}.build-group__header:hover{background:color-mix(in oklab, var(--gold) 5%, transparent)}.build-group__header img{border:1px solid color-mix(in oklab, var(--gold) 40%, transparent);object-fit:cover;border-radius:.25rem;width:3.5rem;height:3.5rem}.build-group__title{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.build-group__title>span{color:var(--foreground);font-family:var(--font-magic);font-size:1.25rem}.build-group__title strong{color:var(--gold);font-weight:700}.build-group__title small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}.build-group__icon{color:var(--gold)}.build-group__rows{border-top:1px solid color-mix(in oklab, var(--gold) 15%, transparent)}.build-row{padding:1rem}.build-row+.build-row{border-top:1px solid color-mix(in oklab, var(--gold) 10%, transparent)}.build-row__summary{grid-template-columns:minmax(10rem,1fr) auto minmax(18rem,auto) auto;align-items:center;gap:.75rem;display:grid}.build-row h3{min-width:0;color:var(--foreground);font-size:1rem;font-weight:600}.build-row__title{gap:.125rem;min-width:0;display:grid}.build-row__title small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.6875rem}.build-row__items{flex-wrap:wrap;gap:.5rem;display:flex}.build-row__items img,.build-row__item-placeholder{border:1px solid color-mix(in oklab, var(--gold) 30%, transparent);background:#080d1666;border-radius:.25rem;width:2rem;height:2rem}.build-row__actions{justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.build-row__stats{grid-template-columns:minmax(4.5rem,1fr) minmax(7rem,1.25fr) minmax(4.5rem,1fr);gap:.75rem;display:grid}.build-row__record-edit{border-top:1px solid color-mix(in oklab, var(--gold) 14%, transparent);flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.build-row__icon-action,.danger-action{width:2rem;height:2rem;color:var(--muted);background:0 0;border:0;border-radius:.25rem;justify-content:center;align-items:center;padding:.375rem;transition:background .18s,color .18s;display:inline-flex}.build-row__icon-action:hover,.build-row__icon-action--active{background:color-mix(in oklab, var(--gold) 10%, transparent);color:var(--gold)}.danger-action:hover,.danger-action--confirming{color:var(--destructive)}.win-rate{min-width:3rem;font-weight:700}.win-rate--empty,.win-rate--low{color:var(--muted)}.win-rate--good{color:#34d399}.win-rate--high{color:#fb7185}.build-row__details{border:1px solid color-mix(in oklab, var(--gold) 10%, transparent);background:#080d1666;border-radius:.25rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;padding:1rem;display:grid}.build-stat p{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.625rem}.build-stat strong{color:var(--foreground);font-family:var(--font-display);font-size:1.125rem;font-weight:600}.counter-stat{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.counter-stat button{border:1px solid color-mix(in oklab, var(--gold) 30%, transparent);width:1.5rem;height:1.5rem;color:var(--gold);background:0 0;border-radius:.25rem;justify-content:center;align-items:center;display:inline-flex}.counter-stat button:hover{background:color-mix(in oklab, var(--gold) 20%, transparent)}.counter-stat strong{text-align:center;width:2rem}.build-form,.build-create-form{gap:1.5rem;display:grid}.build-forge{align-items:stretch;gap:1.5rem;display:grid}.build-forge--picker{gap:1.5rem}.build-forge--picker .build-form,.build-forge--picker .picker-panel{height:100%}.forge-panel,.forge-preview{border:1px solid color-mix(in oklab, var(--gold) 20%, transparent);border-radius:var(--radius);background:var(--card-soft);box-shadow:var(--shadow-card)}.forge-panel{padding:1.25rem}.forge-fields,.build-slots{gap:1rem;display:grid}.forge-fields--single{gap:1.25rem}.field{gap:.5rem;display:grid}.field__label{color:var(--gold);letter-spacing:.3em;text-transform:uppercase;font-size:.75rem}.field input,.field select{width:100%;min-width:0;min-height:2.75rem;padding:0 .75rem}.field-hint{color:var(--muted);font-size:.625rem}.champion-build-button{border:1px solid color-mix(in oklab, var(--gold) 20%, transparent);width:100%;min-width:0;color:inherit;text-align:left;background:#080d1659;border-radius:.5rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:.75rem;transition:background .18s,border-color .18s,box-shadow .18s;display:grid}.champion-build-button:hover,.champion-build-button--active{border-color:color-mix(in oklab, var(--gold) 55%, transparent);background:color-mix(in oklab, var(--gold) 8%, #080d1659)}.champion-build-button--active{box-shadow:var(--shadow-gold)}.champion-build-button>img,.champion-build-button__placeholder{border:1px solid color-mix(in oklab, var(--gold) 35%, transparent);object-fit:cover;background:#080d1673;border-radius:.375rem;width:5rem;height:5rem}.champion-build-button__placeholder{border-style:dashed}.champion-build-button__content{gap:.25rem;min-width:0;display:grid}.champion-build-button__title-row{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.champion-build-button__title-row>span:first-child{color:var(--foreground);font-family:var(--font-magic);text-overflow:ellipsis;white-space:nowrap;font-size:1.375rem;overflow:hidden}.champion-build-button__content small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-style:italic;overflow:hidden}.champion-build-button__badges{flex-wrap:wrap;gap:.375rem;display:flex}.build-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.build-slot-tile{min-width:0;position:relative}.build-slot-tile__button{border:1px solid color-mix(in oklab, var(--gold) 16%, transparent);width:100%;min-width:0;min-height:9.5rem;color:inherit;text-align:left;background:#080d1659;border-radius:.5rem;grid-template-rows:auto 1fr auto;padding:.75rem;transition:background .18s,border-color .18s,box-shadow .18s;display:grid}.build-slot-tile__button:hover,.build-slot-tile--active .build-slot-tile__button{border-color:color-mix(in oklab, var(--gold) 55%, transparent);background:color-mix(in oklab, var(--gold) 8%, #080d1659)}.build-slot-tile--active .build-slot-tile__button{box-shadow:var(--shadow-gold)}.build-slot-tile__index{border:1px solid color-mix(in oklab, var(--gold) 40%, transparent);width:1.75rem;height:1.75rem;color:var(--gold);font-family:var(--font-display);border-radius:999px;justify-content:center;align-items:center;font-size:.8125rem;display:inline-flex}.build-slot-tile img,.build-slot-tile__placeholder{border:1px solid color-mix(in oklab, var(--gold) 35%, transparent);object-fit:cover;background:#080d1673;border-radius:.375rem;justify-self:center;width:4rem;height:4rem}.build-slot-tile__placeholder{border-style:dashed}.build-slot-tile__content{gap:.125rem;min-width:0;display:grid}.build-slot-tile__content span{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.build-slot-tile__content small{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem}.build-slot-tile__clear{border:1px solid color-mix(in oklab, var(--gold) 30%, transparent);width:1.75rem;height:1.75rem;color:var(--muted);background:#080d16bf;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.build-slot-tile__clear:hover{color:var(--destructive)}.builder-summary{border:1px solid color-mix(in oklab, var(--gold) 14%, transparent);border-radius:.375rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem;display:grid;overflow:hidden}.picker-panel{border:1px solid color-mix(in oklab, var(--gold) 22%, transparent);border-radius:var(--radius);background:var(--card-soft);min-height:36rem;box-shadow:var(--shadow-card);align-content:start;gap:1rem;padding:1.25rem;display:grid}.picker-panel__header{border-bottom:1px solid color-mix(in oklab, var(--gold) 16%, transparent);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.75rem;display:flex}.picker-panel__header h2{color:var(--gold);font-family:var(--font-magic);font-size:1.75rem}.picker-panel__header p{color:var(--muted);font-size:.8125rem}.picker-panel__clear{flex:none;width:auto}.picker-filter-row{justify-content:flex-start;max-height:8rem;overflow:auto}.picker-filter-row .filter-button{min-height:1.875rem;padding:.25rem .65rem;font-size:.6875rem}.champion-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.75rem;max-height:38rem;padding-right:.25rem;display:grid;overflow:auto}.champion-picker-card{border:1px solid color-mix(in oklab, var(--gold) 14%, transparent);min-width:0;color:inherit;text-align:left;background:#080d1659;border-radius:.375rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.5rem;transition:background .18s,border-color .18s;display:grid}.champion-picker-card:hover,.champion-picker-card--active{border-color:color-mix(in oklab, var(--gold) 55%, transparent);background:color-mix(in oklab, var(--gold) 8%, #080d1659)}.champion-picker-card img{object-fit:cover;border-radius:.25rem;width:3rem;height:3rem}.champion-picker-card span{min-width:0;display:grid}.champion-picker-card strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.champion-picker-card small{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.6875rem;overflow:hidden}.item-picker-list{gap:.625rem;max-height:41rem;padding-right:.25rem;display:grid;overflow:auto}.item-picker-card{border:1px solid color-mix(in oklab, var(--gold) 14%, transparent);min-width:0;color:inherit;text-align:left;background:#080d1659;border-radius:.375rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.625rem;transition:background .18s,border-color .18s,opacity .18s;display:grid}.item-picker-card:hover,.item-picker-card--active{border-color:color-mix(in oklab, var(--gold) 55%, transparent);background:color-mix(in oklab, var(--gold) 8%, #080d1659)}.item-picker-card:disabled{cursor:not-allowed;opacity:.35}.item-picker-card img,.item-picker-card__placeholder{border:1px solid color-mix(in oklab, var(--gold) 25%, transparent);object-fit:cover;background:#080d1673;border-radius:.25rem;width:3rem;height:3rem}.item-picker-card__content{gap:.125rem;min-width:0;display:grid}.item-picker-card__content strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.item-picker-card__content small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.item-picker-card__price{color:var(--gold);font-family:var(--font-display);white-space:nowrap;font-size:.875rem}.item-slot{border:1px solid color-mix(in oklab, var(--gold) 14%, transparent);background:#080d1659;border-radius:.375rem;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;padding:.625rem;transition:background .18s,border-color .18s;display:grid}.item-slot--selected{border-color:color-mix(in oklab, var(--gold) 35%, transparent);background:color-mix(in oklab, var(--gold) 8%, #080d164d)}.item-slot__number{border:1px solid color-mix(in oklab, var(--gold) 35%, transparent);width:1.75rem;height:1.75rem;color:var(--gold);font-family:var(--font-display);border-radius:999px;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}.item-slot img,.item-slot__placeholder{border:1px solid color-mix(in oklab, var(--gold) 40%, transparent);background:color-mix(in oklab, var(--card) 30%, transparent);border-radius:.25rem;flex:none;width:2.75rem;height:2.75rem}.item-slot__placeholder{border-style:dashed}.item-slot__control{gap:.375rem;min-width:0;display:grid}.item-slot__control label,.item-slot__price{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.625rem}.item-slot__control select{width:100%;min-width:0}.item-slot__price{color:var(--gold);text-align:right;white-space:nowrap}.forge-preview{position:sticky;top:5.5rem;overflow:hidden}.forge-preview__champion{min-height:20rem;position:relative;overflow:hidden}.forge-preview__champion--empty{background:radial-gradient(circle at 50% 15%, color-mix(in oklab, var(--gold) 16%, transparent), transparent 32%), #080d1699}.forge-preview__image{object-fit:cover;object-position:top center;width:100%;height:24rem}.forge-preview__shade{background:linear-gradient(#080d160d,#080d167a,#080d16f2);position:absolute;inset:0}.forge-preview__content{text-align:center;padding:1.5rem;position:absolute;inset:auto 0 0}.forge-preview__content p{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}.forge-preview__content h2{color:var(--foreground);font-family:var(--font-magic);text-shadow:0 0 12px color-mix(in oklab, var(--gold) 55%, transparent);margin-top:.25rem;font-size:2.75rem;line-height:1}.forge-preview__meta{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.forge-stats{border-top:1px solid color-mix(in oklab, var(--gold) 14%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.forge-stat{padding:1rem}.forge-stat+.forge-stat{border-left:1px solid color-mix(in oklab, var(--gold) 14%, transparent)}.forge-stat p{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.625rem}.forge-stat strong{color:var(--gold);font-family:var(--font-display);font-size:1.125rem;font-weight:600}.loadout-preview{border-top:1px solid color-mix(in oklab, var(--gold) 14%, transparent);gap:.5rem;padding:1rem;display:grid}.loadout-preview__slot{border:1px solid color-mix(in oklab, var(--gold) 10%, transparent);background:#080d1647;border-radius:.375rem;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.625rem;min-width:0;padding:.5rem;display:grid}.loadout-preview__slot--filled{border-color:color-mix(in oklab, var(--gold) 28%, transparent)}.loadout-preview__number{color:var(--gold);font-family:var(--font-display);font-size:.75rem}.loadout-preview__image,.loadout-preview__placeholder{border:1px solid color-mix(in oklab, var(--gold) 25%, transparent);background:#080d1673;border-radius:.25rem;width:2.25rem;height:2.25rem}.loadout-preview__image{object-fit:cover}.loadout-preview__placeholder{border-style:dashed}.loadout-preview__content{min-width:0;display:grid}.loadout-preview__content strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.loadout-preview__content span{color:var(--muted);font-size:.6875rem}.form-actions{justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.form-actions--build-create{border:1px solid color-mix(in oklab, var(--gold) 16%, transparent);border-radius:var(--radius);background:#080d1659;padding:1rem}.loading-state{min-height:16rem;color:var(--gold);font-family:var(--font-display);justify-content:center;align-items:center;gap:.75rem;display:flex}.loading-spinner{border:2px solid color-mix(in oklab, var(--gold) 25%, transparent);border-top-color:var(--gold);border-radius:999px;width:1.5rem;height:1.5rem;animation:.8s linear infinite spin}.empty-state{max-width:32rem;color:var(--muted);text-align:center;margin:0 auto;padding:4rem 1rem}.empty-state--large{padding:5rem 1rem}.empty-state h2{color:var(--muted);font-family:var(--font-magic);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.empty-state p{margin-bottom:1rem}.center-actions{justify-content:center;display:flex}.text-link{color:var(--gold);transition:color .18s}.not-found{text-align:center;place-items:center;min-height:calc(100vh - 4rem);padding:1rem;display:grid}.not-found h1{color:var(--gold);font-family:var(--font-magic);text-shadow:0 0 12px color-mix(in oklab, var(--gold) 60%, transparent);font-size:4.5rem}.not-found p{color:var(--muted);margin:1rem 0 1.5rem;font-size:1.125rem}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=640px){.brand-name{display:inline}.nav-links{gap:1.5rem}.nav-link{font-size:.875rem}.navbar__inner{width:min(100% - 3rem,80rem)}.page-container{width:min(100% - 3rem,80rem);padding-top:2.5rem}.page-container--home{padding-top:5rem}.page-header h1{font-size:3.75rem}.role-filter__list,.region-filter__list{grid-template-columns:repeat(3,minmax(0,1fr))}.home-hero{margin-bottom:6rem}.home-hero__kicker{font-size:1rem}.home-hero__title{font-size:4.5rem}.home-hero__copy{font-size:1.125rem}.home-tiles{gap:2rem}.home-tile{height:14rem}.home-tile__content{padding:0 3.5rem}.home-tile__title{font-size:3rem}.house-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.champions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-hero{height:85vh}.champion-panel{padding:2.5rem}.champion-ability-list,.champion-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.champion-panel__header h1{font-size:4.5rem}.build-row__summary{grid-template-columns:minmax(8rem,1fr) auto minmax(18rem,auto) auto;align-items:center;display:grid}.build-row__items{flex-wrap:nowrap}.build-row__details{grid-template-columns:repeat(4,minmax(0,1fr))}.forge-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.forge-fields--single{grid-template-columns:1fr}.build-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer__inner{text-align:left;flex-direction:row}}@media (width>=768px){.champions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.champion-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}.champion-lore{border-left:1px solid color-mix(in oklab, var(--gold) 20%, transparent);padding-left:3rem}}@media (width>=1024px){.champions-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.build-forge{grid-template-columns:minmax(0,1fr) 24rem}.build-forge--picker{grid-template-columns:minmax(0,1fr) minmax(24rem,32rem)}.role-filter__list,.region-filter__list{grid-template-columns:repeat(4,minmax(0,1fr))}.champion-ability-list{grid-template-columns:repeat(5,minmax(0,1fr))}.items-browser{grid-template-columns:18rem minmax(0,1fr)}.item-category-panel{position:sticky;top:5.5rem}}@media (width>=1280px){.champions-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=520px){.navbar__inner{justify-content:space-between;gap:.75rem;width:min(100% - 2rem,80rem)}.brand-link{flex:none;display:inline-flex}.brand-mark{width:2rem;height:2rem;font-size:.8125rem}.brand-name{display:none}.nav-links{flex:0 auto;justify-content:flex-end;gap:.875rem;width:auto;min-width:0}.nav-link{letter-spacing:.05em;text-align:center;white-space:nowrap;padding:.25rem .125rem;font-size:.6875rem}.home-hero__title,.champion-panel__header h1{font-size:2.75rem}.page-header h1{overflow-wrap:anywhere;font-size:2rem}.section-heading{flex-direction:column;align-items:flex-start}.champion-navigation{flex-direction:column}.outline-action,.muted-action{width:100%}.build-toolbar{align-items:stretch}.form-actions{flex-direction:column;align-items:stretch}.build-row__summary,.build-row__stats{grid-template-columns:1fr}.build-row__actions{flex-direction:row;justify-content:flex-start;align-items:center}.forge-preview{position:static}.forge-preview__content h2{font-size:2.25rem}.item-slot{grid-template-columns:auto auto minmax(0,1fr)}.item-slot__price{text-align:left;grid-column:3}.champion-build-button{grid-template-columns:auto minmax(0,1fr)}.champion-build-button>img,.champion-build-button__placeholder{width:4.5rem;height:4.5rem}.build-slot-grid,.champion-picker-grid{grid-template-columns:1fr}.build-slot-tile__button{min-height:8.5rem}.picker-panel,.item-picker-list,.champion-picker-grid{max-height:none}.item-picker-card{grid-template-columns:auto minmax(0,1fr)}.item-picker-card__price{grid-column:2}.saved-build-stats,.saved-build-actions,.saved-build-grid{grid-template-columns:1fr}.items-browser{gap:1rem}.item-browser-grid{grid-template-columns:1fr}.item-card__meta{flex-direction:column;align-items:flex-start;gap:.25rem}.item-category-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.item-category-card{align-items:flex-start;gap:.5rem;min-width:0;padding:.75rem}.item-category-card strong{white-space:normal;font-size:.75rem;line-height:1.25}.item-category-card small{display:none}.item-category-card em{font-size:.75rem}}