@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Red+Hat+Mono:ital,wght@0,300..700;1,300..700&display=swap";:root{--font-display: "Bai Jamjuree", sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Red Hat Mono", ui-monospace, monospace;--acc-50: #f3efff;--acc-100: #e6ddff;--acc-200: #cdb8ff;--acc-300: #b08fff;--acc-400: #9666ff;--acc-500: #7c3aed;--acc-600: #6a2bd9;--acc-700: #581fb3;--acc-800: #461a8c;--acc-900: #3a1870;--acc: var(--acc-500);--acc-bright: #a78bfa;--acc-dim: rgba(124, 58, 237, .14);--acc-dim2: rgba(124, 58, 237, .24);--acc-line: rgba(124, 58, 237, .45);--acc-glow: rgba(139, 92, 246, .35);--cy: #22d3ee;--cy-bright: #67e8f9;--cy-dim: rgba(34, 211, 238, .12);--cy-line: rgba(34, 211, 238, .35);--bg: #0a0a10;--bg-2: #0e0e16;--panel: #12121c;--elev: #191927;--elev2: #202033;--line: rgba(255, 255, 255, .07);--line2: rgba(255, 255, 255, .13);--line-acc: var(--acc-line);--txt: #f2f0fa;--txt2: #a6a2b8;--txt3: #6b677e;--txt-on-acc: #ffffff;--success: #34d399;--success-dim: rgba(52, 211, 153, .13);--warning: #fbbf24;--warning-dim: rgba(251, 191, 36, .13);--danger: #f2604d;--danger-dim: rgba(242, 96, 77, .13);--info: var(--cy);--info-dim: var(--cy-dim);--cool: #7dd3fc;--code-bg: #14141f;--grad-acc: linear-gradient(135deg, var(--acc-400), var(--acc-600));--grad-lab: linear-gradient(135deg, var(--acc-500), var(--cy));--shadow-panel: 0 4px 24px rgba(0, 0, 0, .45);--shadow-pop: 0 8px 40px rgba(0, 0, 0, .6);--glow-acc: 0 0 24px var(--acc-glow);--glow-cy: 0 0 20px rgba(34, 211, 238, .25);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--t-fast: .12s ease;--t-med: .22s ease}*,:before,:after{margin:0;box-sizing:border-box}body{font-family:system-ui}body{background:var(--bg);color:var(--txt)}.grid-container{display:flex;flex-wrap:wrap;gap:var(--spacing-y) var(--spacing-x);--spacing-x: 1rem;--spacing-y: 1rem;--n-columns: 12}.grid-container>*{width:100%}.col,[class*=col-]{flex:0 0 auto}.col-auto{width:auto}.col-fill{flex:1 1 0;min-width:0}.g-0{--spacing-x: 0rem;--spacing-y: 0rem}.gx-0{--spacing-x: 0rem}.gy-0{--spacing-y: 0rem}.g-1{--spacing-x: .5rem;--spacing-y: .5rem}.gx-1{--spacing-x: .5rem}.gy-1{--spacing-y: .5rem}.g-2{--spacing-x: 1rem;--spacing-y: 1rem}.gx-2{--spacing-x: 1rem}.gy-2{--spacing-y: 1rem}.g-3{--spacing-x: 1.5rem;--spacing-y: 1.5rem}.gx-3{--spacing-x: 1.5rem}.gy-3{--spacing-y: 1.5rem}.g-4{--spacing-x: 2rem;--spacing-y: 2rem}.gx-4{--spacing-x: 2rem}.gy-4{--spacing-y: 2rem}.g-5{--spacing-x: 2.5rem;--spacing-y: 2.5rem}.gx-5{--spacing-x: 2.5rem}.gy-5{--spacing-y: 2.5rem}.g-6{--spacing-x: 3rem;--spacing-y: 3rem}.gx-6{--spacing-x: 3rem}.gy-6{--spacing-y: 3rem}.g-7{--spacing-x: 3.5rem;--spacing-y: 3.5rem}.gx-7{--spacing-x: 3.5rem}.gy-7{--spacing-y: 3.5rem}.g-8{--spacing-x: 4rem;--spacing-y: 4rem}.gx-8{--spacing-x: 4rem}.gy-8{--spacing-y: 4rem}.g-9{--spacing-x: 4.5rem;--spacing-y: 4.5rem}.gx-9{--spacing-x: 4.5rem}.gy-9{--spacing-y: 4.5rem}.g-10{--spacing-x: 5rem;--spacing-y: 5rem}.gx-10{--spacing-x: 5rem}.gy-10{--spacing-y: 5rem}@media(min-width:320px){.g-xs-0{--spacing-x: 0rem;--spacing-y: 0rem}.gx-xs-0{--spacing-x: 0rem}.gy-xs-0{--spacing-y: 0rem}.g-xs-1{--spacing-x: .5rem;--spacing-y: .5rem}.gx-xs-1{--spacing-x: .5rem}.gy-xs-1{--spacing-y: .5rem}.g-xs-2{--spacing-x: 1rem;--spacing-y: 1rem}.gx-xs-2{--spacing-x: 1rem}.gy-xs-2{--spacing-y: 1rem}.g-xs-3{--spacing-x: 1.5rem;--spacing-y: 1.5rem}.gx-xs-3{--spacing-x: 1.5rem}.gy-xs-3{--spacing-y: 1.5rem}.g-xs-4{--spacing-x: 2rem;--spacing-y: 2rem}.gx-xs-4{--spacing-x: 2rem}.gy-xs-4{--spacing-y: 2rem}.g-xs-5{--spacing-x: 2.5rem;--spacing-y: 2.5rem}.gx-xs-5{--spacing-x: 2.5rem}.gy-xs-5{--spacing-y: 2.5rem}.g-xs-6{--spacing-x: 3rem;--spacing-y: 3rem}.gx-xs-6{--spacing-x: 3rem}.gy-xs-6{--spacing-y: 3rem}.g-xs-7{--spacing-x: 3.5rem;--spacing-y: 3.5rem}.gx-xs-7{--spacing-x: 3.5rem}.gy-xs-7{--spacing-y: 3.5rem}.g-xs-8{--spacing-x: 4rem;--spacing-y: 4rem}.gx-xs-8{--spacing-x: 4rem}.gy-xs-8{--spacing-y: 4rem}.g-xs-9{--spacing-x: 4.5rem;--spacing-y: 4.5rem}.gx-xs-9{--spacing-x: 4.5rem}.gy-xs-9{--spacing-y: 4.5rem}.g-xs-10{--spacing-x: 5rem;--spacing-y: 5rem}.gx-xs-10{--spacing-x: 5rem}.gy-xs-10{--spacing-y: 5rem}}@media(min-width:576px){.g-sm-0{--spacing-x: 0rem;--spacing-y: 0rem}.gx-sm-0{--spacing-x: 0rem}.gy-sm-0{--spacing-y: 0rem}.g-sm-1{--spacing-x: .5rem;--spacing-y: .5rem}.gx-sm-1{--spacing-x: .5rem}.gy-sm-1{--spacing-y: .5rem}.g-sm-2{--spacing-x: 1rem;--spacing-y: 1rem}.gx-sm-2{--spacing-x: 1rem}.gy-sm-2{--spacing-y: 1rem}.g-sm-3{--spacing-x: 1.5rem;--spacing-y: 1.5rem}.gx-sm-3{--spacing-x: 1.5rem}.gy-sm-3{--spacing-y: 1.5rem}.g-sm-4{--spacing-x: 2rem;--spacing-y: 2rem}.gx-sm-4{--spacing-x: 2rem}.gy-sm-4{--spacing-y: 2rem}.g-sm-5{--spacing-x: 2.5rem;--spacing-y: 2.5rem}.gx-sm-5{--spacing-x: 2.5rem}.gy-sm-5{--spacing-y: 2.5rem}.g-sm-6{--spacing-x: 3rem;--spacing-y: 3rem}.gx-sm-6{--spacing-x: 3rem}.gy-sm-6{--spacing-y: 3rem}.g-sm-7{--spacing-x: 3.5rem;--spacing-y: 3.5rem}.gx-sm-7{--spacing-x: 3.5rem}.gy-sm-7{--spacing-y: 3.5rem}.g-sm-8{--spacing-x: 4rem;--spacing-y: 4rem}.gx-sm-8{--spacing-x: 4rem}.gy-sm-8{--spacing-y: 4rem}.g-sm-9{--spacing-x: 4.5rem;--spacing-y: 4.5rem}.gx-sm-9{--spacing-x: 4.5rem}.gy-sm-9{--spacing-y: 4.5rem}.g-sm-10{--spacing-x: 5rem;--spacing-y: 5rem}.gx-sm-10{--spacing-x: 5rem}.gy-sm-10{--spacing-y: 5rem}}@media(min-width:768px){.g-md-0{--spacing-x: 0rem;--spacing-y: 0rem}.gx-md-0{--spacing-x: 0rem}.gy-md-0{--spacing-y: 0rem}.g-md-1{--spacing-x: .5rem;--spacing-y: .5rem}.gx-md-1{--spacing-x: .5rem}.gy-md-1{--spacing-y: .5rem}.g-md-2{--spacing-x: 1rem;--spacing-y: 1rem}.gx-md-2{--spacing-x: 1rem}.gy-md-2{--spacing-y: 1rem}.g-md-3{--spacing-x: 1.5rem;--spacing-y: 1.5rem}.gx-md-3{--spacing-x: 1.5rem}.gy-md-3{--spacing-y: 1.5rem}.g-md-4{--spacing-x: 2rem;--spacing-y: 2rem}.gx-md-4{--spacing-x: 2rem}.gy-md-4{--spacing-y: 2rem}.g-md-5{--spacing-x: 2.5rem;--spacing-y: 2.5rem}.gx-md-5{--spacing-x: 2.5rem}.gy-md-5{--spacing-y: 2.5rem}.g-md-6{--spacing-x: 3rem;--spacing-y: 3rem}.gx-md-6{--spacing-x: 3rem}.gy-md-6{--spacing-y: 3rem}.g-md-7{--spacing-x: 3.5rem;--spacing-y: 3.5rem}.gx-md-7{--spacing-x: 3.5rem}.gy-md-7{--spacing-y: 3.5rem}.g-md-8{--spacing-x: 4rem;--spacing-y: 4rem}.gx-md-8{--spacing-x: 4rem}.gy-md-8{--spacing-y: 4rem}.g-md-9{--spacing-x: 4.5rem;--spacing-y: 4.5rem}.gx-md-9{--spacing-x: 4.5rem}.gy-md-9{--spacing-y: 4.5rem}.g-md-10{--spacing-x: 5rem;--spacing-y: 5rem}.gx-md-10{--spacing-x: 5rem}.gy-md-10{--spacing-y: 5rem}}@media(min-width:992px){.g-lg-0{--spacing-x: 0rem;--spacing-y: 0rem}.gx-lg-0{--spacing-x: 0rem}.gy-lg-0{--spacing-y: 0rem}.g-lg-1{--spacing-x: .5rem;--spacing-y: .5rem}.gx-lg-1{--spacing-x: .5rem}.gy-lg-1{--spacing-y: .5rem}.g-lg-2{--spacing-x: 1rem;--spacing-y: 1rem}.gx-lg-2{--spacing-x: 1rem}.gy-lg-2{--spacing-y: 1rem}.g-lg-3{--spacing-x: 1.5rem;--spacing-y: 1.5rem}.gx-lg-3{--spacing-x: 1.5rem}.gy-lg-3{--spacing-y: 1.5rem}.g-lg-4{--spacing-x: 2rem;--spacing-y: 2rem}.gx-lg-4{--spacing-x: 2rem}.gy-lg-4{--spacing-y: 2rem}.g-lg-5{--spacing-x: 2.5rem;--spacing-y: 2.5rem}.gx-lg-5{--spacing-x: 2.5rem}.gy-lg-5{--spacing-y: 2.5rem}.g-lg-6{--spacing-x: 3rem;--spacing-y: 3rem}.gx-lg-6{--spacing-x: 3rem}.gy-lg-6{--spacing-y: 3rem}.g-lg-7{--spacing-x: 3.5rem;--spacing-y: 3.5rem}.gx-lg-7{--spacing-x: 3.5rem}.gy-lg-7{--spacing-y: 3.5rem}.g-lg-8{--spacing-x: 4rem;--spacing-y: 4rem}.gx-lg-8{--spacing-x: 4rem}.gy-lg-8{--spacing-y: 4rem}.g-lg-9{--spacing-x: 4.5rem;--spacing-y: 4.5rem}.gx-lg-9{--spacing-x: 4.5rem}.gy-lg-9{--spacing-y: 4.5rem}.g-lg-10{--spacing-x: 5rem;--spacing-y: 5rem}.gx-lg-10{--spacing-x: 5rem}.gy-lg-10{--spacing-y: 5rem}}@media(min-width:1200px){.g-xl-0{--spacing-x: 0rem;--spacing-y: 0rem}.gx-xl-0{--spacing-x: 0rem}.gy-xl-0{--spacing-y: 0rem}.g-xl-1{--spacing-x: .5rem;--spacing-y: .5rem}.gx-xl-1{--spacing-x: .5rem}.gy-xl-1{--spacing-y: .5rem}.g-xl-2{--spacing-x: 1rem;--spacing-y: 1rem}.gx-xl-2{--spacing-x: 1rem}.gy-xl-2{--spacing-y: 1rem}.g-xl-3{--spacing-x: 1.5rem;--spacing-y: 1.5rem}.gx-xl-3{--spacing-x: 1.5rem}.gy-xl-3{--spacing-y: 1.5rem}.g-xl-4{--spacing-x: 2rem;--spacing-y: 2rem}.gx-xl-4{--spacing-x: 2rem}.gy-xl-4{--spacing-y: 2rem}.g-xl-5{--spacing-x: 2.5rem;--spacing-y: 2.5rem}.gx-xl-5{--spacing-x: 2.5rem}.gy-xl-5{--spacing-y: 2.5rem}.g-xl-6{--spacing-x: 3rem;--spacing-y: 3rem}.gx-xl-6{--spacing-x: 3rem}.gy-xl-6{--spacing-y: 3rem}.g-xl-7{--spacing-x: 3.5rem;--spacing-y: 3.5rem}.gx-xl-7{--spacing-x: 3.5rem}.gy-xl-7{--spacing-y: 3.5rem}.g-xl-8{--spacing-x: 4rem;--spacing-y: 4rem}.gx-xl-8{--spacing-x: 4rem}.gy-xl-8{--spacing-y: 4rem}.g-xl-9{--spacing-x: 4.5rem;--spacing-y: 4.5rem}.gx-xl-9{--spacing-x: 4.5rem}.gy-xl-9{--spacing-y: 4.5rem}.g-xl-10{--spacing-x: 5rem;--spacing-y: 5rem}.gx-xl-10{--spacing-x: 5rem}.gy-xl-10{--spacing-y: 5rem}}@media(min-width:1400px){.g-xxl-0{--spacing-x: 0rem;--spacing-y: 0rem}.gx-xxl-0{--spacing-x: 0rem}.gy-xxl-0{--spacing-y: 0rem}.g-xxl-1{--spacing-x: .5rem;--spacing-y: .5rem}.gx-xxl-1{--spacing-x: .5rem}.gy-xxl-1{--spacing-y: .5rem}.g-xxl-2{--spacing-x: 1rem;--spacing-y: 1rem}.gx-xxl-2{--spacing-x: 1rem}.gy-xxl-2{--spacing-y: 1rem}.g-xxl-3{--spacing-x: 1.5rem;--spacing-y: 1.5rem}.gx-xxl-3{--spacing-x: 1.5rem}.gy-xxl-3{--spacing-y: 1.5rem}.g-xxl-4{--spacing-x: 2rem;--spacing-y: 2rem}.gx-xxl-4{--spacing-x: 2rem}.gy-xxl-4{--spacing-y: 2rem}.g-xxl-5{--spacing-x: 2.5rem;--spacing-y: 2.5rem}.gx-xxl-5{--spacing-x: 2.5rem}.gy-xxl-5{--spacing-y: 2.5rem}.g-xxl-6{--spacing-x: 3rem;--spacing-y: 3rem}.gx-xxl-6{--spacing-x: 3rem}.gy-xxl-6{--spacing-y: 3rem}.g-xxl-7{--spacing-x: 3.5rem;--spacing-y: 3.5rem}.gx-xxl-7{--spacing-x: 3.5rem}.gy-xxl-7{--spacing-y: 3.5rem}.g-xxl-8{--spacing-x: 4rem;--spacing-y: 4rem}.gx-xxl-8{--spacing-x: 4rem}.gy-xxl-8{--spacing-y: 4rem}.g-xxl-9{--spacing-x: 4.5rem;--spacing-y: 4.5rem}.gx-xxl-9{--spacing-x: 4.5rem}.gy-xxl-9{--spacing-y: 4.5rem}.g-xxl-10{--spacing-x: 5rem;--spacing-y: 5rem}.gx-xxl-10{--spacing-x: 5rem}.gy-xxl-10{--spacing-y: 5rem}}.col-1{width:calc(100% / var(--n-columns) - (var(--n-columns) - 1) * var(--spacing-x) / var(--n-columns))}.col-2{width:calc(200% / var(--n-columns) - (var(--n-columns) - 2) * var(--spacing-x) / var(--n-columns))}.col-3{width:calc(300% / var(--n-columns) - (var(--n-columns) - 3) * var(--spacing-x) / var(--n-columns))}.col-4{width:calc(400% / var(--n-columns) - (var(--n-columns) - 4) * var(--spacing-x) / var(--n-columns))}.col-5{width:calc(500% / var(--n-columns) - (var(--n-columns) - 5) * var(--spacing-x) / var(--n-columns))}.col-6{width:calc(600% / var(--n-columns) - (var(--n-columns) - 6) * var(--spacing-x) / var(--n-columns))}.col-7{width:calc(700% / var(--n-columns) - (var(--n-columns) - 7) * var(--spacing-x) / var(--n-columns))}.col-8{width:calc(800% / var(--n-columns) - (var(--n-columns) - 8) * var(--spacing-x) / var(--n-columns))}.col-9{width:calc(900% / var(--n-columns) - (var(--n-columns) - 9) * var(--spacing-x) / var(--n-columns))}.col-10{width:calc(1000% / var(--n-columns) - (var(--n-columns) - 10) * var(--spacing-x) / var(--n-columns))}.col-11{width:calc(1100% / var(--n-columns) - (var(--n-columns) - 11) * var(--spacing-x) / var(--n-columns))}.col-12{width:calc(1200% / var(--n-columns) - (var(--n-columns) - 12) * var(--spacing-x) / var(--n-columns))}@media(min-width:320px){.col-xs-1{width:calc(100% / var(--n-columns) - (var(--n-columns) - 1) * var(--spacing-x) / var(--n-columns))}.col-xs-2{width:calc(200% / var(--n-columns) - (var(--n-columns) - 2) * var(--spacing-x) / var(--n-columns))}.col-xs-3{width:calc(300% / var(--n-columns) - (var(--n-columns) - 3) * var(--spacing-x) / var(--n-columns))}.col-xs-4{width:calc(400% / var(--n-columns) - (var(--n-columns) - 4) * var(--spacing-x) / var(--n-columns))}.col-xs-5{width:calc(500% / var(--n-columns) - (var(--n-columns) - 5) * var(--spacing-x) / var(--n-columns))}.col-xs-6{width:calc(600% / var(--n-columns) - (var(--n-columns) - 6) * var(--spacing-x) / var(--n-columns))}.col-xs-7{width:calc(700% / var(--n-columns) - (var(--n-columns) - 7) * var(--spacing-x) / var(--n-columns))}.col-xs-8{width:calc(800% / var(--n-columns) - (var(--n-columns) - 8) * var(--spacing-x) / var(--n-columns))}.col-xs-9{width:calc(900% / var(--n-columns) - (var(--n-columns) - 9) * var(--spacing-x) / var(--n-columns))}.col-xs-10{width:calc(1000% / var(--n-columns) - (var(--n-columns) - 10) * var(--spacing-x) / var(--n-columns))}.col-xs-11{width:calc(1100% / var(--n-columns) - (var(--n-columns) - 11) * var(--spacing-x) / var(--n-columns))}.col-xs-12{width:calc(1200% / var(--n-columns) - (var(--n-columns) - 12) * var(--spacing-x) / var(--n-columns))}}@media(min-width:576px){.col-sm-1{width:calc(100% / var(--n-columns) - (var(--n-columns) - 1) * var(--spacing-x) / var(--n-columns))}.col-sm-2{width:calc(200% / var(--n-columns) - (var(--n-columns) - 2) * var(--spacing-x) / var(--n-columns))}.col-sm-3{width:calc(300% / var(--n-columns) - (var(--n-columns) - 3) * var(--spacing-x) / var(--n-columns))}.col-sm-4{width:calc(400% / var(--n-columns) - (var(--n-columns) - 4) * var(--spacing-x) / var(--n-columns))}.col-sm-5{width:calc(500% / var(--n-columns) - (var(--n-columns) - 5) * var(--spacing-x) / var(--n-columns))}.col-sm-6{width:calc(600% / var(--n-columns) - (var(--n-columns) - 6) * var(--spacing-x) / var(--n-columns))}.col-sm-7{width:calc(700% / var(--n-columns) - (var(--n-columns) - 7) * var(--spacing-x) / var(--n-columns))}.col-sm-8{width:calc(800% / var(--n-columns) - (var(--n-columns) - 8) * var(--spacing-x) / var(--n-columns))}.col-sm-9{width:calc(900% / var(--n-columns) - (var(--n-columns) - 9) * var(--spacing-x) / var(--n-columns))}.col-sm-10{width:calc(1000% / var(--n-columns) - (var(--n-columns) - 10) * var(--spacing-x) / var(--n-columns))}.col-sm-11{width:calc(1100% / var(--n-columns) - (var(--n-columns) - 11) * var(--spacing-x) / var(--n-columns))}.col-sm-12{width:calc(1200% / var(--n-columns) - (var(--n-columns) - 12) * var(--spacing-x) / var(--n-columns))}}@media(min-width:768px){.col-md-1{width:calc(100% / var(--n-columns) - (var(--n-columns) - 1) * var(--spacing-x) / var(--n-columns))}.col-md-2{width:calc(200% / var(--n-columns) - (var(--n-columns) - 2) * var(--spacing-x) / var(--n-columns))}.col-md-3{width:calc(300% / var(--n-columns) - (var(--n-columns) - 3) * var(--spacing-x) / var(--n-columns))}.col-md-4{width:calc(400% / var(--n-columns) - (var(--n-columns) - 4) * var(--spacing-x) / var(--n-columns))}.col-md-5{width:calc(500% / var(--n-columns) - (var(--n-columns) - 5) * var(--spacing-x) / var(--n-columns))}.col-md-6{width:calc(600% / var(--n-columns) - (var(--n-columns) - 6) * var(--spacing-x) / var(--n-columns))}.col-md-7{width:calc(700% / var(--n-columns) - (var(--n-columns) - 7) * var(--spacing-x) / var(--n-columns))}.col-md-8{width:calc(800% / var(--n-columns) - (var(--n-columns) - 8) * var(--spacing-x) / var(--n-columns))}.col-md-9{width:calc(900% / var(--n-columns) - (var(--n-columns) - 9) * var(--spacing-x) / var(--n-columns))}.col-md-10{width:calc(1000% / var(--n-columns) - (var(--n-columns) - 10) * var(--spacing-x) / var(--n-columns))}.col-md-11{width:calc(1100% / var(--n-columns) - (var(--n-columns) - 11) * var(--spacing-x) / var(--n-columns))}.col-md-12{width:calc(1200% / var(--n-columns) - (var(--n-columns) - 12) * var(--spacing-x) / var(--n-columns))}}@media(min-width:992px){.col-lg-1{width:calc(100% / var(--n-columns) - (var(--n-columns) - 1) * var(--spacing-x) / var(--n-columns))}.col-lg-2{width:calc(200% / var(--n-columns) - (var(--n-columns) - 2) * var(--spacing-x) / var(--n-columns))}.col-lg-3{width:calc(300% / var(--n-columns) - (var(--n-columns) - 3) * var(--spacing-x) / var(--n-columns))}.col-lg-4{width:calc(400% / var(--n-columns) - (var(--n-columns) - 4) * var(--spacing-x) / var(--n-columns))}.col-lg-5{width:calc(500% / var(--n-columns) - (var(--n-columns) - 5) * var(--spacing-x) / var(--n-columns))}.col-lg-6{width:calc(600% / var(--n-columns) - (var(--n-columns) - 6) * var(--spacing-x) / var(--n-columns))}.col-lg-7{width:calc(700% / var(--n-columns) - (var(--n-columns) - 7) * var(--spacing-x) / var(--n-columns))}.col-lg-8{width:calc(800% / var(--n-columns) - (var(--n-columns) - 8) * var(--spacing-x) / var(--n-columns))}.col-lg-9{width:calc(900% / var(--n-columns) - (var(--n-columns) - 9) * var(--spacing-x) / var(--n-columns))}.col-lg-10{width:calc(1000% / var(--n-columns) - (var(--n-columns) - 10) * var(--spacing-x) / var(--n-columns))}.col-lg-11{width:calc(1100% / var(--n-columns) - (var(--n-columns) - 11) * var(--spacing-x) / var(--n-columns))}.col-lg-12{width:calc(1200% / var(--n-columns) - (var(--n-columns) - 12) * var(--spacing-x) / var(--n-columns))}}@media(min-width:1200px){.col-xl-1{width:calc(100% / var(--n-columns) - (var(--n-columns) - 1) * var(--spacing-x) / var(--n-columns))}.col-xl-2{width:calc(200% / var(--n-columns) - (var(--n-columns) - 2) * var(--spacing-x) / var(--n-columns))}.col-xl-3{width:calc(300% / var(--n-columns) - (var(--n-columns) - 3) * var(--spacing-x) / var(--n-columns))}.col-xl-4{width:calc(400% / var(--n-columns) - (var(--n-columns) - 4) * var(--spacing-x) / var(--n-columns))}.col-xl-5{width:calc(500% / var(--n-columns) - (var(--n-columns) - 5) * var(--spacing-x) / var(--n-columns))}.col-xl-6{width:calc(600% / var(--n-columns) - (var(--n-columns) - 6) * var(--spacing-x) / var(--n-columns))}.col-xl-7{width:calc(700% / var(--n-columns) - (var(--n-columns) - 7) * var(--spacing-x) / var(--n-columns))}.col-xl-8{width:calc(800% / var(--n-columns) - (var(--n-columns) - 8) * var(--spacing-x) / var(--n-columns))}.col-xl-9{width:calc(900% / var(--n-columns) - (var(--n-columns) - 9) * var(--spacing-x) / var(--n-columns))}.col-xl-10{width:calc(1000% / var(--n-columns) - (var(--n-columns) - 10) * var(--spacing-x) / var(--n-columns))}.col-xl-11{width:calc(1100% / var(--n-columns) - (var(--n-columns) - 11) * var(--spacing-x) / var(--n-columns))}.col-xl-12{width:calc(1200% / var(--n-columns) - (var(--n-columns) - 12) * var(--spacing-x) / var(--n-columns))}}@media(min-width:1400px){.col-xxl-1{width:calc(100% / var(--n-columns) - (var(--n-columns) - 1) * var(--spacing-x) / var(--n-columns))}.col-xxl-2{width:calc(200% / var(--n-columns) - (var(--n-columns) - 2) * var(--spacing-x) / var(--n-columns))}.col-xxl-3{width:calc(300% / var(--n-columns) - (var(--n-columns) - 3) * var(--spacing-x) / var(--n-columns))}.col-xxl-4{width:calc(400% / var(--n-columns) - (var(--n-columns) - 4) * var(--spacing-x) / var(--n-columns))}.col-xxl-5{width:calc(500% / var(--n-columns) - (var(--n-columns) - 5) * var(--spacing-x) / var(--n-columns))}.col-xxl-6{width:calc(600% / var(--n-columns) - (var(--n-columns) - 6) * var(--spacing-x) / var(--n-columns))}.col-xxl-7{width:calc(700% / var(--n-columns) - (var(--n-columns) - 7) * var(--spacing-x) / var(--n-columns))}.col-xxl-8{width:calc(800% / var(--n-columns) - (var(--n-columns) - 8) * var(--spacing-x) / var(--n-columns))}.col-xxl-9{width:calc(900% / var(--n-columns) - (var(--n-columns) - 9) * var(--spacing-x) / var(--n-columns))}.col-xxl-10{width:calc(1000% / var(--n-columns) - (var(--n-columns) - 10) * var(--spacing-x) / var(--n-columns))}.col-xxl-11{width:calc(1100% / var(--n-columns) - (var(--n-columns) - 11) * var(--spacing-x) / var(--n-columns))}.col-xxl-12{width:calc(1200% / var(--n-columns) - (var(--n-columns) - 12) * var(--spacing-x) / var(--n-columns))}}@media(min-width:320px){.col-xs-auto{width:auto}.col-xs-fill{flex:1 1 0;min-width:0}}@media(min-width:576px){.col-sm-auto{width:auto}.col-sm-fill{flex:1 1 0;min-width:0}}@media(min-width:768px){.col-md-auto{width:auto}.col-md-fill{flex:1 1 0;min-width:0}}@media(min-width:992px){.col-lg-auto{width:auto}.col-lg-fill{flex:1 1 0;min-width:0}}@media(min-width:1200px){.col-xl-auto{width:auto}.col-xl-fill{flex:1 1 0;min-width:0}}@media(min-width:1400px){.col-xxl-auto{width:auto}.col-xxl-fill{flex:1 1 0;min-width:0}}.container{width:100%;margin-inline:auto;--gutter: 1rem;padding-inline:var(--gutter)}@media(min-width:640px){.container{max-width:640px;padding-inline:1.5rem}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px;padding-inline:2rem}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.container-fluid{--gutter: 1rem;width:100%;padding-inline:var(--gutter)}@media(min-width:640px){.container-fluid{padding-inline:1.5rem}}@media(min-width:1024px){.container-fluid{padding-inline:2rem}}.container-prose{width:100%;max-width:65ch;margin-inline:auto;padding-inline:var(--gutter)}.crosshairs-bg{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid color-mix(in srgb,var(--txt) 30%,transparent);padding:14px 0}.site-header .container{display:flex;justify-content:space-between;align-items:center}.site-header .logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.03em;color:var(--txt);text-decoration:none;transition:color var(--t-fast)}.site-header .logo svg{flex:none}.site-header .logo .grad{background:var(--grad-acc);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.site-header .logo:hover{color:var(--acc-bright)}.site-header .github{background:var(--bg);display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line2);border-radius:var(--r-sm);color:var(--txt2);transition:color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-med)}.site-header .github:hover{color:var(--acc-bright);border-color:var(--acc-line);box-shadow:var(--glow-acc)}.hero{position:relative;min-height:100dvh;display:flex;align-items:center;isolation:isolate;color:var(--txt-on-acc);font-family:var(--font-body)}.hero:before{content:"";position:absolute;inset:0;z-index:-2}.hero .scanline{position:absolute;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 25%,transparent 80%)}.hero .scanline{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);background-size:100% 2px}.hero .marker{position:absolute;z-index:2;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;color:#ffffff80;text-transform:uppercase}.hero .m-tl{top:1.5rem;left:1.75rem}.hero .m-tr{top:1.5rem;right:1.75rem}.hero .m-br{bottom:1.5rem;right:1.75rem}.hero .container{position:relative;z-index:3}.hero .hero-grid{align-items:center;padding:7rem 0}.hero .headline{min-width:0}.hero .headline h1{font-family:var(--font-display);font-size:clamp(42px,7.2vw,85px);line-height:.9;letter-spacing:-.05em;font-weight:700;margin:0}.hero .tagline{color:var(--txt2);font-size:17px;line-height:1.5;margin:14px 0 0}.hero .detected{display:flex;align-items:center;gap:10px;color:var(--txt2);font-size:15px;margin:22px 0 0}.hero .detected .x-mark{flex:none;filter:drop-shadow(0 0 6px var(--acc-glow))}.hero .detected .hl{color:var(--txt);font-weight:600}.hero .specs{margin-top:34px}.hero .field{display:flex;flex-direction:column;gap:4px}.hero .field label{font-size:13.5px;color:var(--txt3)}.hero .field select,.hero .field input{background:transparent;color:var(--txt);border:0;border-bottom:2px solid var(--txt);border-radius:0;padding:8px 0;font:600 18px var(--font-body);width:100%;outline:none;cursor:pointer;transition:border-color var(--t-fast)}.hero .field select:focus-visible,.hero .field input:focus-visible{border-color:var(--acc-bright)}.hero .field select option,.hero .field input option{background:var(--panel);color:var(--txt)}.hero .field input{cursor:text;padding-right:104px;text-overflow:ellipsis}.hero .field input::placeholder{color:var(--txt3);font-weight:400}.hero .combo:focus-within{position:relative;z-index:6}.hero .combo[data-invalid=true] input{border-color:var(--err, #ff6b7a)}.hero .combo [hidden]{display:none!important}.hero .combo-box{position:relative}.hero .combo-chip{--tone: var(--txt3);position:absolute;right:0;bottom:9px;font:500 12.5px/1 var(--font-body);padding:5px 9px;border-radius:999px;border:1px solid var(--tone);color:var(--tone);background:var(--bg)}.hero .combo-chip[data-tone=ok]{--tone: var(--ok, #5ad19a)}.hero .combo-chip[data-tone=warn]{--tone: var(--warn, #f0b84a)}.hero .combo-chip[data-tone=info]{--tone: var(--acc-bright)}.hero .combo-chip[data-tone=err]{--tone: var(--err, #ff6b7a)}.hero .combo-list{position:absolute;left:0;top:100%;z-index:5;min-width:100%;width:max-content;max-width:min(92vw,420px);max-height:min(50vh,300px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin:4px 0 0;padding:4px;list-style:none;background:var(--panel);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-sm);box-shadow:0 12px 32px #00000080}.hero .combo-list.up{top:auto;bottom:100%;margin:0 0 4px}.hero .combo-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer}.hero .combo-list li em{font-style:normal;font-weight:400;font-size:13px;color:var(--txt3);margin-right:6px}.hero .combo-list li small{font-size:13px;font-weight:400;color:var(--txt3);white-space:nowrap}.hero .combo-list li[aria-selected=true],.hero .combo-list li[role=option]:hover{background:var(--acc-dim);color:var(--acc-bright)}.hero .combo-list li.msg{cursor:default;font-size:14px;font-weight:400;color:var(--txt3)}.hero .combo-list li.err{color:var(--err, #ff6b7a)}.hero .segmented{display:flex;border:2px solid var(--txt);border-radius:var(--r-sm);overflow:hidden}.hero .segmented button{flex:1;border:0;background:none;color:var(--txt);font:600 16px var(--font-body);padding:9px 6px;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.hero .segmented button.on{background:var(--txt);color:var(--bg)}.hero .segmented button:not(.on):hover{background:var(--acc-dim);color:var(--acc-bright)}.hero .gauge{text-align:center}.hero .gauge svg{width:100%;max-width:400px;display:block;margin:0 auto}.hero .gauge .progress{transition:stroke-dashoffset .8s cubic-bezier(0,0,.2,1)}.hero .gauge .needle{transition:transform .9s cubic-bezier(0,0,.2,1)}.hero .gauge .score{display:block;font-family:var(--font-display);font-size:92px;font-weight:700;letter-spacing:-.05em;line-height:.9;margin-top:-6px}.hero .gauge .tier{font-weight:600;font-size:18px;color:var(--acc-bright);margin-top:8px}.hero .gauge .tier.grade-s{color:var(--acc-bright)}.hero .gauge .tier.grade-a{color:var(--success)}.hero .gauge .tier.grade-b{color:#a3e635}.hero .gauge .tier.grade-c{color:var(--warning)}.hero .gauge .tier.grade-d{color:#fb923c}.hero .gauge .tier.grade-f{color:var(--danger)}.hero .gauge small{opacity:.7;font-size:13px}.hero .gauge .res-breakdown{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.hero .gauge .res-breakdown button{min-width:80px;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:1px solid transparent;border-radius:var(--r-sm);padding:9px 16px 8px;cursor:pointer;color:var(--txt2);transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.hero .gauge .res-breakdown button:hover{background:var(--acc-dim);color:var(--txt)}.hero .gauge .res-breakdown button.on{border-color:var(--line2);background:var(--bg-2);color:var(--txt)}.hero .gauge .res-breakdown button .rm-name{font-size:11.5px;letter-spacing:.08em}.hero .gauge .res-breakdown button .rm-tier{font-family:var(--font-display);font-weight:700;font-size:21px;line-height:1}.hero .gauge .res-breakdown button .rm-tier.grade-s{color:var(--acc-bright)}.hero .gauge .res-breakdown button .rm-tier.grade-a{color:var(--success)}.hero .gauge .res-breakdown button .rm-tier.grade-b{color:#a3e635}.hero .gauge .res-breakdown button .rm-tier.grade-c{color:var(--warning)}.hero .gauge .res-breakdown button .rm-tier.grade-d{color:#fb923c}.hero .gauge .res-breakdown button .rm-tier.grade-f{color:var(--danger)}.hero .gauge .res-breakdown button .rm-score{font-size:11px;color:var(--txt3)}.rig{font-family:var(--font-body);margin-top:4rem}.rig h2{font-family:var(--font-display);font-size:30px;letter-spacing:-.035em;font-weight:700;margin:0 0 4px}.rig small{display:block;color:var(--txt3);font-size:13px;margin-bottom:10px}.rig .distribution{margin-top:38px;border-top:1px solid color-mix(in srgb,var(--txt) 30%,transparent)}.rig .distribution>div{padding:16px 4px 14px 16px;border-left:1.5px solid var(--line)}.rig .distribution>div:first-child{border-left:0;padding-left:0}.rig .distribution .num{display:block;font-family:var(--font-display);font-size:40px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--txt)}.rig .distribution span{font-size:12.5px;color:var(--txt3)}.rig .distribution .grade-s{color:var(--acc-bright)}.rig .distribution .grade-a{color:var(--success)}.rig .distribution .grade-b{color:#a3e635}.rig .distribution .grade-c{color:var(--warning)}.rig .distribution .grade-d{color:#fb923c}.rig .distribution .grade-f{color:var(--danger)}@media(max-width:991px){.rig .distribution>div{border-left:0;padding-left:0}}.games{padding:20px 0 60px;font-family:var(--font-body)}.games .bar{display:flex;align-items:flex-end;gap:4px;flex-wrap:wrap;margin:3rem 0 8px;z-index:50;position:sticky;top:0;background:var(--bg)}.games .bar input{max-width:260px;margin-right:auto;background:transparent;color:var(--txt);border:0;border-bottom:2px solid var(--txt);border-radius:0;padding:8px 0;font:600 17px var(--font-body);outline:none;transition:border-color var(--t-fast)}.games .bar input:focus-visible{border-color:var(--acc-bright)}.games .bar input::placeholder{color:var(--txt3)}.games .bar .select-wrap{display:inline-flex;align-items:center;margin-left:16px;border-bottom:2px solid transparent;transition:border-color var(--t-fast)}.games .bar .select-wrap:hover,.games .bar .select-wrap:focus-within{border-color:var(--txt)}.games .bar .select-wrap.off{opacity:.45;pointer-events:none}.games .bar .select-wrap.off select{cursor:default}.games .bar .select-wrap .select-prefix{font:600 15px var(--font-body);color:var(--txt3);white-space:nowrap}.games .bar .select-wrap select{margin-left:0;background:transparent;color:var(--txt);border:0;border-radius:0;padding:8px 2px;font:600 15px var(--font-body);outline:none;cursor:pointer}.games .bar .select-wrap select option,.games .bar .select-wrap select optgroup{background:var(--panel);color:var(--txt)}.games .list.empty .game{cursor:default}.games .list.empty .game:hover{background:none;padding-inline:0;border-radius:0}.games .list .sentinel{height:2px}.games .game{align-items:center}.games .game{padding:15px 0;border-bottom:1.5px solid var(--line);cursor:pointer;transition:background var(--t-fast),padding var(--t-fast)}.games .game:hover{background:var(--panel);padding-inline:12px;border-radius:var(--r-sm)}.games .game.msg{cursor:default}.games .game.msg:hover{background:none;padding-inline:0;border-radius:0}.games .gl{font-family:var(--font-display);font-size:38px;font-weight:700;line-height:1;letter-spacing:-.04em}.games .gi{min-width:0}.games .gi .game-name{display:block;font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.games .gi small{color:var(--txt3);font-size:13.5px}.games .st{display:flex;gap:4px}.games .st span{height:28px;padding-inline:10px;display:grid;grid-auto-flow:column;align-items:center;gap:6px;font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--txt3);border-radius:var(--r-sm)}.games .st span .preset{padding:0;font-family:var(--font-body);font-size:10px;font-weight:600;text-transform:uppercase;color:#111827}.games .st span.s1{background:var(--warning);border-color:var(--warning);color:#1a1200}.games .st span.s1 span{color:#1a1200}.games .st span.s2{background:var(--success);border-color:var(--success);color:#04140b}.games .st span.s2 span{color:#1a1200}.games .st span.s3{background:var(--danger);border-color:var(--danger);color:#2b0602}.games .st span.s3 span{color:#1a1200}.games .gr{text-align:right;font-weight:600;font-size:14.5px;font-family:var(--font-mono)}.games .grade-s{color:var(--acc-bright)}.games .grade-a{color:var(--success)}.games .grade-b{color:#a3e635}.games .grade-c{color:var(--warning)}.games .grade-d{color:#fb923c}.games .grade-f{color:var(--danger)}@media(max-width:620px){.games .st{display:none}}.games .modal-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#04040ab8;backdrop-filter:blur(4px);padding:20px}.games .modal-panel{width:min(92vw,580px);max-height:86vh;overflow-y:auto;background:var(--panel);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);padding:26px 28px 24px}.games .modal-panel h4{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--txt3);margin:24px 0 10px}.games .modal-panel .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.games .modal-panel .modal-head h3{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.03em;margin:0}.games .modal-panel .modal-head .modal-close{flex:none;background:none;border:0;color:var(--txt3);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:var(--r-sm);transition:color var(--t-fast),background var(--t-fast)}.games .modal-panel .modal-head .modal-close:hover{color:var(--txt);background:var(--acc-dim)}.games .modal-panel .modal-genres{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.games .modal-panel .modal-genres .modal-chip{font-size:12.5px;font-weight:500;padding:4px 10px;border-radius:999px;border:1px solid var(--acc-line);color:var(--acc-bright);background:var(--acc-dim)}.games .modal-panel .modal-build{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.games .modal-panel .modal-build .gl{font-size:30px}.games .modal-panel .modal-build .modal-tier{font-weight:600;color:var(--txt2)}.games .modal-panel .modal-build .modal-avg{font-family:var(--font-mono);font-size:13px;color:var(--txt2)}.games .modal-panel .modal-reqs{display:flex;flex-wrap:wrap;gap:4px 28px}.games .modal-panel .modal-reqs .req-group{min-width:200px;flex:1 1 260px}.games .modal-panel .modal-reqs .req-group .req-label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--txt3);margin-bottom:2px}.games .modal-panel .modal-reqs .req-group .req-line{display:block;font-size:13.5px;color:var(--txt2);padding:1px 0;overflow-wrap:anywhere}.games .modal-panel .modal-hw{display:flex;flex-direction:column;gap:8px}.games .modal-panel .modal-hw .hw-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:13.5px}.games .modal-panel .modal-hw .hw-row .hw-label{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--txt3)}.games .modal-panel .modal-hw .hw-row .hw-yours{color:var(--txt);font-weight:600}.games .modal-panel .modal-hw .hw-row .hw-mark{margin-left:auto;font-size:12.5px;font-weight:600}.games .modal-panel .modal-hw .hw-row .hw-mark.ok{color:var(--success)}.games .modal-panel .modal-hw .hw-row .hw-mark.warn{color:var(--warning)}.games .modal-panel .modal-limiter{margin:0;font-size:15px;color:var(--txt2);line-height:1.5;border-left:2px solid var(--acc-line);padding-left:12px}.site-footer{border-top:1px solid color-mix(in srgb,var(--txt) 30%,transparent);padding:15px 0;text-align:center;color:var(--txt2)}.site-footer .flex-container{justify-content:center;display:flex;gap:.8rem;align-items:center}.site-footer .profile-link{color:var(--acc-bright);text-decoration:none;font-family:var(--font-display);font-weight:500;transition:color var(--t-fast)}.site-footer .profile-link:hover{color:var(--txt);text-decoration:underline;text-underline-offset:3px}.site-footer .nav-icon{display:inline-flex;transition:transform var(--t-fast)}.site-footer .nav-icon svg{color:var(--txt);transition:color var(--t-fast)}.site-footer .nav-icon:hover svg{color:var(--acc-bright)}