:root{color-scheme:dark;--gold:#ffd567;--navy:#061928;--ease:cubic-bezier(.2,.8,.2,1.15)}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{font-family:Inter,Arial,sans-serif;background:var(--navy);overflow:hidden}button,a{font:inherit}.home{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;padding:max(22px,env(safe-area-inset-top)) clamp(18px,4vw,64px) max(18px,env(safe-area-inset-bottom));overflow:hidden}.home-video{position:absolute;inset:0;z-index:-4;width:100%;height:100%;object-fit:cover;animation:video-arrive 1.4s ease both}.home-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,#0003 0%,#06192818 35%,#020913c9 100%),radial-gradient(circle at 50% 43%,transparent 0 20%,#02091355 72%)}.home-lights{position:absolute;inset:-40%;z-index:-2;background:conic-gradient(from 15deg at 50% 50%,transparent,#ffd56720,transparent 22%,#0e8b6d20,transparent 48%,#3275d420,transparent 74%);animation:lights 24s linear infinite;mix-blend-mode:screen}.home-title{display:flex;align-items:center;justify-content:center;gap:13px;margin:auto;color:#fff;text-shadow:0 5px 16px #000;animation:title-float 3s ease-in-out infinite}.trophy{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--gold);border-radius:50%;background:#0007;font-size:30px;box-shadow:0 8px 26px #0008,0 0 24px #ffd56738}.eyebrow{display:block;color:var(--gold);font-size:11px;font-weight:950;letter-spacing:.2em;margin-bottom:3px}h1{font-size:clamp(24px,4vw,42px);line-height:1;margin:0;font-weight:950;letter-spacing:-.035em}.hub{align-self:center;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,42px);perspective:1100px;padding:30px 0 14px}.hub-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-decoration:none;border:0;background:none;padding:0;cursor:pointer;filter:drop-shadow(0 18px 18px #0008);transition:transform .3s var(--ease),filter .3s ease,opacity .3s ease}.hub-card:hover,.hub-card:focus-visible{outline:0;transform:translateY(-10px) scale(1.04);filter:drop-shadow(0 25px 26px #000a)}.hub-card:active{transform:translateY(3px) scale(.94)}.side-card{opacity:.84;transform:translateY(20px) scale(.8)}.side-card:hover,.side-card:focus-visible{opacity:1;transform:translateY(8px) scale(.88)}.card-label{z-index:2;border-radius:9px;background:#050505;padding:5px 12px;font-size:12px;font-weight:950;letter-spacing:.1em;box-shadow:0 5px 12px #0008}.album-card{animation:book-arrive .8s var(--ease) both .25s}.album-book{position:relative;display:block;width:clamp(155px,18vw,230px);aspect-ratio:186/224;border:2px solid var(--gold);border-radius:10px;overflow:hidden;background:#173a6c;box-shadow:0 0 0 3px #ffffff20,0 20px 42px #000b,0 0 46px #ffd56759}.album-book::after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 35%,#fff9 48%,transparent 62%);transform:translateX(-75%);animation:book-shine 4.5s ease-in-out infinite 1s}.album-book img{width:100%;height:100%;display:block;object-fit:cover}.open-badge{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;padding:8px;border-radius:99px;background:#050505d9;text-align:center;font-size:13px;font-weight:950;letter-spacing:.15em;border:1px solid #ffffff45}.trade-visual,.friends-visual{position:relative;display:grid;place-items:center;width:clamp(105px,12vw,150px);aspect-ratio:1;border:3px solid #fff;border-radius:26px;overflow:hidden;box-shadow:0 14px 28px #0009}.trade-visual{background:linear-gradient(135deg,#103f6c,#117a63)}.trade-visual img{width:60%;height:84%;object-fit:cover;transform:rotate(-6deg);border-radius:5px}.trade-visual b{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--gold);color:var(--navy);font-size:27px;border:2px solid #fff}.friends-visual{background:linear-gradient(135deg,#0b7f55,#1b9f72,var(--gold))}.friends-visual img{width:100%;height:100%;object-fit:cover}.hub-dots{display:flex;justify-content:center;gap:7px}.hub-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff55}.hub-dots .active{width:24px;border-radius:99px;background:var(--gold)}.home-hint{text-align:center;color:#fff;font-size:13px;font-weight:800;text-shadow:0 2px 7px #000;margin:10px 0 0;animation:hint-pulse 2.6s ease-in-out infinite}.home-notice{position:fixed;left:50%;bottom:78px;z-index:5;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#061928ed;border:1px solid #ffffff3d;border-radius:14px;padding:11px 17px;font-size:13px;font-weight:850;box-shadow:0 12px 35px #0008;transition:.25s ease}.home-notice.show{opacity:1;transform:translate(-50%,0)}.home-footer{align-self:end;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:11px;font-weight:950;letter-spacing:.12em;text-shadow:0 2px 8px #000}.live-status{display:flex;align-items:center;gap:7px}.live-status i{width:8px;height:8px;border-radius:50%;background:#30df87;box-shadow:0 0 0 0 #30df8799;animation:online 1.8s ease infinite}@keyframes video-arrive{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}@keyframes lights{to{transform:rotate(360deg)}}@keyframes title-float{50%{transform:translateY(-8px)}}@keyframes book-arrive{from{opacity:0;transform:translateY(45px) scale(.7) rotateY(-12deg)}to{opacity:1;transform:none}}@keyframes book-shine{0%,60%,100%{transform:translateX(-75%)}82%{transform:translateX(75%)}}@keyframes hint-pulse{50%{opacity:.62}}@keyframes online{70%{box-shadow:0 0 0 8px #30df8700}}@media(max-width:680px){.home{padding-inline:12px}.home-title{align-items:flex-start}.trophy{width:43px;height:43px;font-size:24px}h1{font-size:24px}.eyebrow{font-size:9px}.hub{gap:4px}.side-card{transform:translateY(16px) scale(.7);margin-inline:-12px}.side-card:hover,.side-card:focus-visible{transform:translateY(10px) scale(.74)}.album-book{width:min(47vw,190px)}.trade-visual,.friends-visual{width:min(27vw,112px);border-radius:20px}.card-label{font-size:9px;padding:4px 8px}.home-footer{font-size:9px}}@media(max-height:620px){.home-title{animation:none}.trophy{width:40px;height:40px;font-size:22px}.hub{padding:10px 0 4px}.album-book{width:min(24vh,150px)}.trade-visual,.friends-visual{width:min(18vh,104px)}.home-hint{margin-top:4px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.home-video{display:none}.home{background:linear-gradient(145deg,#0a4167,#087253,#061928)}}