@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";:root{--black:#080606;--ink:#12090a;--deep-red:#35070d;--red:#d30922;--hot:#ff283a;--gold:#f4a62a;--ivory:#f1e5d5;--muted:#b8a8a1;--line:#f1e5d52b;color:var(--ivory);background:var(--black);font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.nav{z-index:5;border-bottom:1px solid var(--line);background:linear-gradient(#080606b8,#0000);align-items:center;width:100%;height:82px;padding:0 5.5vw;display:flex;position:absolute;top:0}.brand{letter-spacing:-1.3px;font-size:21px;font-weight:800}.brand span{color:var(--gold)}nav{gap:28px;margin:auto;display:flex}nav a,.nav-discord,.kicker{letter-spacing:1.2px;font:500 10px DM Mono}nav a{transition:all .2s}nav a:hover,nav a.active{color:var(--gold)}.nav-discord{border-bottom:1px solid var(--gold);padding:9px 0}.nav-discord span{color:var(--gold);font-size:15px}.menu{display:none}.hero{background:radial-gradient(circle at 77% 46%,#d009224d,#0000 21%),radial-gradient(circle at 58% 82%,#f4a62a1c,#0000 20%),linear-gradient(120deg,#080606 6%,#16070a 55%,#080606);align-items:center;height:100vh;min-height:750px;padding:100px 12vw;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.62;background:repeating-linear-gradient(112deg,#0000 0 56px,#ff283a1c 57px 58px),linear-gradient(90deg,#080606 4%,#0000 60%);position:absolute;inset:0}.grid-noise{opacity:.33;background-image:linear-gradient(#f1e5d50d 1px,#0000 1px),linear-gradient(90deg,#f1e5d50d 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.hero:after{content:"";z-index:0;aspect-ratio:1;filter:drop-shadow(0 0 28px #d9092252);opacity:.94;background:url(/assets/oni-v-logo.png) 50%/contain no-repeat;width:min(52vw,720px);position:absolute;bottom:-10%;right:3vw}.hero-content{z-index:1;max-width:720px;position:relative}.kicker{color:var(--gold);margin:0 0 20px}h1,h2,h3,p{margin-top:0}.hero h1,.page-intro h1{letter-spacing:-6px;margin:0 0 28px;font-size:clamp(51px,8.4vw,126px);font-weight:800;line-height:.87}.hero h1 span,.page-intro h1 span{color:var(--hot);font-weight:500}.hero-text{color:#dfd0c5;max-width:450px;margin-bottom:34px;font-size:16px;line-height:1.75}.hero-actions{gap:13px;display:flex}.button{border:1px solid var(--line);cursor:pointer;letter-spacing:1px;align-items:center;gap:30px;padding:16px 19px;font:600 10px DM Mono;transition:all .2s;display:inline-flex}.button b{font-size:16px}.solid{color:#1b0a09;border-color:var(--gold);background:linear-gradient(125deg,#f7bd43,#e7791c);box-shadow:0 8px 22px #f4a62a26}.solid:hover{background:#ffd269;transform:translateY(-2px)}.plain{color:var(--ivory);background:#0806064d}.plain:hover{border-color:var(--gold);color:var(--gold)}.connect-control{flex-direction:column;align-items:flex-start;gap:8px;display:inline-flex}.live-status{letter-spacing:.8px;font:500 9px DM Mono}.live-status:before{content:"";background:#8d7775;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.live-status.online{color:#ffc655}.live-status.online:before{background:#ffc655;box-shadow:0 0 0 4px #ffc6551f}.live-status.offline{color:#ef8d8d}.live-status.offline:before{background:#e2303f}.live-status.waiting{color:#b6a6a0}.server-chip{z-index:2;border:1px solid #f4a62a73;border-left:3px solid var(--red);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080606cc;align-items:center;gap:12px;padding:13px 14px;display:flex;position:absolute;bottom:74px;right:5.5vw}.pulse{background:var(--hot);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #ff283a21}.server-chip div{flex-direction:column;gap:3px;display:flex}.server-chip small{letter-spacing:1px;color:#bda9a0;font:500 8px DM Mono}.server-chip strong{color:var(--gold);font:600 13px DM Mono}.server-chip button{color:var(--ivory);cursor:pointer;background:0 0;border:0;margin-left:15px;font:500 9px DM Mono}.hero-index{letter-spacing:1px;color:#9b817d;align-items:center;gap:12px;font:500 9px DM Mono;display:flex;position:absolute;bottom:39px;left:5.5vw}.hero-index i{background:var(--red);width:36px;height:1px}.home-links{color:var(--ivory);background:#1a0a0d;border-top:1px solid #ff283a40;grid-template-columns:repeat(3,1fr);display:grid}.home-links a{background:linear-gradient(135deg,#0000,#ff283a05);border-right:1px solid #f1e5d51f;flex-direction:column;min-height:180px;padding:30px 9vw;transition:all .25s;display:flex}.home-links span,.systems-page article>span,.rules-list article>span,.donate-grid article>span{color:var(--gold);font:500 10px DM Mono}.home-links strong{letter-spacing:.4px;margin-top:auto;font-size:13px}.home-links b{color:var(--hot);margin-top:8px;font-size:18px}.page-intro{isolation:isolate;background:linear-gradient(115deg,#090606,#24060b);border-bottom:1px solid #ff283a4d;min-height:465px;padding:170px 12vw 75px;position:relative;overflow:hidden}.page-intro:after{content:"";z-index:-1;aspect-ratio:1;opacity:.16;filter:saturate(1.5);background:url(/assets/oni-v-logo.png) 50%/contain no-repeat;width:500px;position:absolute;bottom:-44%;right:-8vw}.page-intro h1{letter-spacing:-5px;font-size:clamp(50px,7vw,102px)}.page-intro>p:last-child{color:#c8b9b1;max-width:480px;margin:0;font-size:15px;line-height:1.8}.content-split{color:#241011;background:#ede0d0;grid-template-columns:1fr .8fr;gap:10vw;padding:105px 12vw 125px;display:grid}.body-copy{color:#533b39;max-width:600px;margin:0 0 24px;font-size:17px;line-height:1.9}.address-card{border-top:2px solid var(--gold);color:var(--ivory);background:linear-gradient(145deg,#2d080d,#120708);flex-direction:column;align-self:start;gap:15px;padding:28px;display:flex}.address-card small{letter-spacing:1px;color:#d9ae6d;font:500 9px DM Mono}.address-card strong{letter-spacing:-1.5px;color:var(--gold);font:600 26px DM Mono}.address-card .button{align-self:start}.systems-page{background:#100707;padding:35px 12vw 120px}.systems-page article{border-bottom:1px solid #f1e5d526;grid-template-columns:90px 1fr .8fr;gap:30px;padding:43px 0;display:grid}.systems-page article:first-child{border-top:1px solid #f1e5d526}.systems-page h2{color:var(--ivory);margin:0;font-size:19px}.systems-page p{color:#c1aaa3;margin:0;font-size:14px;line-height:1.8}.frame-grid{background:#120809;grid-template-columns:repeat(3,1fr);gap:20px;padding:85px 10vw 130px;display:grid}.empty-frame{background:linear-gradient(135deg,#d0092226,#0000 70%);border:1px dashed #f4a62ab3;flex-direction:column;justify-content:center;align-items:center;gap:13px;height:210px;display:flex;box-shadow:inset 0 0 0 6px #ff283a09}.frame-grid .portrait .empty-frame{height:330px}.empty-frame i{color:var(--gold);font-size:32px;font-style:normal}.empty-frame span{letter-spacing:1.2px;color:#d7bca8;font:500 9px DM Mono}.frame-grid p{letter-spacing:1px;color:var(--ivory);margin:13px 0 5px;font:500 10px DM Mono}.frame-grid small{color:#b69a92;font-size:11px}.donate-grid{border-top:1px solid #c8a590;grid-template-columns:repeat(4,1fr);display:grid}.page-donate{color:#241011;background:#ede0d0;padding:20px 9vw 135px}.donate-grid article{border-bottom:1px solid #c8a590;flex-direction:column;min-height:275px;padding:25px 25px 22px 0;display:flex}.donate-grid article+article{border-left:1px solid #c8a590;padding-left:25px}.donate-grid h3{letter-spacing:.5px;margin:43px 0 11px;font-size:15px}.donate-grid p{color:#614946;margin:0;font-size:12px;line-height:1.75}.donate-grid a{letter-spacing:.8px;color:#6a191e;margin-top:auto;font:500 9px DM Mono}.donate-grid a b{color:#c41126;margin-left:7px;font-size:15px}.rules-list{color:#241011;background:#ede0d0;padding:55px 12vw 130px}.rules-list article{border-bottom:1px solid #c8a590;grid-template-columns:90px 1fr;gap:20px;padding:30px 0;display:grid}.rules-list article:first-child{border-top:1px solid #c8a590}.rules-list h2{margin:0 0 9px;font-size:17px}.rules-list p{color:#614946;margin:0;font-size:14px;line-height:1.75}.rules-discord{color:#32100f;border-color:#9e6652;margin-top:32px}footer{letter-spacing:.8px;color:#9f827a;background:#080606;border-top:1px solid #ff283a40;justify-content:space-between;align-items:center;padding:32px 5.5vw;font:500 9px DM Mono;display:flex}footer a:last-child{color:var(--gold)}@media (width<=760px){.nav{height:68px;padding:0 24px}.nav-discord{display:none}.menu{color:var(--ivory);letter-spacing:1px;background:0 0;border:0;margin-left:auto;font:500 9px DM Mono;display:block}.nav nav{display:none}.nav nav.open{border-bottom:1px solid var(--line);background:#150708;flex-direction:column;gap:22px;width:100%;margin:0;padding:26px 24px;display:flex;position:absolute;top:68px;left:0}.hero{min-height:700px;padding:120px 27px 100px}.hero:after{opacity:.55;width:390px;bottom:4%;right:-105px}.hero h1,.page-intro h1,.hero h1 span,.page-intro h1 span{letter-spacing:-3px}.hero-text{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.server-chip{bottom:68px;left:27px;right:auto}.hero-index{bottom:27px;left:27px}.home-links{grid-template-columns:1fr}.home-links a{border-bottom:1px solid #f1e5d51f;border-right:0;min-height:100px;padding:22px 27px}.page-intro{min-height:405px;padding:125px 27px 55px}.page-intro:after{width:410px;right:-155px}.page-intro>p:last-child{font-size:14px}.content-split{grid-template-columns:1fr;gap:35px;padding:75px 27px}.body-copy{font-size:15px}.systems-page{padding:20px 27px 80px}.systems-page article{grid-template-columns:42px 1fr;gap:15px}.systems-page p{grid-column:2}.frame-grid{grid-template-columns:1fr 1fr;gap:13px;padding:55px 27px 85px}.empty-frame{height:150px}.frame-grid .portrait .empty-frame{height:240px}.page-donate{padding:20px 27px 80px}.donate-grid{grid-template-columns:1fr 1fr}.donate-grid article{min-height:230px;padding:22px 16px 22px 0}.donate-grid article+article{padding-left:16px}.donate-grid article:nth-child(3){border-left:0;padding-left:0}.rules-list{padding:35px 27px 80px}.rules-list article{grid-template-columns:42px 1fr}footer{padding:27px;display:block}footer p{margin:16px 0}}:root{--black:#060304;--ink:#120507;--deep-red:#30050a;--red:#d9081e;--hot:#ec1027;--gold:#dca34b;--ivory:#eee0cf;--muted:#bba79c}.brand{color:var(--ivory);align-items:center;gap:9px;display:inline-flex}.brand:before{content:"";filter:drop-shadow(0 0 5px #d9081e73);background:url(/assets/oni-v-logo.png) 50%/contain no-repeat;width:38px;height:38px;display:inline-block}.hero:after{filter:drop-shadow(0 0 25px #d9081e66);width:min(46vw,640px);top:auto;bottom:2%;right:6vw}.hero{background:radial-gradient(circle at 77% 43%,#d9081e47,#0000 24%),radial-gradient(circle at 56% 84%,#dca34b1a,#0000 20%),linear-gradient(120deg,#060304 6%,#1a0509 55%,#060304)}.solid{background:linear-gradient(125deg,#e5b65d,#be7927);border-color:#e5b65d}.solid:hover{background:#f2cb7b}.home-links{background:#160608}.home-links a:hover{background:linear-gradient(135deg,#3b070d,#190609)}@media (width<=760px){.brand:before{width:30px;height:30px}.hero:after{opacity:.68;width:360px;bottom:8%;right:-72px}}nav a,.nav-discord,.kicker{letter-spacing:1px;font-size:11px}.hero h1,.page-intro h1{letter-spacing:-4px;line-height:.96}.hero-text{max-width:480px;font-size:17px;line-height:1.8}.button{font-size:11px;line-height:1.2}.server-chip small,.server-chip button,.hero-index,.live-status{font-size:10px;line-height:1.4}.server-chip strong{font-size:14px}.home-links strong{font-size:14px;line-height:1.45}.page-intro>p:last-child{font-size:16px;line-height:1.85}.body-copy{font-size:18px;line-height:1.9}.address-card small{font-size:10px}.systems-page h2{font-size:20px;line-height:1.35}.systems-page p{font-size:15px;line-height:1.85}.frame-grid p{font-size:11px}.frame-grid small{font-size:12px}.empty-frame span{font-size:10px}.donate-grid h3{font-size:16px;line-height:1.35}.donate-grid p,.rules-list p{font-size:14px;line-height:1.85}.donate-grid a{font-size:10px;line-height:1.5}.rules-list h2{font-size:18px;line-height:1.35}@media (width<=760px){nav a,.nav-discord,.kicker{font-size:10px}.hero h1,.page-intro h1{letter-spacing:-2.5px;line-height:1}.hero-text,.page-intro>p:last-child{font-size:15px}.body-copy{font-size:16px}.systems-page h2{font-size:18px}.systems-page p{font-size:14px}.server-chip{max-width:calc(100vw - 54px)}}