:root{--ink:#f5e8c8;--gold:#e9b95c;--wood:#4a261d;--deep:#171b2d;--panel:#2a2230;--muted:#c8b995;--green:#58b783}*{box-sizing:border-box}html{background:#171b2d}body{margin:0;color:var(--ink);font-family:Noto Sans SC,sans-serif;background:radial-gradient(circle at 50% 0,#39405a 0,#171b2d 55%);image-rendering:pixelated}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.pixel{border:3px solid #8a5938;box-shadow:0 0 0 3px #271b21,inset 0 0 0 2px #d49a50;background:linear-gradient(135deg,#49302b,#211f30);border-radius:8px}.btn{border:2px solid #ffe08b;background:linear-gradient(#ffdc72,#d99528);color:#3b2416;padding:12px 18px;font-weight:900;border-radius:7px;box-shadow:0 4px 0 #75451f}.btn:disabled{opacity:.5;cursor:not-allowed}.nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.nav a{padding:10px 14px;background:#43271f;border:2px solid #9a633c;border-radius:7px;font-weight:700}.nav a.active,.nav a:hover{background:#b66c2d;color:#fff2c8}.wrap{max-width:1180px;margin:auto;padding:20px}.hero{padding:30px 24px;text-align:center;background:linear-gradient(135deg,#3d2932,#20283d);border:4px solid #b87a43;border-radius:12px}.title{font-family:Ma Shan Zheng,serif;font-size:clamp(36px,6vw,64px);color:#ffda8a;text-shadow:3px 4px #48291f,5px 6px #111}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.card{padding:16px;background:#2a2430;border:3px solid #8e603c;border-radius:10px}.muted{color:var(--muted)}.pill{display:inline-block;padding:4px 9px;border-radius:99px;background:#63432d;color:#ffe3a4;font-size:12px}.stat{font-size:30px;font-weight:900;color:#ffda8a}input,select{background:#191b2b;color:#f5e8c8;border:2px solid #8e603c;border-radius:6px;padding:10px}footer{color:#ad9c7c;text-align:center;padding:32px}@media(max-width:650px){.wrap{padding:12px}.nav a{font-size:12px;padding:8px}.hero{padding:20px 12px}}.home-intro{grid-column:span 2}.collection-art{margin:16px 0;background:var(--panel);border:3px solid #8e603c}.collection-art img{display:block;width:100%;height:auto}.collection-art figcaption{padding:8px 12px;color:var(--muted)}@media(max-width:650px){.home-intro{grid-column:span 1}}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));grid-gap:16px;gap:16px;margin-top:16px}.action-panel{margin-top:12px;min-width:0;background:linear-gradient(150deg,#342533,#211e2a)}.action-panel fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;grid-gap:12px;gap:12px}.action-panel legend{color:var(--gold);font-weight:800;font-size:1.2rem;margin-bottom:12px}.action-panel label{display:grid;grid-gap:6px;gap:6px;color:var(--muted)}.action-panel output{display:block;margin-top:12px;overflow-wrap:anywhere;color:var(--gold)}.actions{display:flex;gap:10px;flex-wrap:wrap}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.action-panel output{white-space:pre-line}.collection-gallery{margin-top:20px;padding:clamp(14px,3vw,24px)}.collection-gallery h2,.collection-gallery h3{color:var(--gold);margin:0 0 8px}.collection-gallery section{margin-top:20px}.gallery-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));grid-gap:12px;gap:12px}.gallery-cards li{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 8px 12px;text-align:center;background:#201c29;border:2px solid #8e603c;border-radius:8px}.gallery-art{width:100%;max-width:210px;background-image:url(/collection-reference.png);background-repeat:no-repeat;border-radius:5px}.gallery-cards strong{font-size:1.125rem;color:#ffda8a}.gallery-cards span{font-size:.92rem;color:#f5e8c8}.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#302233,#181f34)}.hero:after,.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.hero:before{background:linear-gradient(90deg,transparent,#171b2d 94%),linear-gradient(0deg,#181f34,transparent 78%),url(/collection-reference.png) 0 0/300% auto no-repeat;opacity:.72}.hero:after{left:auto;width:47%;background:linear-gradient(270deg,transparent,#171b2d 94%),linear-gradient(0deg,#181f34,transparent 82%),url(/collection-reference.png) 100% 0/330% auto no-repeat;opacity:.62}.hero .title{margin:.65em 0 .45em;letter-spacing:.09em}.hero .muted{color:#f0dfbb;text-shadow:0 2px 4px #181321}@media(max-width:650px){.hero:before{background-size:auto,auto,520% auto}.hero:after{background-size:auto,auto,550% auto}}