:root{--altrex-colors-primary-50:#e6f2ff;--altrex-colors-primary-100:#cce5ff;--altrex-colors-primary-200:#99cbff;--altrex-colors-primary-300:#66b0ff;--altrex-colors-primary-400:#3396ff;--altrex-colors-primary-500:#007cff;--altrex-colors-primary-600:#0063cc;--altrex-colors-primary-700:#004a99;--altrex-colors-primary-800:#003166;--altrex-colors-primary-900:#001933;--altrex-colors-secondary-50:#f0e6ff;--altrex-colors-secondary-100:#e0ccff;--altrex-colors-secondary-200:#c299ff;--altrex-colors-secondary-300:#a366ff;--altrex-colors-secondary-400:#8533ff;--altrex-colors-secondary-500:#60f;--altrex-colors-secondary-600:#5200cc;--altrex-colors-secondary-700:#3d0099;--altrex-colors-secondary-800:#290066;--altrex-colors-secondary-900:#140033;--altrex-colors-neutral-50:#f8f9fa;--altrex-colors-neutral-100:#f1f3f5;--altrex-colors-neutral-200:#e9ecef;--altrex-colors-neutral-300:#dee2e6;--altrex-colors-neutral-400:#ced4da;--altrex-colors-neutral-500:#adb5bd;--altrex-colors-neutral-600:#868e96;--altrex-colors-neutral-700:#495057;--altrex-colors-neutral-800:#343a40;--altrex-colors-neutral-900:#212529;--altrex-colors-success-50:#e6f9f0;--altrex-colors-success-500:#10b981;--altrex-colors-success-900:#064e3b;--altrex-colors-warning-50:#fff9e6;--altrex-colors-warning-500:#f59e0b;--altrex-colors-warning-900:#78350f;--altrex-colors-error-50:#ffe6e6;--altrex-colors-error-500:#ef4444;--altrex-colors-error-900:#7f1d1d;--altrex-colors-info-50:#e6f7ff;--altrex-colors-info-500:#3b82f6;--altrex-colors-info-900:#1e3a8a;--altrex-colors-dark-bg-base:#0a0a0a;--altrex-colors-dark-bg-surface:#121212;--altrex-colors-dark-bg-elevated:#1e1e1e;--altrex-colors-dark-bg-hover:#2a2a2a;--altrex-colors-dark-bg-overlay:#000000d9;--altrex-colors-dark-text-primary:#fff;--altrex-colors-dark-text-secondary:#b4b4b4;--altrex-colors-dark-text-tertiary:#8a8a8a;--altrex-colors-dark-text-disabled:#5a5a5a;--altrex-colors-dark-text-inverse:#0a0a0a;--altrex-colors-dark-border-default:#3a3a3a;--altrex-colors-dark-border-subtle:#2a2a2a;--altrex-colors-dark-border-strong:#4a4a4a;--altrex-colors-dark-border-focus:#66b0ff;--altrex-colors-dark-primary-default:#66b0ff;--altrex-colors-dark-primary-hover:#3396ff;--altrex-colors-dark-primary-active:#99cbff;--altrex-colors-dark-primary-muted:#004a99;--altrex-colors-dark-secondary-default:#a366ff;--altrex-colors-dark-secondary-hover:#8533ff;--altrex-colors-dark-secondary-active:#c299ff;--altrex-colors-dark-secondary-muted:#3d0099;--altrex-colors-dark-success-default:#34d399;--altrex-colors-dark-success-hover:#10b981;--altrex-colors-dark-success-bg:#064e3b;--altrex-colors-dark-success-border:#065f46;--altrex-colors-dark-warning-default:#fbbf24;--altrex-colors-dark-warning-hover:#f59e0b;--altrex-colors-dark-warning-bg:#78350f;--altrex-colors-dark-warning-border:#92400e;--altrex-colors-dark-error-default:#f87171;--altrex-colors-dark-error-hover:#ef4444;--altrex-colors-dark-error-bg:#7f1d1d;--altrex-colors-dark-error-border:#991b1b;--altrex-colors-dark-info-default:#60a5fa;--altrex-colors-dark-info-hover:#3b82f6;--altrex-colors-dark-info-bg:#1e3a8a;--altrex-colors-dark-info-border:#1e40af;--altrex-spacing-0:0;--altrex-spacing-1:.25rem;--altrex-spacing-2:.5rem;--altrex-spacing-3:.75rem;--altrex-spacing-4:1rem;--altrex-spacing-5:1.25rem;--altrex-spacing-6:1.5rem;--altrex-spacing-8:2rem;--altrex-spacing-10:2.5rem;--altrex-spacing-12:3rem;--altrex-spacing-16:4rem;--altrex-spacing-20:5rem;--altrex-spacing-24:6rem;--altrex-fontSize-xs:.75rem;--altrex-fontSize-sm:.875rem;--altrex-fontSize-base:1rem;--altrex-fontSize-lg:1.125rem;--altrex-fontSize-xl:1.25rem;--altrex-fontSize-2xl:1.5rem;--altrex-fontSize-3xl:1.875rem;--altrex-fontSize-4xl:2.25rem;--altrex-fontSize-5xl:3rem;--altrex-fontWeight-light:300;--altrex-fontWeight-normal:400;--altrex-fontWeight-medium:500;--altrex-fontWeight-semibold:600;--altrex-fontWeight-bold:700;--altrex-lineHeight-none:1;--altrex-lineHeight-tight:1.25;--altrex-lineHeight-snug:1.375;--altrex-lineHeight-normal:1.5;--altrex-lineHeight-relaxed:1.625;--altrex-lineHeight-loose:2;--altrex-borderRadius-none:0;--altrex-borderRadius-sm:.25rem;--altrex-borderRadius-default:.5rem;--altrex-borderRadius-md:.75rem;--altrex-borderRadius-lg:1rem;--altrex-borderRadius-xl:1.5rem;--altrex-borderRadius-2xl:2rem;--altrex-borderRadius-full:9999px;--altrex-shadow-sm:0 1px 2px 0 #0000000d;--altrex-shadow-default:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--altrex-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--altrex-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--altrex-shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--altrex-shadow-2xl:0 25px 50px -12px #00000040;--altrex-shadow-inner:inset 0 2px 4px 0 #0000000f;--altrex-breakpoints-sm:640px;--altrex-breakpoints-md:768px;--altrex-breakpoints-lg:1024px;--altrex-breakpoints-xl:1280px;--altrex-breakpoints-2xl:1536px;--altrex-touchTarget-minimum:44px;--altrex-touchTarget-comfortable:48px;--altrex-touchTarget-spacious:56px;--altrex-fluidSpacing-xs:clamp(.25rem, 1vw, .5rem);--altrex-fluidSpacing-sm:clamp(.5rem, 2vw, 1rem);--altrex-fluidSpacing-md:clamp(1rem, 3vw, 2rem);--altrex-fluidSpacing-lg:clamp(1.5rem, 4vw, 3rem);--altrex-fluidSpacing-xl:clamp(2rem, 6vw, 4rem);--altrex-fluidTypography-body:clamp(1rem, .95rem + .25vw, 1.125rem);--altrex-fluidTypography-h1:clamp(2rem, 1.5rem + 2.5vw, 3rem);--altrex-fluidTypography-h2:clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);--altrex-fluidTypography-h3:clamp(1.25rem, 1.125rem + .625vw, 1.75rem);--altrex-brands-gymAndTonic-primitive-limeGreen:#acc55f;--altrex-brands-gymAndTonic-primitive-darkOlive:#6b7a3a;--altrex-brands-gymAndTonic-primitive-lightLime:#c8d87a;--altrex-brands-gymAndTonic-primitive-paleLime:#e8f0cc;--altrex-brands-gymAndTonic-primitive-gold:#d4a64a;--altrex-brands-gymAndTonic-primitive-lightGold:#e0bc6a;--altrex-brands-gymAndTonic-primitive-paleGold:#f5e8c0;--altrex-brands-gymAndTonic-primitive-warmCream:#f5efe0;--altrex-brands-gymAndTonic-primitive-warmBeige:#e6d7b0;--altrex-brands-gymAndTonic-primitive-beigeSubtle:#ede8d8;--altrex-brands-gymAndTonic-primitive-beigeBorder:#c8b880;--altrex-brands-gymAndTonic-primitive-navy:#1b2a4a;--altrex-brands-gymAndTonic-primitive-forestGreen:#007a4b;--altrex-brands-gymAndTonic-primitive-successBg:#e0f5ec;--altrex-brands-gymAndTonic-primitive-rust:#aa5535;--altrex-brands-gymAndTonic-primitive-errorRed:#c43;--altrex-brands-gymAndTonic-primitive-errorBg:#faeae8;--altrex-brands-gymAndTonic-primitive-teal:#03a678;--altrex-brands-gymAndTonic-primitive-salmon:#d48566;--altrex-brands-gymAndTonic-primitive-warningBg:#fbf3dd;--altrex-brands-gymAndTonic-primitive-disabledGray:#a0a8a0;--altrex-brands-gymAndTonic-primitive-deepForest:#111a0e;--altrex-brands-gymAndTonic-primitive-darkSurface:#1c2a18;--altrex-brands-gymAndTonic-primitive-darkBorderDefault:#2a3a22;--altrex-brands-gymAndTonic-primitive-darkBorderSubtle:#1e2e18;--altrex-brands-gymAndTonic-primitive-darkBorderStrong:#3a4a2a;--altrex-brands-gymAndTonic-primitive-darkText:#f5efe0;--altrex-brands-gymAndTonic-primitive-darkDisabled:#5a6a52;--altrex-brands-gymAndTonic-primitive-darkTabInactive:#8a9a82;--altrex-brands-gymAndTonic-typography-fontFamily-logo:Baloo2-ExtraBold;--altrex-brands-gymAndTonic-typography-fontFamily-heading:Baloo2-ExtraBold;--altrex-brands-gymAndTonic-typography-fontFamily-body:Manrope-Regular;--altrex-brands-gymAndTonic-typography-fontFamily-bodyEmphasis:Manrope-SemiBold;--altrex-brands-gymAndTonic-typography-fontSize-xs:12;--altrex-brands-gymAndTonic-typography-fontSize-sm:14;--altrex-brands-gymAndTonic-typography-fontSize-base:16;--altrex-brands-gymAndTonic-typography-fontSize-lg:18;--altrex-brands-gymAndTonic-typography-fontSize-xl:20;--altrex-brands-gymAndTonic-typography-fontSize-2xl:24;--altrex-brands-gymAndTonic-typography-fontSize-3xl:30;--altrex-brands-gymAndTonic-typography-fontSize-4xl:36;--altrex-brands-gymAndTonic-typography-fontWeight-regular:400;--altrex-brands-gymAndTonic-typography-fontWeight-medium:500;--altrex-brands-gymAndTonic-typography-fontWeight-semibold:600;--altrex-brands-gymAndTonic-typography-fontWeight-bold:700;--altrex-brands-gymAndTonic-typography-fontWeight-extrabold:800;--altrex-brands-gymAndTonic-spacing-0:0;--altrex-brands-gymAndTonic-spacing-1:4;--altrex-brands-gymAndTonic-spacing-2:8;--altrex-brands-gymAndTonic-spacing-3:12;--altrex-brands-gymAndTonic-spacing-4:16;--altrex-brands-gymAndTonic-spacing-5:20;--altrex-brands-gymAndTonic-spacing-6:24;--altrex-brands-gymAndTonic-spacing-8:32;--altrex-brands-gymAndTonic-spacing-10:40;--altrex-brands-gymAndTonic-spacing-12:48;--altrex-brands-gymAndTonic-spacing-16:64;--altrex-brands-gymAndTonic-borderRadius-none:0;--altrex-brands-gymAndTonic-borderRadius-sm:4;--altrex-brands-gymAndTonic-borderRadius-base:8;--altrex-brands-gymAndTonic-borderRadius-md:12;--altrex-brands-gymAndTonic-borderRadius-lg:16;--altrex-brands-gymAndTonic-borderRadius-xl:24;--altrex-brands-gymAndTonic-borderRadius-full:9999;--altrex-brands-arcaneRealms-primitive-navyDeep:#0e2c40;--altrex-brands-arcaneRealms-primitive-navyLight:#2f4a72;--altrex-brands-arcaneRealms-primitive-gold:#d4b67a;--altrex-brands-arcaneRealms-primitive-goldMuted:#998b5f;--altrex-brands-arcaneRealms-primitive-teal:#4ecdc4;--altrex-brands-arcaneRealms-primitive-tealDark:#44a08d;--altrex-brands-arcaneRealms-primitive-coral:#ff6b6b;--altrex-brands-arcaneRealms-primitive-coralDark:#ee5a24;--altrex-brands-arcaneRealms-primitive-limeActive:#4ade80;--altrex-brands-arcaneRealms-primitive-amberBadge:#fbbf24;--altrex-brands-arcaneRealms-primitive-white:#fff;--altrex-brands-arcaneRealms-gradient-background:linear-gradient(135deg, #2f4a72 0%, #0e2c40 100%);--altrex-brands-arcaneRealms-gradient-primaryButton:linear-gradient(135deg, #2f4a72, #0e2c40);--altrex-brands-arcaneRealms-gradient-primaryButtonHover:linear-gradient(135deg, #0e2c40, #2f4a72);--altrex-brands-arcaneRealms-gradient-secondaryButton:linear-gradient(135deg, #998b5f, #d4b67a);--altrex-brands-arcaneRealms-gradient-secondaryButtonHover:linear-gradient(135deg, #d4b67a, #998b5f);--altrex-brands-arcaneRealms-gradient-successButton:linear-gradient(135deg, #4ecdc4, #44a08d);--altrex-brands-arcaneRealms-gradient-successButtonHover:linear-gradient(135deg, #44a08d, #4ecdc4);--altrex-brands-arcaneRealms-gradient-dangerButton:linear-gradient(135deg, #ff6b6b, #ee5a24);--altrex-brands-arcaneRealms-gradient-dangerButtonHover:linear-gradient(135deg, #ee5a24, #ff6b6b);--altrex-brands-arcaneRealms-glass-surface:#ffffff1a;--altrex-brands-arcaneRealms-glass-surfaceSubtle:#ffffff0d;--altrex-brands-arcaneRealms-glass-border:#fff3;--altrex-brands-arcaneRealms-glass-borderHover:#ffffff4d;--altrex-brands-arcaneRealms-glass-blur:blur(20px);--altrex-brands-arcaneRealms-glass-shadow:0 8px 32px #0000001a;--altrex-brands-arcaneRealms-glass-shadowHover:0 12px 40px #00000026}
*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--altrex-brands-arcaneRealms-gradient-background);color:#333;max-width:100vw;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.navbar{background:var(--altrex-brands-arcaneRealms-glass-surface);-webkit-backdrop-filter:var(--altrex-brands-arcaneRealms-glass-blur);backdrop-filter:var(--altrex-brands-arcaneRealms-glass-blur);border:1px solid var(--altrex-brands-arcaneRealms-glass-border);z-index:1000;box-shadow:var(--altrex-brands-arcaneRealms-glass-shadow);border-top:none;border-left:none;border-right:none;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.navbar-brand{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-links{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.navbar-link{color:#ffffffe6;border:1px solid #0000;border-radius:8px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s}.navbar-link.button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0}.navbar-link:hover{background:var(--altrex-brands-arcaneRealms-glass-surface);border-color:var(--altrex-brands-arcaneRealms-glass-border);color:#fff;transform:translateY(-1px)}.navbar-link.admin{background:var(--altrex-brands-arcaneRealms-gradient-dangerButton);color:#fff;font-weight:600}.navbar-link.admin:hover{background:var(--altrex-brands-arcaneRealms-gradient-dangerButtonHover);transform:translateY(-2px);box-shadow:0 4px 15px #ee5a2466}.page-container{max-width:1400px;min-height:calc(100vh - 80px);margin:0 auto;padding:2rem 1rem}.dashboard-page .page-container{max-width:95vw;padding:1.5rem .5rem}.dashboard-no-characters{color:#fffc;margin-bottom:1rem}.home-journey-card{text-align:center;max-width:600px;margin:0 auto}.home-journey-title{color:#fff;margin-bottom:1rem}.home-journey-text{color:#fffc;margin-bottom:2rem}.home-journey-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.user-card-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1rem;font-size:1.1rem;font-weight:600;display:flex}.user-card-info{flex:1}.user-card-username{color:#fff;margin-bottom:.25rem}.user-card-username.current-user{font-weight:600}.user-card-username.other-user{font-weight:500}.user-card-location{color:#ffffffb3;cursor:pointer;font-size:.75rem;text-decoration:underline}.online-users-list{max-height:400px;overflow-y:auto}.no-users-card{text-align:center}.no-users-text{color:#ffffffb3}.user-online-users-container{max-height:500px;overflow-y:auto}.user-online-users-border{border:1px solid #e3e6f0;border-radius:0 0 8px 8px;padding:.5rem}.user-no-users-text{text-align:center;padding:1rem}.user-card-container{background-color:#f8f9fa;border-left:4px solid #0000;border-radius:8px;align-items:center;margin-bottom:.5rem;padding:.75rem;display:flex}.user-card-container.current-user{border-left:4px solid #000001}.user-card-avatar-user{background-color:#ddd;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1rem;display:flex;overflow:hidden}.user-card-avatar-text{color:#666;font-size:18px}.user-card-username-text{font-weight:500}.user-card-username-text.current-user{font-weight:600}.user-card-location-text{color:#6c757d;font-size:.75rem}.map-page-container{background-color:#b7abab;padding:2rem;position:relative}.map-image-container{position:relative}.map-image{width:100%;height:auto}.map-location-button{color:#fff;cursor:pointer;background:red;border:none;border-radius:50%;padding:5px;position:absolute}.protected-page-container{padding:2rem}.dashboard-grid{grid-template-columns:1fr 2fr 1fr;align-items:start;gap:1.5rem;width:100%;margin-top:1.5rem;display:grid}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr 1.5fr 1fr;gap:1rem}}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr;gap:1rem}}.dashboard-section{background:var(--altrex-brands-arcaneRealms-glass-surface);-webkit-backdrop-filter:var(--altrex-brands-arcaneRealms-glass-blur);backdrop-filter:var(--altrex-brands-arcaneRealms-glass-blur);border:1px solid var(--altrex-brands-arcaneRealms-glass-border);box-shadow:var(--altrex-brands-arcaneRealms-glass-shadow);border-radius:16px;padding:1.5rem;transition:all .3s}.dashboard-section:hover{box-shadow:var(--altrex-brands-arcaneRealms-glass-shadowHover);border-color:var(--altrex-brands-arcaneRealms-glass-borderHover);transform:translateY(-5px)}.dashboard-section h3{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.character-card{background:var(--altrex-brands-arcaneRealms-glass-surface);-webkit-backdrop-filter:var(--altrex-brands-arcaneRealms-glass-blur);backdrop-filter:var(--altrex-brands-arcaneRealms-glass-blur);border:1px solid var(--altrex-brands-arcaneRealms-glass-border);box-shadow:var(--altrex-brands-arcaneRealms-glass-shadow);border-radius:16px;max-width:300px;margin:1rem;padding:1.5rem;transition:all .3s}.character-card:hover{box-shadow:var(--altrex-brands-arcaneRealms-glass-shadowHover);border-color:var(--altrex-brands-arcaneRealms-glass-borderHover);transform:translateY(-5px)}.character-card img{object-fit:cover;border:2px solid var(--altrex-brands-arcaneRealms-glass-border);border-radius:12px;width:100%;height:150px;margin-bottom:1rem}img .character-img{height:500px}.character-card h3{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.character-card p{color:#ffffffe6;margin-bottom:.5rem;font-size:.9rem}.character-card strong{color:#fff;font-weight:600}.character-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.active-character-banner{background:#00ff001a;border:1px solid #00ff004d;border-radius:8px;margin-top:.5rem;margin-bottom:1rem;padding:.75rem}.active-character-name{color:var(--altrex-brands-arcaneRealms-primitive-limeActive)}.npc-badge{color:var(--altrex-brands-arcaneRealms-primitive-amberBadge);margin-left:.5rem}.empty-state-card{text-align:center;max-width:600px;margin:0 auto}.empty-state-card h3{color:#fff;margin-bottom:1rem}.empty-state-card p{color:#fffc;margin-bottom:1.5rem}.session-dashboard-container{background:var(--altrex-brands-arcaneRealms-glass-surfaceSubtle);border:1px solid var(--altrex-brands-arcaneRealms-glass-surface);border-radius:12px;width:100%;padding:1rem;overflow-x:auto}.session-dashboard-container .session-container{background:0 0;width:100%;margin:0;padding:0}.session-dashboard-container .session-header{display:none}.session-dashboard-container .sessions-table{width:100%;min-width:600px;margin-top:0}.session-dashboard-container .table-container{width:100%;overflow-x:auto}.session-dashboard-container .action-buttons{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.session-dashboard-container .action-button{min-width:auto;padding:.4rem .8rem;font-size:.8rem}.btn{text-align:center;cursor:pointer;border:none;border-radius:8px;min-width:80px;margin:.25rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--altrex-brands-arcaneRealms-gradient-primaryButton);color:#fff;border:none;font-weight:600}.btn-primary:hover{background:var(--altrex-brands-arcaneRealms-gradient-primaryButtonHover);transform:translateY(-2px)}.btn-secondary{background:var(--altrex-brands-arcaneRealms-gradient-secondaryButton);color:#fff;border:none;font-weight:600}.btn-secondary:hover{background:var(--altrex-brands-arcaneRealms-gradient-secondaryButtonHover);transform:translateY(-2px)}.btn-success{background:var(--altrex-brands-arcaneRealms-gradient-successButton);color:#fff;border:none;font-weight:600}.btn-success:hover{background:var(--altrex-brands-arcaneRealms-gradient-successButtonHover);transform:translateY(-2px)}.btn-danger{background:var(--altrex-brands-arcaneRealms-gradient-dangerButton);color:#fff;border:none;font-weight:600}.btn-danger:hover{background:var(--altrex-brands-arcaneRealms-gradient-dangerButtonHover);transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.card{background:var(--altrex-brands-arcaneRealms-glass-surface);-webkit-backdrop-filter:var(--altrex-brands-arcaneRealms-glass-blur);backdrop-filter:var(--altrex-brands-arcaneRealms-glass-blur);border:1px solid var(--altrex-brands-arcaneRealms-glass-border);box-shadow:var(--altrex-brands-arcaneRealms-glass-shadow);border-radius:16px;padding:1.5rem;transition:all .3s}.card:hover{box-shadow:var(--altrex-brands-arcaneRealms-glass-shadowHover);border-color:var(--altrex-brands-arcaneRealms-glass-borderHover);transform:translateY(-3px)}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{color:#fff;text-shadow:0 4px 8px #0000004d;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.page-header h2{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:.5rem;font-size:2rem;font-weight:600}.page-header p{color:#fffc;max-width:600px;margin:0 auto;font-size:1.1rem}.loading{text-align:center;color:#fffc;padding:2rem;font-size:1.2rem}.error{text-align:center;color:var(--altrex-brands-arcaneRealms-primitive-coral);background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;margin:1rem 0;padding:2rem;font-size:1.1rem}.online-users{background:var(--altrex-brands-arcaneRealms-glass-surface);-webkit-backdrop-filter:var(--altrex-brands-arcaneRealms-glass-blur);backdrop-filter:var(--altrex-brands-arcaneRealms-glass-blur);border:1px solid var(--altrex-brands-arcaneRealms-glass-border);border-radius:16px;padding:1.5rem}.online-users h3{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:1rem}.user-card{background:var(--altrex-brands-arcaneRealms-glass-surfaceSubtle);border:1px solid var(--altrex-brands-arcaneRealms-glass-surface);cursor:pointer;border-radius:8px;margin-bottom:.5rem;padding:.75rem;transition:all .3s}.user-card:hover{background:var(--altrex-brands-arcaneRealms-glass-surface);transform:translate(5px)}.user-card.current-user{background:#4ecdc41a;border-color:#4ecdc480}a{color:#ffffffe6;text-decoration:none;transition:color .3s}a:hover{color:#fff;text-decoration:underline}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.navbar-links{gap:1rem}.page-container{padding:1rem .5rem}.dashboard-page .page-container{padding:1rem .25rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.character-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.page-header h1{font-size:2rem}.page-header h2{font-size:1.5rem}.session-dashboard-container .sessions-table{min-width:500px;font-size:.85rem}.session-dashboard-container .action-button{padding:.3rem .6rem;font-size:.75rem}}