:root{--font-medieval: "Cinzel", serif;--font-base: "Inter", sans-serif;--c-parchment-light: rgba(30, 27, 75, .6);--c-parchment-base: #0f172a;--c-parchment-dark: #020617;--c-ink-dark: #f8fafc;--c-ink-light: #cbd5e1;--c-gold-primary: #8b5cf6;--c-gold-dark: #6d28d9;--c-gold-glow: rgba(139, 92, 246, .6);--c-royal-red: #ec4899;--c-royal-blue: #0ea5e9;--c-royal-green: #10b981;--c-shadow: rgba(0, 0, 0, .5);--c-border-iron: rgba(139, 92, 246, .5);--c-glass-bg: rgba(255, 255, 255, .03);--anim-fast: .2s ease;--anim-med: .4s ease-out;--anim-slow: .8s ease-in-out}body{margin:0;padding:0;font-family:var(--font-base);color:var(--c-ink-dark);background-color:var(--c-parchment-dark);background-image:linear-gradient(135deg,#020617d1,#0f172abf 40%,#1e1b4bcc),url(/background.png);background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;overflow-x:hidden;position:relative}h1,h2,h3,h4,.medieval-text{font-family:var(--font-medieval);text-transform:uppercase;letter-spacing:2px;margin:0;font-weight:600;text-shadow:1px 1px 2px var(--c-shadow)}.magic-particles{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}.particle{position:absolute;border-radius:50%;opacity:0;animation:floatUp var(--anim-duration, 5s) infinite ease-in-out}@keyframes floatUp{0%{transform:translateY(100vh) scale(0);opacity:0}20%{opacity:.6;transform:translate(calc(var(--drift) * .2),80vh) scale(1)}50%{opacity:.8}80%{opacity:.6;transform:translate(calc(var(--drift) * .8),20vh) scale(1)}to{transform:translate(var(--drift),-10vh) scale(.2);opacity:0}}#app{position:relative;z-index:10;min-height:100vh}.parchment-card{background:var(--c-parchment-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--c-border-iron);border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px 0 var(--c-shadow),inset 0 0 20px var(--c-glass-bg);position:relative;transition:transform var(--anim-fast),box-shadow var(--anim-fast);animation:cardFloatIn .6s cubic-bezier(.175,.885,.32,1.275) both}@keyframes cardFloatIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.parchment-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px 0 var(--c-gold-glow),inset 0 0 20px var(--c-glass-bg)}.parchment-card:before,.parchment-card:after{content:"";position:absolute;width:6px;height:6px;background-color:#0ea5e9;border-radius:50%;box-shadow:0 0 8px #0ea5e9}.parchment-card:before{top:10px;left:10px}.parchment-card:after{bottom:10px;right:10px}.shield-btn{font-family:var(--font-medieval);background:linear-gradient(135deg,var(--c-gold-primary) 0%,var(--c-gold-dark) 100%);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:30px;padding:.8rem 2rem;font-size:1.1rem;cursor:pointer;position:relative;transition:all var(--anim-fast);text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 15px var(--c-gold-glow)}.shield-btn:hover{background:linear-gradient(135deg,#a855f7,#7e22ce);box-shadow:0 6px 20px var(--c-gold-glow);transform:translateY(-2px)}.shield-btn:active{transform:translateY(1px)}.medieval-input{width:100%;padding:.8rem;border:1px solid rgba(255,255,255,.2);background-color:#0000004d;font-family:var(--font-base);color:var(--c-ink-dark);border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color var(--anim-fast)}.medieval-input:focus{outline:none;box-shadow:0 0 12px var(--c-royal-blue);border-color:var(--c-royal-blue)}.medieval-input option{background-color:var(--c-parchment-base)}.xp-container{width:100%;height:16px;background-color:#00000080;border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative}.xp-fill{height:100%;background:linear-gradient(90deg,var(--c-gold-dark),var(--c-gold-primary));width:0%;transition:width 1s ease-in-out;position:relative}.xp-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:xpGlow 2s infinite linear}@keyframes xpGlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.medieval-banner{background:linear-gradient(45deg,var(--c-royal-blue),var(--c-gold-primary));color:#fff;padding:1rem 1.5rem;text-align:center;position:relative;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 15px #0ea5e980;animation:bannerWave 4s infinite ease-in-out}@keyframes bannerWave{0%{transform:rotateX(0)}50%{transform:rotateX(10deg)}to{transform:rotateX(0)}}.medal{width:45px;height:45px;background:radial-gradient(circle,var(--c-royal-blue),#0369a1);border-radius:50%;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 15px var(--c-royal-blue);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;animation:flipMedal 4s infinite linear}@keyframes flipMedal{0%{transform:perspective(400px) rotateY(0)}50%{transform:perspective(400px) rotateY(180deg)}to{transform:perspective(400px) rotateY(360deg)}}.medieval-table tbody tr{transition:background-color var(--anim-fast),transform var(--anim-fast)}.medieval-table tbody tr:hover{background-color:#0ea5e926;transform:scale(1.01)}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden;background-color:#020617}#login-bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:1}.login-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(ellipse at center,#0f172a66,#020617cc),linear-gradient(180deg,#1e1b4b73,#020617b3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.castle-gate{text-align:center;position:relative;z-index:10;animation:fadeIn var(--anim-slow)}.large-title{font-size:3rem;color:var(--c-gold-primary);text-shadow:0 0 20px var(--c-gold-glow),2px 2px 4px #000;margin-bottom:.5rem}.login-card{margin-top:2rem;background:var(--c-parchment-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--c-border-iron);box-shadow:0 8px 32px 0 var(--c-shadow),inset 0 0 20px var(--c-glass-bg);max-width:500px;border-radius:12px}.role-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.role-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:.8rem 1.2rem;gap:12px;background:linear-gradient(135deg,#1e3a8ab3,#0f172ae6);border:1px solid var(--c-gold-primary);border-radius:8px;color:var(--c-parchment-light);transition:all .3s ease;cursor:pointer;box-shadow:0 4px 6px #0000004d;text-transform:none}.role-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px #eab3084d;background:linear-gradient(135deg,#1e3a8ae6,#0f172a);border-color:#fef08a}.role-emoji{font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.role-text-container{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.role-title{font-family:var(--font-medieval);font-size:1.2rem;color:var(--c-gold-primary);margin:0;line-height:1.2;text-shadow:1px 1px 2px #000}.role-desc{font-family:var(--font-base);font-size:.85rem;opacity:.85;margin:0}.gate-opening{animation:gateOpen 1.5s ease-in forwards}@keyframes gateOpen{0%{transform:scale(1);opacity:1;filter:blur(0)}50%{transform:scale(1.1);filter:blur(2px)}to{transform:scale(2) rotateY(90deg);opacity:0;filter:blur(10px)}}.password-prompt{animation:fadeIn var(--anim-normal)}.magic-input{background:#fff6;border:2px solid var(--c-gold-primary);border-radius:8px;padding:10px;color:var(--c-ink-dark);font-family:var(--font-base);outline:none;transition:all .2s ease;box-shadow:inset 0 2px 5px #0000001a}.magic-input:focus{box-shadow:0 0 10px var(--c-gold-glow),inset 0 2px 5px #0000001a;background:#fff9}.action-btn{background:var(--c-royal-blue);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-family:var(--font-medieval);font-size:1.1rem;cursor:pointer;transition:transform .2s ease,background .2s ease}.action-btn:hover{transform:translateY(-2px);filter:brightness(1.2)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}.dashboard-layout{display:grid;grid-template-columns:250px 1fr;height:100vh;overflow:hidden;background:var(--c-parchment-dark)}.main-wrapper{display:flex;flex-direction:column;height:100vh;overflow-y:auto}.realm-sidebar{background:#0f172af2;border-right:1px solid var(--c-border-iron);padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem;z-index:100;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.realm-sidebar::-webkit-scrollbar{display:none}.sidebar-logo{font-family:var(--font-medieval);font-size:1.5rem;color:var(--c-royal-blue);text-align:center;text-shadow:0 0 10px var(--c-royal-blue);padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);animation:logoPulse 3s infinite alternate}@keyframes logoPulse{0%{text-shadow:0 0 5px var(--c-royal-blue)}to{text-shadow:0 0 20px var(--c-royal-blue),0 0 40px rgba(14,165,233,.5)}}.sidebar-nav{display:flex;flex-direction:column;gap:.4rem;flex:1}.sidebar-link{background:transparent;border:none;color:var(--c-ink-light);text-align:left;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-family:var(--font-base);transition:all var(--anim-fast)}.sidebar-link:hover,.sidebar-link.active{background:#0ea5e933;color:#fff;box-shadow:inset 4px 0 0 var(--c-royal-blue)}.realm-header{background:linear-gradient(180deg,#1e1b4bcc,#0f172ae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border-iron);padding:.25rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #00000080;position:sticky;top:0;z-index:50;flex-wrap:wrap;gap:10px}.user-info{display:flex;align-items:center;gap:1rem}.user-info h3{margin:0;color:var(--c-royal-blue);font-size:1.2rem}.user-title{font-size:.9rem;opacity:.8}.avatar-shield{width:50px;height:50px;background:radial-gradient(circle,var(--c-royal-blue),#0369a1);border:2px solid rgba(255,255,255,.6);border-radius:5px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;box-shadow:0 0 10px var(--c-royal-blue);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}main#main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.throne-room,.library-room,.strategy-table,.watchtower{position:relative;z-index:1}.magic-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--c-border-iron);padding-bottom:15px;flex-wrap:wrap;margin-top:1rem}.magic-tab{background:#0000004d;color:var(--c-ink-dark);border:1px solid var(--c-border-iron);border-radius:8px;padding:.6rem 1.2rem;font-family:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--anim-fast)}.magic-tab:hover{background:#ffffff0d;border-color:var(--c-royal-blue);box-shadow:0 0 10px var(--c-royal-blue)}.magic-tab.active{background:var(--c-royal-blue);color:#fff;border-color:var(--c-royal-blue);box-shadow:0 4px 15px #0ea5e980}.admin-tab-content{display:none;animation:fadeIn var(--anim-fast)}.admin-tab-content.active{display:block}.hamburger-btn{display:none;background:transparent;border:none;color:var(--c-royal-blue);font-size:1.8rem;cursor:pointer;padding:.5rem}.realm-title-container{font-family:var(--font-medieval);color:var(--c-ink-dark);display:none}@media(min-width:768px){.realm-title-container{display:block}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.dashboard-layout,.hamburger-btn{display:block}.realm-sidebar{position:fixed;top:0;left:-100%;width:250px;height:100vh;transition:left .3s ease;box-shadow:2px 0 10px #00000080}.realm-sidebar.open{left:0}.sidebar-nav{flex-direction:column}.realm-header{justify-content:space-between;padding:1rem}.user-info{flex-direction:column;gap:.5rem}.grid-2{grid-template-columns:1fr}main#main-content{padding:1rem}.large-title{font-size:2rem}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast-msg{min-width:250px;max-width:350px;background:#021124;color:#fff;padding:15px 20px;border-radius:8px;font-family:var(--font-main, sans-serif);box-shadow:0 4px 15px #0000004d;display:flex;align-items:center;gap:12px;transform:translate(120%);opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.toast-msg.show{transform:translate(0);opacity:1}.toast-msg.success{border-left:5px solid var(--c-royal-green, #27ae60)}.toast-msg.error{border-left:5px solid var(--c-royal-red, #c0392b)}.toast-msg.info{border-left:5px solid var(--c-royal-blue, #2980b9)}.toast-icon{font-size:1.2rem}.page-banner{width:100%;height:180px;border-radius:12px;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,0 0 0 1px #8b5cf633}.page-banner:before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;transform:scale(1.05);transition:transform .6s ease;z-index:0}.page-banner:hover:before{transform:scale(1.08)}.page-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#02061726,#02061780 70%,#020617e6);z-index:1}.page-banner-content{position:absolute;bottom:0;left:0;right:0;padding:20px 25px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.page-banner-title{font-family:var(--font-medieval);font-size:1.6rem;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.8),0 0 30px rgba(139,92,246,.4);letter-spacing:3px;text-transform:uppercase;margin:0;line-height:1.2}.page-banner-subtitle{font-size:.82rem;color:#ffffffb3;font-family:var(--font-base);margin:4px 0 0;letter-spacing:1px;text-transform:uppercase}.page-banner-badge{background:#00000080;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;font-size:1.5rem;white-space:nowrap;flex-shrink:0}.banner-dashboard{background-image:url(/banner_dashboard.png)}.banner-actions{background-image:url(/banner_actions.png)}.banner-registers{background-image:url(/banner_registers.png)}.banner-views{background-image:url(/banner_views.png)}.banner-rankings{background-image:url(/banner_rankings.png)}.banner-data-entry{background-image:url(/banner_data_entry.png)}.banner-manual{background-image:url(/banner_manual.png)}.banner-library{background-image:url(/banner_library.png)}.banner-guild-hall{background-image:url(/banner_guild_hall.png)}.banner-watchtower{background-image:url(/banner_watchtower.png)}.banner-dashboard{border-top:3px solid var(--c-gold-primary)}.banner-actions{border-top:3px solid var(--c-royal-red)}.banner-registers{border-top:3px solid #f59e0b}.banner-views{border-top:3px solid var(--c-gold-primary)}.banner-rankings{border-top:3px solid #f59e0b}.banner-data-entry{border-top:3px solid var(--c-royal-blue)}.banner-manual,.banner-library{border-top:3px solid #f59e0b}.banner-guild-hall{border-top:3px solid var(--c-royal-red)}.banner-watchtower{border-top:3px solid var(--c-royal-blue)}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-banner{animation:bannerFadeIn .5s ease-out}