@font-face{font-family:Hywenhei;src:url(/assets/fonts/hywenhei.ttf) format("truetype");font-display:swap}:root{--bg: #f7f4ef;--bg-gradient-top: #f6efe4;--bg-gradient-bottom: #ebe2d6;--text: #1a1a1a;--panel: rgba(255, 255, 255, .85);--panel-border: rgba(26, 26, 26, .16);--accent: #562b7f;--ornament: rgba(86, 43, 127, .38);--starlight: rgba(86, 43, 127, .18);--fog: rgba(255, 255, 255, .4);--aura-color-strong: rgba(86, 43, 127, .85);--aura-color-soft: rgba(86, 43, 127, .55);--wheel-size: 1400px}:root[data-theme=dark]{--bg: #101015;--bg-gradient-top: #18142b;--bg-gradient-bottom: #0a0d1a;--text: #f3edf9;--panel: rgba(16, 16, 21, .85);--panel-border: rgba(243, 237, 249, .2);--accent: #d0a4ff;--ornament: rgba(208, 164, 255, .42);--starlight: rgba(208, 164, 255, .24);--fog: rgba(27, 31, 55, .4);--aura-color-strong: rgba(208, 164, 255, .92);--aura-color-soft: rgba(208, 164, 255, .62)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%;overflow:hidden}body{font-family:system-ui,sans-serif;background:var(--bg);background-image:radial-gradient(circle at 20% 15%,var(--starlight),transparent 36%),radial-gradient(circle at 78% 30%,var(--fog),transparent 42%),linear-gradient(180deg,var(--bg-gradient-top),var(--bg-gradient-bottom));background-attachment:fixed;color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:Hywenhei,system-ui,sans-serif}.app-shell{min-height:100vh;position:relative;isolation:isolate}.app-shell:before,.app-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.app-shell:before{background:radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 55%);opacity:.9}.app-shell:after{background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 16%,transparent) .06rem,transparent .09rem);background-size:3rem 3rem;opacity:.08}.app-shell--docked .navbar .navbar-wheel-slot{width:7rem}.navbar{position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--panel);border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;box-shadow:0 0 0 1px var(--ornament),inset 0 0 0 1px #fff3;z-index:100}.navbar:before,.navbar:after{content:"";position:absolute;pointer-events:none}.navbar:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 20%,transparent) 0%,transparent 50%);opacity:.45}.navbar:after{inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--ornament),transparent)}.navbar .navbar-wheel-slot{width:0;min-width:0;transition:width .98s cubic-bezier(.22,1,.36,1)}.navbar .brand{display:inline-flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;font-size:1.2rem;position:absolute;left:50%;transform:translate(-50%);text-shadow:0 0 .55rem color-mix(in srgb,var(--accent) 32%,transparent)}.navbar .brand-text{display:inline-flex;align-items:baseline;gap:.4rem}.navbar .brand-version{font-size:.72rem;font-style:italic;font-weight:400;color:color-mix(in srgb,var(--text) 68%,transparent);letter-spacing:.02em}.navbar .brand-icon{width:2rem;height:2rem}.navbar .toolbar{display:inline-flex;align-items:center;gap:.6rem;margin-left:auto;position:relative;z-index:1}.navbar .toolbar .auth-shortcut{width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;color:var(--text);border:1px solid var(--panel-border);border-radius:.7rem;background:var(--panel);box-shadow:inset 0 0 0 1px var(--ornament),0 .2rem .5rem #0000001a;transition:background-color .22s ease,border-color .22s ease,transform .22s ease}.navbar .toolbar .auth-shortcut:hover,.navbar .toolbar .auth-shortcut:focus-visible{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:var(--ornament);outline:none}.navbar .toolbar .auth-shortcut svg{width:1.2rem;height:1.2rem}.home-page,.section-page{min-height:calc(100vh - 4.6rem);margin-top:4.6rem}.home-page{overflow:hidden}.section-page{padding:2rem 1rem 1rem;display:grid;gap:1rem;place-content:center;text-align:center}.section-page--card{height:calc(100vh - 4.6rem);overflow:auto;padding:1.5rem;place-content:start center;align-content:start;text-align:initial}.section-page .section-page__panel{display:grid;gap:1rem;width:min(100%,46rem);justify-self:center;padding:1.5rem;border:1px solid var(--panel-border);border-radius:1rem;background:var(--panel);box-shadow:0 0 0 1px var(--ornament),0 .8rem 1.7rem #00000024;text-align:left}.section-page .section-page__panel .back-home{justify-self:start}.section-page .section-page__eyebrow{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 70%,transparent)}.section-page h1{margin:0;font-size:1.5rem;font-weight:600}.section-page h1 em{font-size:.78em;font-style:italic;font-weight:500;color:color-mix(in srgb,var(--text) 72%,transparent)}.section-page p{margin:0;color:color-mix(in srgb,var(--text) 82%,transparent);line-height:1.5}.section-page .patchnotes-section{display:grid;gap:.75rem}.section-page .patchnotes-section h2{margin:0;font-size:1rem;font-weight:600}.section-page .patchnotes-list{margin:0;padding-left:1.2rem;display:grid;gap:.5rem;line-height:1.45}.section-page .account-avatar{width:5.5rem;height:5.5rem;border-radius:50%;border:1px solid var(--panel-border);box-shadow:0 0 0 1px var(--ornament),0 .6rem 1.2rem #0003;object-fit:cover;justify-self:start}.section-page .back-home{color:var(--accent);text-decoration:none}.account-card{width:min(100%,32rem)}.account-card .auth-submit,.account-card .auth-discord{justify-self:start}.patchnotes-page .section-page__panel{width:min(100%,48rem)}.profiles-page,.profile-page{min-height:calc(100vh - 4.6rem);height:calc(100vh - 4.6rem);margin-top:4.6rem;overflow:auto;padding:1.5rem;display:grid;gap:1rem;align-content:start}.profiles-card{display:grid;gap:1rem;padding:1.2rem;border:1px solid var(--panel-border);border-radius:1rem;background:var(--panel);box-shadow:0 0 0 1px var(--ornament),0 .8rem 1.7rem #00000024}.profiles-card__header,.profiles-subheader,.profile-page__actions,.profiles-pagination,.profile-summary-metrics{position:relative;z-index:1}.profiles-card__header,.profiles-subheader{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.profiles-card__header h1,.profiles-card__header h2,.profiles-card__header p,.profiles-subheader h1,.profiles-subheader h2,.profiles-subheader p{margin:0}.profiles-card__header h1,.profiles-card__header h2,.profiles-subheader h1,.profiles-subheader h2{font-size:1rem;font-weight:500}.profiles-card__header p,.profiles-subheader p{font-size:.9rem}.profiles-card__meta,.profiles-muted,.profiles-empty{color:color-mix(in srgb,var(--text) 65%,transparent)}.profiles-error{color:#d14f4f;margin:0}.profiles-table-wrapper{overflow:auto;border:1px solid var(--panel-border);border-radius:.9rem}.profiles-table{width:100%;border-collapse:collapse;min-width:62rem}.profiles-table th,.profiles-table td{padding:.55rem .9rem;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--panel-border) 85%,transparent);vertical-align:middle}.profiles-table thead th{background:color-mix(in srgb,var(--accent) 10%,var(--panel));font-weight:600}.profiles-table tbody tr:last-child td{border-bottom:0}.profiles-metric-header{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;padding:.15rem .3rem;border-radius:.45rem;font-size:.7rem;font-weight:700;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.profiles-metric-header svg{width:.85rem;height:.85rem;display:block}.profiles-metric-badge{display:inline-flex;align-items:center;gap:.45rem;max-width:100%;padding:.24rem .48rem;border-radius:.55rem;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--accent) 5%,var(--panel));font-size:.95rem;font-weight:600;font-family:Hywenhei,system-ui,sans-serif;font-variant-numeric:tabular-nums}.profiles-metric-inline{display:inline-flex;align-items:center;gap:.45rem;max-width:100%;font-size:.92rem;font-weight:600;font-variant-numeric:tabular-nums}.profiles-metric-badge__icon{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .22rem;border-radius:.35rem;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-size:.64rem;font-weight:700;letter-spacing:.02em}.profiles-metric-badge__icon svg{width:1.12rem;height:1.12rem;display:block}.profiles-metric-icon-image{width:1.12rem;height:1.12rem;display:block;object-fit:contain}.profiles-identity{display:flex;align-items:center;gap:.5rem}.profiles-identity--large{align-items:flex-start;margin-bottom:.35rem}.profiles-identity__content{display:grid;gap:.15rem;min-width:0}.profiles-identity__name-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;min-width:0}.profiles-inline-badge{display:inline-flex;align-items:center;height:1.15rem;max-width:14rem;padding:0 .38rem;border-radius:999px;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--accent) 12%,var(--panel));font-size:.68rem;font-weight:700;line-height:1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profiles-inline-badge--signature{font-weight:600;max-width:12rem}.profiles-inline-badge--ar{font-size:.75rem;padding:0 .45rem;height:1.3rem;font-weight:700}.profiles-identity__title-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.profiles-identity__title-row h1{margin:0;font-size:1.2rem;font-weight:600}.profiles-avatar{width:2.8rem;height:2.8rem;border-radius:50%;object-fit:cover;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--accent) 10%,var(--panel));box-shadow:inset 0 0 0 1px var(--ornament)}.profiles-avatar--large{width:4rem;height:4rem}.profiles-avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700}.profiles-uid-subline{font-size:.82rem;color:color-mix(in srgb,var(--text) 62%,transparent)}.profiles-server-badge{display:inline-flex;align-items:center;justify-content:center;min-width:4.5rem;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--panel-border);font-size:.78rem;font-weight:700;letter-spacing:.04em}.profiles-server-badge--eu{background:#365dd62e;color:#3e63dd}.profiles-server-badge--na{background:#269a582e;color:#24824e}.profiles-server-badge--asia{background:#c45b222e;color:#b05a18}.profiles-server-badge--other{background:color-mix(in srgb,var(--text) 8%,transparent);color:color-mix(in srgb,var(--text) 72%,transparent)}.profiles-row-clickable{cursor:pointer}.profiles-row-clickable:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.profiles-link-button,.profiles-remove-button,.profiles-pagination button,.profiles-primary-button{border:1px solid var(--panel-border);border-radius:.7rem;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);font:inherit}.profiles-link-button{padding:0;border:0;background:transparent;color:var(--accent);cursor:pointer;font-size:.92rem;font-weight:600}.profiles-remove-button{width:2rem;height:2rem;cursor:pointer}.profiles-primary-button,.profiles-pagination button{padding:.6rem .85rem;cursor:pointer}.profile-page__aside{display:grid;gap:.7rem;justify-items:end;min-width:22rem}.profile-page__actions{display:flex;justify-content:flex-end;width:100%}.profile-page__actions-content{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.profile-page__last-updated{font-size:.82rem;color:color-mix(in srgb,var(--text) 70%,transparent);font-variant-numeric:tabular-nums}.profiles-primary-button{display:inline-flex;align-items:center;gap:.45rem}.profiles-primary-button__icon{display:inline-flex;align-items:center;justify-content:center}.profiles-primary-button:disabled,.profiles-pagination button:disabled,.profiles-remove-button:disabled{opacity:.55;cursor:not-allowed}.profiles-pagination{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.profile-summary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;justify-content:flex-end}@media(max-width:760px){.profiles-page,.profile-page{padding:1rem}.profiles-card__header,.profiles-subheader,.profiles-pagination{flex-direction:column;align-items:stretch}.profile-page__aside{min-width:0;justify-items:stretch}.profile-page__actions,.profile-summary-metrics{justify-content:flex-start}.profiles-table{min-width:52rem}}.auth-page{min-height:calc(100vh - 4.6rem);margin-top:4.6rem;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(26rem,100%);display:grid;gap:.75rem;padding:1.2rem;border:1px solid var(--panel-border);border-radius:1rem;background:var(--panel);box-shadow:0 0 0 1px var(--ornament),0 .8rem 1.7rem #00000024}.auth-card .back-home{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--panel-border);border-radius:.7rem;padding:.5rem .7rem;color:var(--accent);text-decoration:none;background:color-mix(in srgb,var(--panel) 85%,transparent);transition:background-color .22s ease,border-color .22s ease}.auth-card .back-home:hover,.auth-card .back-home:focus-visible{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:var(--ornament);outline:none}.auth-label{font-size:.95rem}.auth-input{border:1px solid var(--panel-border);border-radius:.7rem;padding:.55rem .7rem;font:inherit;color:var(--text);background:var(--bg);box-shadow:inset 0 0 0 1px var(--ornament)}.auth-submit{border:1px solid var(--panel-border);border-radius:.7rem;padding:.55rem .7rem;background:color-mix(in srgb,var(--accent) 20%,var(--panel));color:var(--text);font:inherit;cursor:pointer}.auth-discord{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--panel-border);border-radius:.7rem;padding:.55rem .7rem;background:color-mix(in srgb,#5865f2 24%,var(--panel));color:var(--text);font:inherit;text-decoration:none;text-align:center}.auth-discord svg{width:1rem;height:1rem}.auth-links{display:grid;gap:.4rem}.auth-links a,.auth-links button{border:1px solid var(--panel-border);border-radius:.7rem;padding:.5rem .65rem;font:inherit;color:var(--accent);background:transparent;text-align:center;text-decoration:none}.auth-links a:disabled,.auth-links button:disabled{cursor:not-allowed;opacity:.65}.auth-error{margin:0;color:#d14f4f}.auth-success{margin:0;color:#3a9e5f}.wheel-shell{position:fixed;top:4.6rem;right:0;bottom:0;left:0;z-index:101;padding:0;overflow:visible}.wheel-shell--docked{overflow:visible}.wheel-shell .wheel-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.wheel-shell .wheel-viewport{position:absolute;left:50%;top:100%;width:var(--wheel-size);min-width:var(--wheel-size);aspect-ratio:1/1;overflow:visible;transform:translate(-50%,-50%) scale(1);transform-origin:center;transition:top .98s cubic-bezier(.22,1,.36,1),transform .98s cubic-bezier(.22,1,.36,1)}.wheel-shell .wheel-mirror{width:100%;height:100%;transform:scaleY(-1);transform-origin:center}.wheel-shell .wheel-rotator{width:100%;height:100%;position:relative;isolation:isolate;transform-origin:center;transition:transform .98s cubic-bezier(.22,1,.36,1)}.wheel-shell .wheel-aura{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle at 50% 50%,transparent 36%,var(--aura-color-strong) 42%,var(--aura-color-soft) 55%,transparent 64%);-webkit-mask:var(--aura-mask);mask:var(--aura-mask);visibility:hidden;opacity:0;transform:scale(.95);filter:blur(16px);z-index:1;pointer-events:none;transition:opacity .22s ease,transform .22s ease,filter .22s ease}.wheel-shell .wheel-aura.active{visibility:visible;opacity:1;transform:scale(1);filter:blur(12px)}.wheel-shell .wheel-image{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:relative;z-index:2;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 22%,transparent))}.wheel-shell .wheel-hotspot{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:50%;margin:-5rem;background:transparent;clip-path:polygon(var(--inner-start-x) var(--inner-start-y),var(--outer-start-x) var(--outer-start-y),var(--outer-end-x) var(--outer-end-y),var(--inner-end-x) var(--inner-end-y));cursor:pointer;z-index:3}.wheel-shell .wheel-hotspot:focus-visible{outline:1px solid var(--ornament);outline-offset:2px}.wheel-shell .wheel-hotspot.active{cursor:default}.wheel-shell .wheel-sector-label{position:absolute;left:var(--label-x);top:var(--label-y);transform:translate(-50%,-50%) rotate(var(--label-rotation)) scaleX(-1);transform-origin:center;z-index:4;pointer-events:none;font-size:.92rem;line-height:1;white-space:nowrap;color:var(--text);text-shadow:0 0 .35rem rgba(255,255,255,.55),0 0 .8rem rgba(0,0,0,.15)}.wheel-shell .wheel-arrow{width:3.2rem;height:3.2rem;border-radius:.85rem;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);font-size:1.4rem;cursor:pointer;box-shadow:inset 0 0 0 1px var(--ornament);position:absolute;bottom:clamp(11rem,22vh,18rem);display:grid;place-items:center;z-index:4;transition:opacity .98s cubic-bezier(.22,1,.36,1),transform .98s cubic-bezier(.22,1,.36,1)}.wheel-shell .wheel-arrow:disabled{cursor:default}.wheel-shell .wheel-arrow.left{left:max(.5rem,5.5rem - 4.5rem)}.wheel-shell .wheel-arrow.right{right:max(.5rem,5.5rem - 4.5rem)}.wheel-shell .wheel-arrow:before,.wheel-shell .wheel-arrow:after{content:"";position:absolute;width:.6rem;height:.6rem;border:1px solid var(--ornament)}.wheel-shell .wheel-arrow:before{top:.28rem;left:.28rem;border-right:0;border-bottom:0}.wheel-shell .wheel-arrow:after{right:.28rem;bottom:.28rem;border-left:0;border-top:0}.wheel-shell .wheel-arrow .wheel-arrow-image{width:1.9rem;height:1.9rem;object-fit:contain;filter:drop-shadow(0 0 4px rgba(0,0,0,.25))}.wheel-shell .wheel-arrow .wheel-arrow-image.left{transform:rotate(90deg)}.wheel-shell .wheel-arrow .wheel-arrow-image.right{transform:rotate(270deg)}.wheel-shell--home{padding:0 5.5rem}.wheel-shell--home .wheel-viewport{left:50%;top:100%;transform:translate(-50%,-50%) scale(1)}.wheel-shell--docked,.wheel-shell--docked .wheel-wrapper{pointer-events:none}.wheel-shell--docked .wheel-viewport{transform:translate(calc(-50% - 50vw),calc(-50% - 100vh)) scale(.16)}.wheel-shell--docked .wheel-arrow{opacity:0;pointer-events:none;transform:scale(.9)}.wheel-docked-anchor{position:fixed;top:0;left:0;width:7rem;height:4.6rem;z-index:102}.wheel-docked-anchor:after{content:"";position:absolute;top:100%;left:0;width:max(100%,11rem);height:1rem}.wheel-docked-anchor .wheel-return-home{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent;z-index:4;cursor:pointer;display:block}.wheel-docked-anchor.menu-open .wheel-docked-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .22s ease,transform .22s ease,visibility 0s linear 0s}.wheel-docked-menu{position:fixed;top:4.6rem;left:0;right:auto;min-width:11rem;display:grid;gap:.35rem;padding:.6rem;border:1px solid var(--panel-border);border-radius:.95rem;background:var(--panel);box-shadow:0 0 0 1px var(--ornament),0 1rem 2rem #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(-.35rem);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s ease;z-index:5}.wheel-docked-menu-item{border:1px solid transparent;border-radius:.7rem;background:transparent;color:var(--text);font:inherit;text-align:left;padding:.45rem .7rem;cursor:pointer;transition:background-color .22s ease,border-color .22s ease,color .22s ease}.wheel-docked-menu-item:hover,.wheel-docked-menu-item:focus-visible,.wheel-docked-menu-item.active{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:var(--ornament);outline:none}