:root{color-scheme:light;--bg: #120f10;--bg-soft: #1d1819;--surface: rgba(29, 22, 20, .78);--surface-strong: rgba(39, 28, 25, .9);--surface-lite: rgba(255, 245, 232, .08);--line: rgba(255, 230, 193, .14);--text: #f8efe3;--text-dim: rgba(248, 239, 227, .72);--shadow: 0 30px 80px rgba(0, 0, 0, .42);--accent: #ff9963;--accent-strong: #ffd581;--accent-faint: rgba(255, 153, 99, .16)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at top,rgba(255,174,125,.18),transparent 28%),radial-gradient(circle at 85% 10%,rgba(101,71,195,.2),transparent 24%),linear-gradient(180deg,#170f10,#110d10,#0f0f14);color:var(--text)}a{color:inherit}button,input,select{font:inherit}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}main{min-height:100vh}.site-frame{position:relative;overflow:hidden;padding:2rem clamp(1rem,2vw,2rem) 4rem}.aurora,.grain{pointer-events:none;position:absolute;inset:0}.aurora-left{background:radial-gradient(circle at 12% 18%,rgba(255,170,102,.22),transparent 30%)}.aurora-right{background:radial-gradient(circle at 84% 10%,rgba(120,98,255,.18),transparent 24%)}.grain{opacity:.14;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:3px 3px,3px 3px;mix-blend-mode:soft-light}.hero-panel,.gallery-topbar,.status-ribbon,.render-group,.empty-panel,.detail-panel{position:relative;z-index:1}.hero-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,.8fr);gap:1.5rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--line);border-radius:2rem;background:linear-gradient(150deg,rgba(255,255,255,.06),transparent 46%),linear-gradient(180deg,#ffad731f,#1d1614e0);box-shadow:var(--shadow);backdrop-filter:blur(22px)}.hero-copy h1{margin:0;font-size:clamp(3rem,7vw,6.5rem);line-height:.92;letter-spacing:-.04em}.eyebrow,.section-kicker,.loading-kicker{color:var(--accent-strong);font-size:.76rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.lede,.collection-description,.entry-description,.loading-copy,.empty-panel p,.detail-block p,.detail-manifest,.collection-metrics,.stat-label{color:var(--text-dim)}.lede{margin-top:1.5rem;max-width:44rem;font-size:1.12rem;line-height:1.75}.hero-stats{display:grid;gap:.9rem;align-content:end}.stat-card{padding:1rem 1.1rem;border:1px solid var(--line);border-radius:1.2rem;background:#fff5e80d}.stat-card strong{display:block;margin-top:.45rem;font-size:1rem}.gallery-app{position:relative;z-index:1}.gallery-shell{--gallery-card-ratio: 5 / 7}.gallery-topbar{margin-top:1.4rem;display:grid;gap:1rem;padding:1.15rem;border:1px solid var(--line);border-radius:1.6rem;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.topbar-copy{display:grid;gap:.45rem}.topbar-copy h2{font-size:clamp(1.7rem,2.4vw,2.5rem)}.topbar-description{max-width:48rem;color:var(--text-dim);line-height:1.55}.topbar-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:end}.collection-tabs{display:flex;flex-wrap:wrap;gap:.75rem}.collection-tab{min-width:10rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--text);cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .22s ease}.collection-tab small{display:block;margin-top:.2rem;color:var(--text-dim)}.collection-tab:hover,.collection-tab.is-active{transform:translateY(-1px);background:var(--accent-faint);border-color:#ffd7a46b;box-shadow:0 12px 28px #00000029}.field{display:grid;gap:.4rem}.field span{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.field input,.primary-button,.secondary-button,.icon-button,.card-chip,.card-link,.detail-nav{border:1px solid var(--line);border-radius:1rem}.field input{min-height:3rem;padding:.85rem 1rem;background:#ffffff0d;color:var(--text)}.search-field input{min-height:3.35rem;font-size:1.05rem;background:#ffffff0f}.field input::placeholder{color:#f8efe370}.browse-actions{display:flex;align-items:end;gap:.75rem}.primary-button,.secondary-button,.icon-button,.card-chip,.card-link,.detail-nav{min-height:3rem;padding:.8rem 1rem;background:#ffffff0d;color:var(--text);cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.primary-button{background:linear-gradient(135deg,#ff99633d,#ffd58129)}.primary-button:hover,.secondary-button:hover,.icon-button:hover,.card-chip:hover,.card-link:hover,.detail-nav:hover{transform:translateY(-1px);border-color:#ffd7a475}.primary-button:disabled{opacity:.45;cursor:default;transform:none}.status-ribbon{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;padding-top:.15rem;color:var(--text-dim);font-size:.95rem}.gallery-groups{display:grid;gap:2.2rem}.render-group{display:grid;gap:1rem}.render-group-header,.entry-header,.card-copy-top,.card-actions,.detail-toolbar,.detail-actions,.detail-body{display:flex;align-items:center;justify-content:space-between;gap:1rem}.render-group-header{flex-wrap:wrap;margin-bottom:.2rem;padding-inline:.35rem;color:var(--text-dim)}.render-group-header span{font-size:.92rem}.render-group-header .section-kicker{color:color-mix(in srgb,var(--accent-strong) 70%,white 30%)}.render-group-header h2,.entry-header h3,.detail-copy h3{font-size:clamp(1.6rem,2.5vw,2.4rem)}.entry-panel{padding:1.2rem;border:1px solid rgba(255,230,193,.14);border-radius:1.55rem;background:linear-gradient(180deg,#ffffff0d,#121013e0),linear-gradient(135deg,rgba(255,157,88,.08),transparent 36%);box-shadow:0 24px 60px #0000003d}.entry-panel+.entry-panel{margin-top:1.15rem}.entry-header{align-items:start}.entry-header-side{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:.8rem;color:var(--text-dim)}.entry-link{text-decoration:none;border-bottom:1px solid rgba(255,215,164,.4)}.entry-description{margin-top:.8rem;max-width:70ch;line-height:1.6}.card-grid{margin-top:1.2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1.15rem}.gallery-card{display:grid;gap:.7rem;padding:.7rem;border:1px solid rgba(255,239,219,.08);border-radius:1.15rem;background:linear-gradient(180deg,#ffffff06,#ffffff03),#0c0c1038;transition:box-shadow .22s ease,border-color .22s ease,background-color .22s ease}.card-stage,.detail-card{padding:0;border:0;background:transparent;cursor:pointer;perspective:1400px;--card-tilt-x: 0deg;--card-tilt-y: 0deg;--card-glow-x: 50%;--card-glow-y: 50%;transform-style:preserve-3d;transition:transform .18s ease}.card-stage:hover,.card-stage:focus-visible{transform:perspective(1400px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y)) translateY(-6px) scale(1.02)}.card-rotor{position:relative;width:100%;aspect-ratio:var(--gallery-card-ratio);transition:transform .72s cubic-bezier(.16,1,.3,1),filter .26s ease;transform-style:preserve-3d}.gallery-card.is-flipped .card-rotor,.detail-card.is-flipped .card-rotor{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:1rem;overflow:hidden;backface-visibility:hidden;background:radial-gradient(circle at top,rgba(255,212,163,.12),transparent 38%),#ffffff08;box-shadow:0 18px 42px #00000061;transition:box-shadow .26s ease,filter .26s ease,opacity .22s ease}.card-face:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--card-glow-x) var(--card-glow-y),rgba(255,255,255,.18),transparent 34%);opacity:0;transition:opacity .18s ease;pointer-events:none}.card-face img{width:100%;height:100%;object-fit:contain;object-position:center;background:#ffffff08}.card-face-back{transform:rotateY(180deg);opacity:.92}.card-copy{display:grid;gap:.3rem;padding-inline:.15rem}.card-spell{font-size:1.08rem;line-height:1.24}.card-entry,.card-meta,.card-index.is-empty{color:var(--text-dim)}.card-entry{font-size:.92rem}.card-meta{display:flex;flex-wrap:wrap;gap:.4rem .85rem;font-size:.84rem}.card-index{white-space:nowrap;font-size:.88rem}.card-actions{align-items:stretch;gap:.65rem;padding-top:.15rem}.card-chip,.card-link{flex:1;justify-content:center;min-height:2.5rem}.card-chip.is-muted{cursor:default;opacity:.65}.gallery-card:hover .card-face,.card-stage:focus-visible .card-face{box-shadow:0 26px 54px #0000006b;filter:brightness(1.03)}.gallery-card:hover{border-color:#ffd7a42e;background:linear-gradient(180deg,#ffffff0a,#ffffff04),#0c0c103d;box-shadow:0 14px 34px #0000002e}.gallery-card.is-flipped .card-face-back,.detail-card.is-flipped .card-face-back{opacity:1}.gallery-card:hover .card-face:after,.card-stage:focus-visible .card-face:after{opacity:1}.loading-state,.empty-panel{margin-top:1.4rem;padding:2rem;border:1px solid var(--line);border-radius:1.5rem;background:var(--surface);box-shadow:var(--shadow)}.empty-panel h2{font-size:2rem;margin-bottom:.7rem}.empty-panel code{padding:.1rem .35rem;border-radius:.4rem;background:#ffffff14}.empty-panel.is-error{border-color:#ff797952}.detail-modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1rem}.detail-backdrop{position:absolute;inset:0;border:0;background:#07060abd;backdrop-filter:blur(10px)}.detail-panel{position:relative;width:min(78rem,100%);max-height:calc(100vh - 2rem);overflow-x:clip;overflow-y:auto;padding:1rem;border:1px solid var(--line);border-radius:1.8rem;background:linear-gradient(180deg,#ffa77a1f,#120f12f5);box-shadow:0 28px 100px #00000080}.detail-body{align-items:start;margin-top:1rem}.detail-stage{display:grid;grid-template-columns:auto minmax(14rem,28rem) auto;align-items:center;gap:1rem;flex:1;overflow:clip;perspective:2200px}.detail-card .card-face{border-radius:1.2rem}.detail-card{position:relative;width:100%;transform:none}.detail-card .card-rotor{transition:transform .92s cubic-bezier(.2,.78,.12,1),filter .32s ease;transform-origin:center center}.detail-card .card-face{box-shadow:0 32px 70px #00000070,inset 0 0 0 1px #ffffff0f}.detail-card .card-face-front{transform:rotateY(0) translateZ(1px)}.detail-card .card-face-back{transform:rotateY(180deg) translateZ(1px)}.detail-card .card-rotor:before{content:"";position:absolute;inset:0;border-radius:1.2rem;background:linear-gradient(90deg,#ffffff05,#ffffff38,#ffffff05);opacity:0;transform:translateZ(2px);pointer-events:none;transition:opacity .22s ease}.detail-card.is-flipped .card-rotor:before{opacity:.45}.detail-direction-next .detail-card{animation:detailCardSlideNext .28s cubic-bezier(.22,1,.36,1)}.detail-direction-prev .detail-card{animation:detailCardSlidePrev .28s cubic-bezier(.22,1,.36,1)}.detail-copy{width:min(24rem,100%);display:grid;gap:1rem}.detail-block{padding:.9rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#ffffff0a}.detail-block h4{margin-bottom:.45rem;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.accent-sea{--accent: #4bc8ff;--accent-strong: #bff0ff;--accent-faint: rgba(75, 200, 255, .16)}.accent-verdant{--accent: #72e28e;--accent-strong: #d2ffdb;--accent-faint: rgba(114, 226, 142, .16)}.accent-amethyst{--accent: #b986ff;--accent-strong: #efe0ff;--accent-faint: rgba(185, 134, 255, .16)}.accent-sunset{--accent: #ff7e67;--accent-strong: #ffe0bf;--accent-faint: rgba(255, 126, 103, .16)}@keyframes detailCardSlideNext{0%{opacity:.35;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes detailCardSlidePrev{0%{opacity:.35;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:980px){.hero-panel,.detail-body{grid-template-columns:1fr;display:grid}.topbar-actions{grid-template-columns:1fr}.browse-actions{align-items:stretch;justify-content:stretch}.browse-actions>*{flex:1}.detail-stage{grid-template-columns:1fr}.detail-nav,.detail-copy{width:100%}}@media(max-width:640px){.site-frame{padding-inline:.75rem}.hero-panel,.gallery-topbar,.render-group,.entry-panel,.loading-state,.empty-panel,.detail-panel{border-radius:1.2rem}.card-grid{grid-template-columns:1fr 1fr}.card-actions{flex-direction:column}.render-group-header,.entry-header,.detail-toolbar{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
