*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px;font-size:14px;overflow-x:hidden}body.dark-mode{color-scheme:dark}body:not(.dark-mode){color-scheme:light}:root{--s3-teal:#2bc7db;--s3-green:#3ed676;--s3-red:#e8483b;--s3-orange:#ff7a33;--s3-gold:#e8c43d;--s3-teal-rgb:43, 199, 219;--s3-green-rgb:62, 214, 118;--s3-red-rgb:232, 72, 59;--s3-orange-rgb:255, 122, 51;--s3-gold-rgb:232, 196, 61;--bounce:cubic-bezier(.34, 1.56, .64, 1);--primary-green:#5bbf8f;--secondary-green:#8fd2ab;--light-green:#aedba4;--primary-purple:#7d83c2;--secondary-purple:#8aa2d8;--light-purple:#9cc8e7;--light-bg:#faf4eb;--light-text:#2f2d2a;--light-card-bg:#fffdf5;--dark-bg:#12101a;--dark-secondary-bg:#1f1d2d;--dark-card-bg:#211f2d;--dark-text:#efe8dd;--dark-text-secondary:#b9aea3;--dark-border:#3a3639;--bg-primary:var(--dark-bg);--bg-secondary:var(--dark-secondary-bg);--bg-card:var(--dark-card-bg);--text-primary:var(--dark-text);--text-secondary:var(--dark-text-secondary);--border-color:var(--dark-border);--surface:#fffdf5;--surface-soft:#fffbe7;--surface-warm:#fff8e7;--surface-border:#2222222e;--surface-shadow:4px 6px 0 #0000001f;--shadow:0 4px 20px #0000002e;--shadow-heavy:0 8px 32px #00000047;--border-radius:18px;--transition:all .3s ease;--panel-bg:var(--bg-card);--panel-border:var(--border-color);--panel-shadow:var(--shadow);--text-color:#efe8dd;--header-bg:#12101aeb;--font-display:"Luckiest Guy", cursive;--font-handwriting:"DynaPuff", cursive;--font-body:"DynaPuff", cursive}body:not(.dark-mode){--bg-primary:var(--light-bg);--bg-secondary:#fff;--bg-card:var(--light-card-bg);--text-primary:var(--light-text);--text-secondary:#6c757d;--border-color:#dee2e6;--shadow:0 4px 15px #0000001a;--shadow-heavy:0 8px 25px #00000026}:root{--grain-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body{font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(circle at top left, #4ad5d429, transparent 30%), radial-gradient(circle at bottom right, rgba(var(--s3-green-rgb), .15), transparent 25%), var(--bg-primary) var(--grain-texture);min-height:100vh;transition:var(--transition);background-blend-mode:multiply;background-size:auto,auto,180px 180px;line-height:1.6;position:relative;overflow-x:hidden}body.dark-mode{background:radial-gradient(circle at top left, rgba(var(--s3-green-rgb), .12), transparent 22%), radial-gradient(circle at bottom right, #4d86d61f, transparent 18%), linear-gradient(180deg, #14101d 0%, #1e1830 68%), var(--grain-texture);background-blend-mode:multiply;--bg-secondary:#1b1630;--bg-card:#201c2f;--text-primary:#efe8dd;--text-secondary:#b9aea3;--border-color:#ffffff1f;--surface:#ffffff0d;--surface-soft:#ffffff0a;--surface-warm:#ffffff0f;--surface-border:#ffffff1f;--surface-shadow:4px 6px 0 #ffffff14;--panel-bg:var(--bg-card);--panel-border:var(--border-color);--panel-shadow:var(--shadow);background-size:auto,auto,auto,180px 180px}body.dark-mode .site-footer,body.dark-mode .back-to-top,body.dark-mode .gupload-close,body.dark-mode .tab-btn{background:var(--surface);border-color:var(--surface-border);box-shadow:var(--surface-shadow)}body.dark-mode .site-header,body.dark-mode .site-header.scrolled{background:#1a1828}body.dark-mode .theme-toggle{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.04em}h1,h2,h3,h4,h5,h6,.hero-badge,.about-badge,.gallery-badge,.players-season-badge,.resources-badge,.hero-member-badge,.btn-glow,.btn-outline,.article-tag,.aside-header,.chapter-num,.chapter-title,.htl-date,.htl-title{filter:url(#chalkText)}h2{margin-bottom:1rem;display:inline-block;position:relative}.page-fold{pointer-events:none;z-index:10;border-top:0 solid #0000;border-bottom:30px solid #0000002e;border-left:30px solid #0000;border-right:0 solid #0000;width:0;height:0;display:block;position:absolute;bottom:0;right:0}.page-fold:before{content:"";border-style:solid;border-width:30px 30px 0 0;border-color:var(--bg-primary) transparent transparent transparent;width:0;height:0;position:absolute;bottom:-30px;right:0}body.dark-mode .btn-secondary{background:linear-gradient(45deg,#7b80b8,#94afcf)}body.dark-mode .card,body.dark-mode .footer-nav a,body.dark-mode .construction-content,body.dark-mode .construction-features,body.dark-mode .aside-cta,body.dark-mode .rule-card,body.dark-mode .icon-card-v2,body.dark-mode .gallery-card{background:var(--panel-bg);border-color:var(--panel-border);box-shadow:var(--panel-shadow)}.flower-bg{background-image:radial-gradient(circle at 20% 80%, rgba(var(--s3-teal-rgb), .15) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(var(--s3-green-rgb), .15) 0%, transparent 50%), radial-gradient(circle at 40% 40%, #9c27b014 0%, transparent 50%);z-index:-1;width:100%;height:100%;transition:var(--transition);position:fixed;top:0;left:0}.dark-mode .flower-bg{background-image:radial-gradient(circle at 20% 80%, rgba(var(--s3-green-rgb), .24) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(var(--s3-red-rgb), .18) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(var(--s3-gold-rgb), .12) 0%, transparent 50%)}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;mask-image:linear-gradient(90deg,#000 0% 9%,#0000 17% 83%,#000 91% 100%)}body:not(.dark-mode):before{background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn-primary,.btn-secondary{cursor:pointer;transition:var(--transition), transform .25s var(--bounce);text-transform:none;letter-spacing:.5px;box-shadow:2px 4px 0 #222, 0 4px 20px rgba(var(--s3-green-rgb), .2);background-blend-mode:multiply;border:3px solid #222;border-radius:16px;padding:15px 30px;font-family:DynaPuff,cursive;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(45deg, var(--primary-green), var(--secondary-green));color:#fff;box-shadow:0 4px 20px rgba(var(--s3-green-rgb), .4)}.gradient-text{background:linear-gradient(135deg, #fff 0%, var(--s3-teal) 40%, var(--primary-purple) 70%, var(--s3-green) 100%);-webkit-text-fill-color:transparent;background-size:auto;background-clip:text;display:inline-block;position:relative}.gradient-text:after{content:attr(data-text);background:linear-gradient(135deg, #fff 0%, var(--primary-purple) 50%, var(--primary-green) 100%);-webkit-text-fill-color:transparent;filter:blur(18px)brightness(1.5);opacity:.35;z-index:-1;pointer-events:none;background-clip:text;position:absolute;inset:0}body:not(.dark-mode) .gradient-text{background:linear-gradient(135deg, var(--primary-purple) 0%, var(--primary-green) 100%);-webkit-text-fill-color:transparent;background-size:auto;background-clip:text;animation:none}body:not(.dark-mode) .gradient-text:after{opacity:0;animation:none}.btn-primary:hover{box-shadow:0 8px 30px rgba(var(--s3-green-rgb), .6);transform:translateY(-3px)}.btn-secondary{background:linear-gradient(45deg, var(--primary-purple), var(--secondary-purple));color:#fff;box-shadow:0 4px 20px rgba(var(--s3-teal-rgb), .4)}.btn-secondary:hover{box-shadow:0 8px 30px rgba(var(--s3-teal-rgb), .6);transform:translateY(-3px)}.card{background:var(--surface);border:3px solid var(--surface-border);box-shadow:var(--surface-shadow), var(--shadow);transition:var(--transition), transform .25s var(--bounce);border-radius:16px;padding:2rem;font-family:DynaPuff,cursive;position:relative}.card:after{content:"";pointer-events:none;opacity:.25;border:2px dashed #ffffff1f;border-radius:16px;position:absolute;inset:0}.card:hover{box-shadow:var(--shadow-heavy);transform:translateY(-5px)}.page-hero{text-align:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);margin-top:0;padding:3rem 0}.page-hero h1{background:linear-gradient(135deg, #fff 0%, var(--s3-teal) 50%, var(--s3-green) 100%);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-size:2.5rem}body:not(.dark-mode) .page-hero h1{background:linear-gradient(135deg, #0a8a8a 0%, var(--s3-green) 100%);-webkit-text-fill-color:transparent;background-clip:text}.page-hero p{color:var(--text-secondary);font-size:1.2rem}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes bgPulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes shimmerTitle{0%{background-position:0%}to{background-position:200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}main{will-change:transform, opacity;animation:.4s forwards pageEnter}.back-to-top{background:var(--s3-teal);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:0 4px 16px rgba(var(--s3-teal-rgb), .45);opacity:0;pointer-events:none;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(10px)}.back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.back-to-top:hover{background:var(--s3-green);box-shadow:0 4px 20px rgba(var(--s3-green-rgb), .5)}.server-status-pill{letter-spacing:.05em;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);text-transform:uppercase;background:#00000047;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:.32rem .85rem;font-size:.76rem;font-weight:600;transition:opacity .4s;display:inline-flex}.server-status-pill .status-dot{background:#fff3;border-radius:50%;flex-shrink:0;width:7px;height:7px}.server-status-pill.online .status-dot{background:#2ecc71;animation:2s ease-in-out infinite blink;box-shadow:0 0 6px #2ecc71}.server-status-pill.offline .status-dot{background:#e05555}.open-new-tab-btn{color:var(--s3-teal);background:rgba(var(--s3-teal-rgb), .08);border:1px solid rgba(var(--s3-teal-rgb), .25);transition:background .2s ease, border-color .2s ease, transform .2s var(--bounce);border-radius:8px;align-items:center;gap:.3rem;margin-bottom:.75rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.open-new-tab-btn:hover{background:rgba(var(--s3-teal-rgb), .15);border-color:var(--s3-teal);transform:translateY(-2px)}.empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:2px 3px 4px 2px;padding:2.5rem 1.5rem;position:relative;transform:rotate(-.7deg)}.empty-state:before{content:"";z-index:2;pointer-events:none;background:#d7be7899;border-radius:2px 3px 3px 2px;width:52px;height:15px;position:absolute;top:-11px;left:calc(50% - 26px);transform:rotate(-1.2deg);box-shadow:0 1px 3px #00000026}.empty-state-icon{width:90px;height:auto;margin:0 auto .75rem;display:block}.empty-state-title{color:var(--text-primary);margin-bottom:.4rem;font-size:1.2rem;font-weight:700}.empty-state-desc{color:var(--text-secondary);max-width:400px;margin:0 auto;font-size:.92rem;line-height:1.6}.skip-link{z-index:10000;background:var(--s3-teal);color:#fff;border-radius:0 0 8px 8px;padding:10px 20px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){body:not(.motion-enabled) *,body:not(.motion-enabled) :before,body:not(.motion-enabled) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:not(.motion-enabled) .reveal,body:not(.motion-enabled) .feature-card,body:not(.motion-enabled) .custom-feature,body:not(.motion-enabled) .fade-in-up{opacity:1!important;transform:none!important}}.hero-mascot{z-index:3;filter:drop-shadow(3px 6px 8px #00000040);width:120px;height:auto;animation:6s ease-in-out infinite alternate mascotFloat;position:absolute}@keyframes mascotFloat{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-12px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.hero-mascot{animation:none!important}}.paused-offscreen *,.paused-offscreen :before,.paused-offscreen :after{animation-play-state:paused!important}.reveal{opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.reveal.revealed{opacity:1;transform:translateY(0)}.feature-card,.custom-feature{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .25s,border-color .25s,box-shadow .25s}.feature-card.card-visible,.custom-feature.card-visible{opacity:1}.site-header{z-index:1000;background:#1a1828;border-bottom:1px solid #ffffff14;font-family:DynaPuff,cursive;transition:background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 16px #0000004d}.site-header.scrolled{border-bottom:1px solid rgba(var(--s3-teal-rgb), .15);background:#14121f;box-shadow:0 4px 30px #0006}body:not(.dark-mode) .site-header{background:#faf4eb;border-bottom:1px solid #00000014;box-shadow:0 2px 12px #00000014}body:not(.dark-mode) .site-header.scrolled{background:#faf4eb;border-bottom:1px solid #0000001a}body:not(.dark-mode) .nav-links a{color:#1a1a1a;background:#0000000d;border-color:#00000038;box-shadow:2px 3px #0000001a}body:not(.dark-mode) .nav-links a:hover,body:not(.dark-mode) .nav-links a.active{color:var(--s3-teal);background:rgba(var(--s3-teal-rgb), .12)}body:not(.dark-mode) .hamburger,body:not(.dark-mode) .hamburger:before,body:not(.dark-mode) .hamburger:after{background:#1a1a1a}.navbar{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;font-family:DynaPuff,cursive;display:flex}.nav-brand a{box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;gap:1rem;padding:.2rem 0;font-family:DynaPuff,cursive;text-decoration:none;transition:transform .3s;display:flex}.nav-brand a:hover{transform:scale(1.05)}.nav-logo{object-fit:contain;border:none;width:auto;height:140px;transition:opacity .3s}.nav-brand a:before{display:none}.nav-brand a:hover .nav-logo{filter:drop-shadow(0 0 15px #7b68ee99);transform:none}.nav-title{display:none}.nav-links{align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex;overflow:visible}.nav-links li{overflow:visible}.nav-links a{color:var(--text-color,#e0e0e0);transition:color .22s ease, background .22s ease, border-color .22s ease, transform .22s var(--bounce), box-shadow .22s ease;font-weight:600;font-family:var(--font-display,"Luckiest Guy", cursive);letter-spacing:.04em;background:#ffffff17;border:2px dashed #ffffff47;border-radius:8px 13px 10px 14px/13px 8px 14px 10px;padding:.45rem 1.1rem;font-size:.95rem;text-decoration:none;display:inline-block;box-shadow:2px 3px #00000038}.nav-links li:nth-child(odd)>a:not(.nav-icon):not(.nav-admin-link){transform:rotate(-2.5deg)}.nav-links li:nth-child(2n)>a:not(.nav-icon):not(.nav-admin-link){transform:rotate(2deg)}.nav-links li:nth-child(odd)>a:not(.nav-icon):not(.nav-admin-link):hover,.nav-links li:nth-child(2n)>a:not(.nav-icon):not(.nav-admin-link):hover{color:var(--s3-teal);background:rgba(var(--s3-teal-rgb), .15);border-color:var(--s3-teal);box-shadow:3px 6px 0 rgba(var(--s3-teal-rgb), .35);transform:translateY(-5px)rotate(0)scale(1.06)}.nav-links .nav-icon{background:#ffffff0d;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:1.2rem;line-height:1;display:flex;box-shadow:0 4px 12px #0003}.nav-links .nav-icon:hover{color:#fff;background:rgba(var(--s3-teal-rgb), .25);border-color:rgba(var(--s3-teal-rgb), .6)}.nav-icon-img{object-fit:contain;pointer-events:none;width:20px;height:20px;display:block}.nav-links a:hover{color:var(--s3-teal);background:rgba(var(--s3-teal-rgb), .15);border-color:var(--s3-teal);box-shadow:3px 6px 0 rgba(var(--s3-teal-rgb), .35);transform:translateY(-5px)rotate(0)scale(1.06)}.nav-links a.active{color:var(--s3-teal);background:rgba(var(--s3-teal-rgb), .14);border-color:rgba(var(--s3-teal-rgb), .45)}.nav-links .nav-admin-link{color:var(--s3-teal);font-weight:700}body:not(.dark-mode) .nav-links .nav-icon{color:#1a1a1a;background:#0000000d;border-color:#00000014}body:not(.dark-mode) .nav-links .nav-icon:hover{background:rgba(var(--s3-teal-rgb), .15);color:var(--s3-teal)}.nav-toggle{cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.hamburger,.hamburger:before,.hamburger:after{background:var(--text-color,#e0e0e0);border-radius:3px;width:25px;height:3px;transition:all .3s;display:block}.hamburger{position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-8px}.hamburger:after{top:8px}.nav-toggle.active .hamburger{background:0 0}.nav-toggle.active .hamburger:before{top:0;transform:rotate(45deg)}.nav-toggle.active .hamburger:after{top:0;transform:rotate(-45deg)}.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;width:40px;height:40px;font-size:1.2rem;transition:all .3s}.theme-toggle:focus-visible{outline:2px solid var(--s3-teal);outline-offset:3px}.theme-toggle:hover{background:rgba(var(--s3-teal-rgb), .15);transform:scale(1.1)}@media (width<=768px){.nav-logo{height:70px}.nav-toggle{display:block}.nav-links{background:var(--header-bg,#14141efa);opacity:0;visibility:hidden;flex-direction:column;gap:0;max-height:0;padding:0;transition:all .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-links.open{opacity:1;visibility:visible;max-height:80dvh;padding:1rem;overflow-y:auto}.nav-links a{text-align:center;padding:1rem;font-size:clamp(.85rem,2.5vw + .5rem,1.1rem);display:block}body:not(.dark-mode) .nav-links{background:#fff;border-top:1px solid #0000000d;box-shadow:0 15px 40px #0000001a}body:not(.dark-mode) .nav-links li{border-bottom:1px solid #0000000d}body:not(.dark-mode) .nav-links a{color:#1a1a1a}body:not(.dark-mode) .nav-links a:hover,body:not(.dark-mode) .nav-links a.active{background:rgba(var(--s3-teal-rgb), .1);color:var(--s3-teal)}}body:not(.dark-mode) .site-header{background-color:#fffffff2;border-bottom:1px solid #0000000f!important}body{padding-top:100px}.site-header,.site-header.scrolled{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:28px 28px}body:not(.dark-mode) .site-header,body:not(.dark-mode) .site-header.scrolled{background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px)}.site-footer{border-top:1.5px dashed rgba(var(--s3-gold-rgb), .22);background:var(--surface);color:var(--text-secondary);margin-top:auto;font-family:DynaPuff,cursive;font-size:.95rem;position:relative;box-shadow:0 -2px 14px #0000001f}.site-footer:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--s3-teal-rgb), .3), rgba(var(--s3-green-rgb), .2), transparent);height:1px;position:absolute;top:0;left:10%;right:10%}.footer-inner{flex-direction:column;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 1.4rem;font-family:DynaPuff,cursive;display:flex}.footer-nav{flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;display:flex}.footer-nav a{color:var(--text-primary);letter-spacing:.02em;transition:color .2s ease, box-shadow .2s ease, transform .2s var(--bounce);font-weight:600;font-family:var(--font-display,"Luckiest Guy", cursive);background:var(--surface-soft);border:2px dashed #ffffff38;border-radius:8px 13px 10px 14px/13px 8px 14px 10px;padding:.3rem .9rem;font-size:1.05rem;text-decoration:none;box-shadow:2px 3px #00000024}.footer-nav a:nth-child(odd){transform:rotate(-1.2deg)}.footer-nav a:nth-child(2n){transform:rotate(.9deg)}.footer-nav a:hover{color:var(--s3-teal);background:rgba(var(--s3-teal-rgb), .1);border-color:var(--s3-teal);box-shadow:3px 5px 0 rgba(var(--s3-teal-rgb), .25);transform:translateY(-3px)rotate(0)scale(1.05)}.footer-social{gap:.75rem;display:flex}.footer-icon{background:#ffffff0f;border-radius:50%;place-items:center;width:36px;height:36px;transition:background .2s,transform .2s;display:grid}.footer-icon:hover{background:rgba(var(--s3-teal-rgb), .15);transform:translateY(-2px)}.footer-icon img{opacity:.7;width:18px;height:18px;transition:opacity .2s}.footer-icon:hover img{opacity:1}.footer-copy{font-family:var(--font-handwriting,"DynaPuff", cursive);color:var(--text-secondary);opacity:.65;font-size:.9rem}@media (width<=480px){.footer-nav{gap:.3rem 1rem;font-size:.8rem}}@media (width<=1200px){.customization-grid{grid-template-columns:1fr 1fr}}@media (width<=992px){.features-grid{flex-wrap:wrap}.feature-card{flex:0 calc(50% - 1rem);max-width:none}.customization-grid{grid-template-columns:1fr}.custom-feature{padding:2rem 1.5rem}}@media (width<=768px){section h2{margin-bottom:2rem;font-size:1.8rem}.features,.customization-showcase,.application-section,.player-showcase{padding:4rem 0}.feature-card{flex:100%}.carousel-item{flex:0 0 340px;height:240px}.application-requirements{padding:2rem 1.25rem}.application-content p{font-size:1.05rem}.hero-backdrop-img,.hero-mascot{display:none}}@media (width<=576px){.container{padding:0 16px}.hero h1{font-size:clamp(1.6rem,8vw,2.4rem)}.hero p{font-size:1.05rem}.hero-server-stats{gap:.5rem;padding:6px 14px;font-size:.72rem}.btn-glow,.btn-outline{padding:14px 24px;font-size:.95rem}.carousel-item{flex:0 0 280px;height:190px}.application-form-wrapper iframe{height:900px}}#a11y-widget{bottom:max(2rem, env(safe-area-inset-bottom,0px));left:max(2rem, env(safe-area-inset-left,0px));z-index:9998;font-family:var(--font-body,"DynaPuff", cursive);font-size:14px;position:fixed}#a11y-trigger{background:var(--s3-teal);color:#fff;cursor:pointer;width:64px;height:64px;box-shadow:0 4px 20px rgba(var(--s3-teal-rgb), .5);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s,box-shadow .2s;display:flex}#a11y-trigger:hover{background:var(--s3-green);box-shadow:0 4px 20px rgba(var(--s3-green-rgb), .5);transform:scale(1.1)}#a11y-trigger:focus-visible{outline:3px solid var(--s3-teal);outline-offset:3px}#a11y-panel{background:var(--bg-card,#211f2d);border:1px solid var(--border-color,#3a3639);border-radius:16px;width:280px;padding:1rem 1rem .85rem;animation:.18s forwards a11y-panel-in;position:absolute;bottom:calc(100% + 12px);left:0;box-shadow:0 8px 36px #0006}@keyframes a11y-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.a11y-panel-header{border-bottom:1px solid var(--border-color,#3a3639);justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.6rem;display:flex}.a11y-panel-title{color:var(--text-primary,#efe8dd);letter-spacing:.03em;font-size:.9rem;font-weight:700}.a11y-close{color:var(--text-secondary,#b9aea3);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 7px;font-size:.95rem;line-height:1;transition:color .15s,background .15s}.a11y-close:hover{color:var(--text-primary,#efe8dd);background:#ffffff14}.a11y-close:focus-visible{outline:2px solid var(--s3-teal);outline-offset:2px}.a11y-options{flex-direction:column;gap:.65rem;display:flex}.a11y-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.a11y-row-label{color:var(--text-secondary,#b9aea3);flex:1;min-width:0;font-size:.82rem;line-height:1.3}.a11y-btn-group{flex-shrink:0;gap:3px;display:flex}.a11y-size-btn{border:1px solid var(--border-color,#3a3639);color:var(--text-secondary,#b9aea3);cursor:pointer;background:#ffffff0f;border-radius:6px;padding:4px 7px;font-family:inherit;font-size:.7rem;font-weight:700;line-height:1;transition:background .15s,color .15s,border-color .15s}.a11y-size-btn:hover{background:rgba(var(--s3-teal-rgb), .14);color:var(--text-primary,#efe8dd);border-color:var(--s3-teal)}.a11y-size-btn[aria-pressed=true]{background:var(--s3-teal);border-color:var(--s3-teal);color:#fff}.a11y-size-btn:focus-visible{outline:2px solid var(--s3-teal);outline-offset:2px}.a11y-switch{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.a11y-switch:focus-visible{outline:2px solid var(--s3-teal);outline-offset:3px;border-radius:12px}.a11y-switch-track{border:1px solid var(--border-color,#3a3639);background:#ffffff1f;border-radius:11px;width:38px;height:22px;transition:background .2s,border-color .2s;display:block;position:relative}.a11y-switch-thumb{background:var(--text-secondary,#b9aea3);border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;display:block;position:absolute;top:2px;left:2px}.a11y-switch[aria-checked=true] .a11y-switch-track{background:var(--s3-teal);border-color:var(--s3-teal)}.a11y-switch[aria-checked=true] .a11y-switch-thumb{background:#fff;transform:translate(16px)}.a11y-reset-btn{border:1px solid var(--border-color,#3a3639);width:100%;color:var(--text-secondary,#b9aea3);cursor:pointer;background:#ffffff0d;border-radius:8px;margin-top:.65rem;padding:6px;font-family:inherit;font-size:.8rem;transition:background .15s,color .15s}.a11y-reset-btn:hover{color:var(--text-primary,#efe8dd);background:#ffffff1a}.a11y-reset-btn:focus-visible{outline:2px solid var(--s3-teal);outline-offset:2px}body:not(.dark-mode) #a11y-panel{background:#fffdf5;border-color:#dee2e6;box-shadow:0 8px 32px #00000024}body:not(.dark-mode) .a11y-panel-header{border-bottom-color:#dee2e6}body:not(.dark-mode) .a11y-panel-title{color:#2f2d2a}body:not(.dark-mode) .a11y-row-label,body:not(.dark-mode) .a11y-close{color:#6c757d}body:not(.dark-mode) .a11y-close:hover{color:#2f2d2a;background:#0000000d}body:not(.dark-mode) .a11y-size-btn{color:#6c757d;background:#0000000a;border-color:#dee2e6}body:not(.dark-mode) .a11y-size-btn:hover{background:rgba(var(--s3-teal-rgb), .1)}body:not(.dark-mode) .a11y-size-btn[aria-pressed=true]{background:var(--s3-teal);border-color:var(--s3-teal);color:#fff}body:not(.dark-mode) .a11y-switch-track{background:#00000014;border-color:#dee2e6}body:not(.dark-mode) .a11y-switch-thumb{background:#9ca3af}body:not(.dark-mode) .a11y-reset-btn{color:#6c757d;background:#00000008;border-color:#dee2e6}body:not(.dark-mode) .a11y-reset-btn:hover{color:#2f2d2a;background:#00000012}body.reduce-motion #a11y-panel{animation:none}html.a11y-text-sm{font-size:12px!important}html.a11y-text-lg{font-size:16px!important}html.a11y-text-xl{font-size:19px!important}body.a11y-high-contrast{--bg-primary:#000!important;--bg-secondary:#0a0a0a!important;--bg-card:#111!important;--text-primary:#fff!important;--text-secondary:#ddd!important;--border-color:#aaa!important}body.a11y-high-contrast main,body.a11y-high-contrast .site-header,body.a11y-high-contrast footer{filter:contrast(1.25)}body.a11y-high-contrast:not(.dark-mode){--bg-primary:#fff!important;--bg-secondary:#f0f0f0!important;--bg-card:#fff!important;--text-primary:#000!important;--text-secondary:#111!important;--border-color:#000!important}body.a11y-dyslexia,body.a11y-dyslexia *{letter-spacing:.06em;word-spacing:.16em;line-height:1.9;font-family:OpenDyslexic,Comic Sans MS,cursive!important}body.reduce-motion *,body.reduce-motion :before,body.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}body.reduce-motion .reveal,body.reduce-motion .feature-card,body.reduce-motion .custom-feature,body.reduce-motion .fade-in-up{opacity:1!important;transform:none!important}#motion-prompt{z-index:9999;background:var(--bg-card,#211f2d);border:1px solid var(--border-color,#3a3639);max-width:460px;font-family:var(--font-body,"DynaPuff", cursive);border-radius:14px;margin:0 auto;padding:1rem 1.1rem;position:fixed;bottom:1.25rem;left:1.25rem;right:1.25rem;box-shadow:0 8px 36px #0006}#motion-prompt p{color:var(--text-primary,#e0e0e0);margin:0 0 .75rem;font-size:.85rem;line-height:1.5}.motion-prompt-actions{flex-wrap:wrap;gap:.6rem;display:flex}.motion-prompt-btn{border:1px solid var(--border-color,#3a3639);color:var(--text-secondary,#a09aa5);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem .9rem;font-family:inherit;font-size:.82rem;transition:background .15s,color .15s,border-color .15s}.motion-prompt-btn:hover,.motion-prompt-btn:focus-visible{border-color:var(--s3-teal);color:var(--text-primary,#e0e0e0)}.motion-prompt-btn--primary{background:var(--s3-teal);border-color:var(--s3-teal);color:#fff}.motion-prompt-btn--primary:hover,.motion-prompt-btn--primary:focus-visible{background:var(--s3-green);border-color:var(--s3-green);color:#fff}@media (width<=576px){#motion-prompt{padding:.85rem .9rem;bottom:.75rem;left:.75rem;right:.75rem}}body.a11y-highlight-links a:not([class*=btn]):not(.nav-icon):not(.skip-link):not(.back-to-top){outline-offset:2px;border-radius:2px;outline:1.5px dashed;text-underline-offset:3px!important;text-decoration:underline!important}@media (width<=576px){#a11y-trigger{width:52px;height:52px;font-size:12px}#a11y-panel{width:260px;bottom:calc(100% + 8px)}}