@charset "UTF-8";/*!
 * Grimholders UI — single SCSS bundle (BEM + Material-ish)
 * All styles live here. Remove any other css imports (App.css, index.css, global.css).
 * Aspect ratios: default 3:2, characters 2:3.
 */:root{--color-primary: #7c4dff;--color-primary-variant: #a285ff;--color-secondary: #00c2ff;--color-surface: #0e1117;--color-surface-2: #121723;--color-surface-3: #171c28;--color-on-surface: #e6eaf2;--color-muted: #9aa5bd;--color-success: #2cc36b;--color-danger: #ff5d5d;--color-warning: #ffcf48;--color-border: rgba(255,255,255,.08);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--elev-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 8px rgba(0,0,0,.18);--elev-2: 0 3px 8px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.22);--elev-3: 0 10px 18px rgba(0,0,0,.35), 0 12px 28px rgba(0,0,0,.25);--container: 1160px;--gap: 16px;--font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--tr-fast: .12s ease;--tr-base: .2s ease}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-on-surface);background:radial-gradient(1200px 700px at 80% -10%,#1b2230,transparent 70%),linear-gradient(180deg,#0b0f15,#0f1115 60%);background-attachment:fixed}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-variant)}img{display:block;max-width:100%}.u-container{width:min(100%,var(--container) + 2 * var(--gap));margin-inline:auto;padding-inline:var(--gap)}.app{display:grid;grid-template-rows:auto 1fr auto;min-height:100%}.topbar{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:saturate(125%) blur(10px);backdrop-filter:saturate(125%) blur(10px);background:color-mix(in hsl,var(--color-surface-2),transparent 25%);border-bottom:1px solid var(--color-border)}.topbar__inner{display:flex;align-items:center;gap:16px;padding:12px 0}.topbar__brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em}.topbar__nav{margin-left:auto;display:flex;align-items:center;gap:8px}.nav__link{padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-on-surface);opacity:.9;transition:background var(--tr-fast),color var(--tr-fast)}.nav__link:hover{background:var(--color-surface-3);color:#fff}.nav__link--primary{background:color-mix(in hsl,var(--color-primary),transparent 70%);border:1px solid color-mix(in hsl,var(--color-primary),transparent 55%)}.nav__link--primary:hover{background:color-mix(in hsl,var(--color-primary),transparent 60%)}.hero{padding-block:48px;background:radial-gradient(1600px 800px at 20% -20%,#1b202d,transparent 75%),linear-gradient(180deg,transparent,rgba(255,255,255,.02) 20%,transparent);border-bottom:1px solid var(--color-border)}.hero__wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.hero__copy{padding:10px 0}.hero__title{margin:12px 0;font-size:42px;line-height:1.1}.hero__lead{font-size:18px;color:var(--color-muted);margin:0 0 24px}.hero__art{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--elev-2)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;line-height:1;border-radius:999px;background:color-mix(in hsl,var(--color-primary),transparent 82%);border:1px solid color-mix(in hsl,var(--color-primary),transparent 55%);color:var(--color-on-surface)}.badge.mono{font-family:var(--font-mono)}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-weight:600;transition:background var(--tr-fast)}.button:hover{background:var(--color-primary-variant);color:#fff}.button--ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-primary)}.button--ghost:hover{background:var(--color-surface-3)}.section{padding:48px 0;border-bottom:1px solid var(--color-border)}.section__title{margin:0 0 16px;font-size:32px}.section__lead{font-size:18px;color:var(--color-muted);margin:0 0 32px}.manifest__text{max-width:800px;margin:0 auto}.manifest__text p{margin:16px 0;line-height:1.6}.features-list{list-style:none;padding:0;margin:24px 0 32px}.features-list li{position:relative;padding-left:24px;margin-bottom:12px}.features-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.featured-card .ratio,.spotlight-card .ratio,.catalog-card .ratio,.pet-card .ratio{border-radius:var(--radius-md) var(--radius-md) 0 0}.bullets{list-style:none;padding:0;margin:24px 0}.bullets li{position:relative;padding-left:24px;margin-bottom:12px}.bullets li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.tiers-card__head{font-size:18px;font-weight:600;margin-bottom:8px}.tiers-card__list{list-style:none;padding:0;margin:16px 0 0}.tiers-card__list li{margin-bottom:8px}.play{text-align:center}.play__actions{justify-content:center;gap:16px}.card{position:relative;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--elev-1);transition:box-shadow var(--tr-base)}.card:hover{box-shadow:var(--elev-2)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}.wiki__layout{display:grid;grid-template-columns:240px 1fr;gap:32px}.wiki__content{flex:1}.wiki-nav{position:sticky;top:20px;align-self:start}.wiki-nav__search{width:100%;margin-bottom:16px;padding:8px 12px;background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-on-surface)}.wiki-nav__group{display:flex;flex-direction:column;gap:4px}.wiki-nav__title{font-size:12px;color:var(--color-muted);margin-bottom:8px;text-transform:uppercase}.wiki-nav__link{display:block;padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-on-surface);transition:background var(--tr-fast)}.wiki-nav__link:hover{background:var(--color-surface-3)}.wiki-nav__link--active{background:var(--color-primary);color:#fff}.wiki-section{padding:24px 0}.wiki-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.wiki-search{flex:1;max-width:320px}.character-card .ratio{border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden}.character-profile{gap:24px;align-items:start}.hero-portrait{position:sticky;top:80px;max-width:320px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.stats-card .controls{gap:8px}.stats-card .stats{gap:16px;flex-wrap:wrap}.growth-info{color:var(--color-muted)}.tiers-thumbs{display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap}.tiers-thumbs img{width:100%;max-width:200px;height:auto;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.abilities-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stats-table{width:100%;max-width:600px}.attack-block .row{gap:8px}.map-card .ratio{border-radius:var(--radius-md) var(--radius-md) 0 0}.map-stats{gap:24px;align-items:start}.stats-summary div,.enemy-group .table{margin-bottom:8px}.map-bg{border-radius:var(--radius-md);overflow:hidden}.map-table{width:100%}.wiki-container{padding:32px 0}.back-link{opacity:.8;transition:opacity var(--tr-fast)}.back-link:hover{opacity:1}.wiki-list{list-style:none;padding:0;gap:8px;display:flex;flex-direction:column}.wiki-list li{padding:8px 0}.hint{color:var(--color-muted)}.kbd{background:var(--color-surface-3);padding:2px 4px;border-radius:4px;border:1px solid var(--color-border);font-family:var(--font-mono)}.input{padding:8px 12px;background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-on-surface);font:inherit}.input:focus{outline:none;border-color:var(--color-primary)}.wiki-search{max-width:none}.ratio{position:relative;width:100%;padding-top:66.6666666667%;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-surface-3);border:1px solid var(--color-border)}.ratio--3x2{padding-top:66.6666666667%}.ratio--2x3{padding-top:150%}.ratio--1x1{padding-top:100%}.media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media--cover{object-fit:cover}.media--contain{object-fit:contain}.icon-sm{width:24px;height:24px}.aoe-grid{background:var(--color-surface-3);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-on-surface);padding:8px;font-family:var(--font-mono);font-size:12px;line-height:1.2;white-space:pre}.table{width:100%;border-collapse:collapse;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.table thead th{text-align:left;padding:10px;background:var(--color-surface-3);font-weight:600;border-bottom:1px solid var(--color-border)}.table tbody td{padding:8px 10px;border-top:1px solid var(--color-border)}.table tbody tr:hover td{background:color-mix(in hsl,var(--color-surface-3),transparent 20%)}.wiki-layout{display:grid;grid-template-columns:240px 1fr;gap:24px}.wiki-menu{position:sticky;top:80px;align-self:start;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px}.wiki-menu h3{margin:4px 8px 8px;font-size:14px;color:var(--color-muted)}.wiki-menu a{display:block;padding:8px 10px;border-radius:8px;color:var(--color-on-surface)}.wiki-menu a.active,.wiki-menu a:hover{background:var(--color-surface-3)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;background:var(--color-surface-3);border:1px solid var(--color-border);color:var(--color-on-surface)}.footer{border-top:1px solid var(--color-border);background:var(--color-surface-2);padding-block:24px;text-align:center}.footer__wrap{display:grid;gap:8px;justify-content:center}.footer__links{display:flex;gap:12px;flex-wrap:wrap}.footer__link{color:var(--color-muted)}.footer__link:hover{color:var(--color-on-surface)}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mt-8{margin-top:8px!important}.mt-16{margin-top:16px!important}.mt-24{margin-top:24px!important}.mt-32{margin-top:32px!important}.grid{display:grid;gap:14px}.grid--sm-2{grid-template-columns:repeat(2,1fr)}.grid--md-3{grid-template-columns:repeat(3,1fr)}.grid--lg-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex;gap:var(--gap);flex-wrap:wrap}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.small{font-size:14px}.stat{color:var(--color-muted);font-weight:600}.sep{height:1px;background:var(--color-border);margin:12px 0}@media (max-width: 960px){.hero__wrap,.wiki-layout{grid-template-columns:1fr}.wiki-menu{position:relative;top:0}.grid--md-3,.grid--lg-4{grid-template-columns:repeat(2,1fr)}.character-profile,.map-stats{flex-direction:column}.hero-portrait{position:relative;top:0;max-width:100%}}@media (max-width: 600px){.grid,.grid--sm-2{grid-template-columns:1fr}.row{flex-direction:column;align-items:flex-start}}.char-card__row{display:flex;justify-content:space-between}.char-card__title{font-weight:700}.map-card__row{display:flex;justify-content:space-between}.map-card__title{font-weight:700}.tile{display:flex;align-items:center;gap:12px}.tile__media{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.tile__title{font-weight:700}.tile__sub{font-size:12px;color:var(--color-muted)}.item-card__title{font-weight:700}.mono{font-family:var(--font-mono)}.text-muted{color:var(--color-muted)}