html.theme-claude{--background:oklch(0.98 0.01 95.1);--foreground:oklch(0.34 0.03 95.72);--card:oklch(0.98 0.01 95.1);--card-foreground:oklch(0.19 0 106.59);--popover:oklch(1 0 0);--popover-foreground:oklch(0.27 0.02 98.94);--primary:oklch(0.62 0.14 39.04);--primary-foreground:oklch(1 0 0);--secondary:oklch(0.92 0.01 92.99);--secondary-foreground:oklch(0.43 0.02 98.6);--muted:oklch(0.93 0.02 90.24);--muted-foreground:oklch(0.61 0.01 97.42);--accent:oklch(0.92 0.01 92.99);--accent-foreground:oklch(0.27 0.02 98.94);--destructive:oklch(0.19 0 106.59);--destructive-foreground:oklch(1 0 0);--border:oklch(0.88 0.01 97.36);--input:oklch(0.76 0.02 98.35);--ring:oklch(0.59 0.17 253.06);--chart-1:oklch(0.56 0.13 43);--chart-2:oklch(0.69 0.16 290.41);--chart-3:oklch(0.88 0.03 93.13);--chart-4:oklch(0.88 0.04 298.18);--chart-5:oklch(0.56 0.13 42.06);--sidebar:oklch(0.97 0.01 98.88);--sidebar-foreground:oklch(0.36 0.01 106.65);--sidebar-primary:oklch(0.62 0.14 39.04);--sidebar-primary-foreground:oklch(0.99 0 0);--sidebar-accent:oklch(0.92 0.01 92.99);--sidebar-accent-foreground:oklch(0.33 0 0);--sidebar-border:oklch(0.94 0 0);--sidebar-ring:oklch(0.77 0 0);--radius:0.5rem}html.theme-claude.dark{--background:oklch(0.27 0 106.64);--foreground:oklch(0.81 0.01 93.01);--card:oklch(0.27 0 106.64);--card-foreground:oklch(0.98 0.01 95.1);--popover:oklch(0.31 0 106.6);--popover-foreground:oklch(0.92 0 106.48);--primary:oklch(0.67 0.13 38.76);--primary-foreground:oklch(1 0 0);--secondary:oklch(0.98 0.01 95.1);--secondary-foreground:oklch(0.31 0 106.6);--muted:oklch(0.22 0 106.71);--muted-foreground:oklch(0.77 0.02 99.07);--accent:oklch(0.21 0.01 95.42);--accent-foreground:oklch(0.97 0.01 98.88);--destructive:oklch(0.64 0.21 25.33);--destructive-foreground:oklch(1 0 0);--border:oklch(0.36 0.01 106.89);--input:oklch(0.43 0.01 100.22);--ring:oklch(0.59 0.17 253.06);--chart-1:oklch(0.56 0.13 43);--chart-2:oklch(0.69 0.16 290.41);--chart-3:oklch(0.21 0.01 95.42);--chart-4:oklch(0.31 0.05 289.32);--chart-5:oklch(0.56 0.13 42.06);--sidebar:oklch(0.24 0 67.71);--sidebar-foreground:oklch(0.81 0.01 93.01);--sidebar-primary:oklch(0.33 0 0);--sidebar-primary-foreground:oklch(0.99 0 0);--sidebar-accent:oklch(0.17 0 106.62);--sidebar-accent-foreground:oklch(0.81 0.01 93.01);--sidebar-border:oklch(0.94 0 0);--sidebar-ring:oklch(0.77 0 0);color-scheme:dark}body,html{margin:0;padding:0;width:100%;min-height:100vh;min-height:100dvh}body{background:var(--background);color:var(--foreground);font-family:Oswald,sans-serif;letter-spacing:0;overflow-x:hidden}body.is-scroll-locked{overflow:hidden}*{box-sizing:border-box}iframe,img,svg,video{max-width:100%}*{scrollbar-color:color-mix(in oklch,var(--primary) 72%,var(--muted-foreground)) color-mix(in oklch,var(--muted) 82%,var(--background));scrollbar-width:thin}::-webkit-scrollbar{width:.8rem;height:.8rem}::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in oklch,var(--muted) 82%,var(--background))}::-webkit-scrollbar-thumb{border:3px solid color-mix(in oklch,var(--muted) 82%,var(--background));border-radius:999px;background:color-mix(in oklch,var(--primary) 72%,var(--muted-foreground))}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::-webkit-scrollbar-corner{background:color-mix(in oklch,var(--muted) 82%,var(--background))}:root{--app-card-padding:1.25rem}a{color:inherit;text-decoration:none}.app-global-wrapper{position:relative;max-width:2150px;margin:0 auto;overflow-x:clip}.app-content,.app-global-wrapper{min-height:100vh;min-height:100dvh}.app-content{display:flex;flex-direction:column;min-width:0;width:100%;padding:28px 28px 28px 308px}.app-footer{margin-top:auto;padding-top:2rem;color:var(--muted-foreground);font-size:.9rem;display:flex;justify-content:space-between;gap:10px}.app-footer .item a{color:var(--primary);font-weight:700}.app-footer .item a:hover{text-decoration:underline}.confirm-backdrop{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:1rem;background:color-mix(in oklch,var(--background) 34%,transparent);backdrop-filter:blur(6px)}.confirm-dialog{display:grid;gap:1rem;width:min(100%,420px);box-shadow:0 24px 70px color-mix(in oklch,oklch(.08 0 0) 28%,transparent)}.confirm-dialog section p{color:var(--muted-foreground)}.confirm-actions{display:flex;justify-content:flex-end;gap:.625rem;flex-wrap:wrap}.confirm-modal-enter-active,.confirm-modal-leave-active{transition:opacity .18s ease}.confirm-modal-enter-active .confirm-dialog,.confirm-modal-leave-active .confirm-dialog{transition:opacity .18s ease,transform .18s ease}.confirm-modal-enter-from,.confirm-modal-leave-to{opacity:0}.confirm-modal-enter-from .confirm-dialog,.confirm-modal-leave-to .confirm-dialog{opacity:0;transform:translateY(.75rem) scale(.98)}.confirm-modal-enter-to,.confirm-modal-leave-from{opacity:1}.confirm-modal-enter-to .confirm-dialog,.confirm-modal-leave-from .confirm-dialog{opacity:1;transform:translateY(0) scale(1)}.button-row,.settings-row,.toolbar,.top-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-grid,.chip-row,.content-stack,.favorites-grid,.filters-grid,.page-stack,.reference-stack,.roster-grid,.run-list,.sidebar-stack,.stats-grid{display:grid;gap:1rem;min-width:0}.chip-row,.page-actions{display:flex;flex-wrap:wrap}.page-actions{align-items:center;justify-content:flex-end;gap:.5rem}.card{padding:var(--app-card-padding)!important}.card>footer,.card>header,.card>section{padding:0}.btn,.btn-icon,.btn-icon-outline,.btn-outline,.btn-sm,.btn-sm-outline{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap}.btn-icon,.btn-icon-outline{width:2.35rem;height:2.35rem;padding:0}.btn,.btn-icon,.btn-icon-outline,.btn-outline,.input,.select{min-height:2.75rem;line-height:1.25}.input,.select{width:100%;min-width:0}.btn,.btn-outline,.input,.select{padding-block:.625rem}.btn-icon,.btn-icon-outline{width:2.75rem;height:2.75rem}.muted-line{color:var(--muted-foreground)}.brand{display:flex;align-items:center;gap:.75rem;min-width:0}.brand p{color:var(--muted-foreground);font-size:.875rem}.brand h1{font-size:1.1rem;font-weight:700}.brand h1,.brand p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:4rem;height:4rem;overflow:hidden;border-radius:.75rem;background:var(--muted);color:var(--primary-foreground);font-weight:700}.brand-mark img{display:block;width:85%;height:85%;-o-object-fit:contain;object-fit:contain}.mobile-nav-panel{display:none;padding:1rem;border-bottom:1px solid var(--border)}@media (max-width:1100px){:root{--app-card-padding:1rem}.app-content{padding:20px 16px calc(92px + env(safe-area-inset-bottom)) 16px}.mobile-nav-panel{display:block}}@media (max-width:860px){.button-row,.settings-row,.top-row{align-items:stretch;flex-direction:column}.page-actions{justify-content:flex-start}}@media (max-width:520px){:root{--app-card-padding:0.875rem}.app-content{padding:14px 12px calc(84px + env(safe-area-inset-bottom)) 12px}.mobile-nav-panel{padding:.75rem .875rem}.brand-mark{width:3.35rem;height:3.35rem}.confirm-actions,.confirm-actions>button{width:100%}.app-footer{flex-direction:column;text-align:center;justify-content:center}}.app-nav-panel{position:fixed;top:0;bottom:0;left:0;z-index:200;width:280px;overflow-y:auto;border-right:1px solid var(--border);background:var(--background);box-shadow:8px 0 22px color-mix(in oklch,oklch(.08 0 0) 9%,transparent)}.app-nav-panel .content-wrap{display:flex;flex-direction:column;min-height:100vh;padding:24px 16px 16px}.app-nav-panel .nav-section{margin-top:26px}.app-nav-panel .nav-title{margin-bottom:8px;color:var(--muted-foreground);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-nav-panel .nav-list{display:flex;flex-direction:column;gap:4px}.app-nav-panel .nav-item{display:grid;grid-template-columns:3.4rem minmax(0,1fr);align-items:center;gap:2px;padding:10px 12px;border-radius:calc(var(--radius) - 2px);transition:background-color .2s ease}.app-nav-panel .nav-item.router-link-active{background:var(--muted)}.app-nav-panel .nav-item .nav-item-icon{display:grid;place-items:center;width:2.9rem;height:2.9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--primary);margin-bottom:-2px}.app-nav-panel .nav-item .nav-item-copy{display:grid;gap:2px;min-width:0}.app-nav-panel .nav-item .text{font-weight:650}.app-nav-panel .nav-item .hint{color:var(--muted-foreground);font-size:.84rem}.app-nav-panel .nav-control,.app-nav-panel .scope-card{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted)}.app-nav-panel .scope-card{display:grid;gap:.2rem;padding:.9rem 1rem}.app-nav-panel .scope-card span{color:var(--muted-foreground);font-size:.82rem;font-weight:650}.app-nav-panel .scope-card strong{color:var(--primary);font-size:1.65rem;line-height:1}.app-nav-panel .nav-controls{display:grid;gap:.5rem}.app-nav-panel .nav-bottom{margin-top:auto;padding-top:2rem}.app-nav-panel .nav-control{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3rem;padding:.75rem .85rem;color:var(--foreground);text-align:left;transition:background-color .2s ease,border-color .2s ease}.app-nav-panel .nav-control:hover{border-color:var(--primary);background:var(--background)}.app-nav-panel .nav-control span{display:inline-flex;align-items:center;gap:.55rem;color:var(--muted-foreground);font-weight:650}.app-nav-panel .nav-control i{width:1rem;color:var(--primary);text-align:center}.app-nav-panel .sync-section{margin-top:32px}@media (max-width:1100px){.app-nav-panel{display:none}}.app-mobile-nav{display:none}@media (max-width:1100px){.app-mobile-nav{position:fixed;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:300;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.25rem;padding:.375rem;border:1px solid var(--border);border-radius:.875rem;background:color-mix(in oklch,var(--background) 92%,transparent);backdrop-filter:blur(10px)}.app-mobile-nav a{display:grid;place-items:center;gap:.2rem;padding:.5rem .25rem;border-radius:.5rem;overflow:hidden;font-size:.88rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.app-mobile-nav a.router-link-active{background:var(--muted)}.app-mobile-nav a i{color:var(--primary);font-size:.95rem}.app-mobile-nav a span{max-width:100%;overflow:hidden;text-overflow:ellipsis}}@media (max-width:520px){.app-mobile-nav{left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;padding:.35rem}.app-mobile-nav a{min-height:2.75rem;padding:.45rem .2rem;gap:0}.app-mobile-nav a i{font-size:1.08rem;line-height:1}.app-mobile-nav a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}.app-notifications{position:fixed;right:1.25rem;bottom:1.25rem;z-index:700;display:grid;width:380px;max-width:calc(100vw - 2rem);gap:.75rem;pointer-events:none}.app-notifications:empty{display:none}.app-notification{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon title close" "icon description close";align-items:start;gap:.25rem .5rem;width:100%;max-width:100%;min-width:0;padding-right:3.25rem;pointer-events:auto;box-shadow:0 18px 45px color-mix(in oklch,oklch(.08 0 0) 24%,transparent)}.app-notification>i:first-child{grid-area:icon;margin-top:.29rem;color:var(--primary)}.app-notification h2{grid-area:title;min-width:0;padding-right:.25rem;font-size:.98rem}.app-notification section{grid-area:description;min-width:0;color:var(--muted-foreground);font-size:.9rem;overflow-wrap:anywhere}.app-notification.alert-destructive>i:first-child{color:var(--destructive)}.notification-close{position:absolute;top:.65rem;right:.65rem;width:1.9rem;height:1.9rem}.notification-slide-enter-active{transition:opacity .22s ease-out,transform .22s ease-out}.notification-slide-leave-active{transition:opacity .18s ease-in,transform .18s ease-in}.notification-slide-enter-from{opacity:0;transform:translateY(.85rem)}.notification-slide-enter-to,.notification-slide-leave-from{opacity:1;transform:translateY(0)}.notification-slide-leave-to{opacity:0;transform:translateY(.85rem)}.notification-slide-move{transition:transform .2s ease}@media (max-width:1100px){.app-notifications{top:1rem;right:1rem;bottom:auto}}@media (max-width:520px){.app-notifications{top:calc(.75rem + env(safe-area-inset-top));right:.75rem;left:.75rem;width:auto;max-width:none}.app-notification{grid-template-columns:1.1rem minmax(0,1fr) 2rem;grid-template-areas:"icon title close" "description description description";gap:.35rem .275rem;padding:.85rem}.app-notification h2{padding-right:0;overflow-wrap:anywhere}.app-notification section{font-size:.84rem;line-height:1.4}.notification-close{position:static;grid-area:close;width:2rem;height:2rem;min-height:2rem;justify-self:end}}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.form-grid{gap:1rem;min-width:0}.character-url-row,.form-grid{display:grid;grid-template-columns:minmax(0,1fr) auto}.character-url-row{align-items:stretch;gap:.5rem}.character-url-field{min-width:0}.character-url-submit{align-self:end;flex:0 0 2.75rem;width:2.75rem;min-width:2.75rem;max-width:2.75rem;height:2.75rem;min-height:2.75rem;margin-bottom:0}.filter-field{grid-column:auto;min-width:0}.filter-field-wide{grid-column:span 2;min-width:0}.filter-actions{grid-column:span 2;display:flex;align-items:end;justify-content:flex-end}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.42fr);gap:1rem;min-width:0}.mythic-runs-layout{grid-template-columns:minmax(0,1fr)}.boss-grid,.roster-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.settings-grid>.card{display:grid;gap:.5rem}.settings-grid .settings-row{min-width:0}.settings-grid .button-row,.settings-grid .page-actions{flex:0 0 auto}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.about-page .about-card{display:grid;align-content:start;gap:1rem}.about-page .about-card>p{color:var(--muted-foreground);line-height:1.65}.about-page .about-card>p:last-of-type{margin-bottom:0}.about-page .about-card h3{font-size:clamp(1.35rem,2.5vw,1.9rem)}.about-page .about-card .alternative-list,.about-page .about-card .feature-grid{width:100%;min-width:0}.not-found-page{display:grid;grid-template-columns:minmax(0,.95fr) minmax(260px,.72fr);align-items:center;gap:clamp(1.25rem,4vw,3rem);min-height:720px;overflow:hidden;padding:clamp(1.25rem,4vw,3.5rem);border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in oklch,var(--primary) 13%,transparent),transparent 46%),var(--card)}.not-found-content{display:grid;justify-items:start;gap:1rem;min-width:0}.not-found-content .eyebrow{color:var(--primary);font-size:.9rem;font-weight:900;letter-spacing:.12em}.not-found-content h2{color:var(--foreground);font-size:clamp(3rem,10vw,8rem);line-height:.9}.not-found-content>p:not(.eyebrow){max-width:34rem;color:var(--muted-foreground);font-size:clamp(1rem,2vw,1.18rem);line-height:1.6}.not-found-content .page-actions{justify-content:flex-start;margin-top:.35rem}.not-found-content .page-actions .btn{color:#fff}.not-found-art{display:grid;place-items:center;min-width:0}.not-found-art img{display:block;width:min(100%,32rem);max-height:min(62vh,34rem);-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 24px 34px color-mix(in oklch,oklch(.08 0 0) 24%,transparent))}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem}.feature-tile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.875rem;min-width:0;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted)}.feature-tile h4{color:var(--foreground);font-size:1rem}.feature-tile p{margin-top:.25rem;color:var(--muted-foreground);font-size:.9rem;line-height:1.5}.feature-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--primary)}.alternative-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem}.alternative-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);transition:border-color .2s ease,background-color .2s ease}.alternative-link:hover{border-color:var(--primary);background:var(--background)}.alternative-link span{display:grid;gap:.25rem;min-width:0}.alternative-link small,.alternative-link strong{overflow:hidden;text-overflow:ellipsis}.alternative-link strong{color:var(--foreground);font-size:1rem;white-space:nowrap}.alternative-link small{color:var(--muted-foreground);line-height:1.45}.alternative-link i{flex:0 0 auto;color:var(--primary)}.favorites-grid{display:grid;grid-template-columns:repeat(2,minmax(min(100%,360px),1fr));gap:1.5rem}@media (min-width:1900px){.favorites-grid{grid-template-columns:repeat(3,minmax(min(100%,360px),1fr))}}.compare-table-wrap,.table-wrap{width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.compare-stack{display:grid;gap:1.5rem;min-width:0}.compare-stack>.card{min-width:0}.compare-page{min-width:0;max-width:100%}.dialog.app-dialog{position:fixed!important;inset:0 0 0 auto!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;inline-size:min(100vw,460px);width:min(100vw,460px)!important;max-inline-size:none;max-width:none!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;block-size:100vh!important;block-size:100dvh!important;max-block-size:none!important;margin:0!important;padding:0!important;overflow:hidden;background:var(--card)!important;border-width:0 0 0 1px;border-style:solid;border-color:var(--border);border-radius:0!important;box-shadow:-24px 0 70px color-mix(in oklch,oklch(.08 0 0) 28%,transparent);transform:translateX(0)}.dialog.app-dialog[open]:not(.is-closing){animation:filter-drawer-slide-in .24s ease-out both}.dialog.app-dialog.is-closing{animation:filter-drawer-slide-out .22s ease-in both;pointer-events:none}.dialog.app-dialog.is-close-committing{visibility:hidden!important;transform:translateX(100%)!important;animation:none!important;pointer-events:none}.dialog.app-dialog:not([open]){display:none!important;pointer-events:none}.dialog.app-dialog::backdrop{background:color-mix(in oklch,var(--background) 28%,transparent);backdrop-filter:blur(4px);animation:filter-backdrop-fade-in .2s ease-out both}.dialog.app-dialog>div{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;height:100%;padding:1.25rem;background:var(--card);border:0!important;border-radius:0!important;box-shadow:none!important}.dialog.app-dialog>div>section{min-height:0;overflow:auto;scrollbar-gutter:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dialog.app-dialog>div>section::-webkit-scrollbar{width:0}.dialog.app-dialog>div>section{scrollbar-width:none}.dialog.app-dialog .field,.dialog.app-dialog .input,.dialog.app-dialog .select{width:100%}.dialog.app-dialog .filters-grid{grid-template-columns:1fr;align-items:stretch}.dialog.app-dialog .filter-actions,.dialog.app-dialog .filter-field,.dialog.app-dialog .filter-field-wide{grid-column:1}.dialog.app-dialog footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.625rem}.dialog.app-dialog footer>button{width:100%;min-width:0}.dialog.app-dialog footer>button:only-child{grid-column:1/-1}.dialog.app-dialog footer>button:not(:only-child){grid-column:auto}@keyframes filter-drawer-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes filter-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes filter-drawer-slide-out{0%{transform:translateX(0)}to{transform:translateX(100%)}}.skeleton-stack{display:grid;gap:1rem}.skeleton-card{display:grid;gap:.875rem}.skeleton-avatar,.skeleton-line,.skeleton-media{border-radius:var(--radius);background:var(--accent);animation:skeleton-pulse 1.15s ease-in-out infinite}.skeleton-line{height:1rem}.skeleton-line-short{width:42%}.skeleton-line-medium{width:66%}.skeleton-media{aspect-ratio:16/6;width:100%}.skeleton-avatar{width:2.75rem;height:2.75rem;border-radius:999px}.skeleton-row{display:flex;align-items:center;gap:.75rem}@keyframes skeleton-pulse{0%,to{opacity:.48}50%{opacity:.88}}.page-hero-card{position:relative;overflow:hidden;border-left:4px solid var(--primary);background:linear-gradient(135deg,color-mix(in oklch,var(--card) 92%,var(--primary)),var(--card) 58%),linear-gradient(90deg,color-mix(in oklch,var(--primary) 14%,transparent),transparent 46%)}.page-hero-card .eyebrow{color:var(--primary);font-size:.78rem;letter-spacing:.12em}.page-hero-card h2{margin-top:.1rem;color:var(--foreground);font-size:clamp(2rem,4vw,3.35rem);line-height:.98}.page-hero-card p:not(.eyebrow){max-width:62ch;margin-top:.5rem;color:var(--muted-foreground);font-size:1.02rem}.applied-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.25rem;border:1px solid var(--border);border-radius:calc(var(--radius) + .25rem);background:var(--muted)}.card.filter-toolbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:1rem}.card.filter-toolbar .applied-filters{flex:1 1 auto;min-width:0;justify-content:flex-start;padding:.25rem;border:1px solid var(--border);background:var(--muted)}.card.filter-toolbar .page-actions{flex:0 0 auto;margin-left:auto;justify-content:flex-end}.quick-search-field{flex:0 1 320px;min-width:220px}.quick-search-field .input{width:100%}.form-card{display:grid;gap:.75rem}.filter-pill{display:inline-flex;align-items:center;min-height:2.35rem;padding:0 .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);font-size:.875rem;font-weight:650}.boss-card,.favorite-card,.member-card,.run-card{display:grid;gap:.875rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:0}.mythic-runs-layout>.card{gap:.65rem;min-width:0;overflow:hidden}.page-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.view-switch{display:inline-flex;gap:.375rem;padding:.25rem;border:1px solid var(--border);border-radius:var(--radius)}.view-switch .is-active{background:var(--primary);color:var(--primary-foreground)}.run-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:1rem}.run-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));align-items:stretch;margin-top:0;margin-bottom:0}.season-reference-panel{width:100%}.compact-reference{display:block}.cutoff-statistics{width:100%}.compact-cutoffs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;text-align:left}.compact-cutoffs .mini-list-row{position:relative;display:grid;justify-items:start;gap:.16rem;min-height:4.25rem;padding:.7rem .8rem;border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in oklch,var(--primary) 10%,transparent),transparent 60%),var(--muted);overflow:hidden}.compact-cutoffs .mini-list-row span,.compact-cutoffs .mini-list-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-cutoffs .mini-list-row span{color:var(--muted-foreground);font-size:.82rem;font-weight:800}.compact-cutoffs .mini-list-row strong{color:var(--foreground);font-size:1.45rem;font-weight:900;line-height:1.1}.dungeon-run-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:0 10px 22px rgba(0,0,0,.18);animation:card-enter .28s ease both}.dungeon-run-media{position:relative;display:block;min-height:10rem;background:var(--muted)}.dungeon-run-media img{display:block;width:100%;height:10rem;-o-object-fit:cover;object-fit:cover}.run-level{position:absolute;right:1.55rem;bottom:-1.95rem;display:grid;place-items:center;width:4rem;height:4rem;border:3px solid color-mix(in oklch,var(--foreground) 42%,transparent);border-radius:calc(var(--radius) - .2rem);background:color-mix(in oklch,var(--background) 76%,var(--foreground));color:var(--foreground);font-size:1.65rem;font-weight:800;line-height:1}.dungeon-run-body{position:relative;display:grid;gap:.9rem;min-height:14rem;overflow:hidden;padding:1.65rem 1.45rem 1.2rem}.faction-watermark{position:absolute;right:-1.1rem;bottom:-1.35rem;display:grid;place-items:center;width:6.5rem;height:6.5rem;opacity:.14;pointer-events:none}.faction-watermark img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.dungeon-run-title{position:relative;z-index:1;display:flex;gap:.45rem;min-width:0;margin:0;padding-right:3.65rem;color:var(--foreground);font-size:1.35rem;font-weight:800}.dungeon-run-title span{flex:0 0 auto;color:var(--muted-foreground)}.dungeon-run-title a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-summary-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(5.5rem,1fr) minmax(6.5rem,1fr) minmax(4.5rem,.7fr);gap:.85rem;min-width:0}.run-summary-grid .run-team-block>p,.run-summary-grid p{margin:0 0 .48rem;color:var(--muted-foreground);font-size:.82rem;font-weight:800}.run-summary-grid strong{color:var(--foreground);font-size:1.38rem;font-weight:900;line-height:1;white-space:nowrap}.run-summary-grid strong span{color:var(--muted-foreground);font-size:.8rem;font-weight:800}.affix-list{display:inline-flex;align-items:center;gap:.35rem}.affix-list a{display:block;width:1.85rem;height:1.85rem;overflow:hidden;border:2px solid color-mix(in oklch,var(--foreground) 32%,transparent);border-radius:calc(var(--radius) - .2rem);background:var(--muted)}.affix-list img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .18s ease}.affix-list:hover img{opacity:.42}.affix-list a:hover img{opacity:1}.affix-list.compact a{width:1.75rem;height:1.75rem}.dungeon-run-table .affix-list{gap:.24rem}.dungeon-run-table .affix-list a{width:1.45rem;height:1.45rem;border-width:1px}.run-team-block{position:relative;z-index:1}.run-team-block>p{margin:0 0 .55rem;color:var(--muted-foreground);font-size:.82rem;font-weight:800}.run-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.run-player-pill,.table-player{display:inline-flex;align-items:center;min-width:0}.run-player-pill{gap:.4rem;min-height:2.45rem;padding:.32rem .42rem .32rem .55rem;border-radius:calc(var(--radius) - .2rem);background:color-mix(in oklch,var(--muted) 72%,transparent)}.role-mark{flex:0 0 auto;display:grid;place-items:center;width:1.35rem;height:1.35rem}.role-mark img{display:block;width:1.2rem;height:1.2rem;-o-object-fit:contain;object-fit:contain;border-radius:100%;opacity:.9}.player-name{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--foreground);font-size:.88rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.player-actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:.18rem}.player-actions button{display:grid;place-items:center;width:1.35rem;height:1.35rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted-foreground);cursor:pointer;font-size:.72rem}.player-actions button:hover{color:var(--primary);background:var(--background)}.run-table-wrap{display:block;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:.35rem;margin-top:0;margin-bottom:0}.run-table-wrap,.runs-pagination{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.runs-pagination{display:flex;justify-content:flex-end;align-items:center;gap:.35rem;margin-top:.35rem;margin-bottom:-.1rem;padding-bottom:.1rem}.pagination-btn{display:inline-grid;place-items:center;min-width:1.85rem;height:1.85rem;padding:0 .5rem;border:1px solid var(--border);border-radius:calc(var(--radius) - .15rem);background:var(--muted);color:var(--foreground);cursor:pointer;font-size:.82rem;font-weight:400;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.pagination-btn.is-active,.pagination-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.pagination-btn:disabled{cursor:not-allowed;opacity:.45}.dungeon-run-table{width:100%;min-width:1020px;border-collapse:separate;border-spacing:0 .24rem}.dungeon-run-table td,.dungeon-run-table th{padding:.48rem .5rem;font-size:.86rem;text-align:left;vertical-align:middle;white-space:nowrap}.dungeon-run-table th{background:color-mix(in oklch,var(--muted) 82%,var(--foreground));color:var(--foreground);font-size:.86rem;font-weight:900}.dungeon-run-table th span{color:var(--muted-foreground)}.dungeon-run-table th:first-child{border-radius:var(--radius) 0 0 var(--radius)}.dungeon-run-table th:last-child{border-radius:0 var(--radius) var(--radius) 0}.dungeon-run-table tbody tr{background:color-mix(in oklch,var(--muted) 44%,transparent)}.dungeon-run-table tbody tr:nth-child(2n){background:color-mix(in oklch,var(--muted) 68%,transparent)}.dungeon-run-table td:first-child{border-radius:var(--radius) 0 0 var(--radius)}.dungeon-run-table td:last-child{border-radius:0 var(--radius) var(--radius) 0}.faction-cell,.rank-cell,.score-cell{font-weight:900}.dungeon-cell a{display:inline-flex;align-items:center;gap:.5rem;min-width:11.5rem;max-width:14rem}.dungeon-cell a img{flex:0 0 auto;width:1.65rem;height:1.65rem;border:2px solid color-mix(in oklch,var(--foreground) 32%,transparent);border-radius:calc(var(--radius) - .2rem);-o-object-fit:cover;object-fit:cover}.dungeon-cell a span{overflow:hidden;font-weight:900;text-overflow:ellipsis}.time-cell span{color:var(--muted-foreground);font-weight:800}.role-cell{min-width:8.25rem}.dps-cell{min-width:15rem}.dps-cell .table-player{margin-right:.55rem}.table-player{position:relative;gap:.32rem;margin-right:.48rem}.table-player:focus-within .table-player-popup,.table-player:hover .table-player-popup{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.table-player a{font-size:.84rem;font-weight:500}.table-player-popup{position:absolute;left:50%;bottom:calc(100% + .25rem);z-index:20;display:inline-flex;gap:.2rem;opacity:0;transform:translateX(-50%) translateY(.2rem);visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.table-player-popup button{display:grid;place-items:center;width:1.55rem;height:1.55rem;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--background);color:var(--primary);cursor:pointer;font-size:.72rem;box-shadow:0 8px 18px rgba(0,0,0,.18)}.table-player-popup button:hover{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.faction-badge{display:grid;place-items:center;width:2.15rem;height:2.15rem}.faction-badge img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.run-card{overflow:hidden}.boss-card,.favorite-card,.media-card,.member-card{animation:card-enter .28s ease both}.media-image{width:100%;aspect-ratio:16/6;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius) - 2px)}.run-card .media-section{margin:-1px -1px 0 -1px}.run-card .media-image{border-radius:calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0 0}.favorite-meta,.run-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .75rem;color:var(--muted-foreground);font-size:.88rem}.table-title{display:flex;align-items:center;gap:.625rem;min-width:220px}.table-title img{width:3.25rem;height:2rem;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius) - 4px)}.character-line,.visual-badge{display:flex;align-items:center;gap:.75rem}.avatar-image,.icon-image,.visual-badge img{flex:0 0 auto;width:2.5rem;height:2.5rem;-o-object-fit:cover;object-fit:cover;border-radius:999px}.icon-image,.visual-badge img{width:2rem;height:2rem}.visual-badge img{width:1.15rem;height:1.15rem}.affix-icon-list{display:inline-flex;align-items:center;gap:.35rem}.affix-icon{display:inline-grid;place-items:center;width:2rem;height:2rem;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:var(--muted)}.affix-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.boss-title-line{display:flex;align-items:center;gap:1rem;min-width:0}.boss-image{width:4.5rem;height:4.5rem;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius) + .35rem);box-shadow:inset 0 0 0 1px color-mix(in oklch,oklch(.08 0 0) 22%,transparent)}.boss-card-foot{display:flex;gap:1rem;flex-wrap:wrap;color:var(--muted-foreground)}.boss-card-header,.compare-head,.favorite-actions,.favorite-card-header,.member-actions,.run-card-header{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.favorite-actions,.member-actions{flex-wrap:wrap}.compare-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;table-layout:fixed}.compare-table td,.compare-table th{vertical-align:top}.compare-table td.is-best-metric{background:color-mix(in oklch,var(--primary) 12%,transparent);color:var(--foreground);font-weight:900}.compare-label-col{width:10rem}.compare-character-col{min-width:17rem}.compare-sticky-head{position:sticky;top:0;z-index:30;width:100%;max-width:100%;min-width:0;overflow:hidden;border-bottom:1px solid var(--border);background:var(--card);box-shadow:0 .65rem 1rem color-mix(in oklch,var(--background) 82%,transparent)}.compare-sticky-track{will-change:transform}.compare-sticky-cell{min-width:0;padding:.9rem .75rem;background:var(--card)}.compare-sticky-label{display:flex;align-items:center;color:var(--muted-foreground);font-weight:900}.compare-head{min-height:3.35rem;padding-block:.25rem;min-width:0}.compare-remove-button{flex:0 0 2.35rem;width:2.35rem;height:2.35rem;min-height:2.35rem;color:var(--destructive)}.gear-compare-table{min-width:980px}.gear-compare-table td:first-child,.gear-compare-table th:first-child{width:10rem}.gear-compare-table td.is-best-gear{background:color-mix(in oklch,var(--primary) 12%,transparent)}.compare-gear-item{display:grid;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:.65rem;min-width:13.5rem;color:var(--foreground);text-decoration:none}.compare-gear-item img{width:2.25rem;height:2.25rem;-o-object-fit:cover;object-fit:cover;border:1px solid color-mix(in oklch,var(--primary) 70%,var(--foreground));border-radius:calc(var(--radius) - .2rem);background:var(--muted)}.compare-gear-item span{display:grid;min-width:0}.compare-gear-item small,.compare-gear-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-gear-item strong{font-size:.9rem;font-weight:900}.compare-gear-item small{font-size:.78rem}.compare-gear-empty,.compare-gear-item small{color:var(--muted-foreground);font-weight:800}.compare-gear-empty{display:inline-flex;align-items:center;min-height:2.25rem}.favorite-card{position:relative;gap:1rem;overflow:hidden}.favorite-card-shell{display:grid;grid-template-columns:150px minmax(0,1fr) 120px;gap:1.1rem;min-width:0}.favorite-portrait-area{display:grid;justify-items:center;align-content:start;gap:1rem;min-width:0}.favorite-avatar-wrap{position:relative;width:7.25rem;height:7.25rem}.favorite-card .avatar-image{width:7.25rem;height:7.25rem;border:4px solid var(--background);box-shadow:0 0 0 1px var(--border)}.faction-mark{position:absolute;right:.2rem;bottom:-.25rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;border:2px solid var(--background);border-radius:999px;background:var(--destructive);color:var(--destructive-foreground);font-weight:900}.faction-mark img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:999px}.faction-mark.is-alliance{background:color-mix(in oklch,var(--ring) 42%,var(--background))}.faction-mark.is-horde{background:color-mix(in oklch,var(--destructive) 72%,var(--background))}.favorite-more-info{display:grid;justify-items:center;gap:.45rem;width:100%}.favorite-more-info span{color:var(--muted-foreground);font-size:.78rem;font-weight:800}.favorite-more-info div{display:inline-flex;align-items:center;gap:.5rem}.favorite-more-info a,.favorite-more-info button{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:oklch(.18 .01 106.62);color:oklch(.98 .01 95.1);cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in oklch,#fff 8%,transparent)}.favorite-more-info a:hover,.favorite-more-info button:hover{border-color:var(--primary);background:oklch(.22 .01 106.62);color:oklch(.98 .01 95.1)}.favorite-more-info a img,.favorite-more-info button img{display:block;width:1.25rem;height:1.25rem;-o-object-fit:contain;object-fit:contain}.favorite-main{display:grid;align-content:start;gap:.85rem;min-width:0}.favorite-title{min-width:0}.favorite-title h3{display:flex;align-items:center;gap:.55rem;min-width:0;color:var(--primary);font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.05;font-weight:500}.favorite-title h3 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-title h3 small{flex:0 0 auto;color:var(--muted-foreground);font-size:.78rem;font-weight:900;text-transform:uppercase}.favorite-title>strong{display:block;margin-top:.12rem;color:var(--foreground);font-size:.92rem}.favorite-class-icon{flex:0 0 auto;width:1.85rem;height:1.85rem;border:1px solid var(--border);border-radius:999px;background:var(--muted);-o-object-fit:cover;object-fit:cover}.favorite-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:.38rem;color:var(--muted-foreground);font-size:.88rem}.favorite-meta div{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:.45rem;min-width:0}.favorite-meta dd,.favorite-meta dt{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-meta dt{font-weight:900}.favorite-meta dd{color:var(--foreground);font-weight:800}.favorite-meta .favorite-gear-line{grid-template-columns:4.2rem minmax(0,max-content);overflow:visible}.favorite-gear-row{display:inline-flex!important;grid-template-columns:none!important;align-items:center;flex-wrap:wrap;gap:.35rem;width:100%;max-width:100%;min-height:1.75rem;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.favorite-gear-row>span{flex:0 0 auto;padding:.22rem .5rem;border-radius:var(--radius);background:var(--muted);color:var(--foreground);font-size:.72rem;font-weight:900;text-transform:uppercase}.mini-gear-icon{flex:0 0 1.65rem;display:grid;place-items:center;width:1.65rem;min-width:1.65rem;max-width:1.65rem;height:1.65rem;min-height:1.65rem;max-height:1.65rem;overflow:hidden;border:1px solid color-mix(in oklch,var(--primary) 70%,var(--foreground));border-radius:calc(var(--radius) - .2rem);background:var(--muted);line-height:0}.mini-gear-icon img{display:block;width:100%;min-width:100%;height:100%;min-height:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.mini-gear-icon.is-empty{border-color:var(--border);background:linear-gradient(135deg,transparent 45%,color-mix(in oklch,var(--muted-foreground) 42%,transparent) 47%,color-mix(in oklch,var(--muted-foreground) 42%,transparent) 53%,transparent 55%),var(--muted);opacity:.68}.favorite-score-panel{position:relative;display:grid;align-content:stretch;gap:0;min-height:8.5rem;overflow:hidden;border-radius:var(--radius);background:var(--muted)}.favorite-score-panel>div:not(.favorite-context-menu){display:grid;place-items:center;padding:.85rem .65rem;text-align:center}.favorite-score-panel>div:not(.favorite-context-menu)+div:not(.favorite-context-menu){border-top:1px solid var(--border)}.favorite-score-panel span{color:var(--foreground);font-size:.76rem;font-weight:900}.favorite-score-panel strong{color:var(--primary);font-size:1.62rem;font-weight:900;line-height:1.05}.favorite-card-menu-button{position:absolute;top:.75rem;right:.75rem;z-index:6;width:2.1rem;height:2.1rem;min-height:2.1rem;border-color:transparent;background:color-mix(in oklch,var(--card) 82%,transparent);color:var(--muted-foreground);backdrop-filter:blur(6px)}.favorite-card-menu-button:hover{border-color:var(--border);background:var(--muted);color:var(--primary)}.favorite-context-menu{position:absolute;top:3rem;right:.75rem;z-index:7;display:grid;width:11.5rem;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--popover);color:var(--popover-foreground);box-shadow:0 16px 38px color-mix(in oklch,oklch(.08 0 0) 24%,transparent)}.favorite-context-menu button{display:flex;align-items:center;justify-content:flex-start;gap:.65rem;min-height:2.35rem;padding:.5rem .75rem;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:.86rem;font-weight:800;text-align:left}.favorite-context-menu button:last-child{border-bottom:0}.favorite-context-menu button:hover{background:var(--muted);color:var(--primary)}.favorite-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;padding-top:.35rem}.favorite-tabs .btn-sm-outline{min-height:2.45rem}.favorite-tabs .is-disabled{opacity:.66}.favorite-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-top:.8rem!important;border-top:1px solid var(--border);text-align:center}.favorite-stats strong{color:var(--primary);font-size:1.35rem;font-weight:900}.favorite-stats span,.favorite-stats strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-stats span{color:var(--muted-foreground);font-size:.78rem;font-weight:800}.app-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1.25rem;overflow:auto;overscroll-behavior:contain;background:color-mix(in oklch,var(--background) 32%,transparent);backdrop-filter:blur(8px);animation:app-modal-backdrop-enter .18s ease-out both}.app-modal-backdrop.is-closing{pointer-events:none;animation:app-modal-backdrop-exit .18s ease-in both}.app-modal-backdrop.is-closing .app-modal{animation:app-modal-exit .18s ease-in both}.app-modal{display:grid;grid-template-rows:auto minmax(0,1fr);gap:1rem;width:min(100%,920px);max-height:calc(100vh - 2.5rem);max-height:calc(100dvh - 2.5rem);overflow:hidden;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:0 28px 90px color-mix(in oklch,oklch(.08 0 0) 34%,transparent);animation:app-modal-enter .22s ease-out both}@keyframes app-modal-enter{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes app-modal-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes app-modal-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes app-modal-backdrop-exit{0%{opacity:1}to{opacity:0}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-width:0}.modal-head h2{margin:0}.modal-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.5rem;flex:0 0 auto}.runs-modal .table-wrap{min-height:0;overflow:auto}.favorite-runs-table{width:100%;min-width:720px}.favorite-runs-table td,.favorite-runs-table th{white-space:nowrap}.favorite-runs-table .ranking-link-icon{display:inline-grid;place-items:center;width:1.85rem;height:1.85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);color:var(--primary)}.dungeon-cell-compact a{display:inline-flex;align-items:center;gap:.5rem;min-width:12rem;max-width:18rem}.dungeon-cell-compact img{flex:0 0 auto;width:1.85rem;height:1.85rem;border:1px solid var(--border);border-radius:calc(var(--radius) - .2rem);-o-object-fit:cover;object-fit:cover}.dungeon-cell-compact strong{overflow:hidden;color:var(--foreground);text-overflow:ellipsis}.gear-modal{width:min(100%,1260px)}.talents-modal{width:min(100%,1180px);min-height:min(84vh,780px);min-height:min(84dvh,780px);overflow-x:hidden}.talents-frame{position:relative;width:100%;max-width:100%;min-width:0;height:min(74vh,680px);height:min(74dvh,680px);min-height:560px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius);background:oklch(.12 .01 106.62)}.talents-frame iframe{display:block;width:1600px;min-width:1600px;max-width:none;height:920px;min-height:920px;border:0;background:oklch(.12 .01 106.62)}.talents-placeholder{display:grid;place-items:center;align-content:center;gap:.8rem;min-height:min(68vh,560px);border:1px dashed var(--border);border-radius:var(--radius);background:var(--muted);color:var(--muted-foreground);text-align:center}.talents-placeholder i{color:var(--primary);font-size:2rem}.talents-placeholder .fa-spinner{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.gear-backdrop{background:color-mix(in oklch,oklch(.08 0 0) 60%,transparent)}.talents-backdrop{background:color-mix(in oklch,oklch(.08 0 0) 52%,transparent)}.armory-frame{position:relative;min-height:min(64vw,700px);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in oklch,var(--muted) 60%,transparent),color-mix(in oklch,var(--background) 82%,transparent)),radial-gradient(circle at 50% 34%,color-mix(in oklch,var(--primary) 18%,transparent),transparent 42%),var(--background)}.armory-character{display:none}.armory-column{position:absolute;top:1rem;z-index:1;display:grid;gap:.65rem;width:min(34%,300px)}.armory-left{left:1rem}.armory-right{right:1rem}.armory-weapons{position:absolute;left:50%;bottom:1rem;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:1rem;width:min(42%,540px);transform:translateX(-50%)}.armory-item{display:grid;grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:3.65rem;padding:.45rem;border:1px solid color-mix(in oklch,var(--primary) 70%,var(--foreground));border-radius:var(--radius);background:color-mix(in oklch,var(--background) 72%,transparent);color:var(--foreground);backdrop-filter:blur(4px)}.armory-item img{width:3rem;height:3rem;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border);border-radius:calc(var(--radius) - .15rem)}.armory-item span{display:grid;min-width:0}.armory-item small,.armory-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.armory-item strong{color:color-mix(in oklch,var(--primary) 86%,#fff);font-size:.98rem;font-weight:500}.armory-item small{color:var(--foreground);font-size:.82rem;font-weight:800}.armory-item.is-right{grid-template-columns:minmax(0,1fr) 3.25rem;text-align:right}.armory-item.is-empty{border-color:var(--border);opacity:.62}.armory-item.is-empty:before{content:"";width:3rem;height:3rem;border:1px dashed var(--border);border-radius:calc(var(--radius) - .15rem);background:var(--muted)}.armory-item.is-empty.is-right:before{order:2}.mini-list{display:grid}.mini-list-row{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.raid-progress-grid{display:grid;grid-template-columns:minmax(260px,.36fr) minmax(0,1fr);align-items:start;gap:1.5rem}.boss-ranking-column,.guild-ranking-column,.guild-ranking-list{display:grid;gap:1rem}.ranking-section-head{min-height:2.75rem}.guild-rank-card{grid-template-columns:6.25rem minmax(0,1fr);overflow:hidden;padding:0!important}.guild-rank-card,.guild-rank-media{position:relative;display:grid;min-height:7.65rem}.guild-rank-media{place-items:center;padding:1rem;background:var(--muted)}.guild-rank-media img{width:100%;height:100%;max-height:5.5rem;-o-object-fit:contain;object-fit:contain}.guild-rank-media>span{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:999px;background:var(--card);color:var(--primary);font-size:1.25rem;font-weight:800}.guild-rank-media strong{position:absolute;left:0;bottom:0;display:grid;place-items:center;min-width:1.9rem;height:1.7rem;padding-inline:.35rem;background:var(--primary);color:var(--primary-foreground);font-size:.78rem;font-weight:800}.guild-rank-content{min-width:0;padding:.95rem 1.1rem}.guild-rank-content h4{overflow:hidden;color:var(--foreground);font-size:1.12rem;text-overflow:ellipsis;white-space:nowrap}.guild-rank-content dl{display:grid;gap:.22rem;margin:.55rem 0 .45rem}.guild-rank-content dl>div{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.45rem;min-width:0}.guild-rank-content dd,.guild-rank-content dt{overflow:hidden;margin:0;color:var(--muted-foreground);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.guild-rank-content dt,.ranking-link{font-weight:800}.ranking-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--primary);font-size:.86rem}.guild-ranking-all{width:100%}.ranking-empty{color:var(--muted-foreground)}.raid-boss-rank-card{display:grid;grid-template-columns:minmax(13rem,18.75rem) minmax(0,1fr);min-height:15.75rem;overflow:hidden;padding:0!important;animation:card-enter .28s ease both}.raid-boss-media{position:relative;display:grid;place-items:center;min-height:15.75rem;background:var(--muted)}.raid-boss-media img{display:block;width:100%;height:100%;min-height:15.75rem;-o-object-fit:cover;object-fit:cover}.raid-boss-fallback{display:grid;place-items:center;width:7rem;height:7rem;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--primary);font-size:2rem;font-weight:800}.raid-boss-video{position:absolute;right:50%;bottom:1rem;transform:translateX(50%);min-height:2.3rem;padding:.45rem 1.15rem}.raid-boss-skeleton{pointer-events:none}.raid-boss-skeleton .raid-boss-media{padding:1rem}.raid-boss-skeleton .raid-boss-content header>div{display:grid;gap:.65rem;width:min(100%,18rem)}.raid-boss-skeleton .raid-boss-content footer{align-items:center}.boss-skeleton-media{width:100%;height:100%;min-height:13.75rem;aspect-ratio:auto}.boss-skeleton-badge{width:4rem;height:1.7rem;border-radius:999px}.boss-skeleton-table{display:grid;gap:.85rem;padding-block:.5rem}.video-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1.25rem;background:color-mix(in oklch,var(--background) 30%,transparent);backdrop-filter:blur(8px);animation:video-backdrop-enter .18s ease-out both}.video-modal{display:grid;grid-template-rows:auto auto auto;gap:1rem;width:min(100%,820px);max-height:calc(100vh - 2.5rem);overflow:hidden;padding:1rem;border:1px solid var(--border);border-radius:calc(var(--radius) + .35rem);background:var(--card);box-shadow:0 28px 90px color-mix(in oklch,oklch(.08 0 0) 34%,transparent);animation:video-dialog-enter .22s ease-out both}.video-modal h2{margin:0;font-size:clamp(1.3rem,3vw,2rem)}.video-dialog-foot,.video-dialog-head{display:flex!important;flex-direction:row!important;align-items:center!important;gap:1rem!important;width:100%!important;min-width:0!important}.video-dialog-head{justify-content:space-between!important}.video-dialog-head>div{min-width:0}.video-dialog-foot{justify-content:flex-end!important}.video-player-frame{display:block!important;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);width:100%!important;height:auto!important;aspect-ratio:16/9;min-height:0}.video-player-frame iframe{display:block;width:100%!important;height:100%!important;min-height:360px;border:0}@keyframes video-dialog-enter{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes video-backdrop-enter{0%{opacity:0}to{opacity:1}}.raid-boss-content{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:1.15rem;width:100%;max-width:100%;min-width:0;overflow:hidden;padding:1.25rem 1.5rem 1.25rem 0!important}.raid-boss-content footer,.raid-boss-content header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;width:100%;max-width:100%;min-width:0}.raid-boss-content header>div{min-width:0}.raid-boss-content footer{align-self:end;align-items:center}.raid-boss-content footer span{flex:0 1 auto;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.raid-boss-content h3{font-size:1.35rem}.raid-boss-content footer span,.raid-boss-content p{color:var(--muted-foreground)}.raid-boss-content p strong{color:var(--primary)}.boss-ranking-table{width:100%;max-width:100%;margin:0;overflow-x:hidden}.boss-ranking-table .table{width:100%;max-width:100%;table-layout:fixed}.boss-ranking-table td,.boss-ranking-table th{padding:.42rem .65rem;white-space:nowrap}.boss-ranking-table td:first-child,.boss-ranking-table th:first-child{width:2.5rem}.boss-ranking-table td:nth-child(3),.boss-ranking-table th:nth-child(3){width:4.65rem}.boss-ranking-table td:nth-child(4),.boss-ranking-table th:nth-child(4){width:7rem}.boss-ranking-table td:nth-child(5),.boss-ranking-table th:nth-child(5){width:3.4rem}.boss-ranking-table td:nth-child(6),.boss-ranking-table th:nth-child(6){width:2.5rem;text-align:center}.boss-ranking-table td:nth-child(2),.boss-ranking-table th:nth-child(2){width:auto}.boss-ranking-table td{overflow:hidden;text-overflow:ellipsis}.boss-ranking-table td a:not(.ranking-link-icon){display:block;overflow:hidden;text-overflow:ellipsis}.boss-ranking-table td:nth-child(3){text-transform:capitalize}.boss-ranking-table .ranking-link-icon{justify-content:center;width:1.85rem;height:1.85rem;margin-inline:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted)}.boss-ranking-table .is-empty-row td{color:color-mix(in oklch,var(--muted-foreground) 58%,transparent)}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.content-grid,.raid-progress-grid{grid-template-columns:1fr}.compact-reference{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-reference>div:last-child{grid-column:1/-1}.favorites-grid,.run-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.favorite-card-shell{grid-template-columns:145px minmax(0,1fr) 118px}.armory-frame{min-height:760px}.gear-modal{height:calc(100vh - 2.5rem);height:calc(100dvh - 2.5rem)}.gear-modal .armory-frame{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.armory-column{width:calc(50% - 1.5rem)}.armory-weapons{width:min(74%,560px)}}@media (max-width:860px){.form-grid,.not-found-page{grid-template-columns:1fr}.not-found-page{min-height:auto;text-align:center}.not-found-content{justify-items:center}.not-found-content .page-actions{justify-content:center}.not-found-art{order:-1}.not-found-art img{max-height:18rem}.about-grid,.alternative-list,.boss-grid,.compact-reference,.filters-grid,.roster-grid,.settings-grid,.stats-grid{grid-template-columns:1fr}.compact-reference>div:last-child{grid-column:auto}.compact-cutoffs,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions,.filter-field,.filter-field-wide{grid-column:auto}.boss-card-header,.favorite-card-header,.favorite-main,.filter-toolbar,.page-hero-head,.run-card-header,.section-head{align-items:stretch;flex-direction:column}.card.filter-toolbar{flex-direction:column!important;align-items:stretch!important}.card.filter-toolbar .applied-filters{width:100%}.card.filter-toolbar .page-actions{margin-left:0;justify-content:flex-start}.mythic-runs-layout .section-head{align-items:center;flex-direction:row}.mythic-runs-layout .view-switch{flex:0 0 auto;width:auto;margin-left:auto}.quick-search-field{flex-basis:auto;min-width:0}.character-url-row{grid-template-columns:minmax(0,1fr) auto}.character-url-submit{width:2.75rem;min-width:2.75rem;max-width:2.75rem}.favorite-card-shell,.favorite-meta,.favorite-tabs,.run-card-meta{grid-template-columns:1fr}.favorite-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.favorite-score-panel{min-height:0;grid-template-columns:repeat(2,minmax(0,1fr))}.favorite-score-panel>div:not(.favorite-context-menu)+div:not(.favorite-context-menu){border-top:0;border-left:1px solid var(--border)}.run-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.filter-field-wide,.run-summary-grid>div:last-child{grid-column:auto}.settings-grid .settings-row{align-items:center;flex-direction:row}.settings-grid .button-row,.settings-grid .page-actions{align-items:center;flex-direction:row;justify-content:flex-end}}@media (max-width:720px){.page-hero-card h2{font-size:clamp(1.75rem,10vw,2.65rem)}.applied-filters{align-items:stretch}.filter-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-actions,.view-switch{width:100%}.page-actions>.btn,.page-actions>.btn-icon,.page-actions>.btn-icon-outline,.page-actions>.btn-outline,.view-switch>button{flex:1 1 0}.mythic-runs-layout .view-switch>button{flex:0 0 2.75rem}.favorites-grid,.feature-grid,.run-card-grid{grid-template-columns:1fr}.compact-cutoffs{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog.video-dialog{width:calc(100vw - 1rem)!important;min-height:0!important;height:auto!important;max-height:calc(100vh - 1rem)!important}.dialog.video-dialog>div{max-height:calc(100vh - 1rem);padding:.75rem}.video-player-frame iframe{min-height:210px}.video-modal,.video-modal-backdrop{padding:.75rem}.video-modal{width:100%;max-height:calc(100vh - 1.5rem);max-height:calc(100dvh - 1.5rem)}.guild-rank-card,.raid-boss-rank-card{grid-template-columns:1fr}.guild-rank-media,.raid-boss-media,.raid-boss-media img{min-height:11rem}.guild-rank-content,.raid-boss-content{padding:1.25rem!important}.raid-boss-content footer,.raid-boss-content header{align-items:stretch;flex-direction:column}}@media (min-width:561px) and (max-width:860px){.card.filter-toolbar{flex-wrap:wrap;flex-direction:row!important;align-items:center!important}.card.filter-toolbar .applied-filters{flex:0 0 100%;width:100%}.card.filter-toolbar .quick-search-field{flex:1 1 auto;min-width:min(100%,18rem);width:auto}.card.filter-toolbar .page-actions{flex:0 0 auto;width:auto;margin-left:auto;justify-content:flex-end}.card.filter-toolbar .page-actions>.btn,.card.filter-toolbar .page-actions>.btn-icon,.card.filter-toolbar .page-actions>.btn-icon-outline,.card.filter-toolbar .page-actions>.btn-outline{flex:0 0 auto}}@media (max-width:560px){.dungeon-run-body{min-height:0;padding:1.45rem 1rem 1rem}.dungeon-run-title{padding-right:3rem;font-size:1.18rem}.run-team-grid{grid-template-columns:1fr}.run-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.run-summary-grid .run-team-block>p,.run-summary-grid p{font-size:.72rem}.run-summary-grid strong{font-size:1rem}.run-summary-grid strong span{display:block;margin-top:.1rem;font-size:.68rem}.favorite-score-panel>div:not(.favorite-context-menu)+div:not(.favorite-context-menu){border-top:0;border-left:1px solid var(--border)}.favorite-tabs{grid-template-columns:1fr}.favorite-tabs .btn-sm-outline{width:100%}.modal-actions,.modal-head,.video-dialog-foot,.video-dialog-head{align-items:stretch!important;flex-direction:column!important}.app-modal .modal-head{align-items:flex-start!important;flex-direction:row!important;flex-wrap:wrap;gap:.625rem!important}.app-modal .modal-head>div{order:1;flex:1 1 0;min-width:0}.app-modal .modal-head .modal-actions{display:contents}.app-modal .modal-head .modal-actions>a{order:3;flex:0 0 100%;width:100%;margin-top:.5rem}.app-modal .modal-head .modal-actions>.btn-icon-outline,.app-modal .modal-head>.btn-icon-outline{order:2;flex:0 0 2.75rem;margin-left:auto}.app-modal-backdrop,.video-modal-backdrop{padding:.5rem}.app-modal{width:100%;max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem);padding:.75rem}.gear-modal{height:calc(100vh - 1rem);height:calc(100dvh - 1rem)}.armory-frame{display:grid;gap:1rem;min-height:0;overflow:auto;padding:1rem}.armory-column,.armory-weapons{position:static;width:100%;transform:none}.armory-weapons{grid-template-columns:1fr}.armory-item,.armory-item.is-right{grid-template-columns:3.25rem minmax(0,1fr);text-align:left}.armory-item.is-empty.is-right:before,.armory-item.is-empty:before,.armory-item.is-right.is-empty.is-right:before,.armory-item.is-right.is-empty:before{order:0}.talents-modal{min-height:0}.talents-frame{height:min(66vh,560px);height:min(66dvh,560px);min-height:360px}.favorite-score-panel,.favorite-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid .settings-row{align-items:stretch;flex-direction:column}.settings-grid .button-row,.settings-grid .page-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}.settings-grid .button-row>button,.settings-grid .page-actions>button,.settings-grid .settings-row>button{width:100%;min-width:0}}.about-story-page{gap:clamp(1.25rem,3vw,2rem);--about-title-copy-gap:0.95rem;--about-kicker-title-gap:0.8rem}.about-story-page h2,.about-story-page h3,.about-story-page h4,.about-story-page p{margin:0}.about-story-hero,.about-story-section{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in oklch,var(--primary) 10%,transparent),transparent 42%),var(--card)}.about-story-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);min-height:720px;padding:clamp(1.25rem,4vw,3rem);overflow:hidden}.about-section-head,.about-story-copy,.about-story-section{display:grid;gap:1rem}.about-story-copy{justify-items:start;min-width:0}.about-card header,.about-cta>div:first-child,.about-data-section>div:first-child,.about-section-head,.about-story-copy{display:grid;align-content:start;gap:0}.about-card header .eyebrow,.about-cta>div:first-child .eyebrow,.about-data-section>div:first-child .eyebrow,.about-section-head .eyebrow,.about-story-copy .eyebrow{margin-bottom:var(--about-kicker-title-gap)}.about-cta>div:first-child h3,.about-data-section>div:first-child h3,.about-section-head h3,.about-story-copy h2{margin-bottom:var(--about-title-copy-gap)}.about-card header h3,.about-cta>div:first-child h3:last-child,.about-data-section>div:first-child h3:last-child,.about-section-head h3:last-child,.about-story-copy h2:last-child{margin-bottom:0}.about-cta h3,.about-data-section h3,.about-section-head h3,.about-story-copy h2{color:var(--foreground);font-size:clamp(2.15rem,5vw,4.65rem);font-weight:500;line-height:.98}.about-cta h3,.about-data-section h3,.about-section-head h3{font-size:clamp(1.8rem,3.6vw,3.15rem);line-height:1.08;text-wrap:balance}.about-cta p,.about-data-section p,.about-section-head p,.about-story-copy p:not(.eyebrow){max-width:68ch;color:var(--muted-foreground);font-size:1.05rem;line-height:1.7}.about-story-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.35rem}.about-story-page .btn{color:var(--primary-foreground)}.about-story-page .btn i{color:inherit}.about-story-page .btn:focus-visible,.about-story-page .btn:hover{color:var(--primary-foreground)}.about-hero-shot{display:grid;gap:1rem;min-width:0;padding:1rem;border:1px solid color-mix(in oklch,var(--border) 76%,var(--primary));border-radius:var(--radius);background:linear-gradient(160deg,color-mix(in oklch,var(--muted) 84%,var(--primary)),var(--muted)),var(--muted);box-shadow:0 28px 90px color-mix(in oklch,oklch(.08 0 0) 18%,transparent)}.about-hero-shot header,.about-shot header{display:flex;align-items:center;gap:.42rem;min-height:2.35rem;padding:0 .8rem;border:1px solid var(--border);border-radius:calc(var(--radius) - .15rem);background:color-mix(in oklch,var(--background) 78%,var(--foreground))}.about-hero-shot header span,.about-shot header span{width:.62rem;height:.62rem;border-radius:999px;background:var(--primary)}.about-hero-shot header span:nth-child(2),.about-shot header span:nth-child(2){background:color-mix(in oklch,var(--primary) 52%,var(--foreground))}.about-hero-shot header span:nth-child(3),.about-shot header span:nth-child(3){background:color-mix(in oklch,var(--muted-foreground) 62%,var(--background))}.about-hero-shot header strong,.about-shot header strong{min-width:0;overflow:hidden;color:var(--muted-foreground);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.about-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.about-data-node,.about-flow-step,.about-hero-metrics article,.about-live-example,.about-screenshot-card,.about-use-card{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in oklch,var(--accent) 88%,var(--background))}.about-hero-metrics article{display:grid;gap:.25rem;min-height:8rem;padding:1rem}.about-data-node small,.about-hero-metrics small,.about-hero-metrics span,.about-shot-block small{color:var(--muted-foreground)}.about-hero-metrics strong{color:var(--foreground);font-size:clamp(1.65rem,4vw,2.5rem);line-height:1}.about-live-example{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem}.about-live-example h3{margin-top:.55rem;font-weight:500;line-height:1.2;color:var(--foreground);font-size:clamp(1.25rem,3vw,2rem)}.about-live-example p{color:var(--muted-foreground)}.about-live-example>strong{flex:0 0 auto;color:var(--primary);font-size:clamp(2rem,6vw,4rem);line-height:1}.about-story-section{padding:clamp(1.25rem,4vw,3rem)}.about-data-map,.about-screenshot-grid,.about-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.about-use-card{display:grid;align-content:start;gap:.8rem}.about-icon{display:grid;place-items:center;width:2.85rem;height:2.85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--primary)}.about-card h3,.about-data-node strong,.about-flow-step h4,.about-screenshot-card h4,.about-use-card h4,.alternative-link strong,.feature-tile h4{color:var(--foreground);font-weight:500;font-size:1.12rem}.about-card h3{font-size:clamp(1.35rem,2.5vw,1.9rem)}.about-flow-step p,.about-screenshot-card p,.about-use-card p{color:var(--muted-foreground);line-height:1.6}.about-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.about-flow-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.1rem}.about-flow-step>span{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid color-mix(in oklch,var(--primary) 62%,var(--border));border-radius:var(--radius);color:var(--primary);font-weight:900}.about-screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-screenshot-card{display:grid;gap:1rem;padding:1rem}.about-shot{display:grid;gap:.75rem;min-height:17rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted)}.about-shot section{display:grid;gap:.65rem;min-height:12rem}.about-shot-raid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-shot-list{grid-template-columns:1fr}.about-shot-block{display:grid;align-content:center;gap:.25rem;min-width:0;min-height:4.2rem;padding:.85rem;border:1px solid var(--border);border-radius:calc(var(--radius) - .15rem);background:var(--background)}.about-shot-block.wide{grid-column:1/-1}.about-shot-block.accent{border-color:color-mix(in oklch,var(--primary) 66%,var(--border));background:color-mix(in oklch,var(--primary) 16%,var(--background))}.about-shot-block strong{overflow:hidden;color:var(--foreground);font-size:1.35rem;text-overflow:ellipsis;white-space:nowrap}.about-cta,.about-data-section{grid-template-columns:minmax(0,.85fr) minmax(360px,1fr);align-items:center;-moz-column-gap:clamp(1.5rem,5vw,4rem);column-gap:clamp(1.5rem,5vw,4rem)}.about-data-map{grid-template-columns:repeat(2,minmax(0,1fr))}.about-data-section{align-items:start}.about-data-section>div:first-child{min-width:0;max-width:38rem}.about-data-section h3{max-width:13ch;font-size:clamp(2rem,3.1vw,2.85rem);line-height:1.1}.about-data-section p{max-width:42ch}.about-data-node{display:grid;justify-items:start;gap:.55rem;min-height:9.5rem;padding:1rem}.about-source-icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;border:1px solid color-mix(in oklch,var(--primary) 34%,oklch(1 0 0));border-radius:var(--radius);background:linear-gradient(145deg,color-mix(in oklch,var(--primary) 18%,transparent),transparent 58%),oklch(.21 .01 95.42);color:var(--primary);box-shadow:inset 0 1px 0 color-mix(in oklch,oklch(1 0 0) 13%,transparent)}.about-source-icon img{display:block;width:2.05rem;height:2.05rem;-o-object-fit:contain;object-fit:contain}.about-source-icon i{color:var(--primary);font-size:1.2rem}.about-cta{background:linear-gradient(135deg,color-mix(in oklch,var(--primary) 20%,transparent),transparent 58%),var(--muted)}.about-cta .about-story-actions{justify-content:flex-end}@media (max-width:1180px){.about-cta,.about-data-section,.about-story-hero{grid-template-columns:1fr;min-height:auto}.about-flow,.about-screenshot-grid,.about-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-cta .about-story-actions{justify-content:flex-start}}@media (max-width:720px){.about-story-hero,.about-story-section{padding:1rem}.about-hero-shot{padding:.75rem}.about-data-map,.about-flow,.about-hero-metrics,.about-screenshot-grid,.about-use-grid{grid-template-columns:1fr}.about-live-example{align-items:flex-start;flex-direction:column}.about-story-actions,.about-story-actions>.btn,.about-story-actions>.btn-outline{width:100%}}