:root{--font-serif: "Cinzel", Georgia, serif;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--theme-primary: #8b5cf6;--theme-primary-light: #a78bfa;--theme-primary-dark: #5b21b6;--theme-primary-glow: rgba(139, 92, 246, .35);--theme-gold: #f59e0b;--theme-gold-light: #fbbf24;--theme-gold-dark: #b45309;--theme-gold-glow: rgba(245, 158, 11, .35);--bg-dark: #080511;--bg-surface: #0f0a1f;--bg-card: rgba(19, 13, 38, .75);--bg-card-hover: rgba(29, 20, 56, .9);--bg-input: rgba(10, 6, 20, .9);--border-subtle: rgba(139, 92, 246, .15);--border-active: rgba(139, 92, 246, .5);--border-gold: rgba(245, 158, 11, .35);--role-admin: #ef4444;--role-admin-bg: rgba(239, 68, 68, .15);--role-mod: #f59e0b;--role-mod-bg: rgba(245, 158, 11, .15);--role-archiviste: #06b6d4;--role-archiviste-bg: rgba(6, 182, 212, .15);--role-traducteur: #10b981;--role-traducteur-bg: rgba(16, 185, 129, .15);--role-mj: #c084fc;--role-mj-bg: rgba(192, 132, 252, .18);--role-joueur: #60a5fa;--role-joueur-bg: rgba(96, 165, 250, .15);--text-main: #f8fafc;--text-muted: #cbd5e1;--text-dim: #94a3b8;--shadow-lg: 0 10px 30px -5px rgba(0, 0, 0, .7);--shadow-violet: 0 0 25px rgba(139, 92, 246, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;line-height:1.5;background-image:radial-gradient(circle at 15% 15%,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(circle at 85% 85%,rgba(109,40,217,.1) 0%,transparent 50%),radial-gradient(circle at 50% 40%,rgba(245,158,11,.05) 0%,transparent 60%);background-attachment:fixed;overflow-x:hidden}.glass-panel{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.gold-glow-border{border:1px solid var(--border-gold);box-shadow:0 0 20px var(--theme-gold-glow)}.violet-glow-border{border:1px solid var(--border-active);box-shadow:var(--shadow-violet)}h1,h2,h3,h4,.font-serif{font-family:var(--font-serif);letter-spacing:.03em}.gold-gradient-text{background:linear-gradient(135deg,#fef3c7,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.violet-gradient-text{background:linear-gradient(135deg,#ede9fe,#a78bfa,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border-color:#a78bfa66;box-shadow:0 4px 15px #7c3aed4d}.btn-primary:hover{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:#a78bfacc;box-shadow:0 6px 20px #8b5cf673;transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border-color:#fbbf2466;box-shadow:0 4px 15px #d9770640}.btn-gold:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fbbf24cc;box-shadow:0 6px 20px #f59e0b66;transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;color:var(--text-main);border-color:var(--border-subtle)}.btn-secondary:hover{background:#8b5cf61f;border-color:var(--border-active);color:#fff}.btn-danger{background:var(--role-admin-bg);color:#fca5a5;border-color:#ef444466}.btn-danger:hover{background:#ef44444d;border-color:#ef4444cc}.btn-icon{padding:.5rem;border-radius:var(--radius-sm)}.role-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.03em;border:1px solid;transition:all .15s ease}.role-badge.admin{background:var(--role-admin-bg);color:#f87171;border-color:#ef444466}.role-badge.moderateur{background:var(--role-mod-bg);color:#fbbf24;border-color:#f59e0b66}.role-badge.archiviste{background:var(--role-archiviste-bg);color:#38bdf8;border-color:#06b6d466}.role-badge.traducteur_confiance{background:var(--role-traducteur-bg);color:#34d399;border-color:#10b98166}.role-badge.mj{background:var(--role-mj-bg);color:var(--role-mj);border-color:#c084fc66}.role-badge.joueur{background:var(--role-joueur-bg);color:var(--role-joueur);border-color:#60a5fa66}.form-input,.form-textarea,.form-select{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);padding:.75rem 1rem;font-family:var(--font-sans);font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--theme-primary);box-shadow:0 0 0 2px var(--theme-primary-glow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05030be0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-content{background:#0f0a21;border:1px solid var(--border-active);box-shadow:0 20px 40px #000c,0 0 30px var(--theme-primary-glow);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;color:var(--text-dim);border:none;border-bottom:2px solid transparent;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-button:hover{color:var(--text-main);background:#8b5cf60d}.tab-button.active{color:var(--theme-primary-light);border-bottom-color:var(--theme-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#080511e6}::-webkit-scrollbar-thumb{background:#8b5cf659;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6a6}@keyframes arcaneRotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes arcaneRotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes arcanePulseGlow{0%,to{box-shadow:0 0 25px #8b5cf640,0 0 50px #6d28d926;border-color:#8b5cf666}50%{box-shadow:0 0 35px #a78bfa66,0 0 70px #8b5cf640;border-color:#a78bfab3}}@keyframes floatMagical{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes arcanePhaseIn{0%{opacity:0;transform:translateY(12px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes runeTwinkle{0%,to{opacity:.2;transform:scale(.95)}50%{opacity:.8;transform:scale(1.1);text-shadow:0 0 10px rgba(167,139,250,.8)}}@keyframes magicalShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.magical-glow-card{animation:arcanePulseGlow 4s ease-in-out infinite}.magical-float{animation:floatMagical 4s ease-in-out infinite}.arcane-phase{animation:arcanePhaseIn .35s cubic-bezier(.16,1,.3,1) forwards}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-150%);transition:none}.btn-shimmer:hover:after{animation:magicalShimmer .85s ease-in-out}.modal-backdrop-fixed{position:fixed;top:0;right:0;bottom:0;left:0;background:#05030ae0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-dialog-card{width:1040px;max-width:96vw;height:88vh;max-height:840px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,#140c26fa,#0a0614fc);border:1px solid var(--theme-primary);border-radius:var(--radius-lg);box-shadow:0 20px 60px #000c,0 0 30px #8b5cf640}.modal-grid-body{display:grid;grid-template-columns:320px 1fr;flex:1;min-height:0;height:100%;overflow:hidden}.scroll-pane-custom{overflow-y:auto!important;height:100%!important;min-height:0!important;-webkit-overflow-scrolling:touch}.scroll-pane-custom::-webkit-scrollbar{width:7px}.scroll-pane-custom::-webkit-scrollbar-track{background:#00000040}.scroll-pane-custom::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:4px}.scroll-pane-custom::-webkit-scrollbar-thumb:hover{background:#8b5cf6bf}@media(max-width:768px){.modal-backdrop-fixed{padding:.25rem}.modal-dialog-card{width:100vw;height:98vh;max-height:none;border-radius:var(--radius-md)}.modal-grid-body{grid-template-columns:1fr;display:flex;flex-direction:column}.modal-body-mobile-hidden{display:none!important}}.creator-step2-grid{display:grid;grid-template-columns:360px 1fr;gap:1.5rem;align-items:start}@media(max-width:1024px){.creator-step2-grid{grid-template-columns:1fr}}.class-postit-card{background:linear-gradient(135deg,#1c1234e6,#0e091cf2);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:0 10px 25px #00000080,inset 0 1px #ffffff14;position:relative;transition:all .2s ease}.class-postit-card:hover{border-color:#f59e0b99;box-shadow:0 12px 30px #0009,0 0 15px #f59e0b26}.progression-table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#00000059}.progression-table{width:100%;border-collapse:collapse;font-size:.8rem;text-align:left}.progression-table th{background:#8b5cf61f;color:var(--theme-gold-light);padding:.65rem .85rem;font-weight:700;border-bottom:1px solid var(--border-subtle);text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;white-space:nowrap}.progression-table td{padding:.6rem .85rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-normal);vertical-align:middle}.progression-table tr:hover td{background:#8b5cf614}.progression-table tr.row-current-level td{background:#f59e0b29!important;color:#fff!important;font-weight:700;border-top:1px solid rgba(245,158,11,.4);border-bottom:1px solid rgba(245,158,11,.4)}.feature-anchor-card{scroll-margin-top:90px;transition:all .25s ease}.feature-anchor-card:target{border-color:var(--theme-gold)!important;box-shadow:0 0 25px #f59e0b66!important;animation:pulseGold 2s ease}@keyframes pulseGold{0%{transform:scale(1);box-shadow:0 0 10px #f59e0b33}50%{transform:scale(1.01);box-shadow:0 0 30px #f59e0b99}to{transform:scale(1);box-shadow:0 0 15px #f59e0b4d}}.dnd-ability-card{background:#0f0a1ed9;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem .6rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:all .2s ease}.dnd-ability-card:hover{border-color:var(--border-active);background:#160e2cf2}.dnd-ability-score{font-size:1.55rem;font-weight:800;color:#fff;line-height:1.1;margin:.2rem 0;font-family:var(--font-serif)}.dnd-ability-mod-pill{font-size:.88rem;font-weight:700;color:var(--theme-primary-light);background:var(--theme-primary-glow);border:1px solid var(--theme-primary);border-radius:9999px;padding:.1rem .6rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.4rem}.skills-witness-container{background:#080512d9;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem;margin-top:.75rem}.skills-witness-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem .5rem}.skills-witness-row{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;padding:.15rem .35rem;border-radius:4px;background:#ffffff05}.skills-witness-row.is-proficient{background:#60a5fa1a;color:#93c5fd}.skills-witness-row.is-expert{background:#f59e0b26;color:var(--theme-gold-light);font-weight:700}.grimoire-layout-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}@media(max-width:1024px){.grimoire-layout-grid{grid-template-columns:1fr}}.spell-card{background:#0f0a1eb3;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem;transition:all .2s ease;display:flex;flex-direction:column;justify-content:space-between}.spell-card:hover{border-color:var(--theme-primary-light);background:#191032d9;box-shadow:0 4px 15px #0000004d}.spell-card.is-selected{border-color:var(--theme-gold);background:#f59e0b14;box-shadow:0 0 12px #f59e0b33}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}.print-page{box-shadow:none!important;border:1px solid #333!important;color:#000!important;background:#fff!important}}