@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#070a12;--border:rgba(184,208,244,.16);--muted:#9ba6b9;--blue:#66e3f8;--purple:#d38bff}*{box-sizing:border-box}html,body{height:100%;padding:0;margin:0}body{background:#070911;color:#f5f7ff;font-family:'Space Grotesk',system-ui,Arial,sans-serif;overflow:hidden}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}.hidden{display:none!important}a{color:inherit;text-decoration:none}#viewport{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 70% 45%,#192138 0%,#080c15 52%,#06070f 100%)}#viewport>canvas{display:block}.soft-vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 60% 45%,transparent 40%,#05060b8a 100%);z-index:2}.arena-header{position:fixed;top:0;left:0;right:0;padding:21px clamp(19px,4vw,58px);height:82px;display:flex;align-items:center;justify-content:space-between;z-index:9;border-bottom:1px solid #c8dafa13;background:linear-gradient(180deg,#050710e3,#05071050)}.logo{font-size:21px;letter-spacing:.045em;font-weight:500}.logo:first-letter{color:var(--purple)}.logo span{color:#8d99ae;font-size:12px;margin-left:8px;letter-spacing:.13em}.alpha-pill,.marker{color:#b5eefa;font-size:11px;font-weight:700;letter-spacing:.15em;padding:12px 15px;border:1px solid #60dbec48;border-radius:2px;background:#0b1724bc}.welcome{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:90px clamp(20px,8vw,125px) 45px;background:radial-gradient(circle at 76% 53%,#31224b62,transparent 42%),linear-gradient(140deg,#060912ec 0%,#06091266 70%)}.welcome-info{max-width:580px;z-index:2}.micro{font-size:12px;font-weight:700;letter-spacing:.23em;color:#86d2e6}.micro span{color:var(--purple);padding:0 8px}h1{font-size:clamp(42px,5.4vw,86px);letter-spacing:-.064em;line-height:.98;margin:22px 0 20px;font-weight:700}h1 em{font-style:normal;background:linear-gradient(95deg,#bd8aff,#77d6f8);-webkit-background-clip:text;color:transparent}p{color:#a8b6ca;line-height:1.6}.welcome-info>p{max-width:520px;font-size:17px}.two-options{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 17px}.button,.secondary{border:1px solid #6ec9ef47;background:#101a2bba;color:#eef6ff;padding:15px 19px;letter-spacing:.055em;font-size:12px;font-weight:700;border-radius:5px;transition:background .2s,transform .2s}.button:hover,.secondary:hover{transform:translateY(-2px);background:#263854}.button.accent{background:linear-gradient(100deg,#9a5dff,#347faf);border-color:#be85ff;box-shadow:0 12px 44px #7959ff22}.button.accent span{margin-left:15px}.small{padding:10px 12px}.helpnote{color:#77889d;font-size:12px!important;max-width:520px}.helpnote strong{color:#d5dfef}.welcome-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:31px}.welcome-links a{font-size:11px;letter-spacing:.08em;color:#bce6f0;border-bottom:1px solid #c5e6f077;padding-bottom:6px}.preview-card-stack{position:relative;height:480px;flex:1;min-width:320px;max-width:630px;perspective:1200px}.preview-card-stack img{position:absolute;width:min(38%,255px);height:auto;object-fit:cover;border-radius:11px;top:50%;left:50%;filter:drop-shadow(0 20px 26px #0009);transform-origin:center;transition:transform .3s}.preview-card-stack img:nth-child(1){transform:translate(-113%,-44%) rotateY(30deg) rotate(-8deg)}.preview-card-stack img:nth-child(2){transform:translate(33%,-40%) rotateY(-27deg) rotate(8deg)}.preview-card-stack img:nth-child(3){transform:translate(-50%,-50%) translateZ(90px) scale(1.16);filter:drop-shadow(0 14px 40px #72e6ff33)}.overlay{position:absolute;inset:0;pointer-events:none;z-index:5}.info{position:absolute;top:104px;left:clamp(15px,4vw,58px);background:#080e1ccc;border:1px solid var(--border);backdrop-filter:blur(14px);padding:20px;max-width:min(350px,calc(100vw - 30px));border-radius:5px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--blue);font-weight:700;margin-bottom:7px}.info strong{display:block;font-size:18px;line-height:1.25}.info #detail{font-size:12px;line-height:1.55;color:#a9b7c8;margin-top:8px}.top-right{position:absolute;right:clamp(15px,4vw,58px);top:105px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:390px}.marker{padding:10px;color:#8b9bb0;border-color:#304357}.marker.online{color:#9ffce2;border-color:#55eac69c;background:#093b3433}.bottom-controls{position:absolute;bottom:0;left:0;right:0;padding:16px clamp(15px,4vw,58px) max(19px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#050712f7,#0507126b);border-top:1px solid #ffffff14;pointer-events:auto}.row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.row.slim{justify-content:space-between;border-top:1px solid #ffffff13;margin-top:13px;padding-top:10px;color:#9cb3c7;font-size:10px;letter-spacing:.075em}.row .secondary{padding:11px 15px}.microfoot{font-size:10px;color:#7e8ca5;margin:9px 0 0}.toast{position:fixed;z-index:11;bottom:145px;left:50%;transform:translateX(-50%);background:#1a2639ed;border:1px solid #a6e8f866;color:#efffff;padding:12px 17px;border-radius:6px;font-size:12px;max-width:80%;text-align:center}@media(max-width:900px){.welcome{padding:110px 6vw 65px}.preview-card-stack{max-width:370px;height:330px;min-width:180px}}@media(max-width:690px){.welcome{overflow-y:auto;display:block;text-align:left;padding:96px 22px 40px}.welcome-info{position:relative}.welcome-info>p{font-size:14px}.preview-card-stack{margin:25px auto 0;height:230px;max-width:360px}.preview-card-stack img{width:40%}.two-options{margin:24px 0 16px}.welcome-links{gap:14px;margin-top:19px}.arena-header{height:68px}.logo{font-size:17px}.logo span{font-size:9px}.alpha-pill{font-size:9px}.info{top:78px;padding:12px}.info strong{font-size:14px}.info #detail{font-size:10px}.top-right{top:166px;left:15px;right:auto;justify-content:flex-start}.marker{font-size:9px;padding:7px}.bottom-controls .secondary{padding:10px 11px;font-size:10px}.microfoot{font-size:9px}}