:root{--gold:#caa24a;--gold2:#f2d27b;--cream:#f5efe3;--muted:rgba(245,239,227,.72);--line:rgba(242,210,123,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{color:var(--cream);font-family:Oswald,Arial,sans-serif;background:#020202}
.collector-page{position:relative;z-index:2;width:min(1440px,96vw);margin:0 auto;padding:16px 0 260px}
.wing-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none}.brand span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,#f2d27b,#caa24a 58%,#805c1a);color:#100c05;font-family:"Black Ops One";font-size:24px}.brand b{font-family:"Black Ops One";letter-spacing:.04em}
nav a,.butler-actions a,.butler-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border:1px solid var(--line);border-radius:999px;color:var(--cream);background:rgba(255,255,255,.045);text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font:inherit;cursor:pointer}
nav a:hover,.butler-actions a:hover,.butler-actions button:hover{background:linear-gradient(180deg,#f2d27b,#caa24a 58%,#805c1a);color:#100c05}
.hero-copy{text-align:center;padding:18px 0 14px}.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);font-weight:900}
h1{font-family:"Black Ops One";font-size:clamp(42px,7vw,88px);line-height:.9;margin:10px 0;color:var(--gold2);text-transform:uppercase;text-shadow:0 0 24px rgba(242,210,123,.2)}.hero-copy p{margin:0 auto;max-width:760px;color:var(--muted);font-size:18px}
.parallax-stage{position:relative;min-height:660px;height:min(72vh,760px);border:1px solid rgba(242,210,123,.24);border-radius:34px;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(242,210,123,.18),transparent 28%),linear-gradient(180deg,#090705,#000);box-shadow:0 30px 90px rgba(0,0,0,.75),inset 0 0 80px rgba(242,210,123,.05);perspective:1000px}
.depth-layer{position:absolute;inset:-4%;will-change:transform;transform:translate3d(0,0,0);transition:transform .08s linear}.layer-bg{z-index:1}.layer-fx{z-index:2;pointer-events:none}.layer-watchmen{z-index:3;pointer-events:none}.layer-butler{z-index:4;pointer-events:none}.layer-front{z-index:5;pointer-events:none}
.hall{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(242,210,123,.18),transparent 32%),linear-gradient(90deg,#020202,#111 24%,#050505 50%,#111 76%,#020202)}
.hall:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 92px,rgba(242,210,123,.08) 94px,transparent 96px),linear-gradient(180deg,rgba(0,0,0,.25),transparent 50%,rgba(0,0,0,.72))}
.wall{position:absolute;top:0;bottom:0;width:23%;background:linear-gradient(180deg,#0e0c08,#030303)}.left-wall{left:0;transform:skewY(-9deg);transform-origin:top right;border-right:1px solid rgba(242,210,123,.18)}.right-wall{right:0;transform:skewY(9deg);transform-origin:top left;border-left:1px solid rgba(242,210,123,.18)}
.ceiling-lines{position:absolute;left:18%;right:18%;top:0;height:38%;background:linear-gradient(90deg,transparent,rgba(242,210,123,.25),transparent),repeating-linear-gradient(90deg,transparent 0 80px,rgba(242,210,123,.18) 82px,transparent 84px);clip-path:polygon(0 0,100% 0,76% 100%,24% 100%);opacity:.8}
.floor-grid{position:absolute;left:-8%;right:-8%;bottom:-3%;height:48%;background:repeating-linear-gradient(90deg,transparent 0 82px,rgba(242,210,123,.16) 84px,transparent 86px),repeating-linear-gradient(0deg,transparent 0 64px,rgba(242,210,123,.12) 66px,transparent 68px),linear-gradient(180deg,rgba(0,0,0,0),rgba(242,210,123,.06));transform:perspective(900px) rotateX(62deg);transform-origin:bottom center}
.far-door{position:absolute;left:50%;top:12%;transform:translateX(-50%);width:min(330px,36vw);height:330px;border-radius:50% 50% 24px 24px;border:8px solid #6e4c12;background:linear-gradient(180deg,#111,#020202);box-shadow:0 0 60px rgba(242,210,123,.2),inset 0 0 55px rgba(255,255,255,.04)}.far-emblem{position:absolute;inset:28%;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(242,210,123,.35);color:var(--gold2);font-family:"Black Ops One";font-size:64px;background:radial-gradient(circle,rgba(242,210,123,.15),rgba(0,0,0,.9))}
.side-sign{position:absolute;top:25%;width:180px;min-height:150px;padding:18px;border:1px solid rgba(242,210,123,.26);background:rgba(0,0,0,.58);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.35)}.left-sign{left:7%;transform:perspective(500px) rotateY(20deg)}.right-sign{right:7%;transform:perspective(500px) rotateY(-20deg)}.side-sign span,.side-sign small{display:block;color:var(--muted);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.side-sign b{display:block;margin:8px 0;color:var(--gold2);font-family:"Black Ops One";font-size:24px;line-height:1;text-transform:uppercase}
.fog{position:absolute;left:-10%;right:-10%;height:38%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 64%);filter:blur(20px);opacity:.33}.fog-one{bottom:4%;animation:fogSlide 18s linear infinite}.fog-two{bottom:18%;animation:fogSlide 25s linear infinite reverse;opacity:.22}@keyframes fogSlide{50%{transform:translateX(9vw) scale(1.07)}}
.gold-beam{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--gold2),transparent);box-shadow:0 0 22px rgba(242,210,123,.8);opacity:.62}.beam-one{left:25%;animation:beamPulse 3s ease-in-out infinite}.beam-two{right:23%;animation:beamPulse 4.2s ease-in-out infinite reverse}@keyframes beamPulse{50%{opacity:.2}}
.dust-field:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(242,210,123,.45) 1px,transparent 1.5px);background-size:46px 46px;opacity:.12;animation:dustMove 15s linear infinite}@keyframes dustMove{to{transform:translateY(-46px)}}
.watchman{position:absolute;bottom:10%;height:min(50vh,450px);max-height:450px;width:200px;object-fit:contain;filter:drop-shadow(0 28px 25px rgba(0,0,0,.8));animation:robotIdle 5.5s ease-in-out infinite}.watchman-left{left:18%}.watchman-right{right:18%;transform:scaleX(-1)}
.butler-robot{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:min(67vh,610px);max-height:610px;width:360px;object-fit:contain;filter:drop-shadow(0 30px 28px rgba(0,0,0,.85));animation:butlerIdle 4.8s ease-in-out infinite}@keyframes robotIdle{50%{translate:0 -5px;filter:drop-shadow(0 28px 25px rgba(0,0,0,.8)) brightness(1.08)}}@keyframes butlerIdle{50%{translate:0 -7px;filter:drop-shadow(0 34px 30px rgba(0,0,0,.85)) brightness(1.06)}}
.front-smoke{position:absolute;bottom:-6%;height:34%;width:55%;filter:blur(15px);background:radial-gradient(circle,rgba(255,255,255,.16),transparent 65%);opacity:.45}.smoke-left{left:-12%;animation:fogSlide 12s linear infinite}.smoke-right{right:-12%;animation:fogSlide 16s linear infinite reverse}.lens-flare{position:absolute;width:160px;height:2px;background:linear-gradient(90deg,transparent,#f2d27b,transparent);box-shadow:0 0 20px rgba(242,210,123,.8);opacity:.75}.flare-a{left:18%;top:34%;animation:flare 4s ease-in-out infinite}.flare-b{right:16%;top:58%;animation:flare 5s ease-in-out infinite reverse}@keyframes flare{50%{opacity:.18;transform:scaleX(.55)}}.floor-shine{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,rgba(242,210,123,.09),rgba(0,0,0,.45))}
.locked-card{position:absolute;z-index:8;left:50%;bottom:24px;transform:translateX(-50%);width:min(760px,92%);display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center;padding:16px;border:1px solid rgba(242,210,123,.35);border-radius:24px;background:linear-gradient(180deg,rgba(13,10,5,.82),rgba(0,0,0,.88));box-shadow:0 24px 60px rgba(0,0,0,.6);backdrop-filter:blur(12px)}.card-mark{width:74px;height:74px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(180deg,#f2d27b,#caa24a 58%,#805c1a);color:#100c05;font-family:"Black Ops One";font-size:30px}.locked-card span{display:block;color:#ffb28f;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.locked-card b{display:block;font-family:"Black Ops One";font-size:clamp(28px,4vw,48px);line-height:1;color:var(--gold2)}.locked-card p{margin:6px 0 0;color:var(--muted)}
.collector-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:18px}.collector-grid article{min-height:170px;padding:16px;border:1px solid rgba(242,210,123,.24);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),rgba(0,0,0,.58);box-shadow:inset 0 0 30px rgba(255,255,255,.03),0 18px 40px rgba(0,0,0,.32);position:relative;overflow:hidden;cursor:pointer}.collector-grid article:before{content:"";position:absolute;inset:10px;border:1px solid rgba(242,210,123,.14);border-radius:16px}.collector-grid span{position:relative;display:inline-block;color:#100c05;background:linear-gradient(180deg,#f2d27b,#caa24a);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;text-transform:uppercase}.collector-grid h2{position:relative;font-family:"Black Ops One";font-size:clamp(18px,2vw,22px);line-height:1.05;margin:14px 0 8px;color:var(--cream);text-transform:uppercase}.collector-grid p{position:relative;margin:0;color:var(--muted);line-height:1.35}.pulse-lock{animation:pulseLock .65s ease}@keyframes pulseLock{50%{box-shadow:0 0 32px rgba(242,210,123,.45)}}
.butler-panel{position:fixed;z-index:20;left:50%;bottom:18px;transform:translateX(-50%);width:min(1100px,94vw);display:grid;grid-template-columns:116px 1fr;gap:16px;align-items:center;padding:14px;border:1px solid rgba(242,210,123,.28);border-radius:28px;background:linear-gradient(180deg,rgba(17,14,9,.94),rgba(0,0,0,.94));box-shadow:0 24px 80px rgba(0,0,0,.72);backdrop-filter:blur(14px)}.butler-mini{height:128px;display:flex;align-items:flex-end;justify-content:center}.butler-mini img{height:128px;width:94px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.62))}.butler-copy{min-width:0}.butler-copy h2{font-family:"Black Ops One";font-size:clamp(24px,3vw,34px);line-height:1;margin:7px 0;color:var(--gold2);text-transform:uppercase}.butler-copy p{margin:0 0 12px;color:var(--muted);line-height:1.4;max-width:760px}.butler-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1100px){.collector-grid{grid-template-columns:repeat(2,1fr)}.watchman-left{left:10%}.watchman-right{right:10%}}
@media(max-width:760px){.collector-page{padding-bottom:330px}.parallax-stage{min-height:620px;height:620px}.side-sign{display:none}.far-door{width:280px;height:280px}.watchman{height:260px;width:120px;bottom:14%}.watchman-left{left:4%}.watchman-right{right:4%}.butler-robot{height:420px;width:260px}.locked-card{grid-template-columns:1fr;text-align:center}.card-mark{margin:0 auto}.collector-grid{grid-template-columns:1fr}.butler-panel{grid-template-columns:76px 1fr;padding:12px}.butler-mini,.butler-mini img{height:96px}nav a,.butler-actions a,.butler-actions button{min-height:40px;padding:9px 12px;font-size:14px}}
@media(max-width:480px){.collector-page{padding-bottom:385px}.butler-panel{grid-template-columns:1fr;text-align:center}.butler-mini{height:92px}.butler-actions{justify-content:center}.watchman{opacity:.72}}