/* 2.3 — quiet product presentation, generous spacing, restrained motion. */
:root{--max:1240px;--nav-h:88px;--premium-surface:#101924;--premium-line:#91add21b;--premium-shadow:0 24px 70px #00000018}
body{background:#080d14;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.container{width:min(var(--max),calc(100% - 80px))}
.nav{top:16px;left:24px;right:24px;height:64px;max-width:1320px;margin-inline:auto;border:1px solid #9cb7dd20;border-radius:22px;background:#0d1521db;backdrop-filter:blur(24px);box-shadow:0 8px 32px #00000016}
.nav.scrolled{background:#0c1523ee;box-shadow:0 8px 36px #0002}
.nav-inner{width:100%;padding:0 22px;gap:20px}.brand span{font-size:.94rem;letter-spacing:-.025em}.brand-logo{width:31px;height:31px}.nav-links{font-size:.76rem;gap:0}.nav-links a{padding:10px 13px}.nav-links .nav-cta{font-size:.74rem;border-radius:99px;padding:10px 16px}
.theme-toggle{height:38px;width:80px;flex-basis:80px}.theme-choice{height:30px;width:36px;flex-basis:36px}.theme-toggle-thumb{width:36px;height:30px;transform:translateX(36px)}.theme-choice svg{width:17px;height:17px}
.hero{padding:164px 0 80px;background:radial-gradient(ellipse at 50% 65%,#28466d25,transparent 58%)}
.hero-grid{display:flex;flex-direction:column;gap:0;align-items:center}
.hero-copy-wrap{text-align:center;max-width:850px;position:relative;z-index:1}
.hero-copy-wrap .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #8aa5ca25;border-radius:99px;background:#13203470;font-size:.6rem;letter-spacing:.13em;margin:0 0 26px}
.hero-copy-wrap .eyebrow::before{display:block;content:"";width:5px;height:5px;border-radius:50%;background:#96baff;box-shadow:0 0 10px #96baff44}
.hero-title{font-size:clamp(3.5rem,7.4vw,7rem);font-weight:650;letter-spacing:-.065em;line-height:1.02;margin:0 0 23px}
.hero-title .accent{background:linear-gradient(115deg,#dce9ff 8%,#9bb9ef 60%,#668dc6);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-slogan{font-size:1.2rem;font-weight:450;letter-spacing:-.02em;line-height:1.45;margin-bottom:14px;color:#d0dbeb}.hero-slogan br{display:none}
.hero-copy{font-size:.97rem;line-height:1.8;max-width:580px;margin:0 auto 26px;color:#91a1b7}
.hero-actions{justify-content:center;gap:12px}
.bc-button .wp-block-button__link{border-radius:99px;min-height:50px;padding:0 24px;font-weight:550;font-size:.85rem;border-color:#8aa5ca33;background:#ffffff03;box-shadow:inset 0 1px 0 #ffffff05}
.bc-primary .wp-block-button__link{background:linear-gradient(135deg,#345b94,#1d365d);border-color:#739bd44d;box-shadow:inset 0 1px 0 #ffffff14,0 8px 26px #122e5e33}
.bc-button .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0002}
.hero-copy-wrap .release-status{justify-content:center;font-size:.65rem;letter-spacing:.02em;margin-top:18px;color:#7e91ab}
.hero-visual{width:min(960px,94%);max-width:none;margin:58px auto 88px;border-radius:24px;transform:none;background:#111b29;border:1px solid #91b5e12e;box-shadow:0 35px 100px #0004,0 0 100px #28446e18;position:relative}
.hero-visual::before{content:"";position:absolute;inset:10% -7% -9%;z-index:-1;background:radial-gradient(ellipse,#4d77b62c,transparent 70%);filter:blur(35px);pointer-events:none}
.wp-block-group.hero-grid>.hero-visual{margin-top:48px;margin-bottom:88px}
.window-bar{padding:15px 22px}.window-bar p{font-size:.55rem}.screenshot-frame{margin:0 8px;overflow:hidden;border-radius:12px}.screenshot-frame img{border-radius:12px}
.visual-caption{padding:18px 23px}.visual-caption p{font-size:.68rem}.hero-note{bottom:-72px;right:25px;transform:none;padding:14px 22px;border-radius:16px;background:linear-gradient(130deg,#203b62,#152a49);border:1px solid #81a9e033;box-shadow:0 12px 30px #0002}.note-title{font-size:.82rem}.hero-note .note-copy{font-size:.6rem;color:#a6bbdc}
.compatibility{background:transparent;border-top:0;border-bottom:1px solid #8aa5ca1a}.compatibility-inner{justify-content:center;gap:34px;padding:12px 0 32px}.compatibility p{font-size:.69rem}.compatibility .strip-label{display:none}
.section{padding:112px 0}.section-heading{margin-bottom:48px}.eyebrow{font-size:.6rem;letter-spacing:.17em;color:#8daace;margin-bottom:20px}.section-title{font-size:clamp(2.5rem,4.6vw,4.4rem);font-weight:620;letter-spacing:-.055em;line-height:1.08;margin-bottom:22px}.section-copy{font-size:1rem;line-height:1.8;max-width:620px;color:#94a4ba}
#funkcje .section-heading{text-align:center;margin-inline:auto;max-width:780px}#funkcje .section-copy{margin-inline:auto}
.features-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.feature-card{position:relative;padding:38px 40px;border:1px solid var(--premium-line);border-radius:28px;background:var(--premium-surface);box-shadow:inset 0 1px 0 #ffffff03;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
.feature-card:hover{transform:translateY(-4px);border-color:#91add23d;box-shadow:var(--premium-shadow)}
.feature-card .card-index{font-size:.58rem;letter-spacing:.12em;margin-bottom:26px;color:#8199b8}
.feature-card h3{font-size:clamp(1.35rem,2.15vw,1.85rem);font-weight:570;line-height:1.16;letter-spacing:-.04em;margin-bottom:16px}
.feature-card>p:not(.card-index){font-size:.88rem;line-height:1.85;color:#95a5ba;max-width:470px}
.feature-hud{grid-column:span 7;grid-row:auto;background:radial-gradient(ellipse at 0 100%,#34558225,transparent 70%),#111c2b;min-height:350px}
.feature-hud::after{margin-top:34px;padding:26px 20px;text-align:center;border-radius:16px;border-color:#91add21f;font-size:clamp(1rem,2.2vw,1.8rem);letter-spacing:.18em;color:#adcaef;background:linear-gradient(120deg,#1a2d47aa,#0e1828aa);box-shadow:0 15px 30px #0001}
.feature-chat{grid-column:span 5;grid-row:auto;background:#111923}.chat-example{padding:22px;border-radius:18px;background:#080e18;border:1px solid #91add218;margin:24px 0 20px;min-height:138px}.chat-example .demo-label{font-size:.52rem;letter-spacing:.15em;margin-bottom:18px}.feature-card .language-list{font-size:.58rem;letter-spacing:.18em}
.feature-waypoint{grid-column:span 5;grid-row:auto;background:radial-gradient(ellipse at 70% 90%,#294e7833,transparent 75%),#101a28}
.waypoint-demo{min-height:142px;margin:28px 0 22px;border-radius:18px}.feature-card .card-footer{font-size:.68rem}
.feature-visual{grid-column:span 7;grid-row:auto;background:radial-gradient(ellipse at 80% 100%,#32497433,transparent 75%),#131a28}
.feature-visual::after{content:"+";display:grid;place-items:center;width:142px;height:142px;margin:25px auto 0;border:1px solid #91add22b;border-radius:50%;background:radial-gradient(circle,transparent 36%,#91add212 37%,transparent 38%,transparent 61%,#91add212 62%,transparent 63%);color:#a6c0e7;font:200 3.8rem/1 "Segoe UI",sans-serif;box-shadow:0 0 65px #5074a511;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.feature-visual:hover::after{transform:rotate(90deg)}.shot-card:hover img{transform:scale(1.015)}}
.hud-section{background:#0c131e;border-block:1px solid #91add20c}
.showcase{grid-template-columns:.82fr 1.18fr;gap:70px}.showcase-copy .section-title{font-size:clamp(2.3rem,3.6vw,3.5rem)}
.showcase-media{border-radius:25px;border-color:#91add224;box-shadow:0 28px 65px #0003;overflow:hidden}.media-caption{font-size:.56rem;padding:20px 24px;letter-spacing:.14em}.detail-list{margin-top:32px}.detail-list p{padding:17px 0;font-size:.78rem;border-color:#91add218}
.split-heading{grid-template-columns:1.4fr .6fr;gap:90px}.side-note{border-left:1px solid #91add256;font-size:.8rem;line-height:1.9;padding-left:24px}
.modrinth-grid{gap:24px;margin-top:45px}.shot-card{border-radius:24px;border-color:#91add21c;background:#101925}.shot-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.shot-label{padding:24px 26px;font-size:.96rem;font-weight:550}.shot-label span:last-child{font-size:.67rem}
.utility-grid{gap:0;border:1px solid #91add220;border-radius:26px;overflow:hidden;background:#0d1622}.utility-grid .feature-card{border:0;border-radius:0;background:transparent;padding:34px 30px;box-shadow:none}.utility-grid .feature-card+.feature-card{border-left:1px solid #91add21c}.utility-grid .feature-card:hover{transform:none;background:#ffffff02}.utility-grid h3{font-size:1.2rem}.utility-grid .feature-card>p:not(.card-index){font-size:.83rem}
.download-card{padding:64px;gap:60px;border-radius:30px;background:radial-gradient(ellipse at 15% 0%,#547baa38,transparent 60%),linear-gradient(125deg,#1c355b,#10223e);border:1px solid #82a7dc30;box-shadow:0 25px 80px #0002}
.download-card h2{font-size:clamp(2.5rem,4vw,4rem);font-weight:600;letter-spacing:-.055em}.download-card p{font-size:.9rem;line-height:1.85}.download-copy .hero-actions{justify-content:flex-start;margin-top:26px}.download-card .bc-primary .wp-block-button__link{color:#193559;background:#eef4ff;border-color:#eef4ff;box-shadow:0 5px 22px #0002}.download-card .bc-primary .wp-block-button__link:hover{background:#fff}.download-specs{background:#09172d55;border-color:#9dbaff1e;border-radius:20px;padding:30px}.download-specs p{font-size:.72rem}.download-specs .card-index{font-size:.56rem}.download-card .release-status{font-size:.65rem}
.install-grid{gap:32px;margin-top:30px}.install-grid .feature-card{padding:22px 8px}.install-grid .card-index{font-size:.6rem}.install-grid h3{font-size:1.15rem}
.faq-layout{gap:90px}.faq summary{padding:25px 0;font-weight:500;font-size:.87rem}.faq summary::after{width:25px;height:25px;display:grid;place-items:center;background:#91add20c;border-radius:50%;font-size:1rem}.faq details[open] summary{color:#afc9ed}.faq p{font-size:.86rem;line-height:1.85}
footer{padding:38px 0;background:#080d14}.footer-brand strong{font-weight:600}.legal{max-width:350px;line-height:1.7}
[data-theme="light"]{--premium-surface:#fff;--premium-line:#264b7a14;--premium-shadow:0 20px 45px #17355b0a}
[data-theme="light"] body{background:#f7f9fc}
[data-theme="light"] .nav,[data-theme="light"] .nav.scrolled{background:#ffffffde;border-color:#33537b17;box-shadow:0 8px 35px #203d6408}
[data-theme="light"] .hero{background:radial-gradient(ellipse at 50% 70%,#c7d8f04d,transparent 65%)}
[data-theme="light"] .hero-copy-wrap .eyebrow{background:#eaf0f880;border-color:#5476a325;color:#45668e}
[data-theme="light"] .hero-title .accent{background:linear-gradient(110deg,#213e66,#557cb0);background-clip:text;-webkit-background-clip:text}
[data-theme="light"] .hero-copy-wrap .release-status{color:#607693}
[data-theme="light"] .hero-visual{background:#fff;border-color:#43649226;box-shadow:0 25px 80px #22477415}
[data-theme="light"] .compatibility{background:transparent;border-color:#33537b14}
[data-theme="light"] .feature-card{border-color:#33537b18;box-shadow:inset 0 1px 0 #fff,0 8px 28px #203d6404}
[data-theme="light"] .feature-hud{background:radial-gradient(ellipse at 0 100%,#c4d8f04d,transparent 70%),#edf3fb}
[data-theme="light"] .feature-chat{background:#fff}
[data-theme="light"] .chat-example{background:#f1f5fa;border-color:#33537b14}
[data-theme="light"] .feature-waypoint{background:linear-gradient(150deg,#fff,#eaf1fa)}
[data-theme="light"] .feature-visual{background:radial-gradient(ellipse at 70% 100%,#cedcf047,transparent 75%),#f0f3f9}
[data-theme="light"] .feature-visual::after{color:#52739f;border-color:#52739f30;background:radial-gradient(circle,transparent 36%,#52739f15 37%,transparent 38%,transparent 61%,#52739f15 62%,transparent 63%)}
[data-theme="light"] .hud-section{background:#edf2f8;border-color:#33537b0c}
[data-theme="light"] .showcase-media{box-shadow:0 25px 60px #24497615}
[data-theme="light"] .utility-grid{background:#fff;border-color:#33537b18}
[data-theme="light"] .utility-grid .feature-card{background:transparent;box-shadow:none}
[data-theme="light"] .utility-grid .feature-card+.feature-card{border-color:#33537b18}
[data-theme="light"] .utility-grid .feature-card:hover{background:#f6f8fc}
[data-theme="light"] .download-card{box-shadow:0 25px 60px #24497618}
[data-theme="light"] .faq summary::after{background:#315d9e0a}
[data-theme="light"] .faq details[open] summary{color:#315d9e}
[data-theme="light"] footer{background:#edf2f8}
@media(max-width:1100px){.nav-inner{gap:12px}.nav-links a{padding:10px}.hero{padding-top:148px}.feature-card{padding:30px}.showcase{gap:40px}.download-card{padding:44px}.split-heading,.faq-layout{gap:45px}}
@media(max-width:1050px){.nav-links{top:74px;left:0;right:0;border-radius:20px;padding:16px}.nav-links a{padding:13px}.nav-links .nav-cta{text-align:center}.theme-toggle{margin-left:auto}.nav .menu-btn{background:transparent;border-color:#91add228;border-radius:50%}.nav-inner{padding:0 17px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.nav{left:14px;right:14px;top:12px;height:60px;border-radius:20px}.hero{padding:136px 0 55px}.hero-title{font-size:clamp(3.4rem,10vw,5.3rem)}.hero-copy{max-width:520px;font-size:.92rem}.hero-visual{width:96%;margin-top:44px;margin-bottom:88px}.section{padding:78px 0}.section-title{font-size:2.8rem}.features-grid{gap:16px}.feature-card{padding:28px}.feature-hud,.feature-chat,.feature-waypoint,.feature-visual{grid-column:span 6}.feature-card h3{font-size:1.4rem}.feature-hud::after{font-size:1rem;padding:23px 12px;letter-spacing:.1em}.showcase,.split-heading,.faq-layout{grid-template-columns:1fr;gap:35px}.showcase-copy{max-width:610px}.showcase-copy .section-title{font-size:2.8rem}.showcase-media{max-width:760px;width:100%}.utility-grid{grid-template-columns:1fr}.utility-grid .feature-card+.feature-card{border-left:0;border-top:1px solid #91add21c}.download-card{grid-template-columns:1fr;gap:32px}.install-grid{gap:18px}.compatibility-inner{gap:14px 26px;flex-wrap:wrap;padding-bottom:25px}.hero-note{bottom:-76px}.hero-slogan{font-size:1.1rem}.faq-layout .section-heading{margin-bottom:0}}
@media(max-width:540px){.nav{left:10px;right:10px;top:10px}.nav-inner{padding:0 12px;gap:9px}.brand span{font-size:.79rem}.brand-logo{width:28px;height:28px}.brand{gap:7px}.theme-toggle{width:72px;flex-basis:72px;height:36px}.theme-choice{width:32px;flex-basis:32px;height:28px}.theme-toggle-thumb{width:32px;height:28px;transform:translateX(32px)}.theme-choice svg{width:16px;height:16px}.nav .menu-btn{width:34px;height:34px}.hero{padding-top:124px}.hero-title{font-size:clamp(2.9rem,11.4vw,4rem);line-height:1.04}.hero-copy-wrap .eyebrow{font-size:.52rem;margin-bottom:22px;padding:7px 10px}.hero-copy{font-size:.85rem;line-height:1.85}.hero-slogan{font-size:1rem}.bc-button .wp-block-button__link{font-size:.75rem;padding:0 18px;min-height:46px}.hero-actions{gap:8px}.hero-copy-wrap .release-status{font-size:.58rem}.hero-visual{width:100%;border-radius:16px;margin-top:34px}.window-bar{padding:11px 13px}.window-bar p{font-size:.46rem}.screenshot-frame{margin-inline:5px;border-radius:8px}.visual-caption{padding:12px;gap:7px}.visual-caption p{font-size:.51rem}.visual-caption kbd{font-size:.53rem;padding:3px 5px}.hero-note{right:10px;bottom:-73px;padding:12px 16px}.note-title{font-size:.74rem}.hero-note .note-copy{font-size:.54rem}.compatibility p{font-size:.6rem}.compatibility-inner{gap:12px 20px}.section{padding:65px 0}.section-heading{margin-bottom:30px}.section-title,.showcase-copy .section-title{font-size:2.3rem}.eyebrow{font-size:.54rem}.section-copy{font-size:.88rem}.feature-hud,.feature-chat,.feature-waypoint,.feature-visual{grid-column:span 12;min-height:0}.feature-card{padding:28px;border-radius:23px}.feature-card h3{font-size:1.5rem}.feature-card>p:not(.card-index){font-size:.84rem}.feature-card .card-index{margin-bottom:22px}.feature-hud::after{font-size:1.3rem}.feature-visual::after{width:122px;height:122px}.shot-card,.showcase-media{border-radius:20px}.shot-label{padding:20px}.download-card{padding:31px 25px;border-radius:25px}.download-card h2{font-size:2.65rem}.download-card p{font-size:.84rem}.download-specs{padding:23px}.download-specs p{font-size:.65rem}.install-grid{grid-template-columns:1fr;gap:0}.install-grid .feature-card{padding:24px 5px;border-radius:0}.faq summary{font-size:.82rem}.faq p{font-size:.82rem}.footer-grid{gap:24px}}
@media(prefers-reduced-motion:reduce){.feature-card,.feature-visual::after,.shot-card img{transition:none!important}.feature-visual:hover::after{transform:none}}
@media(max-width:540px){.wp-block-group.hero-grid>.hero-visual{margin-top:32px}}
/* Moving inner sight; the two outer rings stay anchored. */
.feature-visual.has-aim-demo::after{display:none}
.aim-demo{position:relative;width:142px;height:142px;margin:25px auto 0;border:1px solid #91add22b;border-radius:50%;color:#a6c0e7;box-shadow:0 0 65px #5074a511}
.aim-demo::before{content:"";position:absolute;inset:9%;border:1px solid #91add21c;border-radius:50%}
.aim-inner{position:absolute;inset:24%;border:1px solid #91add233;border-radius:50%;display:grid;place-items:center}
.aim-inner::before,.aim-inner::after{content:"";position:absolute;width:22px;height:1px;background:currentColor;border-radius:1px}
.aim-inner::after{transform:rotate(90deg)}
[data-theme="light"] .aim-demo{color:#52739f;border-color:#52739f30}
[data-theme="light"] .aim-demo::before,[data-theme="light"] .aim-inner{border-color:#52739f26}
@media(max-width:540px){.aim-demo{width:122px;height:122px}}

/* Stronger paper grid: major lines make the fast travel readable. */
.waypoint-grid-layer{background-image:linear-gradient(#9dbaff30 1px,transparent 1px),linear-gradient(90deg,#9dbaff30 1px,transparent 1px),linear-gradient(#9dbaff24 1px,transparent 1px),linear-gradient(90deg,#9dbaff24 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px}
[data-theme="light"] .waypoint-grid-layer{background-image:linear-gradient(#315d9e40 1px,transparent 1px),linear-gradient(90deg,#315d9e40 1px,transparent 1px),linear-gradient(#315d9e28 1px,transparent 1px),linear-gradient(90deg,#315d9e28 1px,transparent 1px)}

/* Keep the extra demo action aligned with the existing hero buttons. */
.hero-actions{flex-wrap:wrap}
.hud-hero-launch{font-family:inherit;cursor:pointer}
.hero-visual{transform-origin:50% 50%;transition:box-shadow .25s ease;will-change:rotate}
.hero-grid{perspective:1400px}
.hero-visual:hover{box-shadow:0 40px 100px #0005,0 0 70px #4168a326}

/* The four feature demos gently lift after a brief hover dwell.
   Keep this explicitly requested short motion smooth even in reduced-motion mode. */
.features-grid .feature-card{
 transition:transform .55s cubic-bezier(.22,.75,.25,1),border-color .4s ease,box-shadow .55s ease!important;
}
.features-grid .feature-card:hover{
 transform:translateY(-4px);
 transition-delay:80ms!important;
}

/* Smooth action buttons; HUD dragging and game input remain immediate. */
:is(.bc-button .wp-block-button__link,.hud-launch,.world-map-launch,.nav .nav-cta,.nav .menu-btn){
 transition:transform .55s cubic-bezier(.22,.75,.25,1),background-color .4s ease,border-color .4s ease,color .3s ease,box-shadow .55s ease!important;
}
@media(hover:hover) and (pointer:fine){
 :is(.bc-button .wp-block-button__link,.hud-launch,.world-map-launch,.nav .nav-cta,.nav .menu-btn):hover{
  transform:translateY(-2px);transition-delay:70ms!important;
 }
}

/* Navigation links share the gentle timing of the action buttons. */
.nav .nav-links a:not(.nav-cta){
 transition:background-color .45s ease,color .35s ease,box-shadow .45s ease!important;
}
.nav .nav-links a:not(.nav-cta):is(:hover,:focus-visible){
 color:#edf4ff;background-color:#91b7ed14;box-shadow:inset 0 0 0 1px #91b7ed12;
 transition-delay:60ms!important;
}
[data-theme="light"] .nav .nav-links a:not(.nav-cta):is(:hover,:focus-visible){
 color:#203c65;background-color:#345b9410;box-shadow:inset 0 0 0 1px #345b9412;
}

/* Two strokes morph from plus to minus alongside the disclosure height. */
.faq .faq-animated-icon summary::after{display:none}
.faq-toggle-icon{position:relative;display:inline-block;width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:#91add20c;color:#9dbaff}
.faq-toggle-icon::before,.faq-toggle-icon::after{content:"";position:absolute;left:7px;top:12px;width:11px;height:1.5px;border-radius:2px;background:currentColor}
.faq-toggle-icon::after{transform:rotate(90deg);transition:transform .46s cubic-bezier(.22,.75,.25,1),opacity .46s ease!important}
.faq-expanded .faq-toggle-icon::after{transform:rotate(0deg);opacity:0}
[data-theme="light"] .faq-toggle-icon{color:#315d9e;background:#315d9e0a}
@media(prefers-reduced-motion:reduce){.faq-toggle-icon::after{transition-duration:.3s!important}}

@media(max-width:1050px){.nav .menu-btn{margin-left:auto}}

.discord-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.discord-link svg{flex:0 0 22px}
.download-copy .discord-link{background:#172b49;color:#dce8ff;border-color:#8aa9e04d}
.discord-footer{justify-self:center;color:#9fb9df;font-size:.78rem;border:1px solid #91add229;border-radius:99px;padding:11px 16px;transition:color .35s,background-color .4s,transform .55s cubic-bezier(.22,.75,.25,1)!important}
.discord-footer:hover{color:#eff5ff;background:#91add212;transform:translateY(-2px)}
.discord-link:focus-visible{outline:2px solid #b6d9ff;outline-offset:4px}
@media(max-width:800px){.discord-footer{justify-self:start}}

.nav .discord-nav{flex:0 0 38px;width:38px;height:38px;border:1px solid #91add229;border-radius:12px;color:#a9c3e7;background:#91add207;transition:background-color .4s ease,color .35s ease,transform .55s cubic-bezier(.22,.75,.25,1)!important}
.nav .discord-nav:hover{color:#eef5ff;background:#91add21a;transform:translateY(-2px)}
@media(max-width:1050px){.nav .discord-nav{margin-left:auto;order:2}.nav .menu-btn{margin-left:0;order:3}}
@media(max-width:540px){.nav .discord-nav{width:34px;height:34px;flex-basis:34px}.nav .discord-nav svg{width:20px;height:20px;flex-basis:20px}}

.nav .modrinth-nav{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #91add229;border-radius:12px;color:#71cda1;background:#91add207;transition:background-color .4s ease,color .35s ease,transform .55s cubic-bezier(.22,.75,.25,1)!important}
.nav .modrinth-nav:hover{color:#9aecc1;background:#71cda116;transform:translateY(-2px)}
.nav .modrinth-nav:focus-visible{outline:2px solid #b6d9ff;outline-offset:4px}
@media(max-width:1050px){.nav .modrinth-nav{order:2}}
@media(max-width:540px){.nav .modrinth-nav{width:34px;height:34px;flex-basis:34px}.nav .modrinth-nav svg{width:20px;height:20px}}
