.app{min-height:100vh;display:flex;flex-direction:column}.maintenance-banner{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1.2rem;background:linear-gradient(90deg,#ff8c0040,#cc000040);border-bottom:1px solid rgba(255,140,0,.5);color:#fff5a0;font-size:.88rem;font-weight:500;text-align:center;box-shadow:0 2px 12px #ff8c0033;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mb-icon{font-size:1.1rem;color:#ffb347}.mb-text strong{color:gold;margin-right:.3rem}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 2rem;background:linear-gradient(180deg,#0a0c14eb,#06070bd9);border-bottom:1px solid rgba(209,31,31,.22);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);position:sticky;top:0;z-index:100;box-shadow:0 10px 40px #0000008c,inset 0 -1px #ffffff0a}.navbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(209,31,31,.55),transparent);animation:drift 8s var(--ease-in-out-soft) infinite}.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;transition:all .3s}.nav-logo:hover{transform:scale(1.02)}.nav-logo-text{font-family:Creepster,cursive;font-size:1.6rem;color:#fff;letter-spacing:1.5px;text-shadow:0 0 18px rgba(0,0,0,.6)}.nav-logo-dbd{color:var(--red-main);text-shadow:0 0 22px rgba(209,31,31,.7),0 0 40px rgba(139,0,0,.3);animation:flicker 6s infinite}.nav-logo:hover .nav-logo-dbd{text-shadow:0 0 30px rgba(204,0,0,.8)}.nav-logo:hover .logo-icon{filter:drop-shadow(0 0 8px rgba(204,0,0,.6));transform:scale(1.05)}.logo-icon{height:2.2rem;width:2.2rem;border-radius:50%;object-fit:cover;transition:all .3s;border:2px solid rgba(139,0,0,.5)}.nav-links{display:flex;gap:.35rem}.nav-link{display:flex;align-items:center;gap:.4rem;color:#ffffff8c;text-decoration:none;font-weight:600;font-size:.85rem;padding:.55rem 1.05rem;border-radius:12px;transition:transform .2s var(--ease-out-soft),background .22s ease,color .2s ease,border-color .2s ease,box-shadow .24s ease;letter-spacing:.4px;border:1px solid transparent;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-120%);transition:transform .6s var(--ease-out-soft);pointer-events:none}.nav-link:hover:before{transform:translate(120%)}.nav-link-icon{font-size:.95rem;transition:transform .22s var(--ease-out-soft)}.nav-link:hover{color:#fff;background:linear-gradient(180deg,#d11f1f29,#8b000014);border-color:#d11f1f61;transform:translateY(-1px);box-shadow:0 6px 18px #00000059,0 0 18px #d11f1f26}.nav-link:hover .nav-link-icon{transform:scale(1.15)}.nav-link.active{color:#fff;background:linear-gradient(180deg,#d11f1f47,#8b00001f);border-color:#d11f1f8c;box-shadow:0 0 18px #d11f1f40,inset 0 1px #ffffff14}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--red-main),transparent);border-radius:1px}.nav-admin-link{color:gold;border-color:#ffd70059;background:#ffd7000f}.nav-admin-link:hover{color:#fff5a0;background:#ffd7001f;border-color:#ffd70099;box-shadow:0 0 14px #ffd70040}.nav-admin-link.active{color:#fff;background:#ffd7002e;border-color:#ffd700b3;box-shadow:0 0 18px #ffd70059}.nav-admin-link.active:after{background:linear-gradient(90deg,transparent,#ffd700,transparent)}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem}.site-footer{text-align:center;padding:1.5rem;border-top:1px solid var(--border)}.footer-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.footer-link{color:var(--text-dim);text-decoration:none;font-size:.78rem;transition:color .2s}.footer-link:hover{color:var(--text-secondary)}.footer-sep{color:var(--text-dim);opacity:.4;font-size:.7rem}.nav-user{display:flex;align-items:center;gap:.5rem}.nav-avatar{width:34px;height:34px;border-radius:50%;border:2px solid rgba(88,101,242,.55);object-fit:cover;box-shadow:0 0 14px #5865f240,0 2px 8px #00000080;transition:transform .22s var(--ease-out-soft),box-shadow .24s ease}.nav-avatar:hover{transform:scale(1.05);box-shadow:0 0 20px #5865f273}.nav-user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0}.nav-username{color:var(--text-secondary);font-size:.82rem;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-level-row{display:flex;align-items:center;gap:.4rem}.nav-level-badge{font-family:Creepster,cursive;font-size:.75rem;letter-spacing:.5px;color:gold;padding:.05rem .4rem;border-radius:4px;background:#ffd70014;border:1px solid rgba(255,215,0,.3);line-height:1.2;white-space:nowrap}.nav-xp-bar{width:90px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;border:1px solid rgba(255,215,0,.2)}.nav-xp-fill{height:100%;background:linear-gradient(90deg,gold,orange);border-radius:2px;transition:width .6s ease}.nav-xp-text{font-size:.65rem;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.nav-logout{background:none;border:none;color:var(--text-dim);font-size:.75rem;cursor:pointer;padding:.3rem;border-radius:6px;transition:all .2s;line-height:1}.nav-logout:hover{color:var(--red-light);background:#cc000026}@media (max-width: 600px){.navbar{padding:.75rem 1rem}.nav-logo-text{font-size:1.2rem}.logo-icon{height:1.8rem;width:1.8rem}.nav-link{padding:.45rem .7rem;font-size:.78rem}.nav-link-icon,.nav-username,.nav-xp-bar,.nav-xp-text{display:none}.nav-level-row{gap:0}.nav-avatar{width:26px;height:26px}.main-content{padding:1.5rem 1rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #06070b;--bg-deeper: #030409;--bg-card: rgba(14, 16, 24, .72);--bg-card-hover: rgba(22, 25, 36, .85);--bg-card-solid: #0e1018;--bg-glass: rgba(255, 255, 255, .025);--red-deep: #4a0000;--red-dark: #8B0000;--red-main: #d11f1f;--red-light: #ff4d4d;--red-glow: rgba(209, 31, 31, .45);--red-shadow: rgba(139, 0, 0, .35);--gold-dim: #a88b3a;--gold: #ffd54a;--gold-light: #ffe98a;--gold-glow: rgba(255, 213, 74, .4);--ambient-cold: #4a9eff;--ambient-ghost: #8e68d6;--ambient-glow: rgba(74, 158, 255, .15);--text-primary: #f3f1ec;--text-secondary: #a8a5a0;--text-dim: #6a6862;--green: #3ddc6a;--green-dark: #1d7a3a;--orange: #ff9132;--border: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .12);--border-hover: rgba(209, 31, 31, .55);--glass: rgba(255, 255, 255, .025);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 6px 18px rgba(0, 0, 0, .55);--shadow-lg: 0 18px 42px rgba(0, 0, 0, .65), 0 2px 6px rgba(0, 0, 0, .3);--shadow-glow-red: 0 0 30px rgba(209, 31, 31, .25), 0 10px 28px rgba(0, 0, 0, .55);--shadow-glow-gold: 0 0 28px rgba(255, 213, 74, .2), 0 10px 28px rgba(0, 0, 0, .55);--ease-out-soft: cubic-bezier(.25, .8, .35, 1);--ease-in-out-soft: cubic-bezier(.45, 0, .55, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(ellipse 1400px 900px at 50% -10%,rgba(139,0,0,.08) 0%,transparent 60%),radial-gradient(ellipse 1000px 700px at 15% 35%,rgba(74,158,255,.04) 0%,transparent 55%),radial-gradient(ellipse 1200px 800px at 85% 75%,rgba(142,104,214,.05) 0%,transparent 60%),linear-gradient(180deg,#05060a,#0a0c14,#07080e);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 15% 30%,rgba(139,0,0,.15) 0%,transparent 55%),radial-gradient(ellipse at 85% 70%,rgba(209,31,31,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(46,20,0,.18) 0%,transparent 55%);pointer-events:none;z-index:0;mix-blend-mode:screen}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.5;mix-blend-mode:overlay}#root{position:relative;z-index:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b000099,#d11f1f66);border-radius:4px;border:1px solid rgba(255,255,255,.04)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--red-main),var(--red-light))}button{cursor:pointer;font-family:inherit;transition:transform .16s var(--ease-out-soft),box-shadow .2s var(--ease-out-soft)}button:focus-visible{outline:2px solid var(--red-light);outline-offset:2px;border-radius:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(209,31,31,.6);outline-offset:1px}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px var(--red-glow)}50%{box-shadow:0 0 25px var(--red-glow),0 0 50px #8b000026}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(20px,-10px,0)}}@keyframes flicker{0%,to{opacity:1}35%{opacity:.85}50%{opacity:1}65%{opacity:.92}}::selection{background:#d11f1f59;color:#fff;text-shadow:0 0 12px rgba(209,31,31,.4)}.page-transition{animation:pageIn .42s var(--ease-out-soft) both}.lift{transition:transform .22s var(--ease-out-soft),box-shadow .26s var(--ease-out-soft),border-color .2s ease}.lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-md)}.shimmer-sheen:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.12),transparent);transition:left .6s var(--ease-out-soft);pointer-events:none}.shimmer-sheen:hover:before{left:100%}