:root,html[data-theme]{--bg-0:#09090d;--bg-1:#101015;--bg-2:#18181f;--bg-3:#202028;--ink:#f1f0f4;--muted:#aaa8b4;--dim:#9b97a8;--line:#303039;--line-2:#51515f;--panel:#13131b;--panel-2:#1b1823;--orange:#caff35;--orange-2:#caff35;--orange-d:#9ec427;--accent:#caff35;--accent-2:#caff35;--glow:transparent;--bg-final:#09090d;--radius:0;--radius-lg:0;--shadow:none}
body{background:#09090d;color:#f1f0f4}body::before{background:none}::selection{background:#caff35;color:#09090d}.top,.site-header,html[data-theme] .site-header{background:#09090deb!important;border-bottom:1px solid #ffffff26!important}.top-in{height:83px}.atelier-brand,.brand,.top-nav>a,.top-nav .nav-group>a,.site-header .nav-link{color:#f1f0f4!important}.atelier-brand svg path[stroke]{stroke:#09090d}.top-nav .nav-menu,.site-header .nav-menu{background:#15151c!important}.nav-menu a,.site-header .nav-menu a{color:#f1f0f4!important}.btn,.site-header .nav-cta{border-radius:0!important;letter-spacing:-.02em}.btn--primary,.site-header .nav-cta{background:#caff35!important;color:#10110a!important;border:1px solid #caff35!important;box-shadow:none!important}.btn--primary:hover,.site-header .nav-cta:hover{background:#e0ff8b!important;box-shadow:0 0 30px #caff3530!important}.btn--ghost{color:#f1f0f4;border-color:#63606e}.btn--ghost:hover{background:#25232d}.nav-toggle span{background:#f1f0f4}.eyebrow{color:#caff35}.g{color:#caff35!important}.top-nav a:hover{background:#ffffff0d}.theme-menu{background:#191820}.theme-choice{color:#f1f0f4}.foot .atelier-brand{color:#f1f0f4}
.rift{height:max(820px,100svh);max-height:1200px;position:relative;overflow:hidden;isolation:isolate;background:#09090d;padding:120px 4.6vw 0}.rift::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 67% 40%,#40205730,transparent 52%)}.rift-meta{display:flex;justify-content:space-between;position:relative;z-index:4;font:10px var(--f-mono);letter-spacing:.13em;color:#b7b2c5}.rift-meta i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#caff35;margin-right:10px;box-shadow:0 0 15px #caff35}.rift-type{position:absolute;left:4.4vw;top:23%;z-index:2;pointer-events:none}.rift h1{font-size:clamp(90px,11.7vw,185px);font-weight:700;line-height:.78;letter-spacing:-.085em;color:#f1f0f4}.rift h1 em{display:inline-block;margin-top:.12em;font-style:normal;color:#caff35;font-size:.83em;letter-spacing:-.078em}.rift-stage{position:absolute;left:27%;top:4%;width:78%;height:91%;z-index:3;pointer-events:none;filter:drop-shadow(0 0 35px #915dff19)}.rift-stage canvas{display:block;width:100%;height:100%}.rift-halo{position:absolute;left:43%;top:18%;width:44vw;height:44vw;border-radius:50%;background:#791aff;filter:blur(100px);opacity:.13;z-index:0;transition:opacity 1s}.rift.chaos .rift-halo{opacity:.28}.rift-grid{position:absolute;inset:48% -20% -80%;background-image:linear-gradient(#8178891c 1px,transparent 1px),linear-gradient(90deg,#8178891c 1px,transparent 1px);background-size:65px 65px;transform:perspective(600px) rotateX(65deg);mask-image:linear-gradient(transparent,#000);z-index:1}.rift-coordinate{position:absolute;right:4.6vw;top:25%;color:#af9bc8;font:9px/1.8 var(--f-mono);letter-spacing:.12em;z-index:4;writing-mode:vertical-rl}.rift-note{position:absolute;right:5%;bottom:13%;z-index:4;max-width:365px}.rift-note p{font-size:13px;line-height:1.8;color:#c2bdce;margin:13px 0 20px}.rift-spark{font-size:44px;line-height:1;color:#caff35}.rift-note .btn{font-size:12px;gap:35px;padding:16px 20px}.rift-bottom{position:absolute;bottom:24px;left:4.6%;right:4.6%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5;border-top:1px solid #ffffff29;padding-top:19px;font:10px var(--f-mono);letter-spacing:.08em}.rift-bottom>a{display:flex;gap:42px;align-items:center}.rift-bottom>a span{font-size:22px}.rift-actions{display:flex;gap:18px;align-items:center}.rift-state{font-size:8px;color:#b4a8c4}.chaos-button,.motion-button{background:#ffffff07;border:1px solid #6b6377;color:#f1f0f4;font:10px var(--f-mono);padding:12px 16px}.chaos-button:hover,.motion-button:hover{border-color:#caff35;color:#caff35}.chaos-button[aria-pressed=true]{background:#caff35;color:#10110a;border-color:#caff35}.motion-button{width:40px;padding:12px 0}.rift button[hidden]{display:none}.rift-fallback{position:absolute;inset:22%;transform:rotate(-25deg)}.rift-fallback span{position:absolute;inset:0;border:38px solid #b8a2e9;border-radius:50%;box-shadow:inset 15px 7px 0 #382748,12px 5px 0 #e1d9ff;transform:rotateY(45deg)}.rift-fallback span:nth-child(2){transform:rotate(60deg) rotateY(45deg)}.rift-fallback span:nth-child(3){transform:rotate(120deg) rotateY(45deg);border-color:#caff35}.rift-stage.rendered .rift-fallback{display:none}.rift-ticker{background:#caff35;color:#0c1004;overflow:hidden;padding:18px 0;font:600 20px var(--f-display);letter-spacing:-.04em;transform:rotate(-2deg);width:102%;margin:0 -1%;position:relative;z-index:6;border-block:1px solid #caff35}.rift-ticker>div{width:max-content;animation:riftTicker 38s linear infinite}.rift-ticker b{padding:0 32px}@keyframes riftTicker{to{transform:translateX(-50%)}}
.livebar{background:#0f0f14;border-color:#34303b;margin-top:20px}.livebar .stat-n{color:#f1f0f4;font-size:40px}.livebar .stat-l{color:#a9a5b3}.sec{padding-block:110px}.sec-head h2{font-weight:600;letter-spacing:-.065em;font-size:clamp(44px,6vw,90px);line-height:.95}.sec-head h2 em{font-family:Georgia,serif;font-weight:400;color:#b397e5}.sec-head .lead{color:#aaa8b4}.mods{grid-template-columns:repeat(3,1fr);border-color:#34303b}.mod{border-color:#34303b;padding:35px;min-height:285px}.mod:hover{background:#1e1829!important}.mod h3{color:#f1f0f4;font-size:28px}.mod::after{color:#746482;font-size:13px}.mod-glyph{color:#caff35}.mod p,.mod-more p{color:#aaa8b4}.mod-more p{color:#b398d5}.mod-glyph svg{filter:drop-shadow(0 0 10px #caff3522)}
#work{background:#121016;border-color:#34303b}.holos{gap:30px}.holo{background:#19151f;border:1px solid #403648}.holo:hover{background:#211a2c;border-color:#b590f2;box-shadow:0 0 30px #7b3fbe15;transform:translateY(-5px)}.holo-art{height:auto;aspect-ratio:16/9;filter:none;background:#0d0b12}.holo-art svg{filter:hue-rotate(22deg) saturate(1.5)}.holo-cap{padding:27px}.holo-cap h3{font-size:30px}.holo-cap p{color:#aaa8b4}.holo-tags .tag{border-color:#4e4158;color:#c3b5d0}.holo-open{background:#caff35;color:#141808;padding:9px 13px}.work-note{color:#aaa8b4}.work-note a{color:#caff35}.arcade{background:#b4a0da!important;color:#15111d;--ink:#15111d;--muted:#4e415f;--line:#8f7dac;--orange-2:#251a34}.arcade .eyebrow{color:#362247}.arcade .sec-head h2 em{color:#f4edff}.arcade .sec-head .lead{color:#42324e}.arcade .game,.arcade .idcard{background:#a68ccb;border:1px solid #816497}.game-art{filter:none}.arcade .game-body h3{color:#1a1122}.arcade .game-body p{color:#392848}.arcade .game-tag,.arcade .game-go{color:#29123b}.arcade .idcard-body p{color:#392848}.arcade .idcard .eyebrow{color:#29123b}.arcade .idcard-mark{color:#352344}.arcade .btn--ghost{color:#23162f;border-color:#6e4c87}.arcade .btn--ghost:hover{background:#bea8dc}.arcade .idcard-feats span{color:#33213f;border-color:#7c5c94}.diff,.sec#process{background:#09090d}.stackcard{background:#16131c;border-color:#3c3347}.stackcard-head{background:#23192e}.stackcard-live{color:#caff35}.stacklist b{color:#ece8f2}.stacklist span,.diff-list p{color:#aaa8b4}.pnode i,.pipe.flow .pnode i{background:#231b2c;color:#caff35;border-color:#5b416a}.pnode p{color:#aaa8b4}.final{background:#caff35;color:#141a05;padding-block:110px}.final .eyebrow{color:#344308}.final .lead{color:#405016}.final-in h2{font-size:clamp(48px,7vw,104px);line-height:.97;font-weight:600;letter-spacing:-.065em;max-width:1150px}.final .btn--primary{background:#121806!important;color:#d6ff75!important;border-color:#121806!important}.final .btn--ghost{color:#1a2208;border-color:#647b2c}.foot{background:#09090d}.foot h4{color:#caff35}.foot a,.foot-brand p{color:#aaa8b4}.foot a:hover{color:#caff35}.foot-bottom{color:#9b97a8}.foot-grants{background:#131119}.cookie{background:#19171f;border-color:#45404f;box-shadow:none}.cookie p{color:#c4bece}.cookie a{color:#caff35}.cookie .btn--ghost{color:#f1f0f4}.page-hero,.banner{background:#14111b!important;color:#f1f0f4}.page-hero h1,.banner h1{color:#f1f0f4}.page-hero .lead,.banner .lead{color:#aaa8b4}.fact,.srv,.faq-item,.bot-item,.streamer,.card,.panel{background:#19161f;color:#f1f0f4;border-color:#403746}.card h3{color:#f1f0f4}.scene-stage{background:#21182d!important;border-color:#4f3e62}.kv dd{color:#f1f0f4}.kv dt{color:#caff35}.pill,.tag,.chip{color:#bdb1ca;border-color:#51445d}.theme-choice{color:#f1f0f4}.theme-menu{background:#19151f}.scene-stage .scene-caption{background:#21182d;color:#f1f0f4}input,textarea,select{background:#100e15!important;color:#f1f0f4!important;border-color:#6b5c7d!important}.form-status.ok{color:#bce37b}.form-status.err{color:#ff9696}.srv-state.up{color:#bce37b}.srv-state.warn{color:#f5d683}.srv-state.down{color:#ff9696}
@media(min-width:1500px){.rift-stage{left:32%;width:69%}.rift-type{top:23%}}
@media(max-width:1100px){.rift{height:850px}.rift h1{font-size:12.6vw}.rift-type{top:28%}.rift-stage{left:18%;width:90%;top:1%;height:88%}.rift-note{bottom:14%}.rift-state{display:none}.top-nav{gap:1px}}
@media(max-width:900px){.top-nav,.site-header .nav-links{background:#131018!important}.site-header .nav-menu{background:#21192b!important}.mods{grid-template-columns:repeat(2,1fr)}.rift{height:950px}.rift-type{top:19%;z-index:4}.rift-stage{top:13%;left:14%;width:92%;height:68%}.rift-note{bottom:13%;left:5%;right:auto;display:flex;flex-wrap:wrap;gap:0 15px;align-items:center;max-width:500px}.rift-note p{flex:1}.rift-note .btn{margin-top:10px}.rift-meta span:last-child{display:none}.rift-coordinate{top:18%}.rift h1{font-size:14vw}.rift-bottom{font-size:9px}.sec{padding-block:75px}}
@media(max-width:600px){.top-in{height:76px}.rift{height:920px;max-height:none;padding-top:100px}.rift-meta{font-size:8px}.rift-type{top:17%;left:5%}.rift h1{font-size:18.5vw;line-height:.83}.rift h1 em{font-size:.76em}.rift-stage{left:-14%;width:133%;height:56%;top:23%}.rift-halo{left:15%;top:26%;width:85vw;height:100vw}.rift-note{bottom:13%;left:5%;right:5%;gap:0 15px}.rift-note p{font-size:12px;line-height:1.7}.rift-note .btn{width:100%;justify-content:space-between;font-size:11px;margin-top:6px}.rift-spark{font-size:32px}.rift-coordinate{display:none}.rift-bottom{bottom:19px;left:5%;right:5%;gap:10px;padding-top:18px}.rift-bottom>a{gap:12px;font-size:8px}.rift-actions{gap:6px}.chaos-button{font-size:8px;padding:12px 9px}.motion-button{width:32px}.rift-ticker{font-size:16px;padding-block:13px}.livebar .stat-n{font-size:30px}.mods{grid-template-columns:1fr}.mod{min-height:0}.sec-head h2{font-size:42px}.final-in h2{font-size:49px}.holo-cap h3{font-size:25px}.rift .rift-fallback{inset:30%}.rift-fallback span{border-width:22px}}
@media(prefers-reduced-motion:reduce){.rift-ticker>div{animation:none}.rift-halo{transition:none}}
.rift{overflow:clip}.rift-type{z-index:4}.rift-note p{text-shadow:0 2px 8px #09090d,0 0 20px #09090d}.rift-note{background:radial-gradient(ellipse at center,#09090d99,transparent 75%)}
.rift-ticker{width:100%;margin-inline:0;transform:skewY(-2deg)}
.rift-grid{inset:48% -20% auto;height:100%;transform:perspective(1000px) rotateX(55deg);transform-origin:50% 0}