/* Scoped V2 foundation extracted from the CoC Bases primitives. See README. */
@font-face{font-family:Inter;src:url('assets/inter-wiki.woff2?v=a0d239d8d87a9541') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Unbounded;src:url('assets/unbounded-wiki.woff2?v=450c2d5828a5057c') format('woff2');font-weight:200 900;font-display:swap}
:root{--color-primary:#22c55e;--color-primary-hover:#16a34a;--color-primary-light:rgba(34,197,94,.1);--color-accent:#f59e0b;--color-accent-light:rgba(245,158,11,.1);--color-background:#fafafa;--color-foreground:#1e293b;--color-muted:#64748b;--color-muted-light:#94a3b8;--color-border:#e2e8f0;--color-card:#fff;--color-footer-bg:#0f172a;--color-footer-text:#94a3b8;--color-link:#15803d;--font-display:'Unbounded',system-ui,sans-serif;--font-sans:'Inter',system-ui,-apple-system,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow:0 2px 8px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04);--shadow-hover:0 4px 12px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06);--container-max:1152px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px}
*{box-sizing:border-box}html{scroll-padding-top:140px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-background);color:var(--color-foreground);font:16px/1.5 var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}main{flex:1}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);line-height:1.2}h1{font-size:clamp(1.75rem,5vw,3rem);letter-spacing:-.04em}h2{font-size:clamp(1.25rem,3vw,1.75rem);letter-spacing:-.03em}h3{font-size:18px;line-height:1.3}p+p{margin-top:8px}a{color:inherit;text-decoration:none}a:hover{color:var(--color-link)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select,input{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:44px;padding:10px 14px;background:var(--color-card);color:var(--color-foreground);font-size:14px}input,select{max-width:100%;border-color:var(--color-muted)}button:hover{border-color:var(--color-link)}:focus-visible{outline:3px solid var(--color-link);outline-offset:4px}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container-max);padding:0 16px;margin:0 auto}.section{padding-top:48px;padding-bottom:48px}.section-header{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:32px}.section-link{color:var(--color-link);font-size:14px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;gap:8px}.section-link:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}.site-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:700;font-size:18px}.site-logo img{object-fit:contain}.main-nav{display:flex;gap:32px;font-size:14px;color:var(--color-muted)}.main-nav a{min-height:44px;display:flex;align-items:center}#menu-toggle{display:none}#mobile-menu:not([hidden]){display:flex;flex-wrap:wrap;gap:16px;padding-bottom:16px}#mobile-menu a{padding:8px}.level-card,.base-card{border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow);padding:16px}.level-card{display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.level-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.art-well{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10%;position:relative}.art-well img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(30,41,59,.1))}.filters-bar{background:var(--color-card);border-radius:var(--radius-xl);padding:16px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;box-shadow:var(--shadow)}.filter-select{background:var(--color-background)}.village-toggle{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:0;background:rgba(0,0,0,.05);border-radius:var(--radius-md);margin:0}.village-toggle label{cursor:pointer;position:relative}.village-toggle input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}.village-toggle span{display:block;padding:12px 24px;font-size:14px;border-radius:var(--radius-sm)}.village-toggle input:checked+span{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:600}.village-toggle input:focus-visible+span{outline:3px solid var(--color-link);outline-offset:2px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--color-muted);font-size:14px;margin-bottom:32px}.breadcrumbs a{color:var(--color-link)}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#fff;padding:16px}.skip-link:focus{top:8px}[hidden]{display:none!important}footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:40px 0;margin-top:48px;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:32px}.footer-inner strong{font-size:18px;color:#fff}.footer-inner a{color:#fff}footer p{margin-top:8px}@media(min-width:640px){.section{padding-top:64px;padding-bottom:64px}}@media(max-width:767px){.main-nav{display:none}#menu-toggle{display:block}.footer-inner{flex-direction:column}.section-header{align-items:flex-start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.level-card:hover{transform:none}}