@layer tokens{:root{--primary: hsla(222, 47%, 35%, 1);--primary-light: hsla(222, 47%, 55%, 1);--secondary: hsla(14, 84%, 58%, 1);--secondary-light: hsla(14, 84%, 70%, 1);--accent-1: hsla(160, 84%, 39%, 1);--accent-2: hsla(280, 64%, 59%, 1);--bg: hsla(210, 36%, 96%, 1);--surface: hsla(0, 0%, 100%, 1);--border: hsla(210, 16%, 86%, 1);--text-1: hsla(210, 22%, 20%, 1);--text-2: hsla(210, 16%, 40%, 1);--text: var(--text-1);--shadow: 0 4px 24px rgba(0, 0, 0, .08), 0 1.5px 6px rgba(0, 0, 0, .03);--font-main: "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-base: 1rem;--font-size-lg: 1.2rem;--radius: 12px;--spacing: 1.1rem;--transition: .3s cubic-bezier(.4, 0, .2, 1);--line-color: #252323}:root[data-theme=dark]{color-scheme:dark;--bg: rgb(37, 47, 58);--surface: rgb(32, 41, 49);--text-1: hsla(0, 0%, 100%, .96);--text-2: hsla(0, 0%, 100%, .72);--text: var(--text-1);--line-color: #fff;--border: hsla(210, 12%, 25%, 1);--shadow: 0 4px 24px rgba(0, 0, 0, .25), 0 1.5px 6px rgba(0, 0, 0, .15)}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--bg: rgb(37, 47, 58);--surface: rgb(32, 41, 49);--text-1: hsla(0, 0%, 100%, .96);--text-2: hsla(0, 0%, 100%, .72);--text: var(--text-1);--border: hsla(210, 12%, 25%, 1);--shadow: 0 4px 24px rgba(0, 0, 0, .25), 0 1.5px 6px rgba(0, 0, 0, .15)}}}@layer base{*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;padding:0;font-family:var(--font-main);font-size:var(--font-size-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition),color var(--transition)}}@layer components{.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:calc(var(--radius) - 4px);border:1px solid var(--border);background:var(--primary);color:#fff;text-decoration:none;cursor:pointer;transition:transform var(--transition),background var(--transition),border-color var(--transition)}.btn:where(:hover,:focus-visible){transform:translateY(-1px)}.btn.secondary{background:var(--secondary)}}@layer utilities{.text-subtle{color:var(--text-2)}.surface{background:var(--surface)}.bordered{border:1px solid var(--border);border-radius:var(--radius)}.stack{display:grid;gap:var(--spacing)}}.main-content{display:flex;flex-direction:column}.navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-around;height:100px;width:100%;background-color:var(--surface);border:1.5px solid var(--border);position:sticky;box-shadow:var(--shadow);top:0;z-index:100}.headerTagContainer{display:flex;flex-direction:column;gap:0ch}.headerTagContainer p,.headerTagContainer h3{margin:0}.navbar header a{display:flex;align-items:center;color:var(--text-dark);text-decoration:none;font-size:20px}.headerDisplayContainer{display:flex;flex-direction:column;gap:0ch}.navbar header a img{width:60px;margin-right:10px}.navbarLinks{display:flex;flex-direction:row;justify-content:space-between;gap:2ch;font-size:20px}.navbarLinks a{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2ch;text-decoration:none;color:var(--text-dark);font-size:17px;padding:4px 8px;border-radius:8px;transition:background-color .2s,color .2s}.navbarLinks a:hover{color:var(--primary);text-shadow:0 1px 8px rgba(84,185,111,.1);background-color:var(--bg)}.navbarLinks a img{width:40px;border-radius:50%}.navTagline{font-size:14px;color:var(--text-light)}.buttons{display:flex;flex-direction:row;align-items:center;gap:1ch;justify-content:center;font-size:15px}.buttons img{border-radius:50%;width:28px;height:28px;object-fit:cover;box-shadow:0 1px 4px #0000001f;border:2px solid var(--color-border)}.navBtn{background-color:var(--bg-accent);border:none;transition:opacity .3s ease-in-out;color:var(--primary);font-size:25px;transition:ease-in-out color .2s}.navBtn:hover{cursor:pointer;color:var(--secondary)}#burgerBtn{display:none}@media (max-width: 850px){.navbar{height:70px}.navbar header a img{width:50px}#burgerBtn{display:flex;align-items:center;justify-content:center;font-size:28px}.headerTagContainer,.navbarLinks{display:none}}.dropdown{position:relative;display:inline-block}.dropTrigger{background:transparent;border:0;color:var(--text);font:inherit;font-size:18px;cursor:pointer;padding:.5rem .75rem;border-radius:calc(var(--radius, 12px) - 6px);display:inline-flex;align-items:center;gap:.35rem;transition:background var(--transition, .25s ease),color var(--transition, .25s ease)}.dropTrigger:hover,.dropdown:focus-within .dropTrigger{background:color-mix(in oklab,var(--primary, #375597) 14%,transparent);color:#fff}.dropTrigger .chev{font-size:.9em;opacity:.8;transform:translateY(-1px)}.dropMenu{position:absolute;top:100%;left:0;min-width:180px;background:var(--surface, #fff);border:1px solid var(--border, #e0e0e0);border-radius:var(--radius, 12px);box-shadow:var(--shadow, 0 8px 24px rgba(0, 0, 0, .12));padding:.4rem;display:none;z-index:1000}.dropdown:hover .dropMenu,.dropdown:focus-within .dropMenu{display:block}.dropMenu a,.dropMenu .navlink{display:block;padding:.55rem .7rem;border-radius:calc(var(--radius, 12px) - 8px);color:var(--text, #111);font-size:15px;text-decoration:none;white-space:nowrap;transition:background var(--transition, .25s ease),color var(--transition, .25s ease)}.dropMenu a:hover,.dropMenu a:focus-visible{background:color-mix(in oklab,var(--primary, #375597) 12%,var(--surface, #fff) 88%);color:color-mix(in oklab,#fff 92%,var(--text, #111) 8%)}@media (max-width: 800px){.dropMenu{left:70%;transform:translate(-50%)}.dropTrigger{text-decoration:none;color:var(--text-color);font-size:1.05rem;font-weight:500;position:relative;padding:.45em .9em;border-radius:8px}}.dropdown:hover .chev,.dropdown:focus-within .chev{transform:rotate(180deg)}.userSearch{position:relative;display:flex;align-items:center;padding:0}.searchInputWrap{position:absolute;right:0;display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;border-radius:calc(var(--radius) - 6px);transition:background .18s var(--transition),border-color .18s var(--transition),padding .18s var(--transition),width .2s var(--transition)}.searchInputWrap input{border:none;outline:none;background:transparent;width:160px;transition:width .2s var(--transition),opacity .15s linear;opacity:1}.userSearch:not(:hover) .searchInputWrap input{width:0px;opacity:0;pointer-events:none}.userSearch:hover .searchInputWrap{background:var(--surface);border:1px solid var(--border);padding:6px 8px}.searchIcon{color:var(--primary);font-size:25px;cursor:pointer;display:flex;align-items:center;margin-bottom:3px;justify-content:center;background-color:var(--bg-accent);transition:color .2s ease-in-out}.searchIcon:hover{color:var(--secondary)}.resultsDropdown{position:absolute;top:calc(100% + 8px);left:0;width:320px;max-height:320px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) - 6px);box-shadow:var(--shadow);z-index:60}.resultItem{display:flex;gap:8px;align-items:center;padding:8px;cursor:pointer}.resultItem:hover{background:#00000008}.resultAvatar{width:40px;height:40px;border-radius:6px;object-fit:cover}.resultMeta{display:flex;flex-direction:column}.resultName{font-weight:600}.resultSub{font-size:.9rem;color:var(--text-2)}.sidebar{position:fixed;background-color:var(--bg);height:100%;width:200px;display:none;border-top-right-radius:25px;border-bottom-right-radius:25px;box-shadow:var(--shadow, 0 2px 12px rgba(0,0,0,1));z-index:1000;top:0}.sidebarHeader{display:flex;justify-content:center}.sidebar .sidebarTitle h3{text-decoration:none;color:var(--primary);font-size:1.35rem;font-weight:700;letter-spacing:.05em;transition:color .2s}.sidebar .sidebarTitle:hover,.sidebar .sidebarTitle:focus{color:var(--primary);text-shadow:0 1px 8px rgba(84,185,111,.05)}.headerDivider{width:90%;height:1px;background-color:var(--color-border);align-self:center}.sidebarNavLinks{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.sidebarNavLinks a{display:flex;align-items:center;gap:.45em;text-decoration:none;color:var(--text-color);font-size:1.05rem;font-weight:500;padding:.45em .9em;border-radius:8px;transition:background .2s,color .2s,box-shadow .2s;position:relative}.sidebarNavLinks a:hover,.sidebarNavLinks a:focus{background:#54b96f1c;color:var(--primary);text-shadow:0 1px 4px rgba(84,185,111,.07)}[data-theme=dark] .sidebarNavLinks a:hover,[data-theme=dark] .sidebarNavLinks a:focus{background:#77df9c26}@media (max-width: 1375px){.sidebar{display:flex;flex-direction:column;gap:1ch}.sidebar .sidebarTitle{text-decoration:none;color:var(--text-color);font-size:.9rem;font-weight:700;letter-spacing:.05em;transition:color .2s}}.docsSidebar{width:250px;max-width:325px;height:100vh;background-color:var(--surface);border-right:1px solid #ddd;padding:20px;box-sizing:border-box;overflow-y:auto;position:sticky;box-shadow:var(--shadow);top:0;z-index:50}.docsItem{display:flex;padding:5px 10px;border-radius:5px;font-weight:500;align-items:center;justify-content:space-between}.docsItem,.categoryItem{display:flex;align-items:center;gap:8px;max-width:fit-content}.dragHandle{cursor:grab;-webkit-user-select:none;user-select:none;font-size:14px;line-height:1;opacity:.7}.dragHandle:active{cursor:grabbing}.label{flex:1}.weightBadge{font-size:11px;opacity:.6}.docsItem.selected{color:var(--primary-light)}.docsItem p{margin:0}.docsItem svg{font-size:20px}.docsItem:hover{background-color:var(--border);cursor:pointer}.categoryDetails{margin-left:10px;margin-bottom:5px}.categoryItem{padding:5px 10px;border-radius:5px;font-weight:500}.categoryItem.selected{color:var(--primary-light);background-color:var(--border)}.categoryItem:hover{background-color:var(--border);cursor:pointer}.docsSidebarContent{display:flex;flex-direction:column}.notificationContainer{position:fixed;bottom:20px;right:20px;width:300px;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #00000026;z-index:1000;display:flex;flex-direction:column}.notification-content{margin-right:10px;padding:12px;flex:1}.notification-close{position:absolute;top:6px;right:8px;border:none;background:transparent;font-size:20px;cursor:pointer}.progress-bar-container{height:4px;background-color:#eee;width:100%;border-radius:0 0 6px 6px;overflow:hidden;display:flex;gap:0ch}.progress-bar-left{height:100%;background-color:#4caf50;transition:width .1s linear}.progress-bar-right{height:100%;background-color:#eee;transition:width .1s linear}.heroContainer{position:relative;width:100%;height:auto;min-height:50vh;overflow:hidden}.heroVideo{position:absolute;top:0;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%);z-index:0}.heroContent{position:relative;margin-top:15px;z-index:1;color:var(--text-1);text-align:center;padding:4rem 1rem}.heroTitle{color:var(--primary-light);margin-bottom:1rem}.heroButton{padding:10px 20px;border-radius:20px}.divider{border:none;height:3px;border-top:2px solid var(--line-color);margin:1.5rem 0}.aboutSection,.gamemodesSection,.joinSection{text-align:center;padding:3rem 1rem;color:var(--text-1)}.aboutSection p{max-width:700px;margin:0 auto;color:var(--text-2)}.gamemodesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.modeCard{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:transform var(--transition),box-shadow var(--transition)}.modeCard:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.joinSection{padding:4rem 1rem;background:var(--bg);color:#fff}.joinButtons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.joinBtn{padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:background var(--transition),transform var(--transition);color:var(--text-1)}.joinBtn.discord{background:#5865f2}.joinBtn.store{background:#ff914d}.joinBtn:hover{transform:translateY(-3px);opacity:.9}.loginPageContainer{min-height:70vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.loginCard{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 24px #0000000f;padding:28px 28px 20px}.loginHeader{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:12px}.brandLogo{width:250px;height:250px;object-fit:contain}.brandName{font-weight:800;font-size:26px;color:var(--primary);letter-spacing:.2px}.loginHeader h1{margin:8px 0 4px;font-size:32px;line-height:1.1;color:var(--text-dark);font-weight:800}.loginForm{display:grid;gap:16px;margin-top:8px}.field{display:grid;gap:8px}.fieldLabel{font-size:14px;color:var(--text-light)}.inputContainer{display:flex;align-items:center;gap:10px;border:2px solid var(--text-dark);border-radius:6px;padding:10px 12px;background:var(--surface)}.inputIcon{font-size:20px;color:var(--text-light);flex:0 0 auto}.inputContainer input{border:none;outline:none;width:100%;font-size:15px;color:var(--text-dark);background:transparent}.inputContainer:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent)}.primaryBtn{width:140px;justify-self:center;margin-top:6px;border:none;background:var(--secondary);color:#fff;font-weight:800;padding:10px 18px;border-radius:8px;cursor:pointer;transition:transform .05s ease,background .15s ease,box-shadow .15s ease}.primaryBtn:hover{background:var(--secondary-light);box-shadow:0 6px 14px color-mix(in oklab,var(--secondary) 24%,transparent)}.primaryBtn:active{transform:translateY(1px)}.error{color:var(--error);font-size:14px;text-align:center;margin-top:8px}.loginDivider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:18px 0;color:var(--text-light);font-weight:700;letter-spacing:.02em}.loginDivider:before,.loginDivider:after{content:"";height:1px;background:var(--border);display:block}.googleBtn{display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:10px;width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--surface);cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease}.googleBtn:hover{border-color:color-mix(in oklab,var(--primary) 25%,var(--border));box-shadow:0 6px 12px #0000000f}.googleInitial{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--text-light);font-weight:700;justify-self:start;border:1px solid var(--border)}.googleText{justify-self:start;color:var(--text-dark);font-weight:700}.googleIcon{width:18px;height:18px;justify-self:end}.registerLink{display:block;text-align:center;margin:16px auto 4px;color:var(--accent-1);text-decoration:none;font-weight:600}.registerLink:hover{text-decoration:underline}@media (max-width: 420px){.loginCard{padding:22px 18px 16px}.brandLogo{width:72px;height:72px}.loginHeader h1{font-size:28px}}.syncPageContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:20px}.syncPageCard{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px;width:100%;max-width:420px;text-align:center}.syncPageCard form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.syncPageCard h1{color:var(--text);font-size:1.8rem;margin:0 0 24px}.syncPageCard input{background:var(--bg);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);padding:12px 16px;font-size:1.1rem;text-align:center;color:var(--text);transition:border-color .2s,box-shadow .2s}.syncPageCard input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.syncPageCard button{background:var(--primary);color:#fff;border:none;border-radius:calc(var(--radius) - 4px);padding:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.syncPageCard button:hover{background:var(--primary-light);transform:translateY(-1px)}.syncPageAccount{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.syncPageAccount h2{color:var(--text);font-size:1.4rem;margin:0 0 16px}.syncPageAccount p{color:var(--text-2);font-size:1.1rem;margin:0 0 16px}.syncPageAccount img{border-radius:calc(var(--radius) - 4px);box-shadow:var(--shadow)}@media (max-width: 480px){.syncPageCard{padding:24px}.syncPageCard h1{font-size:1.5rem}.syncPageCard input{font-size:1rem;padding:10px 14px}}.editAccountForm{display:grid;gap:14px}.editAccountField{display:grid;gap:6px}.editFieldLabel{color:var(--text-dark)}.editInputContainer{position:relative}.editInputIcon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--primary);opacity:.9;pointer-events:none}.inputField,.editAccountForm input[type=email],.editAccountForm input[type=text]{width:100%;height:42px;padding:10px 12px 10px 36px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-dark);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.inputField::placeholder{color:var(--text-light)}.inputField:focus,.editAccountForm input[type=email]:focus,.editAccountForm input[type=text]:focus{border-color:color-mix(in srgb,var(--primary) 40%,var(--border) 60%);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 15%,transparent)}.editAccountForm input[type=file]{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-dark)}.editAccountForm button[type=submit],.editSubmitBtn{margin-top:4px;width:fit-content;padding:10px 14px;border:0;border-radius:12px;background:var(--primary);color:#fff;font-weight:800;cursor:pointer;transition:filter .12s ease,transform .08s ease}.editAccountForm button[type=submit]:hover,.editSubmitBtn:hover{filter:brightness(1.05)}.editAccountForm button[type=submit]:active,.editSubmitBtn:active{transform:translateY(1px)}#customButton{border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;transition:ease-in-out opacity .2s}#customButton:hover{opacity:70%}#customButton:disabled{opacity:50%;cursor:no-drop}.accountPageContainer{--radius: 20px;--pad: 20px;width:min(900px,92%);margin:28px auto 40px;padding:clamp(14px,2.5vw,22px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px #0000000f,0 2px 10px #0000000a;display:grid;gap:20px}.accountPageContainer header{text-align:center}.accountPageContainer header h1{margin:0;color:var(--text-dark);font:800 clamp(1.2rem,2.6vw,1.6rem) / 1.15 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.2px}.accountPageContainer header p{margin-top:6px;color:var(--text-light);font-size:.95rem}.accountPageContainer .accountDetails,.accountPageContainer .syncDetails{padding:var(--pad);background:color-mix(in srgb,var(--surface) 92%,white 8%);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 14px #0000000d}.accountPageContainer .accountDetails h2,.accountPageContainer .syncDetails h2{margin:0 0 10px;color:var(--text-dark);font:800 1.05rem/1.1 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.accountEditForm{margin-top:10px}.logoutBtn{margin-top:14px;padding:12px 14px;border:0;border-radius:12px;color:#fff;font-weight:1000;cursor:pointer;transition:filter .12s ease,transform .08s ease;width:164px}.accountPageContainer .syncDetails>div{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:15px}.accountPageContainer .syncDetails img{width:64px;height:64px;border-radius:12px;box-shadow:0 1px 4px #0000001f inset,0 2px 8px #0000000f}.accountPageContainer .syncDetails .usernameContainer{display:flex;align-items:center;gap:8px}.accountPageContainer .syncDetails .usernameContainer p{margin:0;font-size:1.05rem;color:var(--text-dark);font-weight:800}.syncDetailsAvatar{height:30px;width:auto;border-radius:999px}.syncDetailsButtons{display:flex;gap:1.35ch}.accountPageContainer .syncDetails button,.accountPageContainer .syncDetails .Button{justify-self:end}@media (max-width: 560px){.accountPageContainer .syncDetails>div{grid-template-columns:64px 1fr}.accountPageContainer .syncDetails button,.accountPageContainer .syncDetails .Button{grid-column:1 / -1;justify-self:start}}.usernameContainer{display:flex;flex-direction:row;align-items:center;gap:.5rem;text-decoration:none}.usernameContainer.fitContent{width:fit-content}.usernameContainer .usernameDisplay{text-transform:uppercase;font-weight:700;padding:.1em .5em .2em;font-size:1.2em;align-items:center}.userPageContainer{width:calc(100% - 40px);max-width:1100px;margin:28px auto 40px;background:transparent;display:block}.userPageCard{background:var(--surface);border-radius:calc(var(--radius) + 4px);box-shadow:0 12px 40px #0000001f;overflow:hidden}.userPageBanner{width:100%;height:220px;position:relative}.bannerImage{width:100%;height:100%;object-fit:cover}.userPageHeader{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center;padding:18px 24px;margin-top:-85px;position:relative;z-index:100}.userPageAvatar{width:180px;height:180px;border-radius:50%;border:6px solid rgba(255,255,255,.9);background-color:var(--surface);object-fit:cover;box-shadow:0 10px 30px #00000024}.userPageContent{display:flex;flex-direction:column;gap:6px;padding:6px 0 12px}.userPageContent .usernameContainer{background-color:#0f0b0bc4}.userPageStatus{display:flex;gap:.5rem;font-size:.95rem;align-items:center}.userStatus.online{color:green;font-weight:500}.userStatus.offline{color:red;font-weight:500}.userPageStats{display:flex;justify-content:space-around;padding:14px 22px;border-top:1px solid rgba(0,0,0,.04);background:transparent}.userPageStat{text-align:center}.userPageStat p{margin:0;font-size:.85rem;color:var(--text-2)}.userPageStat a{color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.userGameStats{padding:18px 22px 26px}.gameStatCard{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);border:1px solid var(--border);border-radius:12px;padding:12px;min-width:0;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px #0000000f}.gameStatCard h3{margin:0;font-size:1rem;color:var(--text)}.gameStatGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.statItem{text-align:center;padding:8px 6px;border-radius:8px;background:#00000005}.statLabel{margin:0;font-size:.85rem;color:var(--text-2)}.statValue{margin:0;font-weight:700;font-size:1.05rem;color:var(--text)}.gameStatCard.hcf{border-left:4px solid var(--accent-1)}.gameStatCard.practice{border-left:4px solid var(--accent-2)}.gameStatCard.kitmap{border-left:4px solid var(--primary)}.gameStatCard.towny{border-left:4px solid var(--secondary)}@media (max-width: 980px){.userGameStats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.userGameStats{grid-template-columns:1fr}.gameStatGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 720px){.userPageCard{padding-bottom:8px}.userPageHeader{grid-template-columns:1fr;text-align:center;gap:12px;margin-top:-60px;padding:12px 16px}.userPageAvatar{width:140px;height:140px;margin:0 auto;border-width:5px}.userPageContent{align-items:center}.gameStatGrid{grid-template-columns:repeat(3,1fr)}.userPageContent .usernameContainer{background:transparent;padding:0}}@media (max-width: 420px){.userPageBanner{height:140px}.userPageAvatar{width:110px;height:110px}.gameStatGrid{grid-template-columns:repeat(2,1fr);gap:6px}.statLabel{font-size:.78rem}.statValue{font-size:.95rem}.tabs{flex-wrap:wrap;gap:6px}.tabBtn{padding:6px 8px;font-size:.95rem}}.gameStatsTabs{margin:14px 22px 18px}.tabs{display:flex;gap:8px;margin-bottom:12px}.tabBtn{background:transparent;border:1px solid var(--border);padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--text)}.tabBtn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tabPanel{display:block}.tiptap{background:var(--bg);border:1.5px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--spacing) .6rem .7rem .6rem;width:100%;margin:1.2rem auto;font-family:var(--font-main);color:var(--text-color);font-size:.97rem;transition:background var(--transition),color var(--transition),border var(--transition);padding:20px;border-radius:20px}.tiptap-toolbar{display:flex;flex-wrap:wrap;gap:.23rem;align-items:center;padding-bottom:.25rem;margin-bottom:.3rem;border-bottom:1px solid var(--color-border)}.tiptap-toolbar>*{margin:0!important}.tiptap .tiptap-toolbar button,.tiptap .tiptap-toolbar label,.tiptap .tiptap-toolbar select{background:var(--bg-color);border:1.1px solid var(--color-border);color:var(--text-color);font-size:1rem;padding:.31em .85em;border-radius:8px;cursor:pointer;transition:background var(--transition),border var(--transition),color var(--transition),box-shadow var(--transition);font-family:var(--font-main);font-weight:500;outline:none;min-width:unset;box-shadow:none}.tiptap .tiptap-toolbar button.is-active,.tiptap .tiptap-toolbar button:active,.tiptap .tiptap-toolbar label.is-active{background:var(--primary, #33eb67);color:#fff;border:1.2px solid var(--primary-dark, #37976b);font-weight:600}.tiptap .tiptap-toolbar button:disabled{opacity:.53;cursor:not-allowed}.tiptap .tiptap-toolbar button:hover:not(:disabled),.tiptap .tiptap-toolbar button:focus-visible:not(:disabled),.tiptap .tiptap-toolbar label:hover,.tiptap .tiptap-toolbar label:focus-visible{background:var(--primary-dark, #37976b);color:#fff;border-color:var(--primary, #33eb67)}.tiptap .tiptap-toolbar select,.tiptap .tiptap-toolbar .heading-select,.tiptap .tiptap-toolbar .color-select,.tiptap .tiptap-toolbar .font-select,.tiptap .tiptap-toolbar .block-select{font-size:.97rem;border-radius:7px;border:1.1px solid var(--color-border);background:var(--bg-color);color:var(--text-color);padding:.22em .7em;min-width:1px;margin:0;outline:none;cursor:pointer}.tiptap .tiptap-toolbar select:focus{border:1.3px solid var(--primary)}.tiptap .ProseMirror{min-height:120px;padding:.9rem .6rem;border-radius:7px;border:1px solid var(--color-border);background:var(--bg-color);font-size:var(--font-size-base);line-height:1.6;color:var(--text-color);transition:border var(--transition),background var(--transition),color var(--transition)}.tiptap .ProseMirror:focus{border:1.2px solid var(--primary)}.tiptap .ProseMirror:empty:before{content:"Type here…";color:#bdbdbd;font-style:italic;font-size:.97em}@media (max-width: 600px){.tiptap{box-shadow:none;border:none;padding:.5rem .15rem .7rem;max-width:100vw;margin:.3rem auto;border-radius:.7rem}.tiptap .tiptap-toolbar{gap:.13rem;padding-bottom:.18rem;margin-bottom:.15rem;font-size:.89rem}.tiptap .tiptap-toolbar button,.tiptap .tiptap-toolbar label,.tiptap .tiptap-toolbar select{padding:.17em .52em;font-size:.89rem;border-radius:7px}.tiptap .ProseMirror{padding:.47rem .15rem;font-size:.93rem;border-radius:.5rem}}.node-image{position:relative;display:inline-block}.node-image.ProseMirror-selectednode{z-index:1}.node-image+img.ProseMirror-separator{width:1px!important}.image-component{position:relative;-webkit-user-select:auto;user-select:auto;display:inline-flex}.image-component img{margin-bottom:0}.image-component img[data-keep-ratio]:not([data-keep-ratio=false]){object-fit:contain}.image-component img[data-keep-ratio=false]{object-fit:fill}.image-component>.caption{z-index:1;cursor:text;outline:none;padding:5px;color:#fff;background:#00000080;position:absolute;inset:auto 0 0;margin:auto;white-space:pre-wrap;word-break:break-word;min-height:35px;max-height:100%;overflow-y:auto;font-size:initial;font-weight:initial}.image-component>.caption:before{position:absolute}.image-component>.caption:empty:before{content:var(--caption-placeholder, "Enter a caption...")}.image-component{--box-color: rgb(60, 132, 244)}.node-image.ProseMirror-selectednode .image-resizer{display:block}.node-image.ProseMirror-selectednode .image-component{outline:2px solid var(--box-color)}.image-component .image-resizer{--box-size: 14px;--resizer-offset: calc(var(--box-size) / 2 + 1px);z-index:2;display:none;width:var(--box-size);height:var(--box-size);position:absolute;background-color:var(--box-color);border:2px solid #fff;border-radius:50%}.image-component .image-resizer.image-resizer-n{inset:calc(var(--resizer-offset) * -1) 0 auto;margin:auto;cursor:n-resize}.image-component .image-resizer.image-resizer-ne{top:calc(var(--resizer-offset) * -1);right:calc(var(--resizer-offset) * -1);cursor:ne-resize}.image-component .image-resizer.image-resizer-e{right:calc(var(--resizer-offset) * -1);top:0;bottom:0;margin:auto;cursor:e-resize}.image-component .image-resizer.image-resizer-se{bottom:calc(var(--resizer-offset) * -1);right:calc(var(--resizer-offset) * -1);cursor:nwse-resize}.image-component .image-resizer.image-resizer-s{inset:auto 0 calc(var(--resizer-offset) * -1);margin:auto;cursor:s-resize}.image-component .image-resizer.image-resizer-sw{bottom:calc(var(--resizer-offset) * -1);left:calc(var(--resizer-offset) * -1);cursor:sw-resize}.image-component .image-resizer.image-resizer-w{left:calc(var(--resizer-offset) * -1);top:0;bottom:0;margin:auto;cursor:w-resize}.image-component .image-resizer.image-resizer-nw{top:calc(var(--resizer-offset) * -1);left:calc(var(--resizer-offset) * -1);cursor:nw-resize}.docsPage{display:flex;height:100%}.docsContent{flex:1;padding:20px;overflow-y:auto}.docsView{background-color:var(--surface);padding:20px;border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.6ch}.docButtonsContainer{display:flex;flex-direction:row;gap:.6ch}.docBtns{border:1px solid var(--border);padding:10px 15px;border-radius:5px;box-shadow:var(--shadow);transition:ease-in-out background-color .2s}.docBtns:hover{cursor:pointer;background-color:var(--border)}.adminSidebar{display:flex;flex-direction:column;background-color:var(--surface);padding:20px;border-radius:20px;top:0;z-index:50}.adminSidebar h2{font-size:22px;margin-bottom:20px;color:var(--text-dark)}.adminSidebarContent{display:flex;flex-direction:column;gap:.5ch;justify-content:space-between}.adminSidebar a{text-decoration:none;color:var(--text-light);margin-bottom:15px;font-size:18px;transition:ease-in-out opacity .2s}.adminSidebar a:hover{color:var(--primary);opacity:50%}.adminLayout{display:flex;height:100vh}.adminContent{flex:1;padding:20px;background-color:var(--background);overflow-y:auto}.adminDocs{background-color:var(--surface);padding:20px;border-radius:20px;display:flex;flex-direction:column;gap:1ch}.postForm,.categoryForm{display:flex;flex-direction:column;align-items:center;gap:1ch;background-color:var(--bg);padding:20px;border-radius:20px}.categoryForm input{padding:5px 10px}.categoryForm button{padding:10px 15px;border:none;background-color:#15e438;border-radius:15px;font-weight:800}.postForm select{padding:10px 15px}.categoryForm button,.postForm button{padding:10px 15px;border:none;background-color:#15e438;border-radius:15px;font-weight:800}.categoryForm button:hover,.postForm button:hover{cursor:pointer;background-color:#5cf375}.punishmentsPageContainer{max-width:1100px;margin:2rem auto;padding:var(--spacing);display:grid;gap:calc(var(--spacing) * 1.25);color:var(--text)}.punishmentLookupForm,.punishmentsFilterContainer{display:flex;align-items:center;gap:.75rem}.punishmentLookupForm input,.punishmentsFilterContainer select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .8rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition);min-width:220px}.punishmentLookupForm input:focus,.punishmentsFilterContainer select:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}.punishmentLookupForm button,.punishmentButtons button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:calc(var(--radius) - 4px);border:1px solid var(--border);background:var(--primary);color:#fff;cursor:pointer;transition:transform var(--transition),opacity var(--transition),background var(--transition)}.punishmentLookupForm button:hover,.punishmentButtons button:hover{transform:translateY(-1px)}.punishmentLookupForm button:nth-of-type(2){background:var(--secondary)}.punishmentButtons button:disabled{opacity:.55;cursor:not-allowed;transform:none}.punishmentsTable{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.punishmentsTable thead th{position:sticky;top:0;background:color-mix(in oklab,var(--surface) 92%,var(--primary) 8%);color:var(--text);text-align:left;padding:.9rem 1rem;font-weight:700;border-bottom:1px solid var(--border);z-index:1}.punishmentsTable tbody td{padding:.85rem 1rem;color:var(--text-1);border-bottom:1px solid var(--border);vertical-align:top}.punishmentsTable tbody tr:nth-child(2n){background:color-mix(in oklab,var(--surface) 92%,var(--bg) 8%)}.punishmentsTable tbody tr:hover{background:color-mix(in oklab,var(--surface) 86%,var(--primary-light) 14%)}.punishmentItem td:nth-child(5){font-weight:600}.punishmentItem td:nth-child(6){font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.punishmentButtons{display:flex;align-items:center;gap:1rem;justify-content:center;padding-top:.5rem}.punishmentButtons p{margin:0;color:var(--text-2)}@media (max-width: 700px){.punishmentsPageContainer{padding:calc(var(--spacing) * .75)}.punishmentLookupForm,.punishmentsFilterContainer{flex-wrap:wrap}.punishmentsTable thead th,.punishmentsTable tbody td{padding:.75rem}}:root[data-theme=dark] .punishmentsTable thead th{background:color-mix(in oklab,var(--surface) 82%,var(--primary) 18%)}.typeBadge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.85rem;font-weight:700;background:color-mix(in oklab,var(--primary) 12%,var(--surface) 88%);border:1px solid var(--border)}.type-BAN{background:color-mix(in oklab,#e74c3c 24%,var(--surface) 76%)}.type-MUTE{background:color-mix(in oklab,#f1c40f 24%,var(--surface) 76%)}.type-WARN{background:color-mix(in oklab,#f39c12 24%,var(--surface) 76%)}.type-KICK{background:color-mix(in oklab,#8e44ad 24%,var(--surface) 76%)}.type-BLACKLIST{background:color-mix(in oklab,#2ecc71 24%,var(--surface) 76%)}@media (max-width: 900px){.punishmentLookupForm,.punishmentsFilterContainer{flex-wrap:wrap;justify-content:center}.punishmentLookupForm input,.punishmentsFilterContainer select{width:min(420px,100%)}}@media (min-width: 701px){.punishmentsTable{table-layout:auto}}@media (max-width: 700px){.punishmentsTable thead{display:none}.punishmentsTable,.punishmentsTable tbody,.punishmentsTable tr,.punishmentsTable td{display:block;width:100%}.punishmentsTable tbody tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.75rem .9rem;margin:0 0 1rem}.punishmentsTable tbody td{border:0;padding:.4rem 0;display:grid;grid-template-columns:9ch 1fr;gap:.6rem;align-items:baseline}.punishmentsTable tbody td:nth-child(1):before{content:"Player";color:var(--text-2);font-weight:600}.punishmentsTable tbody td:nth-child(2):before{content:"Staff";color:var(--text-2);font-weight:600}.punishmentsTable tbody td:nth-child(3):before{content:"Reason";color:var(--text-2);font-weight:600}.punishmentsTable tbody td:nth-child(4):before{content:"Date";color:var(--text-2);font-weight:600}.punishmentsTable tbody td:nth-child(5):before{content:"Type";color:var(--text-2);font-weight:600}.punishmentsTable tbody td:nth-child(6):before{content:"Duration";color:var(--text-2);font-weight:600}.punishmentsTable tbody td:nth-child(7):before{content:"Server";color:var(--text-2);font-weight:600}.punishmentsTable tbody td,.punishmentsTable tbody td *{font-size:.95rem}.typeBadge{transform:scale(.95)}.punishmentButtons{flex-wrap:wrap;gap:.75rem;padding-top:.75rem}.punishmentButtons button{padding:.65rem 1.1rem}}@media (max-width: 380px){.punishmentsTable tbody td{grid-template-columns:8ch 1fr}}.leaderboardsPageContainer{display:grid;gap:calc(var(--spacing) * 1.5);padding:calc(var(--spacing) * 2) clamp(1rem,2vw,2rem);max-width:1200px;margin:0 auto}.leaderboardsPageHeader h1{margin:0;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.2rem);line-height:1.15;letter-spacing:-.02em}.leaderboardsPageHeader{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.leaderboardsPageHeader .sub{color:var(--text-2);font-size:.95rem;margin-bottom:1rem}.leaderboardSelector{margin-top:1rem;position:relative;width:200px}.leaderboardSelector select{width:100%;padding:12px 40px 12px 16px;font-size:1rem;color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.leaderboardSelector:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--primary);pointer-events:none}.leaderboardSelector select:hover{border-color:var(--primary)}.leaderboardSelector select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.leaderboardSelector select option{background:var(--surface);color:var(--text);padding:12px}.leaderboardsPageMain{display:grid;gap:calc(var(--spacing) * 1.5)}.leaderboardServers>header h1{font-size:1.2rem;color:var(--text-2);margin:0 0 .25rem}.leaderboardServers{display:flex;gap:.5rem;flex-wrap:wrap;flex-direction:column}.leaderboardContent{display:flex;flex-direction:column;gap:calc(var(--spacing) * 1.5)}.leaderboardContainer{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:calc(var(--spacing) * 1.2);display:grid;gap:var(--spacing)}.leaderboardContainer>header h2{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.leaderboardContainer>header h2:after{content:"";flex:1;height:1px;background:var(--border);margin-left:.5rem;opacity:.65}.leaderboardList{display:grid;gap:2px;background:linear-gradient(var(--border),var(--border)) 0 0 / 100% 1px no-repeat,linear-gradient(var(--border),var(--border)) 0 100% / 100% 1px no-repeat;border-radius:calc(var(--radius) - 6px);overflow:clip}.leaderboardEntry{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.75rem;padding:.65rem .8rem;background:color-mix(in oklab,var(--surface) 94%,transparent);transition:transform var(--transition),background var(--transition)}.leaderboardEntry+.leaderboardEntry{border-top:1px solid var(--border)}.leaderboardEntry:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--surface) 88%,transparent)}.leaderboardEntry .rank{justify-self:start;width:2.2rem;height:2.2rem;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;font-weight:700}.leaderboardEntry .username{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboardEntry .value{font-variant-numeric:tabular-nums;font-weight:700;justify-self:end;text-align:right}.leaderboardEntry .avatar{width:2.2rem;height:2.2rem;border-radius:999px;object-fit:cover}.leaderboardEntry.is-top-1 .rank{background:var(--primary);color:#fff;border-color:transparent}.leaderboardEntry.is-top-2 .rank{background:var(--secondary);color:#fff;border-color:transparent}.leaderboardEntry.is-top-3 .rank{background:var(--accent-1);color:#fff;border-color:transparent}.skeleton{display:grid;gap:.5rem}.skel-line{height:10px;border-radius:999px;background:linear-gradient(90deg,#ffffff14,#ffffff38,#ffffff14);animation:shimmer 1.2s infinite linear;background-size:200% 100%}@keyframes shimmer{to{background-position:-200% 0}}.skel-item{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.75rem;padding:.65rem .8rem;border-top:1px solid var(--border)}.skel-badge{width:2.2rem;height:2.2rem;border-radius:999px}.skel-name{width:60%}.skel-value{width:3.5rem;justify-self:end}.leaderboardContainerHeader{display:flex;align-items:center;gap:1rem}.kitSelect{max-width:300px;width:100%;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;transition:border-color var(--transition),box-shadow var(--transition);font-size:1rem;cursor:pointer}.kitSelect:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}.kitSelect option{background:var(--surface);color:var(--text);outline:none;transition:background var(--transition)}.kitSelect option:hover{background:color-mix(in oklab,var(--surface) 90%,transparent);outline:none}@media (min-width: 900px){.leaderboardContent{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:calc(var(--spacing) * 1.5)}}@media (min-width: 1400px){.leaderboardsPageContainer{max-width:1400px}}.votePage{padding:40px 16px;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px)}.voteCard h1{margin:0 0 8px;font-size:24px}.voteCard .subtitle{margin:0 0 16px;color:var(--text-2);font-size:.95rem}.voteButtons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.voteBtn{min-width:160px;padding:12px 18px;font-weight:600}.voteCard{width:100%;max-width:820px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:calc(var(--spacing) * 1.25);display:flex;flex-direction:column;gap:12px;align-items:center}@media (max-width: 520px){.voteCard{padding:16px}.voteBtn{min-width:140px;padding:10px 14px}}