:root{--bg: #0b0c10;--fg: #f2f2f2;--muted: #c9ccd3;--gap: 18px}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif}#wall{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;display:flex;gap:var(--gap);justify-content:center;transform:rotate(-8deg);filter:blur(3px) brightness(.42) saturate(1.1);opacity:0;transition:opacity 2.4s ease}#wall.on{opacity:1}.col{display:flex;flex-direction:column;gap:var(--gap);flex:0 0 var(--w);will-change:transform;animation:up var(--d) linear infinite}.col.down{animation-name:down}.col img{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:8px;display:block;background:#1a1c22}@keyframes up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - var(--gap) / 2))}}@keyframes down{0%{transform:translateY(calc(-50% - var(--gap) / 2))}to{transform:translateY(0)}}.shade{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(11,12,16,.35) 0%,rgba(11,12,16,.75) 55%,var(--bg) 100%)}main{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:0 16px;text-align:center}h1{margin:0;display:flex;gap:clamp(4px,1vw,10px);perspective:600px}h1 span{width:clamp(30px,8.2vw,84px);aspect-ratio:1;display:grid;place-items:center;font-size:clamp(20px,5.4vw,54px);font-weight:800;line-height:1;text-box:trim-both cap alphabetic;border:2px solid rgba(255,255,255,.28);border-radius:6px;background:#12141a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:rotateX(-90deg);opacity:0;animation:flip .55s cubic-bezier(.3,1.4,.5,1) forwards,tint .4s ease forwards;animation-delay:calc(.6s + var(--i) * .12s),calc(2s + var(--i) * .08s)}@keyframes flip{to{transform:rotateX(0);opacity:1}}@keyframes tint{to{background:var(--c);border-color:var(--c);color:#111}}.tagline{margin:0;font-size:clamp(20px,3vw,28px);font-weight:700;word-break:keep-all;opacity:0;animation:fade .8s ease 2.4s forwards}.sub{margin:-8px 0 0;color:var(--muted);font-size:clamp(14px,1.8vw,17px);word-break:keep-all;opacity:0;animation:fade .8s ease 2.55s forwards}.start{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;animation:fade .8s ease 2.7s forwards;padding:14px 34px;border-radius:999px;background:var(--fg);color:#111;font-weight:700;font-size:17px;text-decoration:none;transition:transform .15s,background .15s}.start:hover{transform:translateY(-2px);background:#fff}.actions{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:12px}.guide{order:-1}@media(max-width:560px){.actions{grid-auto-flow:row;width:min(100%,320px)}.guide{order:0}}.start.how{background:#ffffff14;color:var(--fg);box-shadow:inset 0 0 0 1px #ffffff59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.start.how:hover{background:#ffffff29}@keyframes fade{to{opacity:1}}@media(prefers-reduced-motion:reduce){.col{animation:none}h1 span,.tagline,.sub,.start{animation-duration:.01s;animation-delay:0s}}.account-slot{position:fixed;top:16px;right:16px;z-index:5}