/* Shared finish: native scrolling, motion and consistent footer. */
html{scrollbar-color:#FF753B #171614;scrollbar-width:thin;scrollbar-gutter:stable}::-webkit-scrollbar{width:9px;height:7px}::-webkit-scrollbar-track{background:#171614}::-webkit-scrollbar-thumb{background:#b95730;border:2px solid #171614;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#FF753B}::-webkit-scrollbar-corner{background:#171614}body{overflow-x:clip}.scroll-progress{height:2px;background:var(--orange);position:fixed;top:0;left:0;right:0;z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}.header,.rules-page .header{position:fixed;transition:height .3s,background .3s,box-shadow .3s,backdrop-filter .3s}.header.is-scrolled{height:74px;background:#171614eb;backdrop-filter:blur(18px);box-shadow:0 8px 30px #0002}.rules-page{padding-top:92px}.rules-sidebar{top:100px}.rules-section{scroll-margin-top:100px}.header nav a,.header nav button{transition:color .2s}.header nav a:before,.header nav button:before{content:'';position:absolute;bottom:22px;left:0;width:16px;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:before,.header nav button:hover:before{transform:scaleX(1)}.header nav .active:before{display:none}.button{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}.button:after{content:'';position:absolute;inset:-60% -20%;background:linear-gradient(110deg,transparent 35%,#ffffff30 49%,transparent 63%);transform:translateX(-130%);transition:transform .65s;pointer-events:none}.button:hover:after{transform:translateX(130%)}.button:hover{box-shadow:0 7px 30px #ff753b18}.button:active{transform:translateY(0) scale(.98)}.button>span:last-child{transition:transform .25s}.button:hover>span:last-child{transform:translate(2px,-2px)}.button-outline:hover{box-shadow:0 7px 24px #0003}.circle-button{transition:background .2s,color .2s,border-color .2s,transform .25s}.circle-button:active{transform:scale(.9)}.hero-art{inset:-12px;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.025);transition:transform .8s cubic-bezier(.2,.6,.3,1)}.hero h1 em{display:inline-block;text-shadow:0 0 55px #ff753b12}.discover>span:first-child{transition:transform .25s,border-color .25s,color .25s}.discover:hover>span:first-child{transform:translateY(4px);border-color:var(--orange);color:var(--orange)}.ticker>.ticker-track{width:max-content;gap:0;margin-left:0;animation:ticker-drift 60s linear infinite}.ticker .ticker-group{display:flex;align-items:center;flex-shrink:0;gap:45px;padding-right:45px;font:inherit}.ticker .ticker-group>span{font-family:Arial;font-size:34px}.ticker:hover>.ticker-track{animation-play-state:paused}.paths article{transition:background .3s}.paths article:hover{background:linear-gradient(0deg,#ff753b05,transparent)}.paths article svg{transition:transform .35s,filter .35s}.paths article:hover svg{transform:translateY(-4px);filter:drop-shadow(0 4px 8px #ff753b33)}.path-number{transition:color .3s}.paths article:hover .path-number{color:var(--orange)}.gallery-card{transition:filter .3s,box-shadow .3s}.gallery-card:before{content:'';position:absolute;inset:9px;border:1px solid #ffffff00;z-index:2;border-radius:2px;transition:border-color .35s;pointer-events:none}.gallery-card:hover:before{border-color:#ffffff30}.photo-bottom{transition:transform .4s cubic-bezier(.22,1,.36,1)}.gallery-card:hover .photo-bottom{transform:translateY(-7px)}.photo-top i{transition:transform .3s}.gallery-card:hover .photo-top i{transform:translate(3px,-3px)}.gallery-dots button{height:20px;position:relative;background:transparent!important;transition:width .3s}.gallery-dots button:after{content:'';position:absolute;height:3px;inset:8px 0 auto;background:#494944;border-radius:2px;transition:background .3s}.gallery-dots button.selected:after{background:var(--orange)}.team-card{transition:transform .35s,border-color .35s,box-shadow .35s}.team-card:hover{transform:translateY(-5px);border-color:#ff753b55;box-shadow:0 12px 35px #0002}.team-card:before{transition:width .4s}.team-card:hover:before{width:65px}.avatar{transition:box-shadow .35s,border-color .35s}.team-card:hover .avatar{box-shadow:0 0 22px #ff753b12;border-color:#ff753b66}.join-section{transition:border-color .35s}.join-section:hover{border-color:#af6745}.join-symbol{transition:transform .8s}.join-section:hover .join-symbol{transform:translate(12px,-12px)}dialog[open]{animation:dialog-in .25s cubic-bezier(.22,1,.36,1)}dialog[open]::backdrop{animation:backdrop-in .25s ease}.dialog-close{transition:transform .2s,color .2s;min-width:35px;min-height:35px}.dialog-close:hover{transform:rotate(90deg);color:var(--orange)}.category-nav a{transition:background .2s,color .2s,border-color .2s}.category-nav a:hover{background:#ff753b12}.rule-heading{transition:border-color .3s}.rules-section:target{border-color:#ff753b66}.rules-section:target .rule-heading{border-bottom-color:#ff753b33}
/* The footer uses its own selectors: standard links can never inherit the back-to-top button. */
.site-footer{position:relative}.site-footer:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--orange),#ff753b40 24%,var(--line) 70%)}.footer-main{padding:45px 0 37px;display:grid;grid-template-columns:1.6fr 1fr 1fr 48px;gap:45px;align-items:start}.footer-identity p{font-size:11px;color:#8f8a82;line-height:1.9;margin:18px 0}.footer-signature{font-size:7px;letter-spacing:1.6px;color:var(--gray);display:flex;align-items:center;gap:8px}.footer-signature i{width:4px;height:4px;display:block;border-radius:50%;background:var(--orange)}.footer-column h3{font-size:8px;letter-spacing:1.8px;color:var(--gray);font-weight:700;margin:5px 0 18px}.footer-links{display:flex;flex-direction:column;gap:3px;align-items:stretch}.footer-links a,.footer-links button{display:flex;align-items:center;gap:9px;text-align:left;padding:8px 0;min-height:36px;line-height:1.5;font-size:11px;color:#c0b9af;transition:color .2s,transform .2s;border:none;border-radius:0;width:auto;height:auto}.footer-links a>span,.footer-links button>span{margin-left:auto;color:#64645e;transition:color .2s,transform .2s;padding-right:10px}.footer-links a:hover,.footer-links button:hover{color:var(--orange);transform:translateX(3px)}.footer-links a:hover>span,.footer-links button:hover>span{color:var(--orange);transform:translate(2px,-2px)}.footer-links .footer-rules{color:var(--white)}.footer-rules svg{width:16px;height:16px;stroke:var(--orange);stroke-width:1.4;fill:none;flex-shrink:0}.footer-up{width:44px;height:44px;display:grid;place-items:center;font-size:21px;border:1px solid #494138;border-radius:50%;color:var(--orange);transition:background .25s,transform .25s,border-color .25s}.footer-up:hover{background:var(--orange);color:var(--black);border-color:var(--orange);transform:translateY(-3px)}.footer-base{border-top:1px solid var(--line);padding:20px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;color:#827d73}.footer-base>div{display:flex;align-items:center;gap:25px}.footer-legal{font-size:8px;color:#68675f}.motion-toggle{font-size:8px;display:flex;align-items:center;gap:7px;color:#989185;white-space:nowrap;padding:7px 0 7px 7px}.motion-toggle:hover{color:var(--white)}.motion-led{height:5px;width:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px #ff753b33}.motion-off .motion-led{background:var(--gray);box-shadow:none}.reveal-pending{opacity:0;transform:translateY(23px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.reveal-pending.is-visible{opacity:1;transform:translateY(0)}.hero-enter{animation:hero-in .9s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay,0ms)}
@keyframes hero-in{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker-drift{to{transform:translateX(-50%)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:1050px){.footer-main{gap:28px;grid-template-columns:1.4fr 1fr 1fr 44px}.footer-base>div{gap:15px}}
@media(max-width:760px){.header.is-scrolled{height:68px}.rules-page{padding-top:76px}.header #navigation{top:100%}.header #navigation.open{animation:dialog-in .25s ease}.header nav a:before,.header nav button:before{display:none}.menu-toggle span{transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.ticker .ticker-group{gap:27px;padding-right:27px}.ticker .ticker-group>span{font-size:27px}.ticker>.ticker-track{animation-duration:48s}.footer-main{grid-template-columns:1fr 1fr;gap:28px 25px;padding-top:32px;padding-bottom:28px}.footer-identity{grid-column:1/-1;padding-right:60px}.footer-identity p{margin:15px 0 12px}.footer-column h3{margin:0 0 10px}.footer-up{position:absolute;right:0;top:34px;width:39px;height:39px}.footer-links a,.footer-links button{font-size:11px;min-height:40px}.footer-base{align-items:start;gap:14px;flex-wrap:wrap}.footer-base>div{display:block;flex:1;min-width:170px}.footer-legal{display:block;margin-top:6px;font-size:7px;max-width:240px}.motion-toggle{font-size:7px;padding-top:0}.rules-sidebar{top:auto}.rules-section{scroll-margin-top:92px}.reveal-pending{transform:translateY(15px)}.hero-art{transition:none}}
html.motion-off{scroll-behavior:auto}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .reveal-pending{opacity:1;transform:none}.motion-off .hero-art{transform:none}.motion-off .hero-enter{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.ticker>.ticker-track{animation:none}.reveal-pending{opacity:1;transform:none}.hero-enter{animation:none}.hero-art{transform:none;transition:none}dialog[open],dialog[open]::backdrop{animation:none}}
body.dialog-open{overflow:hidden}
/* Original StateRP artwork; no filters or changes to its colors. */
.brand--art{flex-shrink:0;line-height:0;letter-spacing:0}.brand-image{display:block;object-fit:contain}.header .brand--art{height:100%;min-width:145px}.header .brand-image{height:76px;width:auto;transition:height .3s}.header.is-scrolled .brand-image{height:60px}.footer-identity .brand--art{display:inline-flex}.footer-identity .brand-image{width:190px;height:auto}.footer-identity p{margin-top:17px}
@media(max-width:760px){.header .brand--art{min-width:0}.header .brand-image{height:60px;width:auto}.header.is-scrolled .brand-image{height:54px}.footer-identity .brand-image{width:165px;height:auto}.nav-shell{gap:12px}}
@media(max-width:360px){.header .brand-image{height:53px}.nav-play{padding-inline:9px}}
/* Font Awesome icons, served locally with the website. */
.button .fa-solid,.button .fa-brands{font-size:1.15em;line-height:1;flex-shrink:0}.button .fa-discord{font-size:1.45em}.tiny-arrow .fa-solid{font-size:10px}.paths article>.fa-solid{display:block;width:36px;height:36px;line-height:36px;font-size:28px;color:var(--orange);margin:6px 0 24px;transition:transform .35s}.paths article:hover>.fa-solid{transform:translateY(-4px)}.footer-rules>.fa-solid{width:16px;font-size:14px;color:var(--orange);flex-shrink:0}.footer-links span .fa-solid{font-size:10px}.footer-up .fa-solid{font-size:17px}.photo-top i.fa-solid{font-size:15px}.circle-button .fa-solid{font-size:16px}.dialog-close .fa-solid{font-size:21px}.discover .fa-arrow-down{font-size:13px}.ticker .fa-diamond{font-size:16px;vertical-align:middle}.join-symbol>.fa-solid{font-size:340px;line-height:1}.search-box>.fa-solid{color:var(--orange);font-size:21px;flex-shrink:0}.sidebar-tip>.fa-solid{float:right;color:var(--orange);font-size:20px;line-height:1.5}.empty-search>span>.fa-solid{font-size:42px}.rule-item .fa-solid{line-height:inherit}.menu-toggle .menu-icon-close{display:none}
@media(max-width:760px){.paths article>.fa-solid{grid-column:1;grid-row:1/4;margin:5px 0 0;font-size:27px}.menu-toggle{position:relative;display:grid;place-items:center;font-size:20px}.menu-toggle .menu-icon-open{display:block}.menu-toggle[aria-expanded=true] .menu-icon-open{display:none}.menu-toggle[aria-expanded=true] .menu-icon-close{display:block}.ticker .fa-diamond{font-size:12px}.join-symbol>.fa-solid{font-size:280px}}
