@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&family=Silkscreen:wght@400;700&display=swap";:root{--bg: #05070d;--surface-1: #0b1020;--surface-2: #121a2e;--surface-3: #1a2440;--border: #1e2a44;--border-strong: #2c3a5c;--text: #e8eeff;--text-2: #8a96b8;--text-3: #5a6688;--blue: #2f6bff;--blue-hover: #4c82ff;--blue-glow: rgba(47, 107, 255, .45);--green: #39ff88;--green-dim: #1fa85a;--green-glow: rgba(57, 255, 136, .45);--danger: #ff4d6d;--gold: #ffd166;--font-ui: "Geist", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--font-pixel: "Silkscreen", "Geist Mono", monospace;--radius: 10px;--radius-lg: 16px;--ease: cubic-bezier(.2, .8, .2, 1);--gutter: clamp(16px, 4vw, 56px)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}canvas.pixel,img.pixel{image-rendering:pixelated;image-rendering:crisp-edges}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}:root{--px: 2px}.px{position:relative;isolation:isolate;border-radius:0}.px:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:var(--px-line, var(--border-strong));transition:background .16s var(--ease)}.px-noring:after{content:none}.px-panel{--px-fill: var(--surface-1);--px-line: var(--border);background:var(--px-fill);box-shadow:inset 0 calc(var(--px) * 2) 0 #e8eeff09}.px-card{--px-fill: var(--surface-1);--px-line: var(--border-strong);background:var(--px-fill)}.px-plate{--px-fill: rgba(18, 26, 46, .72);--px-line: var(--border);background:var(--px-fill)}.px-btn{box-shadow:inset 0 calc(var(--px) * -2) 0 #00000038,inset 0 var(--px) 0 #ffffff1f}.px-btn:active{transform:translateY(var(--px));box-shadow:inset 0 var(--px) 0 #00000038}.px-glow{--g: color-mix(in srgb, var(--px-glow, var(--blue)) var(--px-glow-mix, 34%), var(--px-fill, var(--surface-1)));--d: calc(var(--px) * 2);background:linear-gradient(to top,var(--g) 0 16%,transparent 0),linear-gradient(to top,transparent 0 56%,var(--px-fill, var(--surface-1)) 0),conic-gradient(var(--g) 25%,transparent 0) 0 0 / var(--d) var(--d),linear-gradient(to top,transparent 0 34%,var(--px-fill, var(--surface-1)) 0),conic-gradient(var(--g) 25%,transparent 0) var(--px) var(--px) / var(--d) var(--d),var(--px-fill, var(--surface-1))}.px-scrim{--s: var(--px-scrim, rgba(5, 7, 13, .9));--sd: var(--px-scrim-dither, var(--s));--d: calc(var(--px) * 2);background:linear-gradient(to top,var(--s) 0 var(--px-scrim-a, 22%),transparent 0)}.px-scrim:before,.px-scrim:after{content:"";position:absolute;inset:0;pointer-events:none}.px-scrim:before{background:conic-gradient(var(--sd) 25%,transparent 0 50%,var(--sd) 0 75%,transparent 0) 0 0 / var(--d) var(--d);-webkit-mask-image:linear-gradient(to top,transparent 0 var(--px-scrim-a, 22%),#000 0 var(--px-scrim-b, 40%),transparent 0);mask-image:linear-gradient(to top,transparent 0 var(--px-scrim-a, 22%),#000 0 var(--px-scrim-b, 40%),transparent 0)}.px-scrim:after{background:conic-gradient(var(--sd) 25%,transparent 0) 0 0 / var(--d) var(--d);-webkit-mask-image:linear-gradient(to top,transparent 0 var(--px-scrim-b, 40%),#000 0 var(--px-scrim-c, 58%),transparent 0);mask-image:linear-gradient(to top,transparent 0 var(--px-scrim-b, 40%),#000 0 var(--px-scrim-c, 58%),transparent 0)}.px-halo,.px-focus:focus-visible{--h: var(--px-halo, var(--blue));--n: calc(var(--px) * -1);filter:drop-shadow(var(--px) 0 0 var(--h)) drop-shadow(var(--n) 0 0 var(--h)) drop-shadow(0 var(--px) 0 var(--h)) drop-shadow(0 var(--n) 0 var(--h))}.px-focus:focus-visible{outline:none}.px-crisp{image-rendering:pixelated;image-rendering:crisp-edges}.px.px-c1{clip-path:polygon(0 var(--px),var(--px) var(--px),var(--px) 0,calc(100% - var(--px)) 0,calc(100% - var(--px)) var(--px),100% var(--px),100% calc(100% - var(--px)),calc(100% - var(--px)) calc(100% - var(--px)),calc(100% - var(--px)) 100%,var(--px) 100%,var(--px) calc(100% - var(--px)),0 calc(100% - var(--px)))}.px.px-c1:after{clip-path:polygon(evenodd,0 var(--px),var(--px) var(--px),var(--px) 0,calc(100% - var(--px)) 0,calc(100% - var(--px)) var(--px),100% var(--px),100% calc(100% - var(--px)),calc(100% - var(--px)) calc(100% - var(--px)),calc(100% - var(--px)) 100%,var(--px) 100%,var(--px) calc(100% - var(--px)),0 calc(100% - var(--px)),0 var(--px),var(--px) calc(var(--px) * 2),var(--px) var(--px),calc(100% - var(--px)) var(--px),calc(100% - var(--px)) calc(var(--px) * 2),calc(100% - var(--px)) calc(100% - var(--px) * 2),calc(100% - var(--px)) calc(100% - var(--px)),var(--px) calc(100% - var(--px)),var(--px) calc(100% - var(--px) * 2),var(--px) calc(var(--px) * 2))}.px,.px.px-c2{clip-path:polygon(0 calc(var(--px) * 2),var(--px) calc(var(--px) * 2),var(--px) var(--px),calc(var(--px) * 2) var(--px),calc(var(--px) * 2) 0,calc(100% - var(--px) * 2) 0,calc(100% - var(--px) * 2) var(--px),calc(100% - var(--px)) var(--px),calc(100% - var(--px)) calc(var(--px) * 2),100% calc(var(--px) * 2),100% calc(100% - var(--px) * 2),calc(100% - var(--px)) calc(100% - var(--px) * 2),calc(100% - var(--px)) calc(100% - var(--px)),calc(100% - var(--px) * 2) calc(100% - var(--px)),calc(100% - var(--px) * 2) 100%,calc(var(--px) * 2) 100%,calc(var(--px) * 2) calc(100% - var(--px)),var(--px) calc(100% - var(--px)),var(--px) calc(100% - var(--px) * 2),0 calc(100% - var(--px) * 2))}.px:after,.px.px-c2:after{clip-path:polygon(evenodd,0 calc(var(--px) * 2),var(--px) calc(var(--px) * 2),var(--px) var(--px),calc(var(--px) * 2) var(--px),calc(var(--px) * 2) 0,calc(100% - var(--px) * 2) 0,calc(100% - var(--px) * 2) var(--px),calc(100% - var(--px)) var(--px),calc(100% - var(--px)) calc(var(--px) * 2),100% calc(var(--px) * 2),100% calc(100% - var(--px) * 2),calc(100% - var(--px)) calc(100% - var(--px) * 2),calc(100% - var(--px)) calc(100% - var(--px)),calc(100% - var(--px) * 2) calc(100% - var(--px)),calc(100% - var(--px) * 2) 100%,calc(var(--px) * 2) 100%,calc(var(--px) * 2) calc(100% - var(--px)),var(--px) calc(100% - var(--px)),var(--px) calc(100% - var(--px) * 2),0 calc(100% - var(--px) * 2),0 calc(var(--px) * 2),var(--px) calc(var(--px) * 2),calc(var(--px) * 2) calc(var(--px) * 2),calc(var(--px) * 2) var(--px),calc(100% - var(--px) * 2) var(--px),calc(100% - var(--px) * 2) calc(var(--px) * 2),calc(100% - var(--px)) calc(var(--px) * 2),calc(100% - var(--px)) calc(100% - var(--px) * 2),calc(100% - var(--px) * 2) calc(100% - var(--px) * 2),calc(100% - var(--px) * 2) calc(100% - var(--px)),calc(var(--px) * 2) calc(100% - var(--px)),calc(var(--px) * 2) calc(100% - var(--px) * 2),var(--px) calc(100% - var(--px) * 2),var(--px) calc(var(--px) * 2))}.px.px-c3{clip-path:polygon(0 calc(var(--px) * 4),var(--px) calc(var(--px) * 4),var(--px) calc(var(--px) * 3),var(--px) calc(var(--px) * 2),calc(var(--px) * 2) calc(var(--px) * 2),calc(var(--px) * 2) var(--px),calc(var(--px) * 4) var(--px),calc(var(--px) * 4) 0,calc(100% - var(--px) * 4) 0,calc(100% - var(--px) * 4) var(--px),calc(100% - var(--px) * 2) var(--px),calc(100% - var(--px) * 2) calc(var(--px) * 2),calc(100% - var(--px)) calc(var(--px) * 2),calc(100% - var(--px)) calc(var(--px) * 3),calc(100% - var(--px)) calc(var(--px) * 4),100% calc(var(--px) * 4),100% calc(100% - var(--px) * 4),calc(100% - var(--px)) calc(100% - var(--px) * 4),calc(100% - var(--px)) calc(100% - var(--px) * 3),calc(100% - var(--px)) calc(100% - var(--px) * 2),calc(100% - var(--px) * 2) calc(100% - var(--px) * 2),calc(100% - var(--px) * 2) calc(100% - var(--px)),calc(100% - var(--px) * 4) calc(100% - var(--px)),calc(100% - var(--px) * 4) 100%,calc(var(--px) * 4) 100%,calc(var(--px) * 4) calc(100% - var(--px)),calc(var(--px) * 2) calc(100% - var(--px)),calc(var(--px) * 2) calc(100% - var(--px) * 2),var(--px) calc(100% - var(--px) * 2),var(--px) calc(100% - var(--px) * 3),var(--px) calc(100% - var(--px) * 4),0 calc(100% - var(--px) * 4))}.px.px-c3:after{clip-path:polygon(evenodd,0 calc(var(--px) * 4),var(--px) calc(var(--px) * 4),var(--px) calc(var(--px) * 3),var(--px) calc(var(--px) * 2),calc(var(--px) * 2) calc(var(--px) * 2),calc(var(--px) * 2) var(--px),calc(var(--px) * 4) var(--px),calc(var(--px) * 4) 0,calc(100% - var(--px) * 4) 0,calc(100% - var(--px) * 4) var(--px),calc(100% - var(--px) * 2) var(--px),calc(100% - var(--px) * 2) calc(var(--px) * 2),calc(100% - var(--px)) calc(var(--px) * 2),calc(100% - var(--px)) calc(var(--px) * 3),calc(100% - var(--px)) calc(var(--px) * 4),100% calc(var(--px) * 4),100% calc(100% - var(--px) * 4),calc(100% - var(--px)) calc(100% - var(--px) * 4),calc(100% - var(--px)) calc(100% - var(--px) * 3),calc(100% - var(--px)) calc(100% - var(--px) * 2),calc(100% - var(--px) * 2) calc(100% - var(--px) * 2),calc(100% - var(--px) * 2) calc(100% - var(--px)),calc(100% - var(--px) * 4) calc(100% - var(--px)),calc(100% - var(--px) * 4) 100%,calc(var(--px) * 4) 100%,calc(var(--px) * 4) calc(100% - var(--px)),calc(var(--px) * 2) calc(100% - var(--px)),calc(var(--px) * 2) calc(100% - var(--px) * 2),var(--px) calc(100% - var(--px) * 2),var(--px) calc(100% - var(--px) * 3),var(--px) calc(100% - var(--px) * 4),0 calc(100% - var(--px) * 4),0 calc(var(--px) * 4),var(--px) calc(var(--px) * 4),calc(var(--px) * 2) calc(var(--px) * 4),calc(var(--px) * 2) calc(var(--px) * 3),calc(var(--px) * 2) calc(var(--px) * 2),calc(var(--px) * 4) calc(var(--px) * 2),calc(var(--px) * 4) var(--px),calc(100% - var(--px) * 4) var(--px),calc(100% - var(--px) * 4) calc(var(--px) * 2),calc(100% - var(--px) * 2) calc(var(--px) * 2),calc(100% - var(--px) * 2) calc(var(--px) * 3),calc(100% - var(--px) * 2) calc(var(--px) * 4),calc(100% - var(--px)) calc(var(--px) * 4),calc(100% - var(--px)) calc(100% - var(--px) * 4),calc(100% - var(--px) * 2) calc(100% - var(--px) * 4),calc(100% - var(--px) * 2) calc(100% - var(--px) * 3),calc(100% - var(--px) * 2) calc(100% - var(--px) * 2),calc(100% - var(--px) * 4) calc(100% - var(--px) * 2),calc(100% - var(--px) * 4) calc(100% - var(--px)),calc(var(--px) * 4) calc(100% - var(--px)),calc(var(--px) * 4) calc(100% - var(--px) * 2),calc(var(--px) * 2) calc(100% - var(--px) * 2),calc(var(--px) * 2) calc(100% - var(--px) * 3),calc(var(--px) * 2) calc(100% - var(--px) * 4),var(--px) calc(100% - var(--px) * 4),var(--px) calc(var(--px) * 4))}:root{--px-clip-c1: polygon(0 var(--px), var(--px) var(--px), var(--px) 0, calc(100% - var(--px)) 0, calc(100% - var(--px)) var(--px), 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, var(--px) calc(100% - var(--px)), 0 calc(100% - var(--px)));--px-ring-c1: polygon(evenodd, 0 var(--px), var(--px) var(--px), var(--px) 0, calc(100% - var(--px)) 0, calc(100% - var(--px)) var(--px), 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, var(--px) calc(100% - var(--px)), 0 calc(100% - var(--px)), 0 var(--px), var(--px) calc(var(--px) * 2), var(--px) var(--px), calc(100% - var(--px)) var(--px), calc(100% - var(--px)) calc(var(--px) * 2), calc(100% - var(--px)) calc(100% - var(--px) * 2), calc(100% - var(--px)) calc(100% - var(--px)), var(--px) calc(100% - var(--px)), var(--px) calc(100% - var(--px) * 2), var(--px) calc(var(--px) * 2));--px-clip-c2: polygon(0 calc(var(--px) * 2), var(--px) calc(var(--px) * 2), var(--px) var(--px), calc(var(--px) * 2) var(--px), calc(var(--px) * 2) 0, calc(100% - var(--px) * 2) 0, calc(100% - var(--px) * 2) var(--px), calc(100% - var(--px)) var(--px), calc(100% - var(--px)) calc(var(--px) * 2), 100% calc(var(--px) * 2), 100% calc(100% - var(--px) * 2), calc(100% - var(--px)) calc(100% - var(--px) * 2), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px) * 2) calc(100% - var(--px)), calc(100% - var(--px) * 2) 100%, calc(var(--px) * 2) 100%, calc(var(--px) * 2) calc(100% - var(--px)), var(--px) calc(100% - var(--px)), var(--px) calc(100% - var(--px) * 2), 0 calc(100% - var(--px) * 2));--px-ring-c2: polygon(evenodd, 0 calc(var(--px) * 2), var(--px) calc(var(--px) * 2), var(--px) var(--px), calc(var(--px) * 2) var(--px), calc(var(--px) * 2) 0, calc(100% - var(--px) * 2) 0, calc(100% - var(--px) * 2) var(--px), calc(100% - var(--px)) var(--px), calc(100% - var(--px)) calc(var(--px) * 2), 100% calc(var(--px) * 2), 100% calc(100% - var(--px) * 2), calc(100% - var(--px)) calc(100% - var(--px) * 2), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px) * 2) calc(100% - var(--px)), calc(100% - var(--px) * 2) 100%, calc(var(--px) * 2) 100%, calc(var(--px) * 2) calc(100% - var(--px)), var(--px) calc(100% - var(--px)), var(--px) calc(100% - var(--px) * 2), 0 calc(100% - var(--px) * 2), 0 calc(var(--px) * 2), var(--px) calc(var(--px) * 2), calc(var(--px) * 2) calc(var(--px) * 2), calc(var(--px) * 2) var(--px), calc(100% - var(--px) * 2) var(--px), calc(100% - var(--px) * 2) calc(var(--px) * 2), calc(100% - var(--px)) calc(var(--px) * 2), calc(100% - var(--px)) calc(100% - var(--px) * 2), calc(100% - var(--px) * 2) calc(100% - var(--px) * 2), calc(100% - var(--px) * 2) calc(100% - var(--px)), calc(var(--px) * 2) calc(100% - var(--px)), calc(var(--px) * 2) calc(100% - var(--px) * 2), var(--px) calc(100% - var(--px) * 2), var(--px) calc(var(--px) * 2));--px-clip-c3: polygon(0 calc(var(--px) * 4), var(--px) calc(var(--px) * 4), var(--px) calc(var(--px) * 3), var(--px) calc(var(--px) * 2), calc(var(--px) * 2) calc(var(--px) * 2), calc(var(--px) * 2) var(--px), calc(var(--px) * 4) var(--px), calc(var(--px) * 4) 0, calc(100% - var(--px) * 4) 0, calc(100% - var(--px) * 4) var(--px), calc(100% - var(--px) * 2) var(--px), calc(100% - var(--px) * 2) calc(var(--px) * 2), calc(100% - var(--px)) calc(var(--px) * 2), calc(100% - var(--px)) calc(var(--px) * 3), calc(100% - var(--px)) calc(var(--px) * 4), 100% calc(var(--px) * 4), 100% calc(100% - var(--px) * 4), calc(100% - var(--px)) calc(100% - var(--px) * 4), calc(100% - var(--px)) calc(100% - var(--px) * 3), calc(100% - var(--px)) calc(100% - var(--px) * 2), calc(100% - var(--px) * 2) calc(100% - var(--px) * 2), calc(100% - var(--px) * 2) calc(100% - var(--px)), calc(100% - var(--px) * 4) calc(100% - var(--px)), calc(100% - var(--px) * 4) 100%, calc(var(--px) * 4) 100%, calc(var(--px) * 4) calc(100% - var(--px)), calc(var(--px) * 2) calc(100% - var(--px)), calc(var(--px) * 2) calc(100% - var(--px) * 2), var(--px) calc(100% - var(--px) * 2), var(--px) calc(100% - var(--px) * 3), var(--px) calc(100% - var(--px) * 4), 0 calc(100% - var(--px) * 4));--px-ring-c3: polygon(evenodd, 0 calc(var(--px) * 4), var(--px) calc(var(--px) * 4), var(--px) calc(var(--px) * 3), var(--px) calc(var(--px) * 2), calc(var(--px) * 2) calc(var(--px) * 2), calc(var(--px) * 2) var(--px), calc(var(--px) * 4) var(--px), calc(var(--px) * 4) 0, calc(100% - var(--px) * 4) 0, calc(100% - var(--px) * 4) var(--px), calc(100% - var(--px) * 2) var(--px), calc(100% - var(--px) * 2) calc(var(--px) * 2), calc(100% - var(--px)) calc(var(--px) * 2), calc(100% - var(--px)) calc(var(--px) * 3), calc(100% - var(--px)) calc(var(--px) * 4), 100% calc(var(--px) * 4), 100% calc(100% - var(--px) * 4), calc(100% - var(--px)) calc(100% - var(--px) * 4), calc(100% - var(--px)) calc(100% - var(--px) * 3), calc(100% - var(--px)) calc(100% - var(--px) * 2), calc(100% - var(--px) * 2) calc(100% - var(--px) * 2), calc(100% - var(--px) * 2) calc(100% - var(--px)), calc(100% - var(--px) * 4) calc(100% - var(--px)), calc(100% - var(--px) * 4) 100%, calc(var(--px) * 4) 100%, calc(var(--px) * 4) calc(100% - var(--px)), calc(var(--px) * 2) calc(100% - var(--px)), calc(var(--px) * 2) calc(100% - var(--px) * 2), var(--px) calc(100% - var(--px) * 2), var(--px) calc(100% - var(--px) * 3), var(--px) calc(100% - var(--px) * 4), 0 calc(100% - var(--px) * 4), 0 calc(var(--px) * 4), var(--px) calc(var(--px) * 4), calc(var(--px) * 2) calc(var(--px) * 4), calc(var(--px) * 2) calc(var(--px) * 3), calc(var(--px) * 2) calc(var(--px) * 2), calc(var(--px) * 4) calc(var(--px) * 2), calc(var(--px) * 4) var(--px), calc(100% - var(--px) * 4) var(--px), calc(100% - var(--px) * 4) calc(var(--px) * 2), calc(100% - var(--px) * 2) calc(var(--px) * 2), calc(100% - var(--px) * 2) calc(var(--px) * 3), calc(100% - var(--px) * 2) calc(var(--px) * 4), calc(100% - var(--px)) calc(var(--px) * 4), calc(100% - var(--px)) calc(100% - var(--px) * 4), calc(100% - var(--px) * 2) calc(100% - var(--px) * 4), calc(100% - var(--px) * 2) calc(100% - var(--px) * 3), calc(100% - var(--px) * 2) calc(100% - var(--px) * 2), calc(100% - var(--px) * 4) calc(100% - var(--px) * 2), calc(100% - var(--px) * 4) calc(100% - var(--px)), calc(var(--px) * 4) calc(100% - var(--px)), calc(var(--px) * 4) calc(100% - var(--px) * 2), calc(var(--px) * 2) calc(100% - var(--px) * 2), calc(var(--px) * 2) calc(100% - var(--px) * 3), calc(var(--px) * 2) calc(100% - var(--px) * 4), var(--px) calc(100% - var(--px) * 4), var(--px) calc(var(--px) * 4))}html{color-scheme:dark}body{overflow-x:hidden;line-height:1.45;font-size:15px}a{color:inherit}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}.pixel-font{font-family:var(--font-pixel);font-weight:400;letter-spacing:.02em}.muted{color:var(--text-2)}.small{font-size:13px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px 2px;font:500 11px/1 var(--font-mono);color:var(--text);background:var(--surface-2);clip-path:var(--px-clip-c1);box-shadow:inset 0 0 0 2px var(--border-strong),inset 0 -4px 0 var(--border-strong)}.keys{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.keys-plus{color:var(--text-3);font-size:12px}.section-label{font:600 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin:0 0 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;min-height:44px;padding:0 20px;border:0;border-radius:0;clip-path:var(--px-clip-c2);font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform 80ms steps(2),background .16s var(--ease),box-shadow .16s var(--ease)}.btn:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--btn-line, transparent);clip-path:var(--px-ring-c2);transition:background .16s var(--ease)}.btn:active{transform:translateY(2px)}.btn:focus-visible{outline:none;--btn-line: var(--blue)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.lg{min-height:52px;padding:0 28px;font-size:16px}.btn.sm{min-height:36px;padding:0 12px;font-size:13px}.btn-play,.btn-primary-blue,.btn-danger{box-shadow:inset 0 -4px #0003,inset 0 2px #ffffff47}.btn-play:active,.btn-primary-blue:active,.btn-danger:active{box-shadow:inset 0 2px #0003}.btn-play{background:var(--green);color:#03140a}.btn-play:hover{background:#5dffa0}.btn-play:focus-visible,.btn-primary-blue:focus-visible,.btn-danger:focus-visible{--btn-line: #e8eeff}.btn-primary-blue{background:var(--blue);color:#fff}.btn-primary-blue:hover{background:var(--blue-hover)}.btn-secondary{--btn-line: rgba(232, 238, 255, .16);background:#e8eeff1a;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#e8eeff29}.btn-secondary.is-on{--btn-line: var(--blue);color:#cfe0ff}.btn-outline{--btn-line: var(--border-strong);background:transparent;color:var(--text-2)}.btn-outline:hover{--btn-line: var(--text-2);color:var(--text)}.btn-ghost{--btn-line: var(--border);background:transparent;color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-secondary:focus-visible,.btn-outline:focus-visible,.btn-ghost:focus-visible{--btn-line: var(--blue)}.btnrow{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btnrow.center{justify-content:center}.icon-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:0;clip-path:var(--px-clip-c2);background:#05070db8;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:22px;line-height:1}.icon-btn:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--btn-line, var(--border-strong));clip-path:var(--px-ring-c2)}.icon-btn:hover{--btn-line: var(--text-2)}.icon-btn:focus-visible{outline:none;--btn-line: var(--blue)}.tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;clip-path:var(--px-clip-c1);font:600 10px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.tag.lg{height:28px;padding:0 10px;font-size:11px}.tag-live{background:#05140cb8;color:var(--green);box-shadow:inset 0 0 0 2px #39ff8866}.tag-soon{background:#0a0e1ab8;color:var(--text-2);box-shadow:inset 0 0 0 2px var(--border-strong)}.tag-portal{background:#05140cb8;color:var(--green);box-shadow:inset 0 0 0 2px #39ff8866}.devices{display:inline-flex;gap:4px;flex-wrap:wrap}.device{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 6px;clip-path:var(--px-clip-c1);background:#05070d9e;color:var(--text);box-shadow:inset 0 0 0 2px #e8eeff1a;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.influence{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 7px;clip-path:var(--px-clip-c1);background:#05070d9e;color:var(--text);font-size:11px;font-weight:500;box-shadow:inset 0 0 0 2px #e8eeff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.influence-bars{display:inline-flex;gap:2px;align-items:flex-end}.influence-bars i{width:3px;background:var(--border-strong)}.influence-bars i:nth-child(1){height:5px}.influence-bars i:nth-child(2){height:8px}.influence-bars i:nth-child(3){height:11px}.influence-bars i.on{background:var(--blue-hover)}.influence-none{color:var(--text-2)}.nav{position:fixed;inset:0 0 auto;z-index:40;height:68px;background:linear-gradient(to bottom,#05070dd9,#05070d00);transition:background .24s var(--ease),border-color .24s;border-bottom:1px solid transparent}.nav.is-solid{background:#05070de0;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--border)}.nav-inner{height:100%;display:flex;align-items:center;gap:36px;padding:0 var(--gutter)}.logo{font-family:var(--font-pixel);font-size:20px;text-decoration:none;color:var(--text);letter-spacing:0;white-space:nowrap}.logo span,.profiles-logo span{color:var(--blue-hover)}.nav-links{display:flex;gap:4px;flex:1}.nav-links a{position:relative;padding:8px 12px;border-radius:6px;text-decoration:none;color:var(--text-2);font-size:14px;font-weight:500;transition:color .14s}.nav-links a:hover,.nav-links a.is-active{color:var(--text)}.nav-links a.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--blue);border-radius:2px}.nav-tools{display:flex;align-items:center;gap:6px;margin-left:auto}.avatar-menu{position:relative}.avatar-btn{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 12px 4px 4px;background:#0b1020a8;border:0;border-radius:0;clip-path:var(--px-clip-c2);cursor:pointer;color:var(--text);box-shadow:inset 0 -4px #0003}.avatar-btn:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--btn-line, var(--border));clip-path:var(--px-ring-c2);transition:background .16s var(--ease)}.avatar-btn:hover,.avatar-btn[aria-expanded=true]{--btn-line: var(--border-strong);background:#121a2edb}.avatar-btn:focus-visible{outline:none;--btn-line: var(--blue)}.avatar-mark{margin-left:-2px}.avatar-name{font-size:14px;font-weight:500}.chev{color:var(--text-2)}.avatar{--px-fill: var(--surface-2);display:inline-grid;place-items:end center;width:36px;height:36px;overflow:hidden;flex:none;clip-path:var(--px-clip-c1)}.avatar canvas{width:32px;height:32px}.avatar.sm{width:34px;height:34px}.avatar.sm canvas{width:32px;height:32px}.avatar.md{width:64px;height:64px}.avatar.md canvas{width:64px;height:64px}.menu{position:absolute;right:0;top:calc(100% + 8px);width:260px;padding:8px;background:#0b1020f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);clip-path:var(--px-clip-c3);animation:pop .16s steps(3)}.menu:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--border-strong);clip-path:var(--px-ring-c3)}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.menu-label{padding:10px 10px 6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600}.menu-char,.menu-item{display:flex;width:100%;align-items:center;gap:10px;min-height:44px;padding:6px 10px;background:none;border:0;border-radius:0;clip-path:var(--px-clip-c1);cursor:pointer;text-align:left;color:var(--text);font-size:14px}.menu-char:hover,.menu-item:hover{background:var(--surface-2)}.menu-char.is-current{background:#2f6bff1f}.menu-char-text{display:flex;flex-direction:column;flex:1;min-width:0}.menu-char-text small{color:var(--text-2);font-size:12px}.menu-check{color:var(--blue-hover);font-size:10px}.menu-sep{height:1px;background:var(--border);margin:6px 4px}.browse{padding-bottom:40px}.hero{position:relative;height:min(82vh,760px);min-height:520px;display:flex;align-items:flex-end}.hero-art,.hero-stage{position:absolute;inset:0;overflow:hidden}.hero-stage canvas{display:block}.hero-dither{position:absolute;inset:0;--px-scrim: var(--bg);--px-scrim-a: 2%;--px-scrim-b: 5%;--px-scrim-c: 8%}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#05070deb,#05070d99 32%,#05070d00 58%)}.hero-copy{position:relative;z-index:1;padding:0 var(--gutter) clamp(56px,10vh,110px);max-width:640px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-2);letter-spacing:.02em}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.35}}.hero-title{font-size:clamp(40px,5.4vw,76px);line-height:1;margin:14px 0 16px;letter-spacing:0;text-shadow:0 0 40px rgba(255,61,139,.35)}.hero-tagline{font-size:clamp(16px,1.6vw,20px);color:#c8d2f0;max-width:460px}.hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0 28px}.hero-you{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2);margin-left:6px}.hero .btn{min-width:140px}.skyline-bg{position:fixed;left:0;top:0;z-index:0;pointer-events:none}.hero{z-index:1}.rows{position:relative;z-index:2;margin-top:-40px;display:flex;flex-direction:column;gap:22px}.row-head{display:flex;align-items:baseline;gap:14px;padding:0 var(--gutter)}.row-head h2{font-size:19px;display:inline-flex;align-items:center;gap:10px}.row-icon{display:inline-flex;gap:4px;color:var(--text-2)}.row-meta{font-size:13px;color:var(--text-3)}.row-meta a{color:var(--text-2);text-decoration:none}.row-meta a:hover{color:var(--text)}.row-wrap{position:relative}.row-scroller{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:16px var(--gutter) 22px;scrollbar-width:none}.row-scroller::-webkit-scrollbar{display:none}.row-scroller>*{scroll-snap-align:start;flex:none}.row-arrow{position:absolute;top:16px;bottom:22px;z-index:3;width:calc(var(--gutter) - 6px);min-width:40px;border:0;background:#05070db3;color:var(--text);font-size:34px;cursor:pointer;opacity:0;transition:opacity .18s}.row-arrow.is-left{left:0}.row-arrow.is-right{right:0}.row-wrap:hover .row-arrow{opacity:1}@media(hover:none){.row-arrow{display:none}}.card{--w: clamp(240px, 22vw, 320px);width:var(--w);padding:0;border:0;background:none;text-align:left;cursor:pointer;color:var(--text);transition:transform .16s steps(3)}.card-wide{--w: clamp(300px, 30vw, 420px)}.card-frame{display:block;transition:filter .16s var(--ease)}.card-art{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-1);clip-path:var(--px-clip-c2)}.card-art:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:var(--card-line, var(--border-strong));clip-path:var(--px-ring-c2);transition:background .16s var(--ease)}.keyart{display:block;width:100%;height:100%}.card-art .keyart{position:absolute;inset:0}.card-scrim{position:absolute;inset:0;--px-scrim: rgba(5, 7, 13, .84);--px-scrim-dither: rgba(5, 7, 13, .5);--px-scrim-a: 17%;--px-scrim-b: 29%;--px-scrim-c: 41%}.card-top{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;gap:6px;align-items:flex-start}.card-bottom{position:absolute;left:12px;right:12px;bottom:11px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.card-title{font-size:19px;line-height:1;text-shadow:2px 2px 0 rgba(0,0,0,.7)}.card-caption{display:flex;justify-content:space-between;gap:8px;padding:10px 2px 0;font-size:13px;color:var(--text-2)}.card-caption span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-progress{position:absolute;left:4px;right:4px;bottom:2px;height:4px;background:#05070dcc;z-index:6}.card-progress i{display:block;height:100%;background:var(--green)}.card.is-soon .keyart{filter:saturate(.75) brightness(.85)}.card:hover,.card:focus-visible{transform:translateY(-6px);z-index:2}.card:hover .card-art,.card:focus-visible .card-art{--card-line: var(--blue)}.card:hover .card-frame,.card:focus-visible .card-frame{filter:drop-shadow(2px 0 0 var(--blue)) drop-shadow(-2px 0 0 var(--blue)) drop-shadow(0 2px 0 var(--blue)) drop-shadow(0 -2px 0 var(--blue)) drop-shadow(0 10px 18px var(--blue-glow))}.card:focus-visible{outline:none}.card-hop .card-art{--card-line: rgba(57, 255, 136, .4)}.hop-route{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;clip-path:var(--px-clip-c1);background:#05070dc7;font-size:11px;font-weight:600;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hop-route svg{color:var(--green)}.card-hop .card-caption span{white-space:normal}.row-top .row-scroller{gap:6px}.top-item{display:flex;align-items:flex-end;padding:0;background:none;border:0;cursor:pointer;color:var(--text);transition:transform .16s steps(3)}.top-item:hover,.top-item:focus-visible{transform:translateY(-6px);outline:none}.top-rank{font-size:clamp(96px,10vw,140px);line-height:.78;margin-right:-18px;position:relative;z-index:0;color:var(--bg);-webkit-text-stroke:2px var(--border-strong);letter-spacing:-.04em}.top-item:hover .top-rank,.top-item:focus-visible .top-rank{-webkit-text-stroke-color:var(--blue)}.top-card{--px-glow-mix: 26%;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:132px;height:184px;overflow:hidden}.top-item:hover .top-card,.top-item:focus-visible .top-card{--px-line: var(--blue)}.top-card canvas{width:96px;height:96px;margin-bottom:44px}.top-name{position:absolute;left:0;right:0;bottom:0;padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px;background:#05070dd1;box-shadow:0 -2px #05070d80,0 -4px #05070d40}.top-name b{font-size:14px}.top-name small{font-size:11px;color:var(--text-2)}.modal-backdrop{position:fixed;inset:0;z-index:60;display:flex;justify-content:center;align-items:flex-start;padding:48px 16px;overflow-y:auto;background:#020307b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .18s var(--ease)}@keyframes fade{0%{opacity:0}}.modal-frame{width:min(920px,100%);filter:drop-shadow(0 8px 0 rgba(0,0,0,.45));animation:rise .26s var(--ease)}.modal{position:relative;width:100%;background:var(--surface-1);clip-path:var(--px-clip-c3);overflow:hidden}.modal:after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:var(--border-strong);clip-path:var(--px-ring-c3)}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.985)}}@keyframes riseLate{0%,55%{opacity:0;transform:translate(-50%,calc(-50% + 16px))}}.modal-art{position:relative;aspect-ratio:256 / 120}.modal-art .keyart{position:absolute;inset:0}.modal-art{overflow:hidden}.modal-art-scrim{position:absolute;inset:0;--px: 4px;--px-scrim: var(--surface-1);--px-scrim-dither: rgba(11, 16, 32, .7);--px-scrim-a: 8%;--px-scrim-b: 22%;--px-scrim-c: 36%}.modal-close{position:absolute;top:14px;right:14px;z-index:2}.modal-head{position:absolute;left:32px;right:32px;bottom:24px}.modal-kicker{font-size:13px;color:var(--text-2);font-weight:500}.modal-head h2{font-size:clamp(32px,5vw,52px);line-height:1;margin:8px 0 18px;font-weight:400}.modal-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;padding:12px 32px 32px}.modal-tagline{font-size:17px;font-weight:500;margin-bottom:10px}.modal-desc{color:var(--text-2);margin-bottom:22px}.facts{display:grid;gap:12px;margin:0 0 24px}.facts div{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px}.facts dt{font-size:13px;color:var(--text-3)}.facts dd{margin:0;font-size:14px}.facts .device,.facts .influence{background:var(--surface-2)}.controls-list{list-style:none;margin:0;padding:0;display:grid}.controls-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px}.controls-list li:last-child{border-bottom:0}.controls-group+.controls-group{margin-top:14px}.controls-device{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:600;padding-top:4px}.you-panel{--sig: var(--blue);position:relative;align-self:start;padding:20px;clip-path:var(--px-clip-c3);background:color-mix(in srgb,var(--sig) 6%,var(--surface-2));box-shadow:inset 0 4px color-mix(in srgb,var(--sig) 14%,transparent)}.you-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:color-mix(in srgb,var(--sig) 38%,var(--border));clip-path:var(--px-ring-c3)}.you-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.you-head .section-label{margin-bottom:6px}.you-sprite{--px-fill: var(--bg);--px-glow: var(--sig);--px-line: var(--border-strong);width:88px;height:88px;flex:none;display:grid;place-items:end center;overflow:hidden}.you-name{font-size:18px;font-weight:600}.char-name{display:inline-flex;align-items:center;gap:.4em;flex-wrap:wrap}.char-mark{flex:none;display:inline-block;vertical-align:middle}.you-name .muted{font-size:13px;font-weight:500;margin-left:6px}.you-copy{font-size:13px;color:var(--text-2);margin-bottom:14px}.proj{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}.proj li{display:grid;grid-template-columns:124px 1fr 64px;align-items:center;gap:12px;font-size:13px}.proj-label small{color:var(--text-3);font-family:var(--font-mono);font-size:10px;margin-left:4px}.proj-bar{position:relative;height:6px;background:var(--surface-3);overflow:visible}.proj-bar i{position:absolute;inset:0 auto 0 0;background:var(--text-2)}.proj-bar i.up{background:var(--blue-hover)}.proj-bar i.down{background:#6a5a8a}.proj-bar em{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--text-3)}.proj-value{text-align:right;font-size:13px}.codex{list-style:none;margin:0;padding:0;display:grid;gap:2px}.codex li{display:grid;grid-template-columns:76px 78px 1fr;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}.codex li:last-child{border-bottom:0}.codex .verb{font-family:var(--font-pixel);font-size:12px;color:var(--sig)}.codex .slot{color:var(--text-3);font-size:11px}.profiles{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:80px 16px;text-align:center}.profiles-logo{position:absolute;top:24px;left:var(--gutter);font-size:20px;color:var(--text);text-decoration:none}.profiles-title{font-size:clamp(30px,4.4vw,52px);font-weight:500;letter-spacing:-.02em}.profile-grid{list-style:none;margin:0;padding:0;display:flex;gap:clamp(16px,2.6vw,32px);flex-wrap:wrap;justify-content:center}.profile-grid li{display:flex;flex-direction:column;align-items:center;gap:10px}.profile{--sig: var(--blue);display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;background:none;border:0;cursor:pointer;color:var(--text-2)}.profile-frame{display:block;transition:transform .16s steps(3),filter .16s var(--ease)}.profile-tile{--px-glow: var(--sig);width:168px;aspect-ratio:1;display:grid;place-items:end center;overflow:hidden}.profile-sprite{display:block;width:160px;height:160px}.profile-lv{position:absolute;top:8px;left:8px;font-size:10px;padding:3px 6px;clip-path:var(--px-clip-c1);background:#05070dc7;color:var(--text)}.profile-name{font-size:17px;font-weight:500;color:var(--text-2);transition:color .16s}.profile-title{font-size:12px;color:var(--text-3);margin-top:-6px}.profile:hover .profile-frame,.profile:focus-visible .profile-frame{transform:translateY(-4px);filter:drop-shadow(2px 0 0 var(--blue)) drop-shadow(-2px 0 0 var(--blue)) drop-shadow(0 2px 0 var(--blue)) drop-shadow(0 -2px 0 var(--blue)) drop-shadow(0 14px 22px var(--blue-glow))}.profile:hover .profile-tile,.profile:focus-visible .profile-tile{--px-line: var(--blue)}.profile:hover .profile-name,.profile:focus-visible .profile-name{color:var(--text)}.profile:focus-visible{outline:none}.profile.is-managing{cursor:default}.profile.is-managing .profile-tile{opacity:.6}.profile-new .profile-tile{--px-line: var(--border);background:var(--surface-1);place-items:center;color:var(--text-3)}.profile-new .profile-tile svg{shape-rendering:crispEdges}.profile-new:hover .profile-tile{color:var(--text)}.profile-actions{display:flex;gap:6px}.profiles-empty{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:460px}.profiles-empty h1{font-size:clamp(28px,4vw,40px);font-weight:500;letter-spacing:-.02em}.empty-slot{width:140px;height:140px;display:grid;place-items:center;margin-bottom:8px;clip-path:var(--px-clip-c3);background:var(--surface-1);box-shadow:inset 0 -40px #2f6bff29,inset 0 -20px #2f6bff29;font-size:48px;color:var(--text-3)}.play,.hopdemo{position:fixed;inset:0;background:#000;overflow:hidden}.gamehost,.gamehost-mount{position:absolute;inset:0}.gamehost-center{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#0b1020,#05070d 70%)}.rift-loader{position:absolute;inset:0;z-index:4;overflow:hidden;background:transparent}.rift-loader-canvas{position:absolute;left:0;top:0;display:block}.rift-loader-copy{position:absolute;left:0;right:0;top:14%;display:grid;justify-items:center;gap:10px;text-align:center;padding:0 16px;transition:opacity .2s steps(3)}.rift-loader.is-done .rift-loader-copy{opacity:0}.rift-loader-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);font-weight:600}.rift-loader-title{font-size:clamp(26px,4.4vw,44px);line-height:1;text-shadow:3px 3px 0 rgba(0,0,0,.6)}.rift-loader-who{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2)}.warp{position:fixed;inset:0;z-index:200;overflow:hidden;pointer-events:auto}.warp-canvas{position:absolute;left:0;top:0;display:block}.warp-fade.is-cover{animation:fade var(--warp-ms) linear both!important}.warp-fade.is-reveal{animation:fadeout var(--warp-ms) linear both!important}@keyframes fadeout{to{opacity:0}}.errorcard{position:relative;width:min(480px,100%);padding:32px;clip-path:var(--px-clip-c3);background:var(--surface-1);display:grid;gap:14px}.errorcard:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--border-strong);clip-path:var(--px-ring-c3)}.errorcard-glyph{width:56px;height:56px;display:grid;place-items:center;clip-path:var(--px-clip-c2);background:#ff4d6d1f;color:var(--danger);font-size:22px;box-shadow:inset 0 0 0 2px #ff4d6d59}.errorcard h2{font-size:22px}.errorcard-msg{display:block;padding:10px 12px;clip-path:var(--px-clip-c1);background:var(--bg);box-shadow:inset 0 0 0 2px var(--border);font:12px/1.5 var(--font-mono);color:#ff9aac;word-break:break-word}.errorcard .btnrow{margin-top:6px}.errorcard-sim{display:grid;gap:10px;padding-top:16px;margin-top:6px;border-top:1px solid var(--border);font-size:13px}.gamehost-hint{position:absolute;top:16px;left:16px;z-index:5;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;clip-path:var(--px-clip-c2);background:#05070da8;border:0;box-shadow:inset 0 0 0 2px var(--border);color:var(--text-2);font-size:13px;cursor:pointer;transition:opacity .6s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gamehost-hint.is-faded{opacity:.35}.gamehost-hint:hover{opacity:1}.pause{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#020307b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade .16s}.pause-panel{position:relative;width:min(440px,100%);max-height:calc(100% - 8px);overflow-y:auto;display:grid;gap:8px;padding:28px;clip-path:var(--px-clip-c3);background:var(--surface-1);box-shadow:inset 0 0 0 2px var(--border-strong)}.pause-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:600}.pause-title{font-size:28px;margin-bottom:14px}.pause-item{min-height:48px;padding:0 16px;clip-path:var(--px-clip-c1);border:0;box-shadow:inset 0 0 0 2px var(--border);background:var(--surface-2);color:var(--text);text-align:left;font-size:15px;font-weight:500;cursor:pointer}.pause-item:hover,.pause-item:focus-visible{box-shadow:inset 0 0 0 2px var(--blue);background:#2f6bff1f;outline:none}.pause-item.is-danger{color:#ff8da1}.pause .controls-list{margin-bottom:12px}.hop{position:absolute;inset:0;background:#05070d;cursor:pointer}.hop-canvas,.rift-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hop-label{position:absolute;left:50%;top:16%;transform:translate(-50%);display:grid;justify-items:center;gap:8px;text-align:center;width:max-content;max-width:calc(100% - 32px);animation:hoplabel 1.1s var(--ease);transition:top .4s var(--ease)}.hop-label .pixel-font{font-size:clamp(16px,2.6vw,26px)}.hop-label.is-up{top:6%}.hop-label-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--green);font-weight:600}.hop-arrow{color:var(--green)}@keyframes hoplabel{0%,55%{opacity:0;transform:translate(-50%,8px)}}.hop-card{position:absolute;left:50%;bottom:clamp(16px,5vh,56px);transform:translate(-50%);width:min(720px,calc(100% - 32px));padding:24px 28px;border-radius:var(--radius-lg);background:#0b1020e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(57,255,136,.3);box-shadow:0 0 60px -20px var(--green-glow);animation:cardin .32s var(--ease)}@keyframes cardin{0%{opacity:0;transform:translate(-50%,16px)}}.hop-card-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);font-weight:600}.hop-card-title{font-size:28px;margin:4px 0 18px}.hop-card-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hop-card-group ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hop-card-group li{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}.hop-card-timer{height:3px;margin-top:20px;border-radius:2px;background:var(--surface-3);overflow:hidden}.hop-card-timer i{display:block;height:100%;background:var(--green);transform-origin:left;animation:drain linear forwards}@keyframes drain{to{transform:scaleX(0)}}.hop-card-skip{font-size:12px;margin-top:10px;text-align:center}.rift{position:absolute;inset:0;cursor:pointer}.rift-hud{position:absolute;top:16px;left:72px;right:16px;display:flex;justify-content:space-between;gap:16px;pointer-events:none}.hud-bar{display:flex;align-items:center;gap:10px;width:min(360px,46%)}.hud-bar.is-boss{text-align:right}.hud-avatar{--sig: var(--blue);width:44px;height:44px;border-radius:8px;overflow:hidden;display:grid;place-items:end center;flex:none;background:radial-gradient(circle at 50% 110%,color-mix(in srgb,var(--sig) 55%,transparent),var(--surface-2) 70%);border:1px solid var(--border-strong)}.hud-avatar.boss{--sig: #b44dff}.hud-avatar canvas{width:40px;height:40px}.hud-meter{flex:1;display:grid;gap:6px;min-width:0}.hud-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-name .pixel-font{font-size:10px;color:var(--text-2)}.hp{height:10px;background:#05070dcc;border:1px solid var(--border-strong);border-radius:2px;overflow:hidden}.hud-bar.is-boss .hp{direction:rtl}.hp i{display:block;height:100%;width:100%;transition:width .2s steps(4)}.hp-player{background:linear-gradient(#e8eeff,#9aa6c8)}.hp-boss{background:linear-gradient(#d67bff,#7a2ab8)}.rift-back{position:absolute;top:16px;left:16px;z-index:3}.rift-foot{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;pointer-events:none}.rift-foot .pixel-font{font-size:12px;color:#d67bff}.rift-callout{position:absolute;left:50%;bottom:12%;padding:8px 14px;border-radius:8px;background:#05070db3;transform:translate(-50%);font-size:clamp(16px,2.4vw,24px);color:#f0d6ff;text-shadow:0 0 20px #b44dff;white-space:nowrap;animation:fade .3s}.result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 32px));text-align:center;display:grid;gap:14px;justify-items:center;padding:32px 24px;border-radius:var(--radius-lg);background:#05070dc2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);animation:riseLate 1s var(--ease);cursor:default}.result-title{font-size:clamp(34px,6vw,60px);line-height:1}.result.is-win .result-title{color:#fff;text-shadow:0 0 30px rgba(180,77,255,.8)}.result.is-lose .result-title{color:var(--danger);text-shadow:0 0 30px rgba(255,77,109,.5)}.result-sub{color:var(--text-2)}.xp-chip{padding:6px 12px;border-radius:6px;color:var(--green);background:#39ff881a;border:1px solid rgba(57,255,136,.35)}.page{padding:104px var(--gutter) 48px;max-width:1280px;margin:0 auto;display:grid;gap:28px}.page-head h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.02em}.page-head p{margin-top:8px;max-width:640px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px 18px}.grid .card{width:100%}.panel{position:relative;padding:24px;clip-path:var(--px-clip-c3);background:var(--surface-1);box-shadow:inset 0 4px #e8eeff08}.panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--border);clip-path:var(--px-ring-c3)}.center-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;gap:16px;padding:16px}.fallback-card{width:min(520px,100%);display:grid;gap:16px;justify-items:start;text-align:left;padding:32px;clip-path:var(--px-clip-c3);background:var(--surface-1);box-shadow:inset 0 0 0 2px var(--border)}.fallback-card h1{font-size:26px}.foot{position:relative;z-index:2;background:var(--bg);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:32px var(--gutter) 40px;border-top:1px solid var(--border);font-size:13px;margin-top:24px}.foot .pixel-font{color:var(--text-2)}.foot-link{color:var(--text-2);text-underline-offset:3px}.foot-link:hover{color:var(--text)}.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border)}.tabs button{position:relative;min-height:44px;padding:0 14px;background:none;border:0;color:var(--text-2);cursor:pointer;font-weight:500;font-size:14px;white-space:nowrap}.tabs button:hover,.tabs button.is-active{color:var(--text)}.tabs button.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--blue)}.board{display:grid;gap:8px}.board-banner{position:relative;height:clamp(120px,16vw,200px);overflow:hidden;clip-path:var(--px-clip-c3)}.board-banner:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--border-strong);clip-path:var(--px-ring-c3)}.board-banner .keyart{position:absolute;inset:0;object-fit:cover}.board-banner-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:20px 24px;background:linear-gradient(90deg,rgba(5,7,13,.86) 0 30%,transparent 0)}.board-banner-copy:before,.board-banner-copy:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.board-banner-copy{z-index:0}.board-banner-copy:before{background:conic-gradient(rgba(5,7,13,.86) 25%,transparent 0 50%,rgba(5,7,13,.86) 0 75%,transparent 0) 0 0 / 8px 8px;-webkit-mask-image:linear-gradient(90deg,transparent 0 30%,#000 0 42%,transparent 0);mask-image:linear-gradient(90deg,transparent 0 30%,#000 0 42%,transparent 0)}.board-banner-copy:after{background:conic-gradient(rgba(5,7,13,.86) 25%,transparent 0) 0 0 / 8px 8px;-webkit-mask-image:linear-gradient(90deg,transparent 0 42%,#000 0 54%,transparent 0);mask-image:linear-gradient(90deg,transparent 0 42%,#000 0 54%,transparent 0)}.board-banner-copy .pixel-font{font-size:clamp(22px,3vw,32px)}.board-banner-copy span{color:var(--text-2);font-size:14px}.board-head,.board-row{display:grid;grid-template-columns:64px minmax(0,1fr) 110px 120px;align-items:center;gap:16px;padding:0 16px}.board-head{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding-top:12px;padding-bottom:4px;font-weight:600}.board-head span:nth-child(3),.board-head span:nth-child(4){text-align:right}.board-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.board-row{position:relative;min-height:72px;background:var(--surface-1);clip-path:var(--px-clip-c2)}.board-row:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--row-line, var(--border));clip-path:var(--px-ring-c2)}.board-row.is-you{--row-line: var(--blue);background:color-mix(in srgb,var(--blue) 12%,var(--surface-1));box-shadow:inset 6px 0 0 var(--blue)}.board-rank{font-size:28px;color:var(--text-3)}.top-1 .board-rank{color:var(--gold);text-shadow:0 0 18px rgba(255,209,102,.4)}.top-2 .board-rank{color:#d9e1f5}.top-3 .board-rank{color:#e0a070}.board-char{display:flex;align-items:center;gap:12px;min-width:0}.board-name{display:flex;flex-direction:column;min-width:0}.board-name b{font-size:15px;font-weight:600;white-space:nowrap;flex-wrap:nowrap}.board-name small{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.you-tag{display:inline-block;padding:2px 6px;clip-path:var(--px-clip-c1);background:var(--blue);font-size:10px;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}.board-secondary{text-align:right;color:var(--text-2);font-size:14px;font-variant-numeric:tabular-nums}.board-value{text-align:right;font-size:17px}.sheet{--sig: var(--blue)}.sheet-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.sheet-name{font-size:clamp(34px,5vw,56px);letter-spacing:-.02em;margin:4px 0 14px}.sheet-name .muted{font-weight:400;font-size:.5em}.sheet-level{display:flex;align-items:center;gap:12px}.sheet-level .lv{font-size:14px}.sheet-level .xp{font-size:12px;color:var(--green)}.xpbar{display:inline-block;width:220px;height:8px;background:var(--surface-3);overflow:hidden;box-shadow:inset 0 -2px #0000004d}.xpbar.sm{width:90px;height:6px}.xpbar i{display:block;height:100%;background:var(--green);box-shadow:inset 0 2px #ffffff59}.rigs{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.rig{margin:0;display:grid;gap:10px}.rig-stage{--px-glow: var(--sig);--px-glow-mix: 22%;--px-line: var(--border);height:240px;display:grid;place-items:end center;padding-bottom:20px}.rig-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 14px,rgba(30,42,68,.3) 14px 16px),repeating-linear-gradient(90deg,transparent 0 14px,rgba(30,42,68,.3) 14px 16px)}.rig figcaption{font-size:13px;color:var(--text-2);text-align:center}.sheet-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.attrs{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center}.radar{width:100%;max-width:220px}.radar-grid{fill:none;stroke:var(--border);stroke-width:1}.radar-shape{fill:color-mix(in srgb,var(--sig) 22%,transparent);stroke:var(--sig);stroke-width:1.5}.radar-dot{fill:var(--text)}.radar-label{font:9px var(--font-pixel);fill:var(--text-2)}.attr-bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}.attr-bars li{display:grid;grid-template-columns:38px minmax(0,1fr) auto 22px;align-items:center;gap:10px}.attr-key{font-size:12px;color:var(--text-2)}.attr-meta{display:flex;flex-direction:column;min-width:0}.attr-meta span{font-size:14px}.attr-meta small{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attr-pips{display:flex;gap:2px}.attr-pips i{width:8px;height:12px;background:var(--surface-3)}.attr-pips i.on{background:var(--blue-hover)}.attr-val{font-size:14px;text-align:right}.kit{list-style:none;margin:0 0 24px;padding:0;display:grid}.kit li{display:grid;grid-template-columns:96px 1fr;gap:2px 12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px}.kit li small{grid-column:2;color:var(--text-3);font-size:12px}.kit-slot{color:var(--text-3);font-size:12px;grid-row:span 2;padding-top:2px}.kit b{font-family:var(--font-pixel);font-weight:400;color:var(--sig)}.legacy{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.legacy div{display:grid;gap:2px;padding:12px;clip-path:var(--px-clip-c2);background:var(--surface-2);box-shadow:inset 0 -4px #0000002e}.legacy b{font-size:22px;font-weight:400}.legacy span{font-size:12px;color:var(--text-2)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chip{padding:4px 10px;clip-path:var(--px-clip-c1);box-shadow:inset 0 0 0 2px var(--border-strong);font-size:12px}.profiles-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.profiles-list button{width:100%;min-height:56px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 12px;align-items:center;position:relative;padding:10px 14px;clip-path:var(--px-clip-c2);background:var(--surface-2);border:0;color:var(--text);cursor:pointer;text-align:left}.profiles-list button:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--btn-line, var(--border));clip-path:var(--px-ring-c2)}.profiles-list button:hover,.profiles-list button:focus-visible{--btn-line: var(--blue);outline:none}.pl-title{font-weight:600;font-size:14px}.pl-state{grid-row:span 2;grid-column:2;grid-row-start:1;display:flex;align-items:center;gap:8px;font-size:12px}.profiles-list .influence{background:transparent;box-shadow:none;padding:0;height:auto;justify-self:start}.hop-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:step}.hop-steps li{counter-increment:step;display:grid;gap:4px;padding:16px;clip-path:var(--px-clip-c2);box-shadow:inset 0 0 0 2px var(--border);background:var(--surface-1);font-size:13px;color:var(--text-2)}.hop-steps li:before{content:counter(step,decimal-leading-zero);font-family:var(--font-pixel);color:var(--green);font-size:12px}.hop-steps b{color:var(--text);font-size:15px}.stack{margin:0 0 12px;padding-left:20px;display:grid;gap:6px;font-size:13px}.stack code{font-family:var(--font-mono);color:var(--text)}@media(max-width:900px){.modal-body,.sheet-grid{grid-template-columns:1fr}.rigs{grid-template-columns:1fr 1fr 1fr}.rig-stage{height:200px}.profile-tile{width:136px}.profile-sprite{width:128px;height:128px}.hop-steps{grid-template-columns:1fr 1fr}}@media(max-width:720px){body{font-size:14px}.nav{height:auto;background:#05070de6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--border)}.nav-inner{flex-wrap:wrap;gap:0 12px;padding:8px 16px 0}.logo{font-size:17px}.nav-links{order:3;flex-basis:100%;overflow-x:auto;scrollbar-width:none;margin:2px -16px 0;padding:0 10px}.nav-links a{padding:12px 10px;white-space:nowrap}.avatar-name{display:none}.hero{height:auto;min-height:0;flex-direction:column;align-items:stretch;padding-top:100px}.hero-art{position:relative;inset:auto;aspect-ratio:4 / 3;margin:0}.hero-scrim{display:none}.hero-dither{--px-scrim-a: 3%;--px-scrim-b: 7%;--px-scrim-c: 11%}.hero-copy{padding:0 16px 24px;margin-top:-40px}.hero-title{font-size:40px;margin:10px 0 12px}.hero .btnrow .btn{flex:1}.rows{margin-top:0;gap:12px}.row-head{padding:0 16px;flex-wrap:wrap;row-gap:2px}.row-head h2{font-size:17px}.row-scroller{padding:12px 16px 16px;gap:12px;scroll-padding-inline:16px}.card{--w: 72vw}.card-wide{--w: 82vw}.card:hover{transform:none}.top-rank{font-size:88px;margin-right:-14px}.top-card{width:112px;height:160px}.top-card canvas{width:64px;height:64px;margin-bottom:52px}.avatar.md{width:40px;height:40px}.avatar.md canvas{width:32px;height:32px}.board-row{min-height:60px}.modal-backdrop{padding:0}.modal-frame{filter:none;min-height:100%}.modal{clip-path:none;min-height:100vh}.modal:after{content:none}.modal-art{aspect-ratio:16 / 11}.modal-art .keyart{object-fit:cover}.modal-head{left:16px;right:16px;bottom:16px}.modal-body{padding:8px 16px 32px;gap:24px}.proj li{grid-template-columns:108px 1fr 56px;gap:8px}.codex li{grid-template-columns:88px 1fr}.codex li .slot{display:none}.page{padding:120px 16px 40px;gap:22px}.panel{padding:18px}.board-head,.board-row{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:0 12px}.board-head span:nth-child(3),.board-secondary{display:none}.board-rank{font-size:20px}.board-value{font-size:14px}.rigs{grid-template-columns:1fr}.rig-stage{height:180px}.attrs{grid-template-columns:1fr;justify-items:center}.attr-bars{width:100%}.hop-card{padding:18px}.hop-card-title{font-size:22px;margin-bottom:12px}.hop-card-groups{grid-template-columns:1fr;gap:12px}.hop-card-group ul{grid-template-columns:1fr 1fr;gap:6px 14px}.rift-hud{left:72px;flex-direction:column;gap:8px}.hud-bar{width:100%}.hud-bar.is-boss{flex-direction:row-reverse;text-align:left}.hud-bar.is-boss .hp{direction:ltr}.profiles{gap:28px}.profile-grid{gap:16px}.profile-tile{width:112px}.profile-sprite{width:96px;height:96px}.xpbar{width:120px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.snd{position:relative}.snd-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--text-2);cursor:pointer;transition:color .14s,border-color .14s,background .14s}.snd-btn:hover,.snd-btn[aria-expanded=true]{color:var(--text);border-color:var(--border);background:#121a2e99}.snd-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.snd-btn.is-muted{color:var(--text-3)}.snd-pop{position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:50;background:#0b1020f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 60px -12px #000000b3;animation:pop .16s var(--ease)}.snd-panel{display:grid;gap:10px;padding:14px 14px 12px}.snd-panel.is-compact{padding:4px 0 10px}.snd-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.snd-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600}.snd-switch{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px 0 6px;border-radius:14px;font:500 12px/1 var(--font-ui);color:var(--text-2);background:var(--surface-2);border:1px solid var(--border-strong);cursor:pointer}.snd-switch i{width:22px;height:14px;border-radius:7px;background:var(--border-strong);position:relative;transition:background .14s}.snd-switch i:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--text-2);transition:transform .14s var(--ease),background .14s}.snd-switch.is-on{color:var(--text)}.snd-switch.is-on i{background:var(--blue)}.snd-switch.is-on i:after{transform:translate(8px);background:#fff}.snd-switch:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.snd-row{display:grid;grid-template-columns:58px 1fr 30px;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}.snd-row.is-dim{opacity:.45}.snd-val{font:500 12px/1 var(--font-mono);color:var(--text-3);text-align:right}.snd-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;margin:0;background:transparent;cursor:pointer}.snd-row input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--blue) var(--p),var(--border-strong) var(--p))}.snd-row input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--border-strong)}.snd-row input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--blue)}.snd-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--text);border:0;box-shadow:0 0 0 3px #2f6bff40}.snd-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text);border:0}.snd-row input[type=range]:focus-visible{outline:none}.snd-row input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--blue)}.snd-hint{font-size:12px;color:var(--text-3)}.pause .snd-panel{border-top:1px solid var(--border);margin-top:6px;padding-top:14px}.sys{--sys: var(--blue);--sys-hi: #8fb3ff;--sys-text: #d6e3ff;position:relative;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--sys) 55%,transparent)) drop-shadow(0 0 2px var(--sys))}.sys.is-gold{--sys: #ffc93d;--sys-hi: #ffe29a;--sys-text: #fff3d1}.sys-win{--px-line: var(--sys);position:relative;display:grid;gap:10px;padding:12px 16px 14px;overflow:hidden;color:var(--sys-text);background:repeating-linear-gradient(to bottom,rgba(143,179,255,.05) 0 2px,transparent 2px 4px),linear-gradient(to bottom,color-mix(in srgb,var(--sys) 26%,rgba(6,12,32,.9)),#060c20d6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 4px #060c2080,inset 0 0 24px color-mix(in srgb,var(--sys) 35%,transparent)}.sys-head{display:flex;align-items:center;gap:10px;padding-bottom:8px;margin-right:-4px;box-shadow:0 2px color-mix(in srgb,var(--sys) 55%,transparent)}.sys-title{flex:1;font-size:14px;letter-spacing:.08em;color:var(--sys-hi);text-shadow:0 0 8px var(--sys),0 2px 0 rgba(0,0,0,.6);white-space:nowrap}.sys-x{flex:none;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:none;color:var(--sys-hi);opacity:.7;cursor:pointer}.sys-x:hover{opacity:1}.sys-x svg{image-rendering:pixelated}.sys-lines{display:grid;gap:3px;font:13px/1.45 var(--font-mono)}.sys-lines p{margin:0}.sys-lines p:before{content:"> ";color:var(--sys-hi);opacity:.7}.sys-body{display:grid;gap:10px;min-width:0}.sys-scan{position:absolute;left:0;right:0;top:0;height:6px;pointer-events:none;opacity:0;background:linear-gradient(to bottom,transparent,var(--sys-hi) 50%,transparent)}.sys.is-reveal .sys-win{animation:sysWipe .42s steps(14) both}.sys.is-reveal .sys-scan{animation:sysScan .42s steps(14) both}.sys.is-reveal .sys-lines p{animation:sysLine .24s steps(4) both;animation-delay:calc(.3s + var(--i) * 90ms)}@keyframes sysWipe{0%{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}.sys.is-reveal .sys-win{-webkit-mask-image:linear-gradient(to bottom,#000 44%,rgba(0,0,0,.5) 44% 47%,rgba(0,0,0,.25) 47% 50%,transparent 50%);mask-image:linear-gradient(to bottom,#000 44%,rgba(0,0,0,.5) 44% 47%,rgba(0,0,0,.25) 47% 50%,transparent 50%);-webkit-mask-size:100% 200%;mask-size:100% 200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes sysScan{0%{opacity:1;top:0}95%{opacity:1;top:calc(100% - 6px)}to{opacity:0;top:calc(100% - 6px)}}@keyframes sysLine{0%{opacity:0;transform:translate(-4px)}}.sys-layer{position:fixed;top:16px;right:16px;z-index:150;display:flex;flex-direction:column;align-items:flex-end;gap:12px;width:min(420px,calc(100vw - 32px));pointer-events:none}.sys-toast{width:100%;pointer-events:auto;animation:sysIn .16s steps(4) both}.sys-toast.is-leaving{animation:sysOut .24s steps(6) both}@keyframes sysIn{0%{opacity:0;transform:translate(8px)}}@keyframes sysOut{to{opacity:0;transform:translate(12px)}}@media(max-width:600px){.sys-layer{top:60px;left:16px;right:16px;width:auto;align-items:stretch}}@media(prefers-reduced-motion:reduce){.sys.is-reveal .sys-win,.sys.is-reveal .sys-lines p{animation:sysFade .2s ease-out both!important;-webkit-mask-image:none;mask-image:none}.sys.is-reveal .sys-scan{animation:none!important;display:none}.sys-toast,.sys-toast.is-leaving{animation-name:sysFade!important;animation-timing-function:ease-out!important}.sys-toast.is-leaving{animation-direction:reverse!important}}@keyframes sysFade{0%{opacity:0}}.sysr-top{display:flex;align-items:flex-start;gap:16px}.sysr-xp{font-size:24px;line-height:1;color:var(--green);text-shadow:0 0 10px rgba(57,255,136,.5),0 2px 0 rgba(0,0,0,.5);white-space:nowrap}.sysr-breakdown{list-style:none;margin:0;padding:0;display:grid;gap:2px;flex:1;font:12px/1.4 var(--font-mono);color:var(--sys-text);opacity:.9}.sysr-breakdown li{display:flex;justify-content:space-between;gap:8px}.sysr-breakdown b{font-weight:400;font-size:11px;color:var(--sys-hi)}.sysr-bar{position:relative;display:flex;align-items:center;gap:8px;font-size:12px}.sysr-bar>span:first-child{min-width:44px}.sysr-bar .is-next{opacity:.55}.sysr-bar .lg-bar{--gap: 2px;background:#060c20cc}.sysr-bar .lg-bar:after{background:repeating-linear-gradient(to right,transparent 0 calc(100% / var(--cells) - var(--gap)),rgba(6,12,32,.95) 0 calc(100% / var(--cells)))}.sysr-unlocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.sysr-unlocks .lg-unlock{animation:sysCard .32s steps(5) both}.sysr-unlocks .lg-unlock-art{--px-fill: rgba(6, 12, 32, .85);--px-line: color-mix(in srgb, var(--sys) 70%, transparent);min-height:84px}.sysr-unlocks .lg-unlock figcaption small{color:var(--sys-hi);opacity:.75}.sysr-unlocks .lg-unlock figcaption b{color:var(--sys-text)}@keyframes sysCard{0%{opacity:0;transform:translateY(8px)}}.sysr-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:12}.sys-body>.sysr-burst{top:24px}.sysr-burst i{position:absolute;width:6px;height:6px;margin:-3px;background:var(--sys-hi);box-shadow:0 0 6px var(--sys);animation:sysBurst .7s cubic-bezier(.1,.7,.3,1) both}.sysr-burst i:nth-child(3n){background:var(--green);width:4px;height:4px}@keyframes sysBurst{0%{transform:rotate(var(--a)) translate(0);opacity:1}to{transform:rotate(var(--a)) translate(var(--d));opacity:0}}@media(prefers-reduced-motion:reduce){.sysr-burst{display:none}.sysr-unlocks .lg-unlock{animation:none!important}}.lg-bar{--cells: 24;--gap: var(--px, 2px);position:relative;display:inline-block;flex:1;min-width:120px;height:12px;background:var(--surface-3);clip-path:var(--px-clip-c1);box-shadow:inset 0 -2px #0000004d}.lg-bar i{position:absolute;inset:0 auto 0 0;background:var(--green);box-shadow:inset 0 2px #ffffff59,inset 0 -2px #00000040}.lg-bar:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to right,transparent 0 calc(100% / var(--cells) - var(--gap)),var(--surface-1) 0 calc(100% / var(--cells)))}.lg-unlock{margin:0;display:grid;gap:6px;justify-items:center;text-align:center;min-width:0}.lg-unlock-art{--px-fill: var(--surface-2);--px-line: color-mix(in srgb, var(--sig) 55%, var(--border-strong));position:relative;display:grid;place-items:center;width:100%;min-height:96px;padding:8px 6px 10px;overflow:hidden}.lg-unlock-art canvas{display:block}.lg-unlock-lv{position:absolute;top:4px;left:6px;font-size:10px;color:var(--text-2)}.lg-unlock figcaption{display:grid;gap:1px;line-height:1.2}.lg-unlock figcaption small{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.lg-unlock figcaption b{font-size:13px;font-weight:600}.lg-unlock.is-signature .lg-unlock-art{--px-glow-mix: 60%}.lg-icon{color:var(--sig, var(--green));image-rendering:pixelated}.lg-unlock.is-slot .lg-icon,.lg-unlock.is-respec .lg-icon{color:var(--gold)}.lg-plate{--px-line: var(--gold);display:grid;gap:2px;padding:8px 10px;font-size:12px;white-space:nowrap}.lg-plate b{font-family:var(--font-pixel);font-weight:400;color:var(--gold);font-size:11px}.lg-status .sys-win{gap:18px;padding:16px 20px 20px}.lg-status .sys-title{font-size:16px}.lg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.lg-stats div{display:grid;gap:2px;padding:8px 10px;background:#060c208c;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--sys) 30%,transparent);clip-path:var(--px-clip-c1);min-width:0}.lg-stats dt{font:10px var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--sys-hi);opacity:.8}.lg-stats dd{margin:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lg-panel-level{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lg-panel-level .lg-big{font-size:28px;line-height:1}.lg-panel-level .lg-bar{height:14px;min-width:180px}.lg-panel-level small{color:var(--text-2);font-size:12px}.lg-status .lg-panel-level .lg-big{color:var(--sys-hi);text-shadow:0 0 8px var(--sys)}.lg-status .lg-panel-level small{color:var(--sys-text);opacity:.8;font-family:var(--font-mono)}.lg-status .lg-bar{background:#060c20cc}.lg-status .lg-bar:after{background:repeating-linear-gradient(to right,transparent 0 calc(100% / var(--cells) - var(--gap)),rgba(6,12,32,.95) 0 calc(100% / var(--cells)))}.lg-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lg-status .lg-unlock-art{--px-fill: rgba(6, 12, 32, .85);--px-line: color-mix(in srgb, var(--sys) 60%, transparent)}.lg-status .lg-unlock figcaption small{color:var(--sys-hi);opacity:.75}.lg-sub{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 8px}.lg-sub h3{margin:0;font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--sys-hi, var(--text-2))}.lg-sub span{font-size:12px;color:var(--sys-text, var(--text-3));opacity:.65}.lg-titles{display:flex;flex-wrap:wrap;gap:6px}.lg-title-chip{padding:5px 10px;border:0;cursor:pointer;clip-path:var(--px-clip-c1);background:#060c2099;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--sys, var(--blue)) 35%,transparent);font-size:12px;color:var(--sys-text, var(--text-2))}.lg-title-chip:hover{box-shadow:inset 0 0 0 2px var(--sys, var(--blue))}.lg-title-chip.is-on{color:#fff;background:color-mix(in srgb,var(--sys, var(--blue)) 45%,rgba(6,12,32,.6));box-shadow:inset 0 0 0 2px var(--sys-hi, var(--blue))}.lg-respec{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lg-tokens{display:flex;gap:4px}.lg-tokens .lg-icon{color:var(--gold)}.lg-tokens .is-used .lg-icon{color:var(--text-3);opacity:.5}.lg-respec p{margin:0;flex:1;min-width:180px;font-size:12px;color:var(--sys-text, var(--text-2));opacity:.85}.lg-sys-btn{--px-line: var(--sys-hi);min-height:36px;padding:0 16px;border:0;cursor:pointer;font:12px var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:color-mix(in srgb,var(--sys) 70%,rgba(6,12,32,.6))}.lg-sys-btn:hover:not(:disabled){background:var(--sys)}.lg-sys-btn:disabled{opacity:.4;cursor:not-allowed}.lg-sys-btn:focus-visible{outline:2px solid var(--sys-hi);outline-offset:2px}@media(max-width:640px){.lg-next{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-stats{grid-template-columns:1fr 1fr}}.profile-locked{cursor:default}.profile-locked .profile-tile{--px-line: var(--border);background:var(--surface-1);place-items:center;color:var(--text-3)}.profile-locked .profile-name{color:var(--text-3)}.board-row.is-demo{opacity:.62}.real-tag{display:inline-block;padding:2px 6px;clip-path:var(--px-clip-c1);background:var(--green);color:#03140a;font-size:10px;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}.demo-tag{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.sheet-level .lg-big{font-size:16px}.sheet-level .lg-panel-level .lg-bar{min-width:200px;max-width:280px}.board-note{margin:10px 0 12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lp{position:relative;min-height:100vh;background:var(--bg);overflow-x:clip}.lp-nav{position:fixed;inset:0 0 auto;z-index:40;height:60px;display:flex;align-items:center;gap:12px;padding:0 var(--gutter);background:#05070dcc;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);box-shadow:0 1px 0 var(--border)}.lp-nav .logo{font-size:18px}.lp-nav-cta{margin-left:auto}.lp-beta{white-space:nowrap}.lp-stage{position:relative;overflow:hidden;background:var(--surface-1)}.lp-stage canvas{display:block}.lp-frame{--px-line: var(--border-strong);background:var(--surface-1)}.lp-frame>.lp-stage{width:100%}.lp-hero{position:relative;height:min(90vh,880px);min-height:580px;display:flex;align-items:flex-end}.lp-hero-stage{position:absolute;inset:0;background:var(--bg)}.lp-hero-dither{position:absolute;inset:0;pointer-events:none;--px-scrim: var(--bg);--px-scrim-a: 3%;--px-scrim-b: 6%;--px-scrim-c: 9%}.lp-hero-shade{position:absolute;inset:0;pointer-events:none;--s: rgba(5, 7, 13, .82);--d: calc(var(--px) * 2);background:linear-gradient(to right,var(--s) 0 36%,transparent 0)}.lp-hero-shade:before,.lp-hero-shade:after{content:"";position:absolute;inset:0}.lp-hero-shade:before{background:conic-gradient(var(--s) 25%,transparent 0 50%,var(--s) 0 75%,transparent 0) 0 0 / var(--d) var(--d);-webkit-mask-image:linear-gradient(to right,transparent 0 36%,#000 0 44%,transparent 0);mask-image:linear-gradient(to right,transparent 0 36%,#000 0 44%,transparent 0)}.lp-hero-shade:after{background:conic-gradient(var(--s) 25%,transparent 0) 0 0 / var(--d) var(--d);-webkit-mask-image:linear-gradient(to right,transparent 0 44%,#000 0 52%,transparent 0);mask-image:linear-gradient(to right,transparent 0 44%,#000 0 52%,transparent 0)}.lp-hero-copy{position:relative;z-index:1;max-width:640px;padding:0 var(--gutter) clamp(56px,10vh,110px)}.lp-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.lp-kicker-live{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-2)}.lp-title{font-size:clamp(30px,4.2vw,58px);line-height:1.04;margin:18px 0;text-shadow:3px 3px 0 rgba(0,0,0,.65)}.lp-lede{font-size:clamp(16px,1.5vw,19px);color:#c8d2f0;max-width:520px;margin-bottom:28px}.lp-hero-note{margin-top:16px}.lp-sec{position:relative;max-width:1240px;margin:0 auto;padding:clamp(72px,10vw,128px) var(--gutter) 0}.lp-sec-head{max-width:820px;margin-bottom:28px}.lp-sec-kicker{display:flex;align-items:center;gap:10px;font:600 12px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-hover)}.lp-num{font-size:12px;letter-spacing:0;color:var(--text-3);padding:4px 6px;clip-path:var(--px-clip-c1);background:var(--surface-2)}.lp-sec-head h2{font-size:clamp(28px,3.4vw,42px);line-height:1.08;letter-spacing:-.02em;margin:14px 0 12px}.lp-sec-lede{font-size:17px;color:var(--text-2)}.lp-bullets{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px;color:var(--text-2);font-size:15px;max-width:760px}.lp-bullets li{position:relative;padding-left:20px}.lp-bullets li:before{content:"";position:absolute;left:2px;top:.5em;width:6px;height:6px;background:var(--blue-hover)}.lp-bullets b{color:var(--text);font-weight:600}.lp-bullets.is-tight{margin-top:0;align-content:center}.lp-inline-icon{vertical-align:-5px}.lp-rigs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}.lp-rig{margin:0;display:grid;gap:10px}.lp-rig-stage{aspect-ratio:4 / 3}.lp-rig figcaption{display:grid;gap:2px;font-size:13px}.lp-rig figcaption b{font-size:15px;font-weight:600}.lp-passport{display:grid;grid-template-columns:.8fr 1.3fr 1fr;gap:28px;margin-top:20px;padding:24px}.lp-pp-cell{display:grid;gap:12px;align-content:start}.lp-pp-label{font:600 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}.lp-pp-mark{display:flex;align-items:center;min-height:64px}.lp-scarves{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.lp-scarves li{display:grid;justify-items:center;gap:6px}.lp-scarves small{font-size:11px;color:var(--text-3)}.lp-scarf{--px-fill: var(--bg);width:68px;height:68px;display:grid;place-items:end center;overflow:hidden}.lp-scarf canvas{width:64px;height:64px}.lp-attrs{list-style:none;margin:0;padding:0;display:grid;gap:7px}.lp-attrs li{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px}.lp-attrs .pixel-font{font-size:11px;color:var(--text-2)}.lp-pips{display:flex;gap:3px}.lp-pips i{width:10px;height:8px;background:var(--surface-3)}.lp-pips i.on{background:var(--blue-hover);box-shadow:inset 0 -2px #00000040}.lp-moves{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.lp-move{position:relative;min-height:40px;padding:0 14px;border:0;cursor:pointer;font-size:13px;color:var(--text-2);background:var(--surface-2);clip-path:var(--px-clip-c1);box-shadow:inset 0 0 0 2px var(--border),inset 0 -4px #0003}.lp-move:hover{color:var(--text);box-shadow:inset 0 0 0 2px var(--border-strong),inset 0 -4px #0003}.lp-move.is-on{background:var(--blue);color:#fff;box-shadow:inset 0 -4px #00000038,inset 0 2px #ffffff40}.lp-move:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #e8eeff}.lp-codex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lp-codex-item{margin:0;display:grid;gap:10px}.lp-codex-stage{aspect-ratio:16 / 9}.lp-codex-item figcaption{display:grid;gap:4px}.lp-codex-game{font-size:14px}.lp-codex-text{font-size:14px;color:var(--text-2)}.lp-hop,.lp-echo{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:32px;align-items:center}.lp-hop-stage,.lp-echo-stage{aspect-ratio:16 / 9}.lp-hop-frame{--px-line: rgba(57, 255, 136, .45)}.lp-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:st}.lp-steps li{position:relative;display:grid;gap:4px;padding:14px 16px 14px 48px;clip-path:var(--px-clip-c2);background:var(--surface-1);box-shadow:inset 0 0 0 2px var(--border);color:var(--text-2);font-size:14px;opacity:.6;transition:opacity .16s steps(3),box-shadow .16s}.lp-steps li:before{counter-increment:st;content:counter(st);position:absolute;left:16px;top:14px;font:14px/1 var(--font-pixel);color:var(--text-3)}.lp-steps b{color:var(--text);font-size:15px}.lp-steps[data-phase="0"] li:nth-child(1),.lp-steps[data-phase="1"] li:nth-child(2),.lp-steps[data-phase="2"] li:nth-child(3){opacity:1;box-shadow:inset 0 0 0 2px #39ff888c}.lp-steps[data-phase="0"] li:nth-child(1):before,.lp-steps[data-phase="1"] li:nth-child(2):before,.lp-steps[data-phase="2"] li:nth-child(3):before{color:var(--green)}.lp-sys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-height:380px;align-items:start}.lp-d1 .sys-win,.lp-d1 .sys-scan{animation-delay:.18s!important}.lp-d2 .sys-win,.lp-d2 .sys-scan{animation-delay:.36s!important}.lp-d3 .sys-win,.lp-d3 .sys-scan{animation-delay:.54s!important}.lp-quest{list-style:none;margin:0;padding:0;display:grid;gap:4px;font:13px/1.45 var(--font-mono)}.lp-quest li{display:flex;justify-content:space-between;gap:12px}.lp-quest b{font-weight:400;font-size:11px;color:var(--sys-hi)}.lp-quest li.is-done span{color:var(--sys-hi);opacity:.7;text-decoration:line-through}.lp-quest li.is-done b{color:var(--green)}.lp-sys-note{font:12px/1.45 var(--font-mono);color:var(--sys-text);opacity:.8}.lp-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;font:13px/1.4 var(--font-mono)}.lp-status div{display:flex;justify-content:space-between;gap:8px}.lp-status dt{color:var(--sys-hi);opacity:.75}.lp-status dd{margin:0}.lp-ranks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:36px}.lp-rank-wrap{display:flex;align-items:center;gap:6px}.lp-rank{--px-line: var(--rk);width:48px;height:48px;display:grid;place-items:center;font-size:22px;color:var(--rk);background:color-mix(in srgb,var(--rk) 14%,var(--surface-1));text-shadow:0 2px 0 rgba(0,0,0,.6)}.lp-rank-wrap:last-child .lp-rank{box-shadow:inset 0 -12px color-mix(in srgb,var(--rk) 22%,transparent)}.lp-trial{font:10px/1 var(--font-pixel);color:var(--text-3);padding:0 2px}.lp-trial:after{content:" ›"}.lp-gates-stage{aspect-ratio:21 / 8}.lp-cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.lp-card{display:grid;gap:6px;padding:18px 20px}.lp-card b{font-size:16px}.lp-card p{font-size:14px;color:var(--text-2)}.lp-card.is-red{--px-line: rgba(255, 77, 109, .5)}.lp-card.is-red b{color:#ff8da1}.lp-card.is-violet{--px-line: rgba(180, 77, 255, .5)}.lp-card.is-violet b{color:#d3a6ff}.lp-pack{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}.lp-pack-inv,.lp-pack-detail{padding:20px}.lp-pack-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px}.lp-shards{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;clip-path:var(--px-clip-c1);background:var(--bg);color:var(--gold);font-size:13px}.lp-pack-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.lp-slot{--px-line: var(--border-strong);position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;padding:0;border:0;background:var(--surface-2);color:var(--text-3);cursor:pointer}.lp-slot img{width:40px;height:40px}.lp-slot.is-rare{--px-line: rgba(41, 227, 255, .55)}.lp-slot.is-epic{--px-line: rgba(180, 77, 255, .7)}.lp-slot.is-sel{--px-line: var(--blue);background:#2f6bff2e}.lp-slot:hover{background:var(--surface-3)}.lp-slot:focus-visible{outline:none;--px-line: #e8eeff}.lp-slot.is-empty{background:var(--surface-1);cursor:default}.lp-slot.is-locked{cursor:default;font-size:9px;--px-line: var(--border);background:conic-gradient(var(--surface-2) 25%,transparent 0 50%,var(--surface-2) 0 75%,transparent 0) 0 0 / 4px 4px,var(--surface-1)}.lp-risk{position:absolute;top:3px;right:4px;z-index:11;font-size:10px;line-height:1;color:#fff;background:var(--danger);padding:2px 3px}.lp-slot.is-risk{--px-line: var(--danger)}.lp-pack-foot{margin-top:12px}.lp-pack-item{display:flex;align-items:center;gap:14px;margin-bottom:18px}.lp-pack-item .lp-slot{width:72px;flex:none;cursor:default}.lp-pack-item .lp-slot img{width:50px;height:50px}.lp-pack-name{font-size:18px;font-weight:600}.lp-rar{text-transform:capitalize}.lp-rar.is-rare{color:#29e3ff}.lp-rar.is-epic{color:#d3a6ff}.lp-pack-facts{margin:0;display:grid;gap:14px}.lp-pack-facts>div{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:baseline}.lp-pack-facts dt{font-size:13px;color:var(--text-3)}.lp-pack-facts dd{margin:0;font-size:14px}.lp-attune{list-style:none;margin:0;padding:0;display:grid}.lp-attune li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);color:var(--text-2)}.lp-attune li:last-child{border-bottom:0}.lp-attune b{font-size:11px;font-weight:400;color:var(--text-3)}.lp-attune li.is-on{color:var(--text)}.lp-attune li.is-on b{color:var(--green)}.lp-risk-text{color:#ff8da1}.lp-safe-text{color:var(--text-2)}.lp-sec-games{max-width:none;padding-left:0;padding-right:0}.lp-sec-games .lp-sec-head{padding:0 var(--gutter);max-width:calc(820px + var(--gutter) * 2)}@media(min-width:1352px){.lp-sec-games .lp-sec-head{margin-left:calc((100vw - 1240px)/2)}}.lp-road{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lp-road-col{display:grid;gap:8px;align-content:start;padding:22px}.lp-road-col.is-on{--px-line: rgba(57, 255, 136, .55)}.lp-road-k{font-size:12px;color:var(--text-3)}.lp-road-col.is-on .lp-road-k{color:var(--green)}.lp-road-t{font-size:20px;font-weight:600}.lp-road-col ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;font-size:14px;color:var(--text-2)}.lp-road-col ul li{position:relative;padding-left:16px}.lp-road-col ul li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:2px;background:var(--border-strong)}.lp-road-col.is-on ul li:before{background:var(--green)}.lp-cta{display:grid;justify-items:center;gap:16px;text-align:center;padding:clamp(96px,12vw,160px) var(--gutter) 96px}.lp-cta-line{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px}.lp-cta-char{--px-fill: var(--surface-1);width:104px;height:104px;display:grid;place-items:end center;overflow:hidden}.lp-cta-char canvas{width:96px;height:96px}.lp-cta h2{font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.1}.lp-cta .btn{margin-top:8px;min-width:200px}.lp-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:28px var(--gutter) 36px;border-top:1px solid var(--border);font-size:13px}.lp-foot .pixel-font{color:var(--text-2)}.lp-foot .pixel-font span{color:var(--blue-hover)}.lp-foot-link{padding:0;border:0;background:none;color:var(--text-2);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:13px}.lp-foot-link:hover{color:var(--text)}@media(max-width:900px){.lp-passport{grid-template-columns:1fr 1fr}.lp-passport .lp-pp-cell:nth-child(2){grid-column:1 / -1;grid-row:1}.lp-hop,.lp-echo,.lp-pack,.lp-sys{grid-template-columns:1fr}}@media(max-width:760px){.lp-nav{height:56px}.lp-hero{display:block;height:auto;min-height:0;padding-top:56px}.lp-hero-stage{position:relative;inset:auto;aspect-ratio:4 / 3}.lp-hero-shade{display:none}.lp-hero-copy{padding:8px var(--gutter) 8px}.lp-title{margin:14px 0 12px}.lp-lede{margin-bottom:22px}.lp-rigs{grid-template-columns:1fr;gap:16px}.lp-rig-stage{aspect-ratio:16 / 9}.lp-codex,.lp-cards3,.lp-road{grid-template-columns:1fr}.lp-gates-stage{aspect-ratio:16 / 10}.lp-passport{grid-template-columns:1fr;padding:18px;gap:22px}.lp-passport .lp-pp-cell:nth-child(2){grid-row:auto}.lp-sec-lede{font-size:16px}.lp-pack-grid{gap:6px}.lp-slot img{width:30px;height:30px}.lp-rank{width:40px;height:40px;font-size:18px}.lp-trial{font-size:8px}.lp-cta-char:nth-child(n+4){display:none}}@media(max-width:420px){.lp-beta{display:none}}@media(prefers-reduced-motion:reduce){.lp .live-dot{animation:none}.lp-steps li{transition:none}}.beta-screen{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse at 50% 40%,rgba(47,107,255,.14),transparent 60%),var(--bg)}.beta-win{width:min(420px,100%)}.beta-form{display:grid;gap:10px}.beta-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sys-hi)}.beta-field{--px-line: color-mix(in srgb, var(--sys) 70%, transparent);background:#060c20d9}.beta-field:focus-within{--px-line: var(--sys-hi)}.beta-field input{display:block;width:100%;height:44px;padding:0 14px;border:0;background:transparent;outline:none;color:var(--sys-text);font:16px/1 var(--font-mono);letter-spacing:.1em}.beta-error{margin:0;font:13px/1.4 var(--font-mono);color:var(--danger)}.beta-error:before{content:"! "}.beta-go{justify-self:end;min-width:120px}.boot-screen{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse at 50% 40%,rgba(47,107,255,.14),transparent 60%),var(--bg)}.boot-win{width:min(440px,100%)}.boot-loading{opacity:0;animation:boot-in .24s ease-out .4s forwards}@keyframes boot-in{to{opacity:1}}.boot-actions{justify-content:flex-end;margin-top:4px}.boot-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px;font:14px/1.4 var(--font-mono);color:var(--sys-text)}.boot-list li{display:flex;justify-content:space-between;gap:12px;padding:4px 8px;background:#060c208c}.boot-lv{color:var(--sys-hi)}.boot-error{margin:0;font:13px/1.4 var(--font-mono);color:var(--danger)}.boot-error:before{content:"! "}.boot-conn{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:160;width:min(400px,calc(100vw - 32px))}@media(prefers-reduced-motion:reduce){.boot-loading{animation:none;opacity:1}}