:root{--primary-blue: #0066ff;--primary-blue-glow: rgba(0, 102, 255, .35);--accent-sky: #66b3ff;--accent-azure: #3399ff;--bg-dark: #080c14;--bg-card: rgba(17, 23, 35, .85);--bg-header: rgba(8, 12, 20, .88);--border-subtle: rgba(164, 184, 214, .12);--border-active: rgba(0, 102, 255, .55);--text-main: #ededed;--text-muted: #a1aec2;--text-subtle: #8996ac;--header-height: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto!important;background-color:var(--bg-dark);color:var(--text-main);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100%;min-height:100%;min-height:100dvh;overflow-x:hidden;overflow-y:auto!important;background-color:var(--bg-dark);color:var(--text-main);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;touch-action:manipulation}#root,.app-root{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.main-content-view{width:100%;flex:1;display:flex;flex-direction:column;position:relative;z-index:2}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#1e1f26;border-radius:6px;border:2px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}.fire-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;pointer-events:none;z-index:1}.fire-glow{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(750px,92vw);height:min(450px,60vh);background:radial-gradient(ellipse at center,rgba(0,102,255,.16) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0;animation:none;opacity:.45}.fire-glow-rules{top:25%;width:min(900px,95vw);height:min(650px,70vh);opacity:.35;filter:blur(120px)}@keyframes glowPulse{0%{transform:translate(-50%,-50%) scale(.92);opacity:.6}to{transform:translate(-50%,-50%) scale(1.12);opacity:.95}}.site-header{position:sticky;top:0;left:0;width:100%;z-index:1000;background:var(--bg-header);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);box-shadow:none;padding-top:env(safe-area-inset-top,0px)}.header-inner{max-width:1200px;margin:0 auto;padding:0 28px;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-group{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease,opacity .2s ease;flex-shrink:0}.brand-group:hover{transform:none;opacity:.85}.brand-group:active{transform:scale(.98)}.header-logo{height:clamp(30px,4vw,38px);width:auto;filter:none}.brand-name{font-family:Outfit,sans-serif;font-size:clamp(.95rem,2vw,1.1rem);font-weight:600;letter-spacing:-.02em;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;filter:none;white-space:nowrap}.header-nav{display:flex;align-items:center;gap:12px}.nav-links-list{display:flex;align-items:center;gap:6px}.nav-link-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:0;padding:8px 14px;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;white-space:nowrap;min-height:44px}.nav-link-btn:hover{color:#fff;background:#ffffff0f}.nav-link-btn.active{border:1px solid transparent;box-shadow:none;background:#3388ff1f;color:#9bc2ff}.store-btn{background:#06f;color:#fff;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:0;padding:9px 22px;border-radius:8px;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;transition:all .25s cubic-bezier(.16,1,.3,1);border:none;white-space:nowrap;min-height:44px}.store-btn:hover{background:#1a75ff;box-shadow:none;transform:translateY(-1px)}.store-btn:active{transform:scale(.97)}.mobile-toggle{display:none;background:transparent;border:1px solid rgba(0,102,255,.25);color:var(--text-main);cursor:pointer;padding:8px;border-radius:8px;align-items:center;justify-content:center;transition:all .2s ease;min-width:44px;min-height:44px}.mobile-toggle:hover{background:#0066ff1f;border-color:var(--primary-blue);color:#fff}.mobile-toggle:active{transform:scale(.94)}.mobile-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;animation:fadeIn .2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{display:none}@media (max-width: 960px){.nav-links-list,.header-nav>.store-btn{display:none}.mobile-toggle{display:flex}.mobile-drawer{display:block;position:absolute;top:100%;left:0;width:100%;background:#08090efa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);box-shadow:0 16px 40px #000000bf;z-index:999;max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s ease,transform .3s cubic-bezier(.16,1,.3,1);pointer-events:none}.mobile-drawer.open{max-height:480px;opacity:1;transform:translateY(0);pointer-events:auto}.mobile-drawer-inner{padding:16px 20px 24px;display:flex;flex-direction:column;gap:8px;max-width:600px;margin:0 auto}.mobile-drawer-link{background:#ffffff05;border:1px solid rgba(255,255,255,.05);color:var(--text-muted);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;padding:14px 18px;text-align:left;text-decoration:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;min-height:48px}.mobile-drawer-link:hover,.mobile-drawer-link.active{color:var(--accent-azure);background:#0066ff1f;border-color:var(--border-subtle);box-shadow:0 0 15px #0066ff26}.mobile-drawer-link:active{transform:scale(.98)}.drawer-ext-icon{opacity:.6;transition:transform .2s ease,opacity .2s ease}.mobile-drawer-link:hover .drawer-ext-icon{opacity:1;transform:translate(2px,-2px)}.mobile-store-btn{margin-top:8px;width:100%;min-height:48px;font-size:1.05rem}}.baseplate-wrapper{flex:1;min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height));display:flex;align-items:center;justify-content:center;position:relative;padding:clamp(24px,5vh,48px) clamp(16px,4vw,32px)}.baseplate-container{position:relative;z-index:2;text-align:center;padding:32px 16px;max-width:640px;width:100%;display:flex;flex-direction:column;align-items:center;-webkit-user-select:auto;user-select:auto}.logo-wrapper{margin-bottom:28px;display:flex;justify-content:center;align-items:center;width:100%}.logo-img{width:100%;max-width:clamp(200px,52vw,340px);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25));animation:none}@keyframes floatLogo{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.status-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;background:#3388ff14;border:1px solid rgba(102,179,255,.18);border-radius:50px;margin-bottom:20px;box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:100%}.status-pill span{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.02em;text-transform:none;color:#a8ccff;text-shadow:none;white-space:nowrap}.pulse-dot{width:6px;height:6px;border-radius:50%;background-color:var(--accent-azure);box-shadow:none;animation:none;flex-shrink:0}@keyframes pulse{0%{transform:scale(.9);box-shadow:0 0 #06fc}70%{transform:scale(1.2);box-shadow:0 0 0 8px #06f0}to{transform:scale(.9);box-shadow:0 0 #06f0}}.subtitle{font-size:1rem;color:var(--text-muted);font-weight:400;letter-spacing:0;margin-bottom:28px;max-width:390px;line-height:1.7}.actions-group{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border-radius:10px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;border:none;min-height:48px;white-space:nowrap}.btn-icon{flex-shrink:0}.btn-discord{background:#06f;color:#fff;box-shadow:0 4px 16px #0066ff26}.btn-discord:hover{background:#1a75ff;box-shadow:0 6px 20px #06f3;transform:translateY(-1px)}.btn-discord:active{transform:scale(.97)}.btn-outline{background:#ffffff06;color:#e0e0e0;border:1px solid rgba(164,184,214,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-outline:hover{background:#ffffff0f;border-color:var(--accent-azure);color:#fff;box-shadow:none;transform:translateY(-1px)}.btn-outline:active{transform:scale(.97)}.text-success{color:#2ed573}.rules-page-wrapper{position:relative;z-index:2;width:100%;flex:1;display:flex;flex-direction:column;overflow-y:visible}.rules-container.simplistic-rules{max-width:940px;margin:0 auto;padding:clamp(28px,4vw,48px) clamp(16px,3.5vw,24px) clamp(60px,8vw,100px) clamp(16px,3.5vw,24px);width:100%}.rule-section-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:clamp(18px,3vw,26px) clamp(16px,3.5vw,32px);margin-bottom:20px;box-shadow:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.rule-section-card:hover{border-color:#06f6}.section-card-header{display:flex;align-items:center;gap:12px;margin-bottom:clamp(14px,2.5vw,20px);padding-bottom:clamp(10px,2vw,12px);border-bottom:1px solid rgba(0,102,255,.15)}.section-icon{flex-shrink:0}.section-icon-emoji{font-size:clamp(1.1rem,2vw,1.25rem);line-height:1;flex-shrink:0}.section-heading{font-family:Outfit,sans-serif;font-size:clamp(1rem,2.2vw,1.2rem);font-weight:600;letter-spacing:-.01em;text-transform:none;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;filter:none;line-height:1.3;color:#e7efff}.section-card-body{display:flex;flex-direction:column}.rule-row{display:flex;align-items:flex-start;gap:clamp(10px,2vw,14px);padding:clamp(12px,2vw,16px) 0;border-bottom:1px solid rgba(255,255,255,.06)}.rule-row:first-child{padding-top:2px}.rule-row:last-child{border-bottom:none;padding-bottom:2px}.bullet-dot{font-size:.6rem;margin-top:8px;flex-shrink:0;filter:none;line-height:1}.rule-text-content{font-size:.95rem;color:#b6c2d5;line-height:1.8;font-weight:400;flex:1}.text-blue{color:var(--accent-azure)}.hl-bold{font-weight:700}.hl-text{font-weight:800;letter-spacing:.3px}.policy-pills-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.policy-pill{display:inline-flex;align-items:center;background:#004dcc14;border:1px solid rgba(0,102,255,.25);border-radius:6px;padding:4px 10px;font-size:clamp(.8rem,1.4vw,.88rem);color:#ffb8b8;font-weight:600;line-height:1.4}.simplistic-full-rules{display:flex;justify-content:center;margin:clamp(16px,3vw,24px) 0 8px 0;width:100%}.full-rules-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(10px,2vw,12px) clamp(18px,3.5vw,26px);background:#0c0d12d9;border:1px solid var(--border-subtle);border-radius:10px;color:#d8d8e6;font-family:Outfit,sans-serif;font-size:clamp(.88rem,1.8vw,.98rem);font-weight:500;letter-spacing:0;text-transform:none;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:none;max-width:100%;min-height:44px;text-align:center}.full-rules-pill:hover{background:#0066ff1f;border-color:var(--accent-azure);color:#fff;box-shadow:none;transform:translateY(-2px)}.full-rules-pill:active{transform:scale(.97)}.pill-arrow{color:#8c8c9e;transition:transform .2s ease,color .2s ease;flex-shrink:0}.full-rules-pill:hover .pill-arrow{color:var(--accent-azure);transform:translate(2px) translateY(-2px)}.rules-footer{margin-top:clamp(36px,6vw,56px);padding-top:clamp(24px,4vw,36px);padding-bottom:max(16px,env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;width:100%}.footer-logo img{height:clamp(36px,5vw,48px);width:auto;opacity:.85;filter:none}.footer-text{font-size:clamp(.82rem,1.5vw,.88rem);color:var(--text-subtle);max-width:500px;line-height:1.5}.footer-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-sm{padding:8px 18px;font-size:.9rem;min-height:40px}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,24px));left:50%;transform:translate(-50%) translateY(100px);background:#0e0f14f5;border:1px solid var(--border-subtle);border-radius:8px;padding:12px 22px;color:#fff;font-family:Outfit,sans-serif;font-size:clamp(.88rem,2vw,1rem);font-weight:500;letter-spacing:0;box-shadow:0 12px 32px #00000059;opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.16,1,.3,1);z-index:9999;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);white-space:normal;text-align:center}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@media (max-width: 1024px){.header-inner{padding:0 20px}}@media (max-width: 640px){.brand-group{min-width:0;flex-shrink:1;gap:8px}.brand-name{font-size:clamp(.85rem,3.8vw,1.2rem);letter-spacing:.5px}.header-logo{height:28px}.header-inner{padding:0 16px;height:64px}:root{--header-height: 64px}.actions-group{flex-direction:column;width:100%;gap:12px}.btn{width:100%}.footer-actions{flex-direction:column;width:100%;max-width:320px}.footer-actions .btn{width:100%}.policy-pills-wrap{flex-direction:column;align-items:flex-start}.policy-pill{width:100%}}@media (max-width: 360px){.header-inner{padding:0 12px}.brand-group{gap:8px}.brand-name{font-size:.85rem;letter-spacing:.5px}.header-logo{height:26px}.status-pill{padding:6px 12px}.status-pill span{font-size:.78rem;letter-spacing:.5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.logo-img,.fire-glow,.pulse-dot{animation:none}}.hero-heading{font-size:clamp(1.7rem,5vw,2.4rem);font-weight:600;letter-spacing:-.04em;line-height:1.2;margin-bottom:14px}.home-rules-link{display:inline-flex;align-items:center;gap:8px;margin-top:26px;padding:8px;color:var(--text-muted);font:inherit;font-size:.85rem;background:none;border:none;cursor:pointer;min-height:44px}.home-rules-link:hover{color:#a8ccff}.rules-intro{margin-bottom:32px}.rules-intro h1{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:600;letter-spacing:-.04em;margin-bottom:12px}.rules-intro p{color:var(--text-muted);line-height:1.7;max-width:560px}:focus-visible{outline:2px solid #66b3ff;outline-offset:4px}@media (max-width: 960px){.mobile-drawer-link{font-size:.95rem;font-weight:500;letter-spacing:0}.mobile-drawer-link:hover,.mobile-drawer-link.active{box-shadow:none}}@media (max-width: 640px){.actions-group{max-width:340px}.baseplate-container{padding:20px 0}.brand-name{font-size:clamp(.85rem,3.8vw,1.05rem);letter-spacing:-.02em}.status-pill span{font-size:.75rem;letter-spacing:0}}