*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#141414;--paper:#fff;--surface:#f3f3f2;--line:#dededc;--muted:#6e6e6b;--discord:#5865f2;--discord-dark:#4752c4;--success:#1f9d55;--warning:#c98a00;--danger:#d93a3a;--info:var(--discord);--grey-200:var(--line);--grey-400:var(--muted);--grey-500:#4b4b48;--font-display:"Manrope", system-ui, sans-serif;--font-marker:"Manrope", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--radius:12px;--shadow:0 1px 2px #1414140f, 0 8px 24px #1414140f;--header-height:64px}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:800;line-height:1.15}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--discord);outline-offset:3px}.btn{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.65rem 1.2rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{border-color:#c4c4c1}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn-primary:hover{background:#2c2c2c;border-color:#2c2c2c}.btn-accent{background:var(--surface)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface);border-color:#0000}.btn-discord{background:var(--discord);border-color:var(--discord);color:#fff;box-shadow:0 6px 20px #5865f259}.btn-discord:hover{background:var(--discord-dark);border-color:var(--discord-dark);box-shadow:0 8px 28px #5865f273}.btn-sm{padding:.45rem .85rem;font-size:.9rem}.btn-lg{border-radius:12px;padding:.95rem 1.7rem;font-size:1.05rem}.landing{--px:0;--py:0;overscroll-behavior:none;touch-action:none;isolation:isolate;background:#e9e9e7;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.landing-bg{z-index:-2;transform:translate3d(calc(var(--px) * -40px), calc(var(--py) * -28px), 0) scale(1.04);will-change:transform;background:url(/bg/bg.jpg) 50%/cover no-repeat;position:absolute;inset:-4%}.landing-vignette{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 55% at calc(50% + var(--px) * 18%) calc(48% + var(--py) * 18%), #ffffffb3 0%, #ffffff40 42%, #14141447 100%);position:absolute;inset:0}.landing-center{text-align:center;justify-items:center;gap:1.75rem;padding:24px 16px;display:grid}.landing-logo{width:clamp(220px,42vmin,460px);transform:perspective(900px) translate3d(calc(var(--px) * 22px), calc(var(--py) * 16px), 0) rotateY(calc(var(--px) * 14deg)) rotateX(calc(var(--py) * -12deg));filter:drop-shadow(0 18px 30px #00000059);will-change:transform;animation:.9s cubic-bezier(.2,.8,.2,1) both logo-in}.landing-logo img{width:100%;height:auto}.btn-glass{color:#fff;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:linear-gradient(#3c3c3c8c,#14141499);border:1px solid #ffffff2e;border-radius:12px;gap:.5rem;padding:.5rem .95rem;font-size:.85rem;animation:.6s .35s both fade-in;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #00000059,0 10px 30px #00000059}.btn-glass:hover{background:linear-gradient(#4b4b4b99,#191919ad);border-color:#ffffff52;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #00000059,0 14px 36px #00000073}.landing-grain{z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27220%27 height=%27220%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.85%27 numOctaves=%273%27 stitchTiles=%27stitch%27/%3E%3CfeColorMatrix type=%27saturate%27 values=%270%27/%3E%3CfeComponentTransfer%3E%3CfeFuncR type=%27linear%27 slope=%272.2%27 intercept=%27-0.6%27/%3E%3CfeFuncG type=%27linear%27 slope=%272.2%27 intercept=%27-0.6%27/%3E%3CfeFuncB type=%27linear%27 slope=%272.2%27 intercept=%27-0.6%27/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url(%23n)%27/%3E%3C/svg%3E");background-size:220px 220px;animation:.9s steps(6,end) infinite grain;position:absolute;inset:-50%}.landing-sparkles{z-index:-1;pointer-events:none;position:absolute;inset:0}.sparkle{clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);filter:drop-shadow(0 0 4px #fffffff2)drop-shadow(0 0 10px #fff9);opacity:0;background:#fff;animation:1.6s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}45%{opacity:1;transform:scale(1)rotate(45deg)}60%{opacity:.85;transform:scale(.85)rotate(60deg)}}@media (prefers-reduced-motion:reduce){.sparkle{opacity:.6;animation:none}.landing-grain{animation:none}}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}html:has(.landing){height:100%;overflow:hidden}html:has(.landing) body{height:100%;overflow:hidden}.landing-error{color:#fff;background:#141414d1;border-radius:10px;max-width:28rem;padding:.6rem 1rem;font-size:.95rem;font-weight:600}@keyframes logo-in{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes fade-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.header{z-index:50;height:var(--header-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:flex-end;align-items:center;padding:0 clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.header-nav{align-items:center;gap:.5rem;display:flex}.nav-link{border-radius:8px;padding:.45rem .8rem;font-size:.95rem;font-weight:700;text-decoration:none}.nav-link:hover,.nav-link.active{background:var(--surface)}.header-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px;margin-left:.25rem}main{min-height:calc(100vh - var(--header-height))}.footer{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.75rem clamp(16px,4vw,40px);font-size:.9rem;display:flex}.footer-logo{color:var(--ink);font-weight:800}.footer-links{gap:1.25rem;display:flex}.footer-link{color:var(--discord);font-weight:700;text-decoration:none}.footer-link:hover{text-decoration:underline}.profile-page{max-width:960px;margin:0 auto;padding:2.5rem clamp(16px,3vw,28px) 4rem}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem}.panel-dark{background:var(--ink);color:var(--paper)}.panel-header{margin-bottom:1.25rem;font-size:1.15rem;font-weight:800}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.profile-header{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.profile-avatar{background:var(--surface);border-radius:50%;flex-shrink:0;width:96px;height:96px;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-info h2{font-size:clamp(1.6rem,4vw,2.2rem)}.discord-tag{color:var(--muted);margin-bottom:.6rem;font-size:.9rem}.profile-badges{flex-wrap:wrap;gap:.5rem;display:flex}.badge{background:var(--surface);color:var(--grey-500);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.82rem;font-weight:700;display:inline-flex}.badge-success{color:#146c3b;background:#e3f4ea}.badge-pending{color:#8a5e00;background:#fbf1d9}.badge-danger{color:#a32424;background:#fbe4e4}.badge-info{color:#3b45b5;background:#e8eafd}.status-card{border-bottom:1px solid var(--line);align-items:flex-start;gap:1rem;padding:.9rem 0;display:flex}.status-card:last-child{border-bottom:none}.status-icon{background:var(--surface);border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.2rem;display:grid}.status-info h4{font-size:1rem}.status-info p{color:var(--muted);font-size:.93rem}.speech-bubble{background:var(--surface);color:var(--grey-500);border-radius:10px;padding:.9rem 1.1rem}.steam-linked{background:var(--surface);overflow-wrap:anywhere;border-radius:10px;align-items:center;gap:1rem;padding:1rem;display:flex}.steam-linked .steam-avatar{border-radius:8px;width:52px;height:52px}.form-group{margin-bottom:1.35rem}.form-label{margin-bottom:.4rem;font-size:.95rem;font-weight:700;display:block}.form-input,.form-textarea{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid #cfcfcc;border-radius:10px;padding:.75rem .9rem;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-textarea:focus{border-color:var(--discord);outline:none;box-shadow:0 0 0 3px #5865f233}.form-textarea{resize:vertical;min-height:110px}.form-hint{color:var(--muted);margin-top:.35rem;font-size:.85rem}.form-checkbox{cursor:pointer;align-items:flex-start;gap:.7rem;display:flex}.form-checkbox input{width:20px;height:20px;accent-color:var(--discord);flex-shrink:0;margin-top:2px}.toast{z-index:200;color:#fff;background:var(--ink);max-width:min(380px,100vw - 32px);box-shadow:var(--shadow);border-radius:10px;padding:.85rem 1.1rem;font-weight:600;position:fixed;bottom:16px;right:16px}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.loading-container{place-content:center;justify-items:center;gap:1rem;min-height:60vh;display:grid}.loading-spinner{border:4px solid var(--line);border-top-color:var(--discord);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-text{color:var(--muted);letter-spacing:.04em;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.grid-3{grid-template-columns:1fr}}@media (width<=640px){.grid-2{grid-template-columns:1fr}.profile-header{text-align:center;flex-direction:column}.profile-badges{justify-content:center}.panel{padding:1.25rem}.landing-bg{background-position:52%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}