@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700;800&family=Cinzel:wght@700;800&family=Inter:wght@400;600;700&display=swap";:root{--bg-primary: #111111;--bg-secondary: #1a1a1a;--bg-tertiary: #2e2e2e;--bg-slot: #8b8b8b;--accent-gold: #c5a86a;--accent-gold-hover: #e5c788;--accent-bronze: #8c6a3c;--accent-green: #3c8527;--accent-green-hover: #4eab33;--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-muted: #555555;--border-dark: #0b0b0b;--border-light: #4a4a4a;--border-gold: #c5a86a;--font-header: "Cinzel", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-pixel: "JetBrains Mono", monospace;--transition-fast: .1s ease;--transition-normal: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2005/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23111111'/%3E%3Crect x='0' y='0' width='16' height='16' fill='%23141414'/%3E%3Crect x='16' y='16' width='16' height='16' fill='%23171717'/%3E%3Cpath d='M0 16h32M16 0v32' stroke='%23080808' stroke-width='0.5'/%3E%3C/svg%3E");color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;image-rendering:pixelated}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:3px solid var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:700;letter-spacing:.05em;color:#fff;text-shadow:2px 2px 0px #000}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:.75rem 2rem;background:var(--bg-secondary);border-bottom:4px solid var(--border-dark);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px #0000004d}.nav-logo{display:flex;align-items:center;gap:.75rem}.logo-img{width:64px;height:64px;object-fit:contain}.nav-links{display:flex;list-style:none;gap:.5rem}.mc-btn{background:#555;border:4px solid #000;box-shadow:inset -4px -4px #2a2a2a,inset 4px 4px #8a8a8a;padding:.4rem 1rem;color:#e0e0e0;font-family:var(--font-pixel);font-size:.95rem;font-weight:700;text-transform:uppercase;cursor:pointer;text-shadow:2px 2px 0px #111111;display:inline-flex;align-items:center;gap:.6rem;outline:none;image-rendering:pixelated;transition:none}.mc-btn:hover{background:#777;color:#fff;box-shadow:inset -4px -4px #3a3a3a,inset 4px 4px #ababab}.mc-btn:active{background:#444;box-shadow:inset 4px 4px #1a1a1a,inset -4px -4px #666;transform:translateY(1px)}.mc-btn.active{background:var(--accent-gold);color:#000;box-shadow:inset -4px -4px #856930,inset 4px 4px #ffe09a;text-shadow:none}.mc-btn.green{background:var(--accent-green);box-shadow:inset -4px -4px #1a4210,inset 4px 4px #55b838}.mc-btn.green:hover{background:var(--accent-green-hover);box-shadow:inset -4px -4px #225615,inset 4px 4px #6edc4a}.menu-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer}.tab-content-wrapper{flex:1;display:flex;flex-direction:column;animation:tab-fade .2s ease-out}@keyframes tab-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8rem 1.5rem 4rem;background:var(--bg-secondary);overflow:hidden}.hero-banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.15;z-index:-2}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 60%,var(--bg-primary) 98%);z-index:-1}.hero-content{max-width:800px;z-index:10}.hero-subtitle{font-family:var(--font-header);font-size:1.1rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;display:inline-block;text-shadow:2px 2px 0px #000}.hero-title{font-size:4rem;line-height:1.1;font-weight:900;text-transform:uppercase;margin-bottom:1.5rem;text-shadow:3px 3px 0px #000}.hero-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;text-shadow:1px 1px 0px #000}.mc-panel{background:#232323;border:4px solid #000;box-shadow:inset -4px -4px #121212,inset 4px 4px #3a3a3a,0 10px #00000080;padding:1.5rem 2rem;display:inline-flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2.5rem;image-rendering:pixelated}.mc-item-icon-small{width:20px;height:20px;object-fit:contain}.mc-item-icon-medium{width:24px;height:24px;object-fit:contain}.mc-item-icon-large{width:32px;height:32px;object-fit:contain}.server-ip-container{display:flex;align-items:center;gap:.75rem;background:#0f0f12;border:3px solid;border-color:#111 #333 #333 #111;padding:.5rem 1rem}.server-ip{font-family:monospace;font-size:1.1rem;font-weight:700;letter-spacing:.05em;color:#fff}.copy-btn{background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.server-status-pill{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--accent-gold);text-transform:uppercase}.status-dot{width:8px;height:8px;background-color:#4ade80;border-radius:50%;animation:pulse-green 2s infinite}.copied-toast{font-size:.75rem;color:#4ade80;font-weight:600;text-transform:uppercase}.hero-actions{display:flex;gap:1rem;justify-content:center}section{padding:7rem 2rem 4rem;background:var(--bg-primary);flex:1;display:flex;flex-direction:column;justify-content:center}.section-container{max-width:1100px;margin:0 auto;width:100%}.section-header{text-align:center;margin-bottom:4rem}.section-subtitle{font-family:var(--font-header);font-size:.85rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem;display:block}.section-title{font-size:2.5rem;text-transform:uppercase;font-weight:800;text-shadow:2px 2px 0px #000;border-bottom:4px solid var(--border-dark);display:inline-block;padding-bottom:.5rem;margin-bottom:1rem}.lore-content{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.lore-text-block h3{font-size:1.6rem;color:var(--accent-gold);margin-bottom:1.5rem;text-shadow:2px 2px 0px #000}.lore-text-block p{font-size:1rem;margin-bottom:1.5rem;color:var(--text-secondary)}.lore-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:340px}.sigil-container{display:none}.lore-image-container{position:relative;width:min(100%,320px);aspect-ratio:1 / 1;overflow:visible;background:transparent;transform:rotate(-1.5deg)}.lore-image{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 12px 24px rgba(0,0,0,.55))}.lore-badge{position:absolute;bottom:8px;right:-8px;background:var(--bg-tertiary);border:3px solid var(--border-dark);outline:3px solid var(--border-light);outline-offset:-6px;padding:.5rem 1rem;font-family:var(--font-header);font-weight:700;text-transform:uppercase;color:var(--accent-gold);transform:rotate(4deg);box-shadow:0 4px #00000080}.mc-ui-box{background:#232323;border:4px solid #000;box-shadow:inset -4px -4px #121212,inset 4px 4px #3a3a3a,0 6px #00000080;padding:1.5rem;margin-bottom:2.5rem;image-rendering:pixelated}.mc-ui-box.gold-border{border-color:#000;box-shadow:inset -4px -4px #121212,inset 4px 4px 0 var(--accent-gold),0 6px #00000080}.tfc-spec-card{display:flex;align-items:center;gap:1.25rem;background:#232323;border:4px solid #000;box-shadow:inset -4px -4px #121212,inset 4px 4px #3a3a3a,0 4px #0006;padding:1.25rem;image-rendering:pixelated}.mc-inventory-slot{width:56px;height:56px;min-width:56px;background-color:var(--bg-slot);border:4px solid;border-color:#373737 #dbdbdb #dbdbdb #373737;display:flex;align-items:center;justify-content:center;padding:4px;image-rendering:pixelated}.mc-item-sprite{width:32px;height:32px;object-fit:contain}.mc-gui-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background:#0f0f12;border:4px solid #000;padding:.75rem;margin-bottom:1.5rem;image-rendering:pixelated}.mc-gui-btn{background:#555;border:4px solid #000;box-shadow:inset -4px -4px #2a2a2a,inset 4px 4px #8a8a8a;padding:.6rem .4rem;color:#e0e0e0;font-family:var(--font-pixel);font-size:.8rem;font-weight:700;cursor:pointer;text-shadow:2px 2px 0px #111111;outline:none;image-rendering:pixelated;transition:none}.mc-gui-btn:hover{background:#777;color:#fff;box-shadow:inset -4px -4px #3a3a3a,inset 4px 4px #ababab}.mc-gui-btn.active{background:var(--accent-gold);color:#000;box-shadow:inset -4px -4px #856930,inset 4px 4px #ffe09a;text-shadow:none}.mc-detail-box{background:#232323;border:4px solid #000;box-shadow:inset -4px -4px #121212,inset 4px 4px #3a3a3a,0 4px #0006;padding:1.5rem;image-rendering:pixelated}.mc-detail-title{font-family:var(--font-header);color:var(--accent-gold);font-size:1.25rem;text-shadow:2px 2px 0px #000}.mc-detail-badge{font-size:.75rem;background:#2a2a35;border:1px solid var(--border-gold);color:var(--accent-gold);padding:.2rem .5rem;border-radius:2px;font-weight:700}.join{background-color:var(--bg-primary)}.join-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.join-step-card{background:#232323;border:4px solid #000;box-shadow:inset -4px -4px #121212,inset 4px 4px #3a3a3a,0 4px #0006;padding:3rem 1.5rem 1.5rem;position:relative;image-rendering:pixelated}.step-number{position:absolute;top:-20px;left:1.5rem;background:var(--accent-green);border:4px solid #000;box-shadow:inset -4px -4px #1a4210,inset 4px 4px #55b838,0 2px #00000080;padding:.5rem 1rem;font-family:var(--font-pixel);font-size:1.5rem;color:#fff;text-shadow:2px 2px 0px #111111}.join-step-card h3{font-size:1.25rem;margin-bottom:.75rem;text-shadow:2px 2px 0px #000}.join-step-card p{font-size:.95rem;margin-bottom:1.5rem;color:var(--text-secondary)}.step-link-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--accent-gold);text-transform:uppercase}.step-link-btn:hover{color:#fff}footer{background-color:#0d0d0d;border-top:4px solid var(--border-dark);padding:3rem 2rem 2rem;text-align:center;margin-top:auto}.footer-logo{font-family:var(--font-header);font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem}.footer-divider{width:80px;height:4px;background:var(--border-dark);margin:0 auto 1.5rem}.footer-copy{font-size:.85rem;color:var(--text-secondary)}.footer-disclaimer{font-size:.75rem;color:#444;margin-top:.5rem;max-width:600px;margin:.5rem auto 0}@keyframes float-up{0%{transform:translateY(0) translate(0) scale(.8);opacity:0}10%{opacity:.6}90%{opacity:.2}to{transform:translateY(-110vh) translate(50px) scale(1.2);opacity:0}}@keyframes pulse-green{0%{box-shadow:0 0 #4ade8099}77%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes rotate-sigil{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 992px){.hero-title{font-size:3.5rem}.lore-content{grid-template-columns:1fr;gap:3rem}.lore-visual{min-height:280px;order:-1}.character-grid-layout{grid-template-columns:1fr!important}}@media (max-width: 768px){.navbar{padding:.8rem 1.5rem}.menu-toggle{display:block}.nav-links{position:fixed;top:0;right:-100%;width:250px;height:100vh;background:var(--bg-secondary);border-left:4px solid var(--border-dark);flex-direction:column;padding:6rem 2rem 2rem;gap:1rem;transition:right .3s ease;box-shadow:-5px 0 25px #000000e6}.nav-links.open{right:0}.nav-tab-btn{width:100%;text-align:left}.hero-title{font-size:2.5rem}.hero-actions{flex-direction:column;gap:.75rem;align-items:center}.mc-btn{width:100%;max-width:320px;justify-content:center}.mc-panel{width:100%;max-width:320px;padding:1.25rem}.server-ip{font-size:.95rem}.section-title{font-size:1.8rem}.war-grid-layout{grid-template-columns:1fr!important;gap:2rem!important}}.mc-splash{position:absolute;top:15px;right:-25px;color:#ff5;font-family:var(--font-pixel);font-size:1.6rem;font-weight:700;text-shadow:2px 2px 0px #3f3f00;transform:rotate(-15deg);animation:mc-splash-bounce .18s infinite alternate;pointer-events:none;z-index:100}@keyframes mc-splash-bounce{0%{transform:rotate(-15deg) scale(.92)}to{transform:rotate(-15deg) scale(1.08)}}