:root{--bg: radial-gradient(130% 110% at 80% -10%, #14161f 0%, #0a0b0e 55%, #07080a 100%);--panel: rgba(19,22,29,.85);--panel2: rgba(12,14,19,.75);--border: rgba(120,150,180,.16);--border2: rgba(167,139,250,.34);--ink: #e7edf6;--ink2: rgba(231,237,246,.6);--ink3: rgba(231,237,246,.36);--accent: #a78bfa;--accent-ink: #120a1f;--accent2: #5ee0c8;--glow: rgba(167,139,250,.1);--radius: 11px;--shadow: 0 12px 34px rgba(0,0,0,.5);--fhead: "Chakra Petch", sans-serif;--fbody: "Sora", sans-serif;--tank: #5b8dd0;--healer: #5bbd83;--melee: #d06b5b;--ranged: #d8a94e;--caster: #9a78d8;--crafter: #c0894a;--gatherer: #46ada0}*,*:before,*:after{box-sizing:border-box}html{background:#07080a;color-scheme:dark}body{margin:0;font-family:var(--fbody);font-size:15px;line-height:1.5;color:var(--ink);background:var(--bg);background-attachment:fixed;min-height:100dvh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cpath d='M13 0L26 13L13 26L0 13Z' fill='none' stroke='rgba(94,224,200,0.07)' stroke-width='.5'/%3E%3C/svg%3E");background-size:26px 26px}#root{position:relative;z-index:1}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--glow);color:var(--accent)}input,select,textarea,button{font-family:inherit}