:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cb-ink-950:#090f17;--cb-ink-900:#101923;--cb-ink-850:#15212b;--cb-ink-800:#1b2a35;--cb-ink-700:#263945;--cb-metal-600:#48606a;--cb-metal-500:#69808a;--cb-parchment-100:#f5efe0;--cb-parchment-300:#d9d4c8;--cb-parchment-500:#aaa99f;--cb-gold-300:#ecd49a;--cb-gold-400:#d8b66f;--cb-gold-600:#9b7840;--cb-bg:var(--cb-ink-950);--cb-surface:var(--cb-ink-850);--cb-surface-raised:var(--cb-ink-800);--cb-surface-sunken:var(--cb-ink-900);--cb-line:#42515a;--cb-line-soft:#32424b;--cb-text:var(--cb-parchment-100);--cb-text-muted:var(--cb-parchment-300);--cb-text-subtle:var(--cb-parchment-500);--cb-accent:var(--cb-gold-400);--cb-accent-bright:var(--cb-gold-300);--cb-accent-dark:var(--cb-gold-600);--cb-success:#84caa3;--cb-danger:#e59b8c;--cb-focus:#f1d98d;--cb-nature:#75bd8c;--cb-eternity:#b39bdd;--cb-chaos:#dd8274;--cb-honor:#dcb86d;--cb-mystery:#7cbdd0;--cb-progress:#d7a95c;--cb-space-1:.25rem;--cb-space-2:.5rem;--cb-space-3:.75rem;--cb-space-4:1rem;--cb-space-5:1.25rem;--cb-space-6:1.5rem;--cb-space-8:2rem;--cb-space-10:2.5rem;--cb-space-12:3rem;--cb-space-16:4rem;--cb-space-20:5rem;--cb-font-body:"Segoe UI", "Noto Sans", Arial, sans-serif;--cb-font-display:Georgia, "Times New Roman", serif;--cb-text-xs:.75rem;--cb-text-sm:.875rem;--cb-text-base:1rem;--cb-text-lg:1.125rem;--cb-text-xl:1.375rem;--cb-text-2xl:clamp(1.65rem, 2.4vw, 2.25rem);--cb-text-hero:clamp(2.7rem, 6.5vw, 5.5rem);--cb-leading:1.55;--cb-corner:12px;--cb-corner-sm:8px;--cb-cut:14px;--cb-shadow-panel:0 14px 36px #00000038;--cb-shadow-float:0 18px 44px #00000052;--cb-ease:cubic-bezier(.2, .7, .2, 1);--cb-duration-fast:.15s;--cb-duration:.24s}*,:before,:after{box-sizing:border-box}html{background:var(--cb-bg)}body{min-width:320px;color:var(--cb-text);background:radial-gradient(ellipse at 52% -18%, #3f535e47, transparent 57%), linear-gradient(145deg, #0d1720, var(--cb-bg) 44%);font:400 var(--cb-text-base)/var(--cb-leading) var(--cb-font-body);text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}::selection{background:var(--cb-accent-dark);color:var(--cb-text)}:focus-visible{outline:2px solid var(--cb-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.cb-panel,.cb-card{--cb-panel-edge:var(--cb-line-soft);isolation:isolate;border:1px solid var(--cb-panel-edge);color:var(--cb-text);background:linear-gradient(153deg, #34474f52, transparent 42%), var(--cb-surface);box-shadow:inset 0 1px #f1e4c314, var(--cb-shadow-panel);clip-path:polygon(0 0, calc(100% - var(--cb-cut)) 0, 100% var(--cb-cut), 100% 100%, var(--cb-cut) 100%, 0 calc(100% - var(--cb-cut)));position:relative}.cb-panel:after,.cb-card:after{content:"";z-index:-1;pointer-events:none;clip-path:inherit;border:1px solid #d3bb8617;position:absolute;inset:5px}.cb-panel{padding:clamp(var(--cb-space-4), 2.4vw, var(--cb-space-8))}.cb-panel--compact{padding:var(--cb-space-4)}.cb-panel--accent{--cb-panel-edge:var(--cb-accent-dark)}.cb-card{padding:var(--cb-space-4);transition:transform var(--cb-duration) var(--cb-ease), border-color var(--cb-duration) var(--cb-ease), box-shadow var(--cb-duration) var(--cb-ease)}.cb-card:hover,.cb-card:focus-within{--cb-panel-edge:var(--cb-accent-dark);box-shadow:inset 0 1px #f1e4c31a, var(--cb-shadow-float);transform:translateY(-2px)}.cb-eyebrow{color:var(--cb-accent);font-size:var(--cb-text-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:700}.cb-display{color:var(--cb-text);font-family:var(--cb-font-display);font-size:var(--cb-text-2xl);letter-spacing:-.025em;margin:0;font-weight:600;line-height:1.12}.cb-section-title{align-items:center;gap:var(--cb-space-3);margin:0 0 var(--cb-space-5);font-family:var(--cb-font-display);font-size:var(--cb-text-xl);font-weight:600;display:flex}.cb-section-title:before{content:"◆";color:var(--cb-accent);font:700 .6em var(--cb-font-body)}.cb-button{--cb-button-bg:var(--cb-surface-raised);--cb-button-line:var(--cb-line);--cb-button-fg:var(--cb-text);justify-content:center;align-items:center;gap:var(--cb-space-2);border:1px solid var(--cb-button-line);border-radius:var(--cb-corner-sm);min-height:44px;color:var(--cb-button-fg);background:var(--cb-button-bg);transition:transform var(--cb-duration-fast) var(--cb-ease), border-color var(--cb-duration-fast), box-shadow var(--cb-duration-fast), background var(--cb-duration-fast);padding:.65rem 1.25rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff17,0 3px #0000003d}.cb-button:hover:not(:disabled){border-color:var(--cb-accent-bright);transform:translateY(-2px);box-shadow:0 5px 16px #0000003d,0 0 17px #d8b66f1f}.cb-button:active:not(:disabled){transform:translateY(0)}.cb-button:disabled{opacity:.5}.cb-button--primary{--cb-button-bg:linear-gradient(160deg, #efce83, #b48a47);--cb-button-line:#f1d495;--cb-button-fg:#18212a}.cb-button--secondary{--cb-button-bg:#263847;--cb-button-line:#71848b}.cb-button--ghost{--cb-button-bg:transparent;--cb-button-line:transparent}.cb-button--danger{--cb-button-bg:#4a2c32;--cb-button-line:#986669}.cb-button--small{min-height:36px;font-size:var(--cb-text-sm);padding:.42rem .82rem}.cb-button--full{width:100%}.cb-badge{border:1px solid color-mix(in srgb, var(--cb-badge-color,var(--cb-accent)) 50%, transparent);max-width:100%;min-height:24px;color:var(--cb-badge-color,var(--cb-accent-bright));background:color-mix(in srgb, var(--cb-badge-color,var(--cb-accent)) 12%, var(--cb-surface-sunken));font-size:var(--cb-text-xs);letter-spacing:.035em;border-radius:3px;align-items:center;gap:.35rem;padding:.17rem .55rem;font-weight:700;line-height:1.3;display:inline-flex}.cb-badge--neutral{--cb-badge-color:var(--cb-parchment-300)}.cb-badge--nature{--cb-badge-color:var(--cb-nature)}.cb-badge--eternity{--cb-badge-color:var(--cb-eternity)}.cb-badge--chaos{--cb-badge-color:var(--cb-chaos)}.cb-badge--honor{--cb-badge-color:var(--cb-honor)}.cb-badge--mystery{--cb-badge-color:var(--cb-mystery)}.cb-badge--progress{--cb-badge-color:var(--cb-progress)}.cb-badge--danger{--cb-badge-color:var(--cb-danger)}.cb-badge--success{--cb-badge-color:var(--cb-success)}.cb-portrait{--cb-portrait-size:68px;width:var(--cb-portrait-size);height:var(--cb-portrait-size);border:2px solid var(--cb-accent-dark);background:radial-gradient(circle at 50% 25%,#405361,#182630 74%);border-radius:9px 9px 14px 14px;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #17242d,0 5px 12px #00000047}.cb-portrait:before{content:"";pointer-events:none;z-index:2;border:1px solid #f2d89f59;border-radius:4px 4px 10px 10px;position:absolute;inset:4px}.cb-portrait--sm{--cb-portrait-size:46px}.cb-portrait--lg{--cb-portrait-size:92px}.cb-portrait--xl{--cb-portrait-size:132px}.cb-portrait--selected{border-color:var(--cb-accent-bright);box-shadow:inset 0 0 0 3px #17242d,0 0 19px #d8b66f61}.cb-portrait__image{object-fit:cover;width:100%;height:100%;display:block}.cb-portrait__fallback{width:100%;height:100%;color:var(--cb-accent-bright);font-family:var(--cb-font-display);font-size:calc(var(--cb-portrait-size) * .39);text-shadow:0 2px 8px #061015;place-items:center;font-weight:700;display:grid}.cb-portrait__fallback:before{content:"✦";color:#ecd49a6e;font:.4em var(--cb-font-display);position:absolute;top:2%;right:10%}.cb-power{color:var(--cb-accent-bright);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.38em;font-weight:800;display:inline-flex}.cb-power:before{content:"✦";color:var(--cb-accent);font-size:.9em}.cb-power__label{color:var(--cb-text-subtle);font-size:var(--cb-text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.cb-team-slot{align-items:center;gap:var(--cb-space-3);min-width:0;padding:var(--cb-space-3);border:1px solid var(--cb-line);border-radius:var(--cb-corner-sm);background:linear-gradient(120deg, #d8b66f0d, transparent 75%), var(--cb-surface-sunken);transition:border-color var(--cb-duration-fast), background var(--cb-duration-fast);display:flex}.cb-team-slot:hover,.cb-team-slot:focus-within{border-color:var(--cb-accent-dark)}.cb-team-slot--empty{border-style:dashed}.cb-team-slot__choose{align-items:center;gap:var(--cb-space-3);min-width:0;min-height:54px;color:inherit;text-align:start;background:0 0;border:0;flex:1;padding:0;display:flex}.cb-team-slot__copy{min-width:0;display:grid}.cb-team-slot__name{color:var(--cb-text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.cb-team-slot__hint{color:var(--cb-text-subtle);font-size:var(--cb-text-sm)}.cb-team-slot__empty-mark{border:1px solid var(--cb-line);width:46px;height:46px;color:var(--cb-accent);border-radius:8px;flex:none;place-items:center;font-size:1.4rem;display:grid}.cb-team-slot__remove{width:40px;height:40px;color:var(--cb-text-muted);background:0 0;border:1px solid #0000;border-radius:6px;flex:none;font-size:1.25rem}.cb-team-slot__remove:hover{border-color:var(--cb-danger);color:var(--cb-danger)}.cb-stat{gap:.35rem;display:grid}.cb-stat__head{justify-content:space-between;gap:var(--cb-space-2);color:var(--cb-text-muted);font-size:var(--cb-text-sm);display:flex}.cb-stat__track{border:1px solid var(--cb-line-soft);background:var(--cb-surface-sunken);border-radius:999px;height:8px;overflow:hidden}.cb-stat__fill{height:100%;width:var(--cb-stat-value);border-radius:inherit;background:linear-gradient(90deg, var(--cb-accent-dark), var(--cb-accent-bright))}.cb-pips{color:var(--cb-accent);gap:4px;display:inline-flex}.cb-pips__pip{color:var(--cb-line)}.cb-pips__pip--filled{color:var(--cb-accent-bright)}.cb-skeleton{background:linear-gradient(105deg, var(--cb-surface-raised) 15%, #32444e 48%, var(--cb-surface-raised) 81%);background-size:200% 100%;border-radius:4px;animation:1.8s linear infinite cb-shimmer;display:block}@keyframes cb-shimmer{to{background-position-x:-200%}}.cb-state{justify-items:center;gap:var(--cb-space-3);padding:clamp(var(--cb-space-8), 6vw, var(--cb-space-16));border:1px dashed var(--cb-line);border-radius:var(--cb-corner);background:var(--cb-surface-sunken);text-align:center;display:grid}.cb-state__sigil{border:1px solid var(--cb-accent-dark);width:54px;height:54px;color:var(--cb-accent);font:2rem var(--cb-font-display);border-radius:50%;place-items:center;display:grid}.cb-state__title{font:600 var(--cb-text-xl) var(--cb-font-display);margin:0}.cb-state__description{max-width:42ch;color:var(--cb-text-muted);margin:0}.cb-tabs{gap:var(--cb-space-1);border-bottom:1px solid var(--cb-line);scrollbar-width:thin;display:flex;overflow-x:auto}.cb-tabs__link{min-height:44px;color:var(--cb-text-muted);font-size:var(--cb-text-sm);white-space:nowrap;flex:none;align-items:center;padding:.45rem .85rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.cb-tabs__link:hover,.cb-tabs__link[aria-current=page]{color:var(--cb-accent-bright)}.cb-tabs__link[aria-current=page]:after{content:"◆";border-bottom:2px solid var(--cb-accent);text-align:center;width:100%;font-size:.5rem;line-height:0;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}@media (max-width:600px){.cb-panel{padding:var(--cb-space-4)}.cb-button{padding-inline:.9rem}.cb-portrait--xl{--cb-portrait-size:104px}}
.site-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.site-rail{border-right:1px solid var(--cb-line-soft);background:linear-gradient(160deg,#1b2b36,#0c161e 80%);flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{font-family:var(--cb-font-display);letter-spacing:.05em;align-items:center;gap:12px;padding:8px 9px 26px;font-size:1.4rem;font-weight:700;line-height:1;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--cb-accent);width:42px;height:42px;color:var(--cb-accent-bright);place-items:center;font-size:2rem;display:grid;transform:rotate(45deg)}.brand-gold,.mobile-brand span{color:var(--cb-accent)}.brand small{color:var(--cb-text-subtle);font:600 .55rem var(--cb-font-body);letter-spacing:.24em;margin-top:7px;display:block}.site-nav{gap:4px;display:grid}.site-nav a{min-height:45px;color:var(--cb-text-muted);border:1px solid #0000;border-radius:7px;align-items:center;gap:13px;padding:0 13px;font-weight:650;text-decoration:none;display:flex}.site-nav a span{width:22px;color:var(--cb-accent);text-align:center;font-size:1.2rem}.site-nav a:hover,.site-nav a:focus-visible{border-color:var(--cb-accent-dark);color:var(--cb-text);background:#243540}.site-disclaimer{color:var(--cb-text-subtle);margin:auto 4px 0;font-size:.72rem;line-height:1.5}.site-main{min-width:0}.site-top{border-bottom:1px solid var(--cb-line-soft);background:#111d27b8;justify-content:space-between;align-items:center;height:62px;padding:0 clamp(20px,4vw,60px);display:flex}.site-top-label{letter-spacing:.18em;color:var(--cb-text-subtle);font-size:.7rem}.account-link{color:var(--cb-accent-bright);font-size:.85rem;text-decoration:none}.mobile-brand{font-family:var(--cb-font-display);letter-spacing:.08em;font-weight:700;text-decoration:none;display:none}.site-main main{width:min(1440px,100%);min-height:calc(100vh - 120px);margin:auto;padding:clamp(22px,3vw,48px)}.site-footer{border-top:1px solid var(--cb-line-soft);color:var(--cb-text-subtle);padding:20px 4vw;font-size:.75rem}.mobile-nav{display:none}@media (max-width:960px){.site-shell{grid-template-columns:1fr}.site-rail{display:none}.mobile-nav{z-index:20;padding:6px 3px max(6px, env(safe-area-inset-bottom));border-top:1px solid var(--cb-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101c25f2;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{min-width:44px;color:var(--cb-text-muted);justify-items:center;text-decoration:none;display:grid}.mobile-nav span{color:var(--cb-accent);font-size:1.3rem}.mobile-nav small{font-size:.65rem}.mobile-brand{align-items:center;gap:7px;display:flex}.site-top-label{display:none}.site-main main{padding-bottom:95px}.site-footer{padding-bottom:90px}}
.page-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.page-head p{max-width:70ch;color:var(--cb-text-muted);margin:8px 0 0}.page-title{font-family:var(--cb-font-display);margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1}.page-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px;display:grid}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.feature-link{text-decoration:none}.feature-link h3{margin:10px 0 3px}.feature-link p{color:var(--cb-text-muted);margin:0;font-size:.9rem}.feature-symbol{color:var(--cb-accent);font-size:2rem}.hero-card{align-items:center;gap:14px;text-decoration:none;display:flex}.hero-card h3{margin:0 0 5px}.item-card-title{margin:0 0 5px;font-size:1rem}.hero-card p{color:var(--cb-text-muted);margin:0;font-size:.84rem}.catalog-source{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.asset-categories{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.asset-search{gap:10px;margin-bottom:20px;display:flex}.asset-search .input{max-width:440px}.asset-category{border:1px solid var(--cb-line);min-height:36px;color:var(--cb-text-muted);border-radius:999px;align-items:center;padding:6px 12px;font-size:.84rem;text-decoration:none;display:inline-flex}.asset-category:hover,.asset-category.is-active{border-color:var(--cb-accent-dark);color:var(--cb-text);background:#243540}.asset-category__count{color:var(--cb-text-subtle);margin-left:5px;font-size:.72rem}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.asset-card{overflow:hidden}.asset-card__preview{aspect-ratio:4/3;background:linear-gradient(145deg,#172630,#0e1921);place-items:center;display:grid}.asset-card__preview img{object-fit:contain;width:100%;height:100%;display:block}.asset-card__no-preview{color:var(--cb-text-subtle);text-align:center;padding:16px;font-size:.84rem}.asset-card__body{padding:14px}.asset-card__body h2{margin:7px 0;font-size:1rem}.asset-card__body p{margin:6px 0}.badge-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tool-layout{grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:20px;display:grid}.stack{gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.field{color:var(--cb-text-muted);gap:6px;font-size:.85rem;display:grid}.field input,.field select,.field textarea,.input{border:1px solid var(--cb-line);width:100%;min-height:44px;color:var(--cb-text);background:#0f1c25;border-radius:6px;padding:9px 12px}.field textarea{min-height:110px}.filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px;display:grid}.muted{color:var(--cb-text-muted)}.small{font-size:.82rem}.section-gap{margin-top:32px}.list{gap:10px;display:grid}.list-line{border-bottom:1px solid var(--cb-line-soft);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.link{color:var(--cb-accent-bright)}.notice{border:1px solid var(--cb-line);color:var(--cb-text-muted);background:#1c2c36;border-radius:6px;padding:12px 15px}.error{border-color:var(--cb-danger);color:var(--cb-danger)}.hero-detail-head{align-items:center;gap:24px;display:flex}.hero-detail-head p{max-width:70ch}.copy-block{white-space:pre-wrap;color:var(--cb-text-muted)}.hero-home{background:radial-gradient(circle at 82% 45%,#74573670,#0000 33%),linear-gradient(120deg,#13232e,#192a34 70%,#302c27);align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}.hero-home:after{content:"✧";color:#d9b77318;pointer-events:none;font-size:24rem;line-height:1;position:absolute;top:2%;right:8%}.hero-home>div{z-index:1;max-width:690px;position:relative}.hero-home h1{font-family:var(--cb-font-display);letter-spacing:.04em;margin:12px 0;font-size:clamp(3rem,7vw,6rem);line-height:1}.hero-home h1 span{color:var(--cb-accent)}.hero-home p{color:var(--cb-text-muted);font-size:1.15rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-actions a{min-width:170px}.two-col{grid-template-columns:1fr 1fr;gap:18px;display:grid}.pager{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.tab-strip{margin:16px 0}.checkbox{align-items:center;gap:9px;display:flex}.checkbox input{accent-color:var(--cb-accent)}@media (max-width:700px){.tool-layout,.two-col{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:start}.hero-detail-head{align-items:start}.hero-home{min-height:360px}.hero-home:after{font-size:18rem;top:15%;right:-15%}}
