@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fragment+Mono&family=Caveat:wght@500;700&display=swap";:root{--bg:#0d0d0d;--fg:#fff;--fg-mute:#ffffffb3;--fg-dim:#ffffff80;--line:#ffffff26;--accent:#a8c7ff;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--mono:"Fragment Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--script:"Caveat", "Brush Script MT", cursive;--max:1600px;--pad-x:16px;--section-y:clamp(80px, 10vw, 160px);--hero-size:clamp(22px, 2.8vw, 40px);--display:clamp(40px, 5vw, 70px);--huge:clamp(44px, 7.2vw, 112px);--body:18px;--ease:cubic-bezier(.2, .7, .2, 1)}[data-density=compact]{--section-y:clamp(56px, 7vw, 110px)}[data-density=airy]{--section-y:clamp(120px, 14vw, 220px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0}body{font-family:var(--sans);font-size:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;line-height:1.2;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}a{color:inherit;transition:opacity .25s var(--ease), color .25s var(--ease);text-decoration:none}a:hover{opacity:.7}.wrap{max-width:var(--max);padding-inline:var(--pad-x);margin-inline:auto}.fx-bg{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#4654aa38,#0d0d0dcc 48%,#08080c 100%);position:fixed;inset:0;overflow:hidden}.fx-bg-ogl,.fx-bg-psy{width:100%;height:100%;position:absolute;inset:0}.fx-bg-ogl canvas{display:block;width:100%!important;height:100%!important}.fx-bg-three{opacity:.35;mix-blend-mode:screen;filter:saturate(1.2)hue-rotate(-5deg);position:absolute;inset:-4%;overflow:hidden}.fx-bg-three canvas{display:block;width:100%!important;height:100%!important}.fx-bg-psy{mix-blend-mode:screen;opacity:1}nav.top,.hero,.panels,.about,.work-sect,.index-sect,.blog-sect,.cta,footer{z-index:1;position:relative}nav.top{z-index:50;padding:22px var(--pad-x);background:0 0;position:fixed;top:0;left:0;right:0}nav.top .inner{max-width:var(--max);color:#fff;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-inline:auto;display:grid}nav.top .brand{letter-spacing:-.025em;font-size:28px;font-weight:700;line-height:1}nav.top .brand .reg{vertical-align:super;opacity:.85;font-size:.55em}nav.top ul{justify-content:center;gap:34px;margin:0;padding:0;font-size:18px;font-weight:500;list-style:none;display:flex}nav.top .right{justify-content:flex-end;align-items:center;gap:18px;font-size:18px;font-weight:500;display:flex}.hero{height:100vh;min-height:640px;position:relative;overflow:hidden}.hero .hero-pattern{opacity:1;background:url(/assets/first%20page-DPpdkgcK.svg) 50%/100% no-repeat;position:absolute;inset:0}.hero .bg{background:#000;position:absolute;inset:0}.hero .ph-tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;background:#0d0d0d8c;border:1px dashed #ffffff38;border-radius:6px;padding:6px 12px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero .copy{z-index:1;padding-inline:var(--pad-x);max-width:var(--max);grid-template-columns:1fr auto;align-items:end;gap:24px;margin-inline:auto;display:grid;position:absolute;bottom:36px;left:0;right:0}.hero h1{font-weight:400;font-size:var(--hero-size);letter-spacing:-.04em;color:var(--accent);text-wrap:balance;max-width:22ch;margin:0;line-height:1.05}.hero h1 .line{display:block;overflow:hidden}.hero h1 .line .inner{display:inline-block}.hero h1 .line.in .inner{animation:1s cubic-bezier(.22,.7,.18,1) forwards heroLineIn}.hero h1 .line:first-child .inner{animation-delay:50ms}.hero h1 .line:nth-child(2) .inner{animation-delay:.2s}.hero h1 .line:nth-child(3) .inner{animation-delay:.34s}@keyframes heroLineIn{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}.hero .scroll{font-size:18px;font-weight:500}.hero .scroll .par{color:var(--fg-dim)}.panel{color:#fff;isolation:isolate;height:100vh;min-height:640px;position:sticky;top:0;overflow:hidden}.panel .pbg{z-index:0;position:absolute;inset:0}.panel .label{letter-spacing:-.05em;z-index:2;text-shadow:0 2px 24px #0000008c;font-size:clamp(72px,12vw,200px);font-weight:600;line-height:.85;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.panel .name{letter-spacing:-.04em;z-index:2;text-align:right;text-shadow:0 2px 16px #0000008c;font-size:clamp(40px,6vw,96px);font-weight:600;line-height:.95;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.panel .ph-tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#fff9;z-index:1;background:#00000073;border:1px dashed #ffffff40;border-radius:6px;padding:6px 12px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel.p1 .pbg{background:radial-gradient(120% 70% at 30% 30%,#6dd9a8 0%,#2c8b6a 35%,#14503b 70%,#0a2c22 100%),#12211c}.panel.p1 .pbg:after{content:"";mix-blend-mode:overlay;background:radial-gradient(60% 40% at 70% 75%,#ffffff2e,#0000 60%),radial-gradient(40% 30% at 20% 80%,#0000004d,#0000 60%);position:absolute;inset:0}.panel.p1 .script{font-family:var(--script);color:#0e3326;text-shadow:0 1px #ffffff2e;z-index:1;font-size:clamp(80px,13vw,220px);font-weight:700;line-height:.9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.panel.p2 .pbg{background:radial-gradient(80% 60%,#1a2a52 0%,#0e173a 60%,#06092a 100%)}.panel.p2 .pbg .grid{background-image:radial-gradient(#ffffff1a 1px,#0000 1.5px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 40%,#0000 90%);mask-image:radial-gradient(70% 60%,#000 40%,#0000 90%)}.panel.p2 .pbg svg{width:100%;height:50%;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.panel.p3 .pbg{background:linear-gradient(#2a1430 0%,#6a2645 18%,#c45d3e 40%,#f0a04a 55%,#6a3526 75%,#20131a 100%)}.panel.p4 .pbg{background:radial-gradient(80% 60% at 30% 30%,#2a3aa8 0%,#131a5c 50%,#06082a 100%)}.panel.p5 .pbg{background:radial-gradient(80% 80% at 50% 80%,#4a1419 0%,#2a0c10 40%,#100406 100%),#0a0306}.about{z-index:2;background:#0d0d0d85;padding-block:clamp(140px,20vw,260px);position:relative}.about p{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(36px,6vw,88px);font-weight:500;line-height:1.02}.about p .w{color:#ffffff2e;transition:color .3s var(--ease)}.about p .w.lit{color:#fff}.work-sect,.index-sect{padding-block:var(--section-y);background:#0d0d0d80}.work-head{grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:56px;display:grid}.work-head h2,.index-sect h2{font-weight:500;font-size:var(--display);letter-spacing:-.035em;margin:0;line-height:1}.work-head .label{font-family:var(--mono);color:var(--fg-dim);font-size:13px}.work-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.card .thumb{aspect-ratio:4/3;border:1px solid var(--line);background:#15171b;position:relative;overflow:hidden}.card .thumb .img{background:repeating-linear-gradient(var(--ang,135deg), #ffffff0d 0 14px, #fff0 14px 28px), radial-gradient(65% 80% at 50% 50%, var(--c1,#262830) 0%, var(--c2,#15171b) 75%);transition:transform .9s var(--ease), filter .6s var(--ease);position:absolute;inset:0;transform:scale(1.02)}.card .thumb .img:after{content:attr(data-label);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;background:#0d0d0d99;border:1px dashed #fff3;border-radius:6px;padding:6px 10px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card .pill{opacity:0;transition:opacity .35s var(--ease), transform .45s var(--ease);background:#0d0d0d;border:1px solid #ffffff26;border-radius:999px;padding:14px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92)}.card:hover .thumb .img{filter:brightness(.85);transform:scale(1.06)}.card:hover .pill{opacity:1;transform:translate(-50%,-50%)scale(1)}.card .meta{justify-content:space-between;align-items:flex-end;gap:24px;padding:18px 2px 0;display:flex}.card .meta .t{font-size:clamp(20px,1.7vw,26px);font-weight:500}.card .meta .c,.card .meta .yr,.index-row .p-client,.index-row .p-cat,.index-row .p-yr{color:var(--fg-dim)}.index-top{justify-content:center;margin-bottom:48px;display:flex}.index-top a{border-bottom:1px solid #fff;padding-bottom:4px;font-size:18px}.index-sect h2{margin-bottom:32px}.index-table{border-top:1px solid var(--line)}.index-row{border-bottom:1px solid var(--line);transition:background .25s var(--ease), padding .25s var(--ease);grid-template-columns:1.4fr 1.2fr 1.4fr 80px 28px;align-items:center;gap:24px;padding:22px 4px;display:grid}.index-row:hover{background:#ffffff0a;padding-left:14px}.index-row .p-name{font-size:clamp(20px,1.6vw,24px);font-weight:500}.index-row .p-arr{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.cta{background:#0d0d0d73;padding:clamp(120px,18vw,240px) 0 clamp(40px,6vw,80px)}.cta h2{font-weight:500;font-size:var(--huge);letter-spacing:-.045em;max-width:14ch;margin:0;line-height:.94}footer{padding:40px var(--pad-x) 32px;border-top:1px solid var(--line);background:#0d0d0db3}footer .ftr-inner{max-width:var(--max);margin-inline:auto}footer .cols{grid-template-columns:repeat(3,1fr);gap:32px;padding-bottom:56px;display:grid}footer .col .h{color:var(--fg-dim);font-family:var(--mono);margin-bottom:16px;font-size:13px}footer .col a{padding:4px 0;font-size:18px;font-weight:500;display:block}footer .word{letter-spacing:-.05em;font-size:clamp(64px,11.5vw,176px);font-weight:700;line-height:.9}footer .word .reg{vertical-align:super;font-size:.45em}footer .baseline{color:var(--fg-dim);justify-content:space-between;align-items:flex-end;margin-top:8px;font-size:13px;display:flex}.about-more{border-bottom:1px solid #fff;margin-top:clamp(40px,5vw,72px);padding-bottom:4px;font-size:18px;font-weight:500;display:inline-block}.blog-sect{padding-block:var(--section-y);background:#0d0d0d}.blog-head{margin-bottom:56px}.blog-head h2{font-weight:500;font-size:var(--display);letter-spacing:-.035em;margin:0 0 16px;line-height:1}.blog-sub{color:var(--fg-mute);max-width:52ch;margin:0;font-size:18px;line-height:1.5}.blog-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.blog-card-inner{color:inherit;text-decoration:none;display:block}.blog-thumb{aspect-ratio:16/10;border:1px solid var(--line);transition:opacity .35s var(--ease);background:radial-gradient(at 40% 40%,#3c378c40 0%,#15171b 70%);margin-bottom:20px;overflow:hidden}.blog-card:hover .blog-thumb{opacity:.8}.blog-date{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:10px;font-size:12px;display:block}.blog-title{letter-spacing:-.02em;transition:color .25s var(--ease);margin:0 0 10px;font-size:clamp(18px,1.5vw,22px);font-weight:500;line-height:1.2}.blog-card:hover .blog-title{color:var(--accent)}.blog-excerpt{color:var(--fg-mute);margin:0 0 14px;font-size:15px;line-height:1.55}.blog-read{color:var(--fg-dim);transition:color .25s var(--ease);font-size:14px;font-weight:500}.blog-card:hover .blog-read{color:#fff}.playground-grid{grid-template-columns:300px 1fr;align-items:start;gap:48px;display:grid}.playground-game-card{grid-column:1}.playground-canvas-frame{aspect-ratio:1/2;background:#08090b;border:1px solid #ffffff40;margin-bottom:16px;position:relative;overflow:hidden}.playground-canvas-frame canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:block}.playground-overlay{z-index:10;background:#08090beb;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.playground-overlay-eyebrow{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:-8px;font-size:11px}.playground-overlay-copy{letter-spacing:-.03em;color:var(--accent);font-size:clamp(24px,4vw,40px);font-weight:600}.playground-overlay-button{background:var(--accent);color:#0d0d0d;cursor:pointer;transition:opacity .2s var(--ease), transform .2s var(--ease);border:none;border-radius:4px;padding:11px 28px;font-size:15px;font-weight:600}.playground-overlay-button:hover{opacity:.85;transform:scale(1.04)}.playground-overlay-button:active{transform:scale(.97)}.playground-overlay-button--ghost{color:var(--accent);border:1px solid var(--accent);background:0 0}.playground-overlay-button--ghost:hover{opacity:1;background:#a8c7ff1a}.playground-overlay--flash{pointer-events:none;background:#08090bb3}.playground-username-input{width:100%;max-width:200px;color:var(--fg);font-family:var(--sans);transition:border-color .2s var(--ease), background .2s var(--ease);background:#ffffff14;border:1px solid #a8c7ff80;border-radius:4px;margin:12px 0;padding:10px 12px;font-size:14px}.playground-username-input::placeholder{color:var(--fg-dim)}.playground-username-input:focus{border-color:var(--accent);background:#a8c7ff1f;outline:none}.playground-controls{gap:10px;display:grid}.playground-control-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.playground-control-row button{color:var(--fg);font-family:var(--mono);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);background:#1e2128;border:1px solid #ffffff40;border-radius:4px;padding:10px 6px;font-size:13px}.playground-control-row button:hover{border-color:var(--accent);color:var(--accent);background:#a8c7ff12}.playground-control-row button:active{background:#a8c7ff26}.playground-panel{grid-column:2;grid-template-columns:1fr 1fr;align-content:start;gap:14px;display:grid}.playground-panel .card{background:#1e2128;border:1px solid #ffffff40;align-items:center;padding:22px 24px;display:flex}.playground-panel .card .meta{width:100%;padding:0}.playground-panel .card .meta .t{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute);font-size:11px}.playground-panel .card .meta .c{letter-spacing:-.03em;color:var(--accent);margin-top:10px;font-size:clamp(28px,3.5vw,48px);font-weight:600}.playground-preview-card{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:22px 24px;display:flex}.playground-preview-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);text-align:center;width:100%;margin-bottom:16px;font-size:11px}.playground-preview-card canvas{aspect-ratio:1;width:100%;max-width:120px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.playground-instructions{border-top:1px solid var(--line);gap:7px;margin:14px 0 0;padding-top:14px;display:grid}.playground-instructions div{font-family:var(--mono);align-items:center;gap:12px;font-size:12px;display:flex}.playground-instructions dt{color:var(--accent);text-align:center;letter-spacing:.04em;background:#a8c7ff1f;border:1px solid #ffffff40;border-radius:3px;min-width:58px;padding:2px 8px;font-size:11px}.playground-instructions dd{color:var(--fg-mute);margin:0}.playground-announcer{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.leaders-section{padding-block:var(--section-y);background:#0d0d0d}.leaders-section h2{font-weight:500;font-size:var(--display);letter-spacing:-.035em;margin:0 0 48px;line-height:1}.leaders-container{max-width:900px;margin:0 auto}.no-scores{text-align:center;border:1px solid var(--line);background:#a8c7ff08;border-radius:8px;padding:48px 32px}.no-scores p{color:var(--fg-mute);margin:0;font-size:18px;line-height:1.5}.leaders-table{border:1px solid var(--line);background:#a8c7ff05;border-radius:8px;overflow:hidden}.leaders-header{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);background:#a8c7ff14;grid-template-columns:60px 1fr 1fr 80px 80px 100px;gap:20px;padding:16px 24px;font-size:11px;font-weight:500;display:grid}.leader-row{border-bottom:1px solid var(--line);transition:background .2s var(--ease);grid-template-columns:60px 1fr 1fr 80px 80px 100px;align-items:center;gap:20px;padding:16px 24px;display:grid}.leader-row:last-child{border-bottom:none}.leader-row:hover{background:#a8c7ff0d}.leader-row--top{background:#a8c7ff1f}.leader-row--top:hover{background:#a8c7ff2e}.leader-row .rank{font-family:var(--mono);color:var(--accent);font-size:12px;font-weight:600}.leader-row--top .rank{font-size:18px}.leader-row .name{color:var(--fg);font-size:15px;font-weight:500}.leader-row .score{letter-spacing:-.02em;color:var(--fg);font-size:clamp(16px,1.5vw,18px);font-weight:600}.leader-row .level,.leader-row .lines{text-align:center;color:var(--fg-mute);font-size:16px;font-weight:500}.leader-row .date{text-align:right;font-family:var(--mono);color:var(--fg-dim);font-size:12px}@media (width<=768px){.leaders-header,.leader-row{grid-template-columns:50px 1fr 70px;gap:12px;padding:12px 16px}.leaders-header{font-size:10px}.leader-row .level,.leader-row .lines,.leaders-header .level,.leaders-header .lines{display:none}}@media (width<=600px){.leaders-header,.leader-row{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.leader-row .rank,.leader-row .name{grid-column:1}.leader-row .score{text-align:right;grid-column:2}.leader-row .date{text-align:left;border-top:1px solid #ffffff1a;grid-column:1/-1;padding-top:4px}.leaders-header .rank,.leaders-header .name{grid-column:1}.leaders-header .score{text-align:right;grid-column:2}.leaders-header .date{text-align:left;border-top:1px solid #ffffff1a;grid-column:1/-1;padding-top:4px}.leaders-header .level,.leaders-header .lines{display:none}}@media (width<=900px){.playground-grid{grid-template-columns:1fr;gap:24px}.playground-game-card{grid-column:1}.playground-canvas-frame{max-width:300px;margin-inline:auto}.playground-panel{grid-column:1;grid-template-columns:repeat(4,1fr)}.playground-preview-card{grid-column:1/-1}}@media (width<=600px){.playground-panel{grid-template-columns:1fr 1fr}.playground-preview-card{grid-column:1/-1}.playground-control-row button{padding:9px 4px;font-size:12px}}@media (width<=810px){nav.top ul{display:none}nav.top .inner{grid-template-columns:1fr auto}nav.top .brand{font-size:22px}nav.top .right{gap:12px;font-size:15px}.hero .copy{grid-template-columns:1fr;gap:12px}.work-grid{grid-template-columns:1fr;gap:22px}.work-head{grid-template-columns:1fr}.index-row{grid-template-columns:1fr 60px 28px}.index-row .p-client,.index-row .p-cat{display:none}footer .cols{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr;gap:40px}}