:root{--bg-primary:#0a0a0c;--bg-secondary:#16161a;--bg-tertiary:#23232a;--accent:#e6b422;--accent-rgb:230,180,34;--accent-secondary:#ff4d4d;--color-modern:#ffb829;--color-classic:#9d29ff;--text-primary:#f0f0f0;--text-secondary:#a0a0aa;--border-color:#2e2e38;--card-shadow:0 4px 20px rgba(0,0,0,.5);--font-family:"Inter","Noto Sans JP",sans-serif;--grid-gap:16px;--container-padding:20px;--rank-rookie:#fff;--rank-iron:grey;--rank-bronze:#cd7f32;--rank-silver:silver;--rank-gold:gold;--rank-platinum:#0ff;--rank-diamond:#f0f;--rank-master:#00ff7f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:700;letter-spacing:-.02em}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit}input,select,textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{background:var(--bg-primary);border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.2);outline:none}::-moz-placeholder{color:var(--text-secondary);opacity:.6}::placeholder{color:var(--text-secondary);opacity:.6}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.container{margin:0 auto;max-width:1200px;padding:0 var(--container-padding)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active,.page-leave-active{transition:opacity .2s}.page-enter-from,.page-leave-to{opacity:0}