:root{--wood-frame-darkest: #a04f45;--wood-frame-dark: #b77357;--wood-frame-medium: #daab76;--wood-frame-light: #e7cd8d;--wood-frame-lightest: #ebd9a1;--wood-planks-dark: #833f4c;--wood-planks-medium: #985252;--wood-planks-light: #ae7764;--wood-planks-lightest: #bc997f;--canvas-dark: #e09170;--canvas-medium: #eebd8a;--canvas-light: #f7e0b3;--leather-dark: #bb6b64;--leather-medium: #c57f69;--leather-light: #cc9472;--gray-darkest: #33323d;--gray-dark: #5d5b77;--gray-medium: #777d8d;--gray-light: #949fa5;--gray-lightest: #a7b8ba;--green-darkest: #315b5d;--green-dark: #407769;--green-medium: #639d6d;--green-light: #7ab17a;--green-lightest: #92c191;--color-primary: var(--font-color-medium);--color-secondary: var(--font-color-light);--color-primary-opacity-medium: color-mix(in srgb, var(--color-primary) var(--opacity-medium), transparent);--color-primary-opacity-light: color-mix(in srgb, var(--color-primary) var(--opacity-light), transparent);--color-primary-opacity-strong: color-mix(in srgb, var(--color-primary) var(--opacity-strong), transparent);--color-white: white;--font-color-dark: #d4645a;--font-color-medium: #dd8f61;--font-color-light: #f0c088;--text-header: var(--font-color-dark);--text-description: var(--color-white);--opacity-light: 10%;--opacity-medium: 20%;--opacity-strong: 30%;--opacity-heavy: 50%;--status-online: var(--green-lightest);--status-development: var(--wood-frame-lightest);--status-online-opacity-strong: color-mix(in srgb, var(--status-online) var(--opacity-strong), transparent);--status-development-opacity-strong: color-mix(in srgb, var(--status-development) var(--opacity-strong), transparent);--font-minecraft: "Press Start 2P", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;font-weight:700;background:url(/assets/background-DVf9a1jH.png);background-size:cover;background-color:#000;background-position:left;background-attachment:fixed;color:var(--text-description);overflow-x:hidden}.container{margin:0 auto;padding:0 20px}.grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;align-items:center}.logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;animation:float 3s ease-in-out infinite;border:2px solid var(--color-white);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.logo-img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.server-status{box-shadow:0 4px 12px #0003;margin-top:.3rem;display:inline-block;padding:.25rem 1rem;border-radius:1.25rem;font-size:.9rem;font-weight:700;text-shadow:none}.status-online{background:var(--status-online-opacity-strong);color:var(--status-online)}.status-development{background:var(--status-development-opacity-strong);color:var(--status-development)}.social-links{display:flex;justify-content:center;gap:20px;margin-top:30px}.social-link{display:inline-block;width:50px;height:50px;background:color-mix(in srgb,var(--canvas-medium) var(--opacity-light),transparent);border:2px solid var(--canvas-dark);border-radius:50%;text-align:center;color:var(--canvas-dark);text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--canvas-dark);color:var(--color-white);transform:scale(1.1)}.scroll-indicator{position:fixed;top:0;left:0;width:100%;height:4px;background:var(--color-primary-opacity-medium);z-index:1000}.scroll-progress{height:100%;background:linear-gradient(45deg,var(--font-color-medium),var(--font-color-dark));width:0%;transition:width .1s ease}.px-board{position:relative}.px-shadow{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 4px 12px #0000004d;padding:16px}.px-inner{position:absolute;border-radius:8px;height:100%;width:100%}.px-content{height:100%;width:100%}.px-content h3{color:var(--font-color-light);text-shadow:2px 2px 4px var(--font-color-medium);margin-bottom:15px;font-size:1rem;font-family:var(--font-minecraft)}.px-content p{color:#562831;margin-bottom:10px}.px-button{text-align:center;text-decoration:none;margin:20px auto 0;animation:pulse 2s ease-in-out infinite;display:grid;place-items:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.px-button-text{color:#000;font-weight:700;font-family:var(--font-minecraft);font-size:.7rem;line-height:1.2rem}.px-button:hover{animation:none;transform:scale(1.1);transition:transform .2s ease-out}.px-button:active{transform:scale(.95);transition:transform .1s ease-out}.px-button-disabled{opacity:.5;cursor:not-allowed;animation:none}.px-button-disabled:hover{transform:none}.px-button[style*="opacity: 0.5"]{animation:none;cursor:not-allowed}.px-button[style*="opacity: 0.5"]:hover{transform:none}.px-canvas{display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:20px;font-family:var(--font-minecraft);background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px var(--color-primary-opacity-strong)}.hero-content p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.section{padding:80px 0;position:relative;width:100%}.section:nth-child(2n){background:linear-gradient(135deg,color-mix(in srgb,var(--gray-lightest) var(--opacity-light),transparent),color-mix(in srgb,var(--gray-light) var(--opacity-medium),transparent),color-mix(in srgb,var(--gray-lightest) var(--opacity-light),transparent))}.section:nth-child(odd){background:linear-gradient(135deg,color-mix(in srgb,var(--gray-medium) var(--opacity-light),transparent),color-mix(in srgb,var(--gray-light) var(--opacity-medium),transparent),color-mix(in srgb,var(--gray-medium) var(--opacity-light),transparent))}.section:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--gray-dark) var(--opacity-strong),transparent) 25%,color-mix(in srgb,var(--gray-medium) var(--opacity-heavy),transparent) 50%,color-mix(in srgb,var(--gray-dark) var(--opacity-strong),transparent) 75%,transparent 100%)}.section-title{text-align:center;font-size:2rem;margin-bottom:50px;color:var(--color-primary);text-shadow:0 0 3px var(--gray-darkest);position:relative;font-family:var(--font-minecraft)}.section-title:after{content:"";position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);width:14rem;height:3px;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary))}.footer{background:rgba(0,0,0,var(--opacity-strong));padding:40px 0;text-align:center;border-top:1px solid var(--color-primary-opacity-medium)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.invisible{opacity:0}.section-animate{transform:translateY(30px);transition:all .6s ease-out}.section-animate.visible{transform:translateY(0)}.px-animate{transform:translateY(50px) scale(.9);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.px-animate.visible{transform:translateY(0) scale(1)}.px-animate.invisible{transform:translateY(50px) scale(.9)}.button-animate{transform:translateY(30px) scale(.8);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.button-animate.visible{transform:translateY(0) scale(1)}.button-animate.invisible{transform:translateY(30px) scale(.8)}.copy-notification{position:fixed;top:20px;right:20px;background:#4caf50;color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-family:"Press Start 2P",monospace;font-size:1rem;z-index:1000;animation:slideInRight .3s ease-out;box-shadow:0 4px 8px #0000004d}.copy-textarea{position:fixed;opacity:0;pointer-events:none}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}html{font-size:24px}@media (max-width: 680px){html{font-size:20px}}@media (max-width: 560px){html{font-size:18px}}@media (max-width: 520px){html{font-size:16px}}@media (max-width: 460px){html{font-size:14px}}@media (max-width: 430px){html{font-size:12px}}@media (max-width: 400px){html{font-size:10px}}@media (max-width: 36px){html{font-size:8px}}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.section-title{font-size:2rem}.container{padding:0 15px}.section{padding:60px 0}}@media (max-width: 480px){.container{padding:0 10px}.section{padding:40px 0}.hero-content h1{font-size:2rem}.section-title{font-size:1.5rem}}