/* Homepage layout aligned with Garnet's store; scrapbook treatment retained. */
:root{--red:#de2835;--bg:#101012;--white:#f3f3f4}body{background:radial-gradient(ellipse at 80% 35%,#31141a44,transparent 50%),#101012}header{height:80px;padding:0 max(5%,calc((100% - 1200px)/2));background:#0d0d0f;border-bottom:1px solid #ffffff0c}header .brand{font-size:13px;letter-spacing:.7px}header nav a{font-size:12px;font-weight:600}.splash{height:760px;min-height:0;max-height:none;margin:0;overflow:visible}.scene{object-position:center 48%;height:100%;filter:saturate(.7)}.scene-shade{background:linear-gradient(0deg,#101012 0%,#10101280 45%,#10101285 100%),linear-gradient(90deg,#10101250,transparent,#10101250)}.masthead{left:5%;right:5%;top:50px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-emblem{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 8px 25px #0008)}.masthead h1{font:800 clamp(65px,8.6vw,116px)/.95 Inter,Arial,sans-serif;letter-spacing:-6px;margin:25px 0 33px;text-shadow:0 6px 40px #0005}.masthead h1 span{font:700 19px/1.3 Inter,Arial,sans-serif;letter-spacing:14px;color:#ded9da;margin:14px 0 0 14px}.hero-actions .button,.discord-button{border-radius:7px;font-size:13px;font-weight:650;min-height:49px;padding:14px 24px;box-shadow:none}.hero-actions .button{background:#df2634}.discord-button{background:#212124d9;border:1px solid #ffffff20}.discord-button .icon{color:#b5afff}.discord-button:hover{background:#34313e}.copy-address{margin:15px 0 0;background:#0c0c0e80;border:1px solid #ffffff13;border-radius:6px;padding:10px 13px;color:#c3c1c2;font-size:10px}.copy-address span{color:#e7606a;text-decoration:none}.query-note{margin-top:12px;color:#969194;font-size:9px}.hero-stats{position:absolute;bottom:34px;left:5%;right:5%;width:auto;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:#171719ed;border:1px solid #ffffff14;border-radius:9px;box-shadow:0 12px 40px #0003}.hero-stats>div{padding:25px 30px!important;border-right:1px solid #ffffff12}.hero-stats>div:last-child{border:0}.hero-stats strong{font:750 34px/1.2 Inter,Arial,sans-serif;letter-spacing:-1.5px}.hero-stats span{margin-top:9px;font:500 10px Inter,Arial,sans-serif;letter-spacing:.2px;max-width:none;color:#aaa7ab;flex-wrap:nowrap}.hero-stats .status-dot{width:6px;height:6px}.tiny-demo{font-size:6px!important;letter-spacing:0!important}.scene-credit{display:none}.image-controls{bottom:170px;right:5%}.image-controls button{padding:4px 7px;font-size:9px;border-radius:3px}.streams-section,.records-section{padding:32px 0 42px;max-width:1200px;margin:0 auto;width:90%;background:none;border:0}.streams-heading,.records-heading{margin:0 0 22px}.streams-heading h2,.records-heading h2{font:750 30px/1.2 Inter,Arial,sans-serif;letter-spacing:-1px}.record-kicker{font:600 9px Inter,Arial,sans-serif;letter-spacing:1px}.record-kicker .demo-badge{margin-left:8px}.record-note{font-size:10px;margin:0 0 22px}.stream-list:has(.demo-stream){grid-template-columns:repeat(2,1fr);gap:22px}.stream-card{border-radius:8px;border:1px solid #ffffff12;background:#1a1a1d}.demo-stream img{aspect-ratio:2.15;filter:brightness(.86)}.demo-stream-content{padding:18px 20px}.demo-stream h3{font:700 17px Inter,Arial,sans-serif;letter-spacing:0}.demo-stream p{font-size:12px}.stream-invite{padding:17px 0 0;margin-top:18px;border-top:1px solid #ffffff0b}.period-switch{border-radius:6px;background:#17171a}.period-switch button{border-radius:4px}.records-heading{align-items:center}#record-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.record-row,.record-row:last-child{border:1px solid #ffffff12;background:#19191c;border-radius:7px;overflow:hidden}.record-summary{display:grid;grid-template-columns:1fr 15px;gap:0;padding:22px!important;min-height:160px}.record-number{display:none}.record-name{grid-column:1;grid-row:1;color:#a4a1a8;font:500 11px/1.4 Inter,Arial,sans-serif;min-height:30px}.record-holder{grid-column:1;grid-row:3;color:#dedbe0;font:600 11px Inter,Arial,sans-serif;margin-top:12px}.record-value{grid-column:1;grid-row:2;text-align:left;font:750 27px/1.3 Inter,Arial,sans-serif;color:#ec4653;letter-spacing:-1px;white-space:nowrap}.record-expand{grid-column:2;grid-row:1;color:#888}.record-body{padding:0 16px 16px}.record-definition{font-size:10px;line-height:1.7}.rankings li{padding:9px 0;gap:7px;font-size:9px;flex-wrap:wrap}.rankings strong{margin-left:auto}.rank-num{font-size:8px}.scrapbook{margin-top:35px}.gallery-intro{max-width:270px}.gallery-intro p{color:#69645b;font-size:13px}.gallery-open{padding:9px 0;background:none;border:0;border-bottom:1px solid #6c5d4d;color:#393229;font-size:12px;font-weight:600}.photo-wall figure{cursor:pointer}.photo-wall figure:focus-visible{outline:3px solid #972e36;outline-offset:6px}#gallery-dialog{max-width:1100px;width:92%;max-height:90vh;padding:25px;border-radius:10px;overflow:auto}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center}.gallery-toolbar h2{font:700 25px Inter,Arial,sans-serif;letter-spacing:-.5px;margin:0}.gallery-toolbar button{background:none;border:0;color:#ddd;font-size:30px;padding:0 8px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery-grid figure{margin:0}.gallery-grid img{width:100%;aspect-ratio:3/2;object-fit:contain;border-radius:5px;background:#0e0e10}.gallery-grid figcaption{font-size:11px;color:#bbb;padding:8px 0}#gallery-dialog>p{font-size:11px}@media(min-width:1600px){.splash{min-height:0}}@media(max-width:1000px){#record-list{grid-template-columns:repeat(2,1fr)}.hero-stats>div{padding:24px!important}.hero-stats strong{font-size:29px}.masthead h1{letter-spacing:-4px}}@media(max-width:650px){header{height:72px}.splash{height:760px;min-height:0}.masthead{top:40px}.hero-emblem{width:67px;height:67px}.masthead h1{font-size:64px;letter-spacing:-3px;margin:22px 0 28px}.masthead h1 span{font-size:14px;letter-spacing:10px;margin-left:10px}.hero-actions{gap:9px}.hero-actions .button,.discord-button{font-size:11px;padding:13px 17px}.hero-stats{grid-template-columns:repeat(2,1fr);bottom:25px}.hero-stats>div{padding:19px 22px!important}.hero-stats>div:nth-child(2){border-right:0}.hero-stats>div:nth-child(-n+2){border-bottom:1px solid #ffffff12}.hero-stats strong{font-size:27px}.hero-stats span{font-size:9px}.image-controls{bottom:239px}.streams-section,.records-section{padding:28px 0;width:90%}.streams-heading h2,.records-heading h2{font-size:24px}.streams-heading>a{font-size:9px}.stream-list:has(.demo-stream){grid-template-columns:1fr}.records-heading{align-items:start;gap:15px}.record-summary{padding:17px!important;min-height:145px}.record-value{font-size:23px}.record-name{font-size:10px}.record-holder{font-size:10px}.record-note{line-height:1.7}#record-list{gap:10px}.scrap-heading .gallery-intro{max-width:145px}.gallery-intro p{font-size:11px}.gallery-grid{grid-template-columns:1fr}.gallery-toolbar h2{font-size:21px}}
.scene-frame{position:absolute;inset:0;overflow:hidden;pointer-events:none}.scene-frame .scene{inset:0;width:100%;height:100%;opacity:0;transform:scale(1);transition:opacity 1.8s ease-in-out,transform 11s linear;will-change:opacity,transform}.scene-frame .scene.is-active{opacity:1;transform:scale(1.055)}.scene-shade{pointer-events:none}@media(prefers-reduced-motion:reduce){.scene-frame .scene{transition:none;transform:none!important;will-change:auto}}