*{box-sizing:border-box}html,body{margin:0;background:#05070a;color:#eef3f2;font-family:Inter,system-ui,sans-serif}body{min-height:100vh;overflow-x:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);z-index:9}.topbar{height:76px;border-bottom:1px solid #182127;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:relative;z-index:2;background:#06090dcc;backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center}.sigil{display:grid;place-items:center;width:34px;height:34px;border:1px solid #73ffbd;font-weight:900;color:#73ffbd}.brand b{display:block;letter-spacing:.16em}.brand small{display:block;color:#718087;font-size:9px;letter-spacing:.2em;margin-top:3px}.top-actions{display:flex;gap:18px;align-items:center;font-size:10px;color:#738088;letter-spacing:.12em}.top-actions button{background:none;border:1px solid #273139;color:#aab4b6;padding:9px 12px;font-size:10px;letter-spacing:.12em}.hero{max-width:1180px;margin:auto;padding:11vh 5vw 10vh;position:relative}.hero:after{content:"";position:absolute;right:5%;top:15%;width:38vw;height:38vw;max-width:520px;max-height:520px;border:1px solid #14231e;border-radius:50%;box-shadow:0 0 100px #15372a33 inset;pointer-events:none}.eyebrow{color:#73ffbd;font-size:10px;letter-spacing:.25em;margin-bottom:22px}.hero h1{font-size:clamp(54px,10vw,124px);line-height:.83;margin:0;letter-spacing:-.07em;position:relative;z-index:1}.hero h1 em{font-style:normal;color:#73ffbd}.hero p{max-width:560px;color:#89969b;line-height:1.7;font-size:14px;margin:28px 0;position:relative;z-index:1}.launch{display:inline-flex;gap:30px;align-items:center;padding:16px 18px;border:1px solid #73ffbd;color:#eafff5;text-decoration:none;font-size:11px;letter-spacing:.14em;background:#73ffbd0b;position:relative;z-index:1}.launch b{color:#73ffbd}.library{max-width:1180px;margin:auto;padding:0 5vw 8vh}.section-head{border-top:1px solid #182127;padding:14px 0;display:flex;justify-content:space-between;color:#748188;font-size:10px;letter-spacing:.18em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-card{display:block;background:#0a0e12;border:1px solid #182127;color:#fff;text-decoration:none;min-height:310px;position:relative;overflow:hidden}.card-art{height:225px;position:relative;overflow:hidden}.time-art{background:radial-gradient(circle at 50% 48%,#315f4c 0,#10241d 18%,#07100d 43%,#05070a 72%)}.grid{position:absolute;inset:50% -20% -40%;background:linear-gradient(#315c4a55 1px,transparent 1px),linear-gradient(90deg,#315c4a55 1px,transparent 1px);background-size:26px 26px;transform:perspective(180px) rotateX(60deg)}.orb{position:absolute;left:50%;top:45%;width:80px;height:80px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #73ffbd;box-shadow:0 0 40px #73ffbd66,inset 0 0 24px #73ffbd33}.clone-art{position:absolute;left:50%;top:40%;width:35px;height:95px;transform:translate(-50%,-50%);border:1px solid #b8ffe2;border-radius:50% 50% 35% 35%;box-shadow:0 0 30px #73ffbd55}.echo-art,.void-art{display:grid;place-items:center;background:linear-gradient(135deg,#10151a,#07090c);color:#354149;letter-spacing:.2em;font-size:10px}.void-art{background:linear-gradient(135deg,#101016,#07070b)}.card-meta{padding:14px}.card-meta span{color:#536067;font-size:9px}.card-meta b{display:block;font-size:18px;letter-spacing:.05em;margin:5px 0}.card-meta small{color:#647177;font-size:9px;letter-spacing:.15em}.progress{height:2px;background:#182127;position:absolute;bottom:0;left:0;right:0}.progress span{display:block;height:100%;background:#73ffbd;width:0}.locked{opacity:.48}.hub-footer{border-top:1px solid #182127;padding:20px 5vw;display:flex;justify-content:space-between;color:#58656b;font-size:9px;letter-spacing:.15em}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:20}.hidden{display:none}.panel{width:min(440px,90vw);background:#0a0e12;border:1px solid #2b373d;padding:28px;position:relative}.panel h2{font-size:18px;letter-spacing:.12em;margin:0 0 28px}.panel label{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #1a2328;color:#8c999e;font-size:11px;letter-spacing:.1em}.close{position:absolute;right:15px;top:12px;background:none;border:0;color:#9ba5a8;font-size:25px}.danger{margin-top:25px;background:none;border:1px solid #513438;color:#ff8d91;padding:10px;width:100%}@media(max-width:800px){.cards{grid-template-columns:1fr}.hero{padding-top:8vh}.hero:after{opacity:.25}.top-actions span{display:none}.hub-footer{gap:12px;flex-wrap:wrap}.card-art{height:190px}}