*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px;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:#24cc46;--s3-red:#e8483b;--s3-orange:#ff7a33;--s3-gold:#e8c43d;--s3-teal-rgb:43, 199, 219;--s3-green-rgb:36, 204, 70;--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);--wave-clip:polygon(0% 0%,100% 0%,100.0% calc(100% - 27.6px),98.333% calc(100% - 30.1px),96.667% calc(100% - 32.1px),95.0% calc(100% - 33.7px),93.333% calc(100% - 35px),91.667% calc(100% - 36.2px),90.0% calc(100% - 37.3px),88.333% calc(100% - 38.7px),86.667% calc(100% - 40.5px),85.0% calc(100% - 42.9px),83.333% calc(100% - 45.8px),81.667% calc(100% - 49.4px),80.0% calc(100% - 53.4px),78.333% calc(100% - 57.6px),76.667% calc(100% - 61.7px),75.0% calc(100% - 65.5px),73.333% calc(100% - 68.6px),71.667% calc(100% - 70.6px),70.0% calc(100% - 71.3px),68.333% calc(100% - 70.6px),66.667% calc(100% - 68.3px),65.0% calc(100% - 64.4px),63.333% calc(100% - 59.2px),61.667% calc(100% - 52.9px),60% calc(100% - 45.9px),58.333% calc(100% - 38.5px),56.667% calc(100% - 31.3px),55.0% calc(100% - 24.6px),53.333% calc(100% - 18.8px),51.667% calc(100% - 14.3px),50.0% calc(100% - 11.2px),48.333% calc(100% - 9.6px),46.667% calc(100% - 9.6px),45.0% calc(100% - 10.9px),43.333% calc(100% - 13.3px),41.667% calc(100% - 16.6px),40.0% calc(100% - 20.4px),38.333% calc(100% - 24.3px),36.667% calc(100% - 28.1px),35.0% calc(100% - 31.6px),33.333% calc(100% - 34.6px),31.667% calc(100% - 37.1px),30% calc(100% - 39px),28.333% calc(100% - 40.4px),26.667% calc(100% - 41.7px),25.0% calc(100% - 42.8px),23.333% calc(100% - 44.2px),21.667% calc(100% - 45.8px),20.0% calc(100% - 47.9px),18.333% calc(100% - 50.4px),16.667% calc(100% - 53.4px),15% calc(100% - 56.8px),13.333% calc(100% - 60.2px),11.667% calc(100% - 63.4px),10.0% calc(100% - 66.1px),8.333% calc(100% - 68.1px),6.667% calc(100% - 69px),5.0% calc(100% - 68.5px),3.333% calc(100% - 66.6px),1.667% calc(100% - 63.3px),0.0% calc(100% - 58.5px));--wave-clip-sm:polygon(0% 0%,100% 0%,100.0% calc(100% - 13.8px),97.5% calc(100% - 15.6px),95.0% calc(100% - 16.9px),92.5% calc(100% - 17.8px),90.0% calc(100% - 18.7px),87.5% calc(100% - 19.8px),85.0% calc(100% - 21.4px),82.5% calc(100% - 23.8px),80.0% calc(100% - 26.7px),77.5% calc(100% - 29.8px),75.0% calc(100% - 32.8px),72.5% calc(100% - 34.9px),70.0% calc(100% - 35.7px),67.5% calc(100% - 34.8px),65.0% calc(100% - 32.2px),62.5% calc(100% - 28.1px),60% calc(100% - 22.9px),57.5% calc(100% - 17.4px),55.0% calc(100% - 12.3px),52.5% calc(100% - 8.2px),50.0% calc(100% - 5.6px),47.5% calc(100% - 4.7px),45.0% calc(100% - 5.4px),42.5% calc(100% - 7.4px),40.0% calc(100% - 10.2px),37.5% calc(100% - 13.1px),35.0% calc(100% - 15.8px),32.5% calc(100% - 18px),30% calc(100% - 19.5px),27.5% calc(100% - 20.5px),25.0% calc(100% - 21.4px),22.5% calc(100% - 22.5px),20.0% calc(100% - 23.9px),17.5% calc(100% - 25.9px),15% calc(100% - 28.4px),12.5% calc(100% - 30.9px),10.0% calc(100% - 33.1px),7.5% calc(100% - 34.3px),5.0% calc(100% - 34.3px),2.5% calc(100% - 32.6px),0.0% calc(100% - 29.3px));--primary-green:#5bbf8f;--secondary-green:#8fd2ab;--light-green:#aedba4;--primary-blue:#3d7fe0;--secondary-blue:#6fb6ea;--light-blue:#9ed8f5;--light-bg:#faf4eb;--light-text:#2f2d2a;--light-card-bg:#fffdf5;--dark-bg:#0e1420;--dark-secondary-bg:#161d30;--dark-card-bg:#182036;--dark-text:#efe8dd;--dark-text-secondary:#b9aea3;--dark-border:#33394a;--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:#0e1420eb;--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, rgba(var(--s3-green-rgb), .2), transparent 30%), radial-gradient(circle at bottom right, #4ad5d421, 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), .18), transparent 24%), radial-gradient(circle at bottom right, #4d86d61a, transparent 18%), linear-gradient(180deg, #0f1422 0%, #17203d 68%), var(--grain-texture);background-blend-mode:multiply;--bg-secondary:#161b2e;--bg-card:#182036;--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 .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:#141b2c}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.04em}h1,h2,h3,h4,h5,h6,.hero-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)}.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{color:var(--text-primary)}.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-blue), var(--secondary-blue));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{z-index:5;background:linear-gradient(to bottom, var(--bg-secondary), var(--bg-secondary) calc(100% - 90px), var(--bg-primary));min-height:28vh;clip-path:var(--wave-clip);filter:drop-shadow(0 3px 3px #0000001a);justify-content:center;align-items:center;margin-bottom:-80px;padding:1.5rem 0 6rem;font-family:DynaPuff,cursive;display:flex;position:relative;overflow:hidden}.page-hero+section{padding-top:6rem}.footer-wave{z-index:5;pointer-events:none;background:linear-gradient(to bottom, var(--bg-primary), var(--bg-primary) calc(100% - 90px), transparent);height:100px;clip-path:var(--wave-clip);margin-bottom:-100px;position:relative}@media (width<=768px){.footer-wave{height:56px;clip-path:var(--wave-clip-sm);margin-bottom:-56px}}.page-hero .hero-bg{z-index:0;background:radial-gradient(circle at 15% 50%, rgba(var(--s3-green-rgb), .1), transparent 25%), radial-gradient(circle at 85% 30%, rgba(var(--s3-teal-rgb), .12), transparent 25%);filter:blur(60px);animation:10s ease-in-out infinite alternate bgPulse;position:absolute;inset:0}body:not(.dark-mode) .page-hero .hero-bg{background:radial-gradient(circle at 15% 50%, rgba(var(--s3-green-rgb), .15), transparent 30%), radial-gradient(circle at 85% 30%, rgba(var(--s3-teal-rgb), .15), transparent 30%);opacity:.8}.page-hero .container{z-index:2;text-align:center;position:relative}.hero-content{max-width:700px;margin:0 auto}.page-hero h1{font-size:clamp(1.8rem,8vw,5.8rem);font-weight:700;font-family:var(--font-display);letter-spacing:.01em;color:var(--text-primary);text-shadow:0 2px 24px rgba(var(--s3-teal-rgb), .18);word-break:break-word;margin-bottom:.4rem;line-height:1.05}.page-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}@media (width<=768px){.page-hero{min-height:32vh;clip-path:var(--wave-clip-sm);margin-bottom:-40px;padding-bottom:3.5rem}.page-hero h1{font-size:clamp(1.8rem,9vw,2.6rem)}.page-hero+section{padding-top:3.25rem}}.floating-shapes{pointer-events:none;z-index:1;position:absolute;inset:0}.shape{opacity:.18;will-change:transform;border-radius:50%;animation:20s ease-in-out infinite floatShape;position:absolute}.shape-1{background:radial-gradient(circle, rgba(var(--s3-teal-rgb), .4), transparent 70%);width:300px;height:300px;top:8%;left:6%}.shape-2{background:radial-gradient(circle, rgba(var(--s3-green-rgb), .4), transparent 70%);width:250px;height:250px;animation-delay:5s;bottom:15%;right:8%}@keyframes floatShape{0%,to{transform:translate(0)}33%{transform:translate(30px,-50px)}66%{transform:translate(-20px,20px)}}@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-green);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:0 4px 16px rgba(var(--s3-green-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-teal);box-shadow:0 4px 20px rgba(var(--s3-teal-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-green);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}.hero-particles{pointer-events:none;z-index:1;opacity:.7;width:100%;height:100%;position:absolute;inset:0}body:not(.dark-mode) .hero-particles{opacity:.8}.community-note{background:rgba(var(--s3-green-rgb), .08);border:2px dashed rgba(var(--s3-green-rgb), .45);border-radius:12px 18px 14px 16px/16px 14px 18px 12px;max-width:720px;margin:0 auto;padding:1.6rem 1.8rem;font-family:DynaPuff,cursive;box-shadow:3px 5px #0000001f}.community-note h2{font-family:var(--font-display,"Luckiest Guy", cursive);color:var(--text-primary);letter-spacing:.02em;margin-bottom:.7rem;font-size:1.4rem}.community-note p,.community-note li{color:var(--text-secondary);font-size:1rem;line-height:1.7}.community-note p{margin-bottom:.7rem}.community-note p:last-child{margin-bottom:0}.community-note ul{margin-bottom:.7rem;padding-left:1.2rem}.community-note li{margin:.35rem 0}.community-note strong{color:var(--text-primary)}.community-note a{color:var(--primary-blue);text-underline-offset:2px;text-decoration:underline}@media (width<=640px){.community-note{padding:1.3rem}}.site-header{z-index:1000;background:#141b2c;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-green-rgb), .15);background:#10141f;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-green);background:rgba(var(--s3-green-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:58px;transition:opacity .3s}.nav-brand a:before{display:none}.nav-brand a:hover .nav-logo{filter:drop-shadow(0 0 15px rgba(var(--s3-green-rgb), .6));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-green);background:rgba(var(--s3-green-rgb), .15);border-color:var(--s3-green);box-shadow:3px 6px 0 rgba(var(--s3-green-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-green-rgb), .25);border-color:rgba(var(--s3-green-rgb), .6)}.nav-icon-img{object-fit:contain;pointer-events:none;width:20px;height:20px;display:block}.nav-links a:hover{color:var(--s3-green);background:rgba(var(--s3-green-rgb), .15);border-color:var(--s3-green);box-shadow:3px 6px 0 rgba(var(--s3-green-rgb), .35);transform:translateY(-5px)rotate(0)scale(1.06)}.nav-links a.active{color:var(--s3-green);background:rgba(var(--s3-green-rgb), .14);border-color:rgba(var(--s3-green-rgb), .45)}.nav-links .nav-admin-link{color:var(--s3-green);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-green-rgb), .15);color:var(--s3-green)}.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-switch{--sw:15px;font-size:var(--sw);cursor:pointer;flex-shrink:0;width:4em;height:2em;display:inline-block;position:relative}.theme-switch-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.theme-switch-track{background:#6f7683;transition:background .3s;position:absolute;inset:0;box-shadow:inset -.2em -.2em #00000047,inset .2em .2em #ffffff2e}.theme-switch-knob{width:2em;height:2em;image-rendering:pixelated;background-color:#e7eaf0;background-position:50%;background-repeat:no-repeat;background-size:62%;transition:transform .3s,opacity .3s;position:absolute;top:0;left:0;box-shadow:inset -.22em -.22em #00000040,inset .22em .22em #fff6}.theme-switch-knob--moon{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect width='8' height='8' fill='%23c3c9d6'/%3E%3Crect x='1' y='1' width='6' height='6' fill='%23e7ecf5'/%3E%3Crect x='2' y='2' width='2' height='2' fill='%23a9b2c4'/%3E%3Crect x='5' y='4' width='2' height='2' fill='%23a9b2c4'/%3E%3Crect x='3' y='5' width='1' height='1' fill='%23a9b2c4'/%3E%3C/svg%3E")}.theme-switch-knob--sun{opacity:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect width='8' height='8' fill='%23f5a623'/%3E%3Crect x='1' y='1' width='6' height='6' fill='%23ffcf4d'/%3E%3Crect x='2' y='2' width='4' height='4' fill='%23fff0b0'/%3E%3Crect x='0' y='0' width='1' height='1' fill='%23ffcf4d'/%3E%3Crect x='7' y='0' width='1' height='1' fill='%23ffcf4d'/%3E%3Crect x='0' y='7' width='1' height='1' fill='%23ffcf4d'/%3E%3Crect x='7' y='7' width='1' height='1' fill='%23ffcf4d'/%3E%3C/svg%3E")}.theme-switch-input:checked~.theme-switch-knob--moon{opacity:0;transform:translate(2em)}.theme-switch-input:checked~.theme-switch-knob--sun{opacity:1;transform:translate(2em)}.theme-switch-input:focus-visible~.theme-switch-track{outline:2px solid var(--s3-green);outline-offset:3px}.theme-switch:hover .theme-switch-knob{filter:brightness(1.08)}@media (prefers-reduced-motion:reduce){.theme-switch-track,.theme-switch-knob{transition:none}}@media (width<=768px){.nav-logo{height:38px}.theme-switch{--sw:12px}.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-green-rgb), .1);color:var(--s3-green)}}body:not(.dark-mode) .site-header{background-color:#fffffff2;border-bottom:1px solid #0000000f!important}body{padding-top:65px}.site-footer{background:var(--bg-secondary);color:var(--text-secondary);margin-top:auto;padding-top:116px;font-family:DynaPuff,cursive;font-size:.95rem;position:relative}@media (width<=768px){.site-footer{padding-top:68px}}.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}.footer-legal{font-family:var(--font-handwriting,"DynaPuff", cursive);margin-top:-.35rem;font-size:.82rem}.footer-legal a{color:var(--text-secondary);opacity:.6;border-bottom:1px dotted;text-decoration:none;transition:opacity .2s,color .2s}.footer-legal a:hover{opacity:1;color:var(--s3-teal)}@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-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:7%;left:env(safe-area-inset-left,0px);z-index:9998;font-family:var(--font-body,"DynaPuff", cursive);font-size:14px;transition:left .22s,top .22s;position:fixed}#a11y-trigger{--a11y-blue:#3f51b5;--a11y-blue-rgb:63, 81, 181;background:var(--a11y-blue);color:#fff;cursor:grab;touch-action:none;width:6rem;height:7.5rem;box-shadow:5px 8px 24px rgba(var(--a11y-blue-rgb), .5);border:4px solid #5c6bc0;border-radius:0 1.5rem 1.5rem 0;justify-content:center;align-items:center;padding:0;transition:transform .2s,background .2s,box-shadow .2s;display:flex;overflow:hidden}#a11y-trigger:hover,#a11y-trigger:focus-visible{transform-origin:0;box-shadow:6px 8px 24px rgba(var(--a11y-blue-rgb), .6);background:#4e5dc4;transform:scale(1.06)}.a11y-trigger-icon{flex-shrink:0;display:flex}.a11y-trigger-icon img{object-fit:contain;width:5rem;height:5rem;display:block}#a11y-trigger:focus-visible{outline-offset:3px;outline:3px solid #9fa8da}#a11y-widget.a11y-dragging{transition:none}#a11y-widget.a11y-dragging #a11y-trigger{cursor:grabbing;transform:none}#a11y-widget.a11y-anchor-right #a11y-trigger{border-radius:1.5rem 0 0 1.5rem}#a11y-widget.a11y-anchor-right #a11y-trigger:hover,#a11y-widget.a11y-anchor-right #a11y-trigger:focus-visible{transform-origin:100%}#a11y-widget.a11y-anchor-right #a11y-panel{left:auto;right:calc(100% + 12px)}#a11y-widget.a11y-anchor-top #a11y-panel{top:0;bottom:auto}#a11y-panel{background:var(--bg-card,#182036);border:1px solid var(--border-color,#33394a);border-radius:16px;width:280px;padding:1rem 1rem .85rem;animation:.18s forwards a11y-panel-in;position:absolute;bottom:0;left:calc(100% + 12px);box-shadow:0 8px 36px #0006}@keyframes a11y-panel-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.a11y-panel-header{border-bottom:1px solid var(--border-color,#33394a);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,#33394a);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,#33394a);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,#33394a);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,#182036);border:1px solid var(--border-color,#33394a);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,#33394a);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-widget:not([style*=left]){top:auto;bottom:8%}#a11y-trigger{width:5.25rem;height:6.75rem}.a11y-trigger-icon img{width:4.3rem;height:4.3rem}#a11y-panel{width:min(260px,100vw - 66px);bottom:0;left:calc(100% + 8px)}#a11y-widget.a11y-anchor-right #a11y-panel{left:auto;right:calc(100% + 8px)}}