@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@400;700&family=IM+Fell+English:ital@0;1&display=swap";.creation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-gradient);z-index:999;display:flex;justify-content:center;align-items:center;text-align:center;transition:opacity 1s ease}.creation-overlay.fade-out{opacity:0;pointer-events:none}.creation-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.creation-subtitle{font-size:1.5rem;color:var(--text-muted);opacity:0;transform:translateY(-20px);transition:all .8s ease;text-transform:uppercase;letter-spacing:5px;font-weight:300}.creation-subtitle.active{opacity:1;transform:translateY(0)}.creation-name{font-size:5rem;font-weight:900;margin:0;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#42e695,#3bb2b8);-webkit-background-clip:text;background-clip:text;opacity:0;transform:scale(.8);filter:blur(10px);transition:all 1s cubic-bezier(.34,1.56,.64,1);text-shadow:0 0 30px rgba(66,230,149,.3)}.creation-name.active{opacity:1;transform:scale(1);filter:blur(0)}.creation-sigil{font-size:1.2rem;color:#fff;background:#ffffff1a;padding:.5rem 1.5rem;border-radius:50px;border:1px solid rgba(255,255,255,.2);opacity:0;transform:translateY(20px);transition:all .6s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.creation-sigil.active{opacity:1;transform:translateY(0);box-shadow:0 0 20px #fff3;animation:pulseSigil 2s infinite}@keyframes pulseSigil{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}@media (max-width: 768px){.creation-name{font-size:3rem}}.intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:opacity 1s cubic-bezier(.19,1,.22,1)}.intro-overlay.fade-out{opacity:0;pointer-events:none}.intro-content{text-align:center;color:#fff;position:relative;z-index:2}.intro-rune{font-size:6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:all 1.5s cubic-bezier(.68,-.55,.27,1.55);filter:blur(10px)}.intro-rune.active{transform:translate(-50%,-150%) scale(1);opacity:1;filter:blur(0) drop-shadow(0 0 20px rgba(165,180,252,.8))}.intro-title{font-size:5rem;font-weight:100;margin:0;line-height:1.1;opacity:0;transform:translateY(20px);transition:all 1s cubic-bezier(.19,1,.22,1) .5s;letter-spacing:5px;text-transform:uppercase}.intro-title.active{opacity:1;transform:translateY(0)}.intro-title .highlight{font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(165,180,252,.4);background:linear-gradient(90deg,#24243e,#302b63,#a5b4fc,#fff,#a5b4fc,#302b63,#24243e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:shineText 3s linear infinite;display:block;margin-top:5px;letter-spacing:1px;filter:drop-shadow(0 0 5px rgba(48,43,99,.5))}@keyframes shineText{0%{background-position:200% center}to{background-position:-200% center}}.intro-line{width:0;height:2px;background:linear-gradient(90deg,transparent,#a5b4fc,transparent);margin:2rem auto 0;box-shadow:0 0 20px #a5b4fc;transition:width 1.2s cubic-bezier(.19,1,.22,1) 1s}.intro-line.active{width:200px}.intro-overlay:before{content:"";position:absolute;top:50%;left:50%;width:200vw;height:200vh;background:radial-gradient(circle,rgba(66,29,149,.1) 0%,transparent 60%);transform:translate(-50%,-50%) scale(0);transition:transform 3s ease-out;z-index:1}.intro-rune.active~:before{transform:translate(-50%,-50%) scale(1)}@media (max-width: 768px){.intro-title{font-size:3rem}.intro-rune{font-size:4rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:#fff6}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dnd-home{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;font-family:Cinzel,serif}.dnd-home-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 80%,rgba(160,50,0,.35) 0%,transparent 65%),radial-gradient(ellipse at 20% 60%,rgba(120,30,0,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 40%,rgba(100,20,0,.15) 0%,transparent 50%),#0a0502;z-index:0}.dnd-home-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.7) 100%);z-index:1}.dnd-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1;animation:orbPulse 6s ease-in-out infinite}.dnd-orb-1{width:500px;height:300px;bottom:-80px;left:50%;transform:translate(-50%);background:radial-gradient(ellipse,rgba(220,80,0,.4) 0%,transparent 70%);animation-delay:0s}.dnd-orb-2{width:300px;height:200px;bottom:10%;left:15%;background:radial-gradient(ellipse,rgba(180,60,0,.25) 0%,transparent 70%);animation-delay:-2s;animation-duration:8s}.dnd-orb-3{width:300px;height:200px;bottom:10%;right:15%;background:radial-gradient(ellipse,rgba(200,70,0,.2) 0%,transparent 70%);animation-delay:-4s;animation-duration:7s}@keyframes orbPulse{0%,to{opacity:.8;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.08)}}.dnd-orb-2,.dnd-orb-3{animation-name:orbPulseSmall}@keyframes orbPulseSmall{0%,to{opacity:.6}50%{opacity:1}}.dnd-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.dnd-particle{position:absolute;bottom:-10px;border-radius:50%}.dnd-particle-0{background:#ff7814d9;box-shadow:0 0 6px #ff6400cc;animation:emberRise linear infinite}.dnd-particle-1{background:#ffdc50e6;box-shadow:0 0 4px #ffc832e6;border-radius:2px;animation:sparkRise linear infinite}.dnd-particle-2{background:#28140a66;width:12px!important;height:12px!important;filter:blur(4px);animation:smokeRise linear infinite}@keyframes emberRise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}80%{opacity:.7}to{transform:translateY(-90vh) translate(20px) scale(.3);opacity:0}}@keyframes sparkRise{0%{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:0}10%{opacity:1}50%{transform:translateY(-45vh) translate(-15px) rotate(180deg) scale(.8)}to{transform:translateY(-100vh) translate(10px) rotate(360deg) scale(.1);opacity:0}}@keyframes smokeRise{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:.3}to{transform:translateY(-60vh) scale(3);opacity:0}}.dnd-topbar{position:absolute;top:2rem;left:2rem;z-index:20}.dnd-home-content{position:relative;z-index:10;text-align:center;opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s ease}.dnd-home-content.visible{opacity:1;transform:translateY(0)}.dnd-icon{font-size:5rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(255,100,20,.7));animation:iconGlow 3s ease-in-out infinite}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 15px rgba(255,100,20,.6))}50%{filter:drop-shadow(0 0 35px rgba(255,140,40,.9))}}.dnd-title{font-size:3.2rem;font-weight:300;color:#f0d2aae6;letter-spacing:4px;text-transform:uppercase;line-height:1.15;margin:0 0 .5rem;text-shadow:0 0 30px rgba(255,100,20,.3)}.dnd-title-highlight{display:block;font-weight:900;font-size:1.1em;background:linear-gradient(90deg,#c84b00,#ff8c00,#fc4,#ff8c00,#c84b00);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fireSweep 4s linear infinite;text-shadow:none}.dnd-edition{display:block;font-size:.45em;font-weight:400;letter-spacing:6px;color:#c89650b3;margin-top:.4rem;text-shadow:none}@keyframes fireSweep{0%{background-position:200% center}to{background-position:-200% center}}.dnd-status{font-size:.8rem;color:#c8a064b3;margin:.75rem 0 2.5rem;letter-spacing:1px;font-family:Segoe UI,sans-serif}.dnd-role-selection{display:flex;gap:1.5rem;justify-content:center;width:95%;max-width:900px}.dnd-role-card{flex:1;background:#080401b3;border:1px solid rgba(160,80,20,.25);border-radius:24px;padding:4rem 2rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:380px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.dnd-role-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.04) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.dnd-role-card:hover{transform:translateY(-8px) scale(1.02)}.dnd-role-card:hover:before{opacity:1}.dnd-mj-card:hover{border-color:#ffd060;box-shadow:0 20px 50px #00000080,0 0 40px #ffb40026}.dnd-mj-card .dnd-card-content h2{color:#ffd060;text-shadow:0 0 20px rgba(255,180,0,.35)}.dnd-joueur-card:hover{border-color:#ff6030;box-shadow:0 20px 50px #00000080,0 0 40px #c8461433}.dnd-joueur-card .dnd-card-content h2{color:#ff6030;text-shadow:0 0 20px rgba(220,60,0,.4)}.dnd-card-icon{font-size:5rem;filter:drop-shadow(0 0 15px rgba(200,100,20,.3));transition:transform .4s ease}.dnd-role-card:hover .dnd-card-icon{transform:scale(1.2) rotate(5deg)}.dnd-card-content{text-align:center}.dnd-card-content h2{font-size:2rem;font-weight:800;letter-spacing:1px;margin:0 0 .5rem;font-family:Cinzel,serif}.dnd-card-content p{font-size:1rem;color:#c8a06ea6;margin:0;font-family:Segoe UI,sans-serif;font-weight:500}@media (max-width: 700px){.dnd-title{font-size:2rem}.dnd-icon{font-size:3.5rem}.dnd-role-selection{flex-direction:column;align-items:center;width:90%}.dnd-role-card{min-height:240px;padding:2.5rem 1.5rem}}.dnd-mj-root{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 100%,rgba(120,30,0,.25) 0%,transparent 60%),#08020 0;background-color:#080200;display:flex;flex-direction:column;font-family:Cinzel,serif;overflow:hidden}.dnd-mj-header{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 2rem;background:#080200e6;border-bottom:1px solid rgba(160,60,10,.3);flex-shrink:0}.dnd-mj-session-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.dnd-mj-session-name{font-size:1.2rem;font-weight:700;color:#e8c060;letter-spacing:1px}.dnd-mj-code{font-size:.8rem;font-family:Segoe UI,sans-serif;color:#c89650b3}.dnd-mj-code strong{color:#f0a030;font-size:1rem;font-family:Courier New,monospace;letter-spacing:4px;background:#a03c0033;border:1px solid rgba(200,100,0,.3);padding:.1rem .5rem;border-radius:4px}.dnd-mj-player-count{font-size:.8rem;color:#b4823cb3;font-family:Segoe UI,sans-serif}.dnd-mj-content{flex:1;overflow-y:auto;padding:2rem}.dnd-mj-section-title{font-size:1rem;font-weight:600;color:#c89650b3;letter-spacing:2px;text-transform:uppercase;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(160,60,10,.2)}.dnd-mj-empty{text-align:center;padding:4rem 2rem;color:#b4824680;font-family:Segoe UI,sans-serif}.dnd-mj-empty strong{color:#f0a030;letter-spacing:3px;font-family:Courier New,monospace}.dnd-mj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.dnd-mj-player-card{background:#0c0401d9;border:1px solid rgba(160,60,10,.3);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .25s ease,box-shadow .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dnd-mj-player-card:hover{border-color:#c85a1480;box-shadow:0 8px 30px #0006,0 0 20px #a03c001a}.dnd-mj-player-header{display:flex;align-items:center;gap:.75rem}.dnd-mj-player-icon{font-size:2.2rem;filter:drop-shadow(0 0 8px rgba(200,100,20,.4))}.dnd-mj-player-identity h4{font-size:1.05rem;font-weight:700;color:#e8c060;margin:0 0 .15rem;letter-spacing:.5px}.dnd-mj-player-identity span{font-size:.75rem;color:#c89650a6;font-family:Segoe UI,sans-serif}.dnd-mj-player-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.dnd-mj-stat{display:flex;flex-direction:column;align-items:center;background:#14080299;border:1px solid rgba(140,50,10,.2);border-radius:8px;padding:.4rem .25rem}.dnd-mj-stat label{font-size:.6rem;color:#b4783299;text-transform:uppercase;letter-spacing:1px;margin-bottom:.2rem}.dnd-mj-stat span{font-size:.9rem;font-weight:700;color:#e6be64e6;font-family:Segoe UI,sans-serif}.dnd-mj-player-actions{display:flex;gap:.5rem}.dnd-mj-btn-open{flex:1;padding:.6rem 1rem;background:linear-gradient(135deg,#8c320899,#5a1e05cc);border:1px solid rgba(200,100,20,.5);border-radius:8px;color:#f0d070;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.dnd-mj-btn-open:hover{border-color:#e0a030;box-shadow:0 0 15px #c8640040;transform:translateY(-1px)}.dnd-mj-btn-delete{padding:.6rem .75rem;background:#0f060299;border:1px solid rgba(140,40,20,.35);border-radius:8px;color:#b45032b3;font-size:.85rem;cursor:pointer;transition:all .2s ease}.dnd-mj-btn-delete:hover{border-color:#c04030;color:#e05040}.dnd-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#0d0305;font-family:Segoe UI,sans-serif;color:#e6c896e6;overflow:hidden}.dnd-sheet-header{display:flex;align-items:center;gap:1.25rem;padding:.9rem 1.5rem;background:#080201f2;border-bottom:1px solid rgba(180,60,10,.35);flex-shrink:0;min-height:60px}.dnd-sheet-identity{flex:1;display:flex;flex-direction:column;gap:.15rem}.dnd-sheet-name{font-family:Cinzel,serif;font-size:1.15rem;font-weight:700;color:#e8c060;letter-spacing:.5px}.dnd-sheet-subtitle{font-size:.75rem;color:#c8965099;display:flex;align-items:center;gap:.5rem}.dnd-mj-badge{background:#b43c0a66;border:1px solid rgba(200,80,20,.5);color:#f0a040;font-size:.65rem;font-family:Cinzel,serif;padding:.1rem .4rem;border-radius:4px}.dnd-sheet-hp-badge{display:flex;align-items:baseline;gap:.25rem;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;color:#dcbe64e6}.dnd-hp-sep{color:#b4823c80;font-size:.85rem}.dnd-sheet-tabs{display:flex;gap:2px;padding:.5rem 1rem 0;background:#080201e6;border-bottom:1px solid rgba(160,50,8,.3);overflow-x:auto;flex-shrink:0}.dnd-sheet-tab{padding:.55rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#c896508c;font-family:Cinzel,serif;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;letter-spacing:.3px}.dnd-sheet-tab:hover{color:#dcaa5ad9;border-bottom-color:#b4460a66}.dnd-sheet-tab.active{color:#f0c050;border-bottom-color:#c85a00;background:#b43c081a}.dnd-sheet-body{flex:1;overflow-y:auto;padding:1.5rem 2rem}.dnd-tab-content{display:flex;flex-direction:column;gap:1.25rem;max-width:1000px}.dnd-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dnd-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dnd-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 700px){.dnd-grid-2,.dnd-grid-3,.dnd-grid-4{grid-template-columns:1fr}}.dnd-field{display:flex;flex-direction:column;gap:.3rem}.dnd-field-label{font-size:.68rem;font-family:Cinzel,serif;color:#b47832b3;text-transform:uppercase;letter-spacing:1px}.dnd-input{background:#0f0502cc;border:1px solid rgba(160,60,10,.3);border-radius:8px;color:#e6c88ce6;font-family:Segoe UI,sans-serif;font-size:.9rem;padding:.55rem .8rem;outline:none;width:100%;box-sizing:border-box;transition:border-color .2s ease}.dnd-input:focus{border-color:#c85a1499;box-shadow:0 0 0 2px #b43c001f}.dnd-input option{background:#120400}.dnd-textarea{background:#0f0502cc;border:1px solid rgba(160,60,10,.3);border-radius:8px;color:#e6c88ce6;font-family:Segoe UI,sans-serif;font-size:.87rem;padding:.7rem .9rem;outline:none;width:100%;box-sizing:border-box;resize:vertical;line-height:1.5;transition:border-color .2s ease}.dnd-textarea:focus{border-color:#c85a1499}.dnd-panel{background:#0c0401b3;border:1px solid rgba(150,55,8,.25);border-radius:12px;padding:1rem 1.25rem}.dnd-panel-title{font-family:Cinzel,serif;font-size:.75rem;font-weight:700;color:#c88232bf;text-transform:uppercase;letter-spacing:2px;margin:0 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid rgba(150,55,8,.2)}.dnd-carac-top{display:flex;gap:1.5rem;align-items:center}.dnd-box-small{display:flex;align-items:center;gap:.6rem;background:#0c0401b3;border:1px solid rgba(150,55,8,.25);border-radius:10px;padding:.65rem 1rem;cursor:pointer;font-size:.85rem;color:#c8a05acc;-webkit-user-select:none;user-select:none}.dnd-score-big{font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;color:#e8c060;min-width:2rem;text-align:center}.dnd-abilities-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}@media (max-width: 700px){.dnd-abilities-grid{grid-template-columns:repeat(3,1fr)}}.dnd-ability-block{background:#0c0401d9;border:1px solid rgba(160,60,10,.35);border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;gap:.2rem}.dnd-ability-name{font-size:.65rem;font-family:Cinzel,serif;color:#b47832a6;text-transform:uppercase;letter-spacing:.5px}.dnd-ability-score{width:52px;text-align:center;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;color:#f0d070;background:#140702cc;border:1px solid rgba(180,70,10,.4);border-radius:8px;padding:.2rem 0;outline:none}.dnd-ability-abbr{font-size:.7rem;font-family:Cinzel,serif;color:#c89646b3;letter-spacing:2px}.dnd-ability-mod{font-size:1rem;font-weight:700;font-family:Cinzel,serif;color:#c85a00;background:#a03c0026;border:1px solid rgba(180,70,0,.25);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.dnd-carac-columns{display:grid;grid-template-columns:1fr 1.8fr;gap:1rem}@media (max-width: 700px){.dnd-carac-columns{grid-template-columns:1fr}}.dnd-check-row{display:flex;align-items:center;gap:.5rem;padding:.2rem 0;cursor:pointer;-webkit-user-select:none;user-select:none}.dnd-check-row:hover .dnd-check-label{color:#f0c060}.dnd-check-box{width:14px;height:14px;border:1.5px solid rgba(180,80,20,.5);border-radius:3px;background:#0f0501cc;flex-shrink:0;transition:all .15s ease}.dnd-check-box.checked{background:#c85a00;border-color:#e07020;box-shadow:0 0 6px #c85a0080}.dnd-check-box.large{width:18px;height:18px;border-radius:4px}.dnd-check-box.small{width:11px;height:11px}.dnd-check-bonus{font-family:Cinzel,serif;font-size:.78rem;font-weight:700;color:#c85a00;min-width:2.2rem;text-align:right}.dnd-check-label{font-size:.8rem;color:#d2af6ecc;transition:color .15s}.dnd-passive-wisdom{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(150,55,8,.2);font-size:.78rem;color:#b48c46a6}.dnd-passive-value{font-family:Cinzel,serif;font-size:1rem;font-weight:700;color:#d4a017}.dnd-combat-top{display:flex;gap:1rem}.dnd-combat-stat{flex:1;background:#0c0401cc;border:1px solid rgba(160,60,10,.3);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.dnd-combat-stat label{font-family:Cinzel,serif;font-size:.65rem;color:#b47832a6;text-transform:uppercase;letter-spacing:1px}.dnd-score-input{width:70px;text-align:center;font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;color:#f0d070;background:#140702cc;border:1px solid rgba(180,70,10,.35);border-radius:8px;padding:.2rem 0;outline:none}.dnd-hp-block{background:#0c0401b3;border:1px solid rgba(150,55,8,.25);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.dnd-hp-row,.dnd-dice-row{display:flex;gap:1rem;align-items:flex-end}.dnd-hp-field{display:flex;flex-direction:column;gap:.3rem}.dnd-hp-field label{font-family:Cinzel,serif;font-size:.65rem;color:#b47832a6;text-transform:uppercase;letter-spacing:1px}.dnd-hp-field.large{flex:1}.dnd-hp-input{width:80px;text-align:center;font-family:Cinzel,serif;font-size:1.6rem;font-weight:700;color:#f0d070;background:#140702cc;border:1px solid rgba(180,70,10,.35);border-radius:8px;padding:.3rem 0;outline:none}.dnd-hp-input.large{width:100%;font-size:2.2rem}.dnd-death-saves{display:flex;flex-direction:column;gap:.5rem}.dnd-death-saves label{font-family:Cinzel,serif;font-size:.65rem;color:#b47832a6;text-transform:uppercase;letter-spacing:1px}.dnd-death-row{display:flex;align-items:center;gap:.4rem}.dnd-death-label{font-size:.7rem;min-width:4rem;color:#b48c4699}.dnd-death-label.success{color:#50b450b3}.dnd-death-label.failure{color:#b43c28b3}.dnd-death-box{width:16px;height:16px;border:1.5px solid rgba(160,70,20,.5);border-radius:50%;background:#0f0501cc;cursor:pointer;transition:all .15s ease}.dnd-death-box.success{background:#306030;border-color:#50a050;box-shadow:0 0 6px #32b43266}.dnd-death-box.failure{background:#602020;border-color:#a03020;box-shadow:0 0 6px #b4281466}.dnd-attacks-block{display:flex;flex-direction:column;gap:.5rem}.dnd-attacks-header{display:grid;grid-template-columns:2fr 1fr 2fr 30px;gap:.5rem;font-family:Cinzel,serif;font-size:.65rem;color:#b47832a6;text-transform:uppercase;letter-spacing:1px;padding:0 .25rem}.dnd-attack-row{display:grid;grid-template-columns:2fr 1fr 2fr 30px;gap:.5rem;align-items:center}.dnd-remove-btn{background:transparent;border:1px solid rgba(160,50,30,.4);border-radius:6px;color:#b44632b3;font-size:.75rem;cursor:pointer;padding:.4rem;transition:all .15s ease}.dnd-remove-btn:hover{border-color:#c04030;color:#e05040}.dnd-add-btn{align-self:flex-start;background:transparent;border:1px dashed rgba(160,70,10,.4);border-radius:8px;color:#b4783299;font-family:Cinzel,serif;font-size:.78rem;padding:.45rem .9rem;cursor:pointer;transition:all .2s ease;margin-top:.25rem}.dnd-add-btn:hover{border-color:#c8641499;color:#f0c060}.dnd-currency-grid{display:flex;gap:.75rem;margin-bottom:.5rem}.dnd-currency-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#0c0401cc;border:1px solid rgba(160,60,10,.25);border-radius:10px;padding:.75rem .5rem}.dnd-currency-input{width:100%;text-align:center;font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;color:var(--coin-color, #d4a017);background:transparent;border:none;outline:none;padding:0}.dnd-currency-cell label{font-family:Cinzel,serif;font-size:.65rem;color:var(--coin-color, rgba(180, 130, 50, .6));text-transform:uppercase;letter-spacing:2px;opacity:.75}.dnd-spells-section{display:flex;flex-direction:column;gap:.6rem}.dnd-spell-level-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dnd-spell-level-header .dnd-panel-title{margin:0;border:none;padding:0}.dnd-spell-slots{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#b4823ca6}.dnd-slot-input{width:42px;text-align:center;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;color:#d4a017;background:#0f0501cc;border:1px solid rgba(180,70,10,.3);border-radius:6px;padding:.2rem 0;outline:none}.dnd-slot-label{font-size:.72rem;color:#b4823c8c}.dnd-cantrips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.dnd-spells-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.dnd-spell-row{display:flex;align-items:center;gap:.5rem}.dnd-dead{color:#c03020!important}.dnd-critical{color:#e07020!important}.dnd5e-auth-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;overflow:hidden}.dnd5e-auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 100%,rgba(140,40,0,.3) 0%,transparent 60%),#080200;z-index:0}.dnd5e-auth-container{position:relative;z-index:10;width:100%;max-width:420px;padding:1rem}.dnd5e-back-btn{background:transparent;border:1px solid rgba(160,80,20,.4);color:#c89650cc;font-family:Cinzel,serif;font-size:.8rem;padding:.5rem 1rem;border-radius:8px;cursor:pointer;margin-bottom:1.5rem;transition:all .2s ease}.dnd5e-back-btn:hover{border-color:#dc7828b3;color:#f0c060}.dnd5e-login-card{background:#0a0401d9;border:1px solid rgba(160,60,10,.35);border-radius:16px;padding:2.5rem 2rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 40px #8c280026,inset 0 0 30px #641e000d}.dnd5e-login-card h2{font-size:1.6rem;font-weight:700;color:#e8c060;margin:0 0 .4rem;text-shadow:0 0 20px rgba(220,140,0,.4);letter-spacing:1px}.dnd5e-login-card>p{font-size:.8rem;color:#c8965aa6;margin:0 0 1.5rem;font-family:Segoe UI,sans-serif}.dnd5e-input{width:100%;background:#0f0602b3;border:1px solid rgba(160,70,15,.35);border-radius:8px;color:#e6c88ce6;font-family:Segoe UI,sans-serif;font-size:.9rem;padding:.75rem 1rem;margin-bottom:.85rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.dnd5e-input:focus{border-color:#c86414b3;box-shadow:0 0 0 2px #b4460026}.dnd5e-input option{background:#120500;color:#e0b060}.dnd5e-btn-group{display:flex;flex-direction:column;gap:.85rem}.dnd5e-btn-primary{width:100%;padding:.85rem 1.5rem;background:linear-gradient(135deg,#a03c0ab3,#642305d9);border:1px solid rgba(220,120,40,.55);border-radius:10px;color:#f0d080;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:all .25s ease;margin-top:.25rem}.dnd5e-btn-primary:hover{border-color:#e8a030;box-shadow:0 0 25px #c8640059;transform:translateY(-2px);color:#fff8d0}.dnd5e-btn-secondary{width:100%;padding:.85rem 1.5rem;background:#0f060299;border:1px solid rgba(160,70,15,.35);border-radius:10px;color:#c89650cc;font-family:Cinzel,serif;font-size:.9rem;cursor:pointer;letter-spacing:.5px;transition:all .25s ease}.dnd5e-btn-secondary:hover{border-color:#c8641499;color:#f0c060}.dnd5e-error{color:#e05030;font-size:.8rem;font-family:Segoe UI,sans-serif;margin:-.3rem 0 .6rem}:root{--bg-dark: #0f0c29;--bg-gradient: linear-gradient(to right, #24243e, #302b63, #0f0c29);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--primary: #f53844;--secondary: #42e695;--accent: #3bb2b8;--text: #ffffff;--text-muted: rgba(255, 255, 255, .6);--card-radius: 16px;--font-main: "Inter", system-ui, sans-serif}body{margin:0;font-family:var(--font-main);background:var(--bg-gradient);color:var(--text);min-height:100vh;overflow-x:hidden}button{cursor:pointer;border:none;font-family:inherit;transition:background .2s ease,transform .2s ease,border-color .2s ease}.app-container{max-width:1600px;margin:0 auto;padding:2rem 1rem;min-height:100vh;display:flex;flex-direction:column}.selection-screen{justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(76,29,149,.15) 0%,transparent 70%)}.title-glowing{font-size:3.5rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(to bottom right,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(165,180,252,.4);animation:glowPulse 3s infinite alternate}@keyframes glowPulse{0%{text-shadow:0 0 20px rgba(165,180,252,.2)}to{text-shadow:0 0 40px rgba(165,180,252,.6)}}.emoji-reset{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:initial;color:#fff;display:inline-block;text-shadow:none}.status-text{color:var(--text-muted);margin-bottom:4rem;padding:.5rem 1rem;background:#0003;border-radius:20px;display:inline-block;font-size:.9rem;border:1px solid rgba(255,255,255,.05)}.role-selection{display:flex;justify-content:center;gap:2rem;width:95%;max-width:1200px;margin-top:2rem}.role-card{flex:1;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:4rem 2rem;text-align:center;color:#fff;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;position:relative;overflow:hidden;min-height:400px}.role-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.role-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0006;border-color:#fff3}.role-card:hover:before{opacity:1}.card-icon{font-size:5rem;margin-bottom:.5rem;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));transition:transform .4s ease}.role-card:hover .card-icon{transform:scale(1.2) rotate(5deg)}.card-content h2{font-size:2.2rem;margin:0 0 .5rem;font-weight:800;letter-spacing:-.5px}.card-content p{color:var(--text-muted);font-size:1rem;margin:0;font-weight:500}.mj-card{background:linear-gradient(145deg,#ffd7000d,#0003)}.mj-card:hover{border-color:gold;box-shadow:0 20px 50px #ffd70026}.mj-card .card-content h2{color:gold;text-shadow:0 0 20px rgba(255,215,0,.3)}.player-card{background:linear-gradient(145deg,#42e6950d,#0003)}.player-card:hover{border-color:#42e695;box-shadow:0 20px 50px #42e69526}.player-card .card-content h2{color:#42e695;text-shadow:0 0 20px rgba(66,230,149,.3)}.wiki-card{background:linear-gradient(145deg,#a78bfa0d,#0003)}.wiki-card:hover{border-color:#a78bfa;box-shadow:0 20px 50px #a78bfa26}.wiki-card .card-content h2{color:#a78bfa;text-shadow:0 0 20px rgba(167,139,250,.3)}@media (max-width: 768px){.role-selection{flex-direction:column;gap:1.5rem}}.dashboard-container{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.animate-enter{opacity:0;animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}.delay-200{animation-delay:.2s}.delay-400{animation-delay:.4s}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.card{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--card-radius);padding:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem}.level-badge{background:var(--accent);color:#000;padding:.25rem .5rem;border-radius:4px;font-weight:700;font-size:.8rem}.stats-container{display:flex;flex-direction:column;gap:1.5rem}.vitals-section{display:flex;flex-direction:column;gap:.5rem}.vital-row{display:flex;align-items:center;justify-content:space-between;background:#0003;padding:.5rem 1rem;border-radius:8px;gap:1rem}.vital-main{display:flex;align-items:center;gap:1rem;flex:1}.stat-label-large{font-weight:700;width:50px;color:var(--secondary);font-size:.9rem}.counter-control{display:flex;align-items:center;gap:.25rem}.counter-control button{width:28px;height:28px;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid transparent}.counter-control button:hover{background:#fff;color:#000;border-color:#fff}.vital-input{width:50px;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.1);color:#fff;text-align:center;font-size:1.1rem;font-weight:700;padding:0 .25rem;border-radius:0}.vital-input:focus{border-bottom-color:var(--secondary);outline:none;background:#ffffff0d}.vital-max{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#0003;padding:.5rem;border-radius:6px}.vital-max label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.small-control button{width:20px;height:20px;font-size:.8rem}.small-control .vital-input{width:40px;font-size:.9rem;height:20px}.attributes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.attribute-item{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;padding:.75rem .5rem;border-radius:8px;border:1px solid transparent;transition:border-color .2s}.attribute-item:focus-within{border-color:var(--accent);background:#ffffff1a}.attribute-item label{font-size:.7rem;color:var(--text-muted);margin-bottom:.25rem;font-weight:700;letter-spacing:1px}.attribute-item input{width:100%;padding:0;text-align:center;font-size:1.2rem;background:transparent;border:none;border-radius:0;font-weight:700;color:#fff!important}.attribute-item input:focus{outline:none;box-shadow:none;color:var(--accent)!important}.player-view h1{font-size:4rem;margin:0;text-transform:uppercase;letter-spacing:2px}.stat-bar-container{margin-bottom:2rem}.bar-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.bar-track{height:30px;background:#00000080;border-radius:15px;overflow:hidden;border:1px solid var(--glass-border)}.bar-fill{height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.hp-fill{background:linear-gradient(90deg,#ff416c,#ff4b2b);box-shadow:0 0 20px #ff4b2b80}.mana-fill{background:linear-gradient(90deg,#00b4db,#0083b0);box-shadow:0 0 20px #0083b080}.endurance-fill{background:linear-gradient(90deg,#42e695,#3bb2b8);box-shadow:0 0 20px #42e69580}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.detail-card{background:var(--glass-bg);padding:1.5rem;border-radius:var(--card-radius);text-align:center;border:1px solid var(--glass-border)}.detail-card .label{display:block;font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.detail-card .value{font-size:2rem;font-weight:700}.btn-primary{background:var(--accent);color:#000;padding:1rem 2rem;border-radius:8px;font-weight:700;text-transform:uppercase;margin:.5rem}.btn-small{background:transparent;border:1px solid var(--text-muted);color:var(--text-muted);padding:.5rem 1rem;border-radius:4px}.back-btn{background:#ffffff0d;color:var(--text-muted);font-size:.9rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.back-btn:hover{background:#ffffff26;color:#fff;border-color:#fff6;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-mj-header{background:#ffffff14;color:var(--text-muted);font-size:.85rem;padding:.4rem .8rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;text-transform:uppercase;font-weight:600;letter-spacing:.5px;white-space:nowrap}.btn-mj-header:hover{background:#fff3;color:#fff;border-color:#fff6;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.btn-mj-header:active,.back-btn:active{transform:translateY(0)}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--card-radius);padding:3rem;width:100%;max-width:400px;text-align:center}.login-card h2{margin-top:0;margin-bottom:2rem}.login-card input{width:100%;padding:1rem;margin-bottom:1rem;background:#0006;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:1rem;box-sizing:border-box}.login-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 10px #3bb2b84d}.error-text{color:var(--primary);margin-top:1rem;font-weight:700}.absolute-top-left{position:absolute;top:2rem;left:2rem}.divider{margin:1.5rem 0;position:relative;width:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--glass-border);margin:0 1rem}.btn-secondary{background:#42e6951a;border:1px solid var(--secondary);color:var(--secondary);padding:1rem 2rem;border-radius:8px;font-weight:700;text-transform:uppercase;width:100%;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.btn-secondary:hover{background:var(--secondary);color:#0f0c29;box-shadow:0 0 20px #42e69566;transform:translateY(-2px)}.online-border{border:1px solid var(--secondary);box-shadow:0 0 15px #42e69533}.status-dot{width:10px;height:10px;background-color:var(--secondary);border-radius:50%;margin-right:.5rem;box-shadow:0 0 10px var(--secondary);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #42e695b3}70%{transform:scale(1);box-shadow:0 0 0 10px #42e69500}to{transform:scale(.95);box-shadow:0 0 #42e69500}}.interactive-track{position:relative}.overlay-slider{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.vital-input{padding:0!important;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.vital-input::-webkit-outer-spin-button,.vital-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.attr-force{border-color:#ff505080;background:linear-gradient(135deg,#ff000026,#0000)!important;box-shadow:0 0 15px #ff00001a}.attr-dexterite{border-color:#b450ff80;background:linear-gradient(135deg,#9600ff26,#0000)!important;box-shadow:0 0 15px #9600ff1a}.attr-constitution{border-color:#cd853f80;background:linear-gradient(135deg,#8b451326,#0000)!important;box-shadow:0 0 15px #8b45131a}.attr-intelligence{border-color:#00ffff80;background:linear-gradient(135deg,#00ffff26,#0000)!important;box-shadow:0 0 15px #00ffff1a}.attr-sagesse{border-color:#3c78ff80;background:linear-gradient(135deg,#0050ff26,#0000)!important;box-shadow:0 0 15px #0050ff1a}.attr-charisme{border-color:#50ff7880;background:linear-gradient(135deg,#00ff5026,#0000)!important;box-shadow:0 0 15px #00ff001a}.attribute-column{display:flex;flex-direction:column;align-items:center;position:relative}.connector-line{width:2px;height:20px;background:#fff3;margin-bottom:.5rem}.sub-attributes-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.detail-card{width:100%;box-sizing:border-box;padding:1rem;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--glass-bg);border-radius:var(--card-radius);border:1px solid var(--glass-border);text-align:center;margin-bottom:0}.sub-attribute-card{width:100%;box-sizing:border-box;padding:.5rem;min-height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-align:center;font-size:.9rem}.sub-label{color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.6rem;margin-bottom:.1rem}.sub-value{font-weight:700;font-size:.9rem;color:#fff}.sub-force{border-color:#ff50504d}.conn-force{background:#ff50504d}.sub-dexterite{border-color:#b450ff4d}.conn-dexterite{background:#b450ff4d}.sub-constitution{border-color:#cd853f4d}.conn-constitution{background:#cd853f4d}.sub-intelligence{border-color:#00ffff4d}.conn-intelligence{background:#00ffff4d}.sub-sagesse{border-color:#3c78ff4d}.conn-sagesse{background:#3c78ff4d}.sub-charisme{border-color:#50ff784d}.conn-charisme{background:#50ff784d}.currency-container{display:flex;gap:1rem;margin-bottom:1.5rem;width:100%}.currency-card{flex:1;display:flex;align-items:center;justify-content:space-between;background:var(--glass-bg);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--glass-border);position:relative;overflow:hidden}.coin-label{font-weight:900;font-size:1.2rem;margin-right:1rem}.coin-input{background:transparent;border:none;color:#fff;font-size:1.5rem;font-weight:700;text-align:right;width:100%;padding:0}.coin-input:focus{outline:none}.currency-card.gold{border-color:#ffd70066;background:linear-gradient(135deg,#ffd7001a,#0000)}.currency-card.gold .coin-label{color:gold}.currency-card.silver{border-color:#c0c0c066;background:linear-gradient(135deg,#c0c0c01a,#0000)}.currency-card.silver .coin-label{color:silver}.currency-card.copper{border-color:#cd7f3266;background:linear-gradient(135deg,#cd7f321a,#0000)}.currency-card.copper .coin-label{color:#cd7f32}.combat-stats-container{display:flex;gap:1rem;margin-top:1rem;margin-bottom:2rem;width:100%}.combat-card{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--glass-bg);padding:1rem;border-radius:var(--card-radius);border:1px solid var(--glass-border);text-align:center;min-height:100px}.combat-label{display:block;font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:.5rem}.combat-input{background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;font-weight:700;text-align:center;width:80px;padding:.25rem}.combat-input:focus{outline:none;border-bottom-color:var(--accent)}.combat-select{background:#0000004d;border:1px solid var(--glass-border);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:1rem;width:100%;text-align:center;text-transform:capitalize}.combat-select option{background:var(--bg-dark);color:#fff}.ca-card:focus-within{border-color:var(--secondary)}.posture-card:focus-within{border-color:var(--accent)}.defense-card:focus-within{border-color:var(--primary)}.identity-row{display:flex;align-items:flex-end;gap:1.5rem;margin-top:.5rem}.identity-group{display:flex;flex-direction:column;align-items:center;gap:.25rem}.identity-label{font-size:.7rem;font-weight:700;letter-spacing:1px;color:var(--text-muted)}.identity-input{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:20px;padding:.5rem 1rem;color:#fff;font-size:1rem;width:150px;text-align:center;transition:all .3s ease;font-style:normal;font-weight:500}.identity-input:focus{background:#fff3;border-color:var(--accent);width:180px;outline:none;box-shadow:0 0 15px #ffffff1a}.identity-input::placeholder{color:#fff6}.inventory-container{background:#0003;border-radius:var(--card-radius);padding:1.5rem;border:1px solid var(--glass-border)}.add-item-form{display:flex;gap:1rem;margin-bottom:2rem}.inventory-input{flex:1;padding:.75rem 1rem;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-family:inherit}.inventory-input:focus{outline:none;border-color:var(--secondary)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.item-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;transition:background .2s ease,transform .2s ease,border-color .2s ease}.item-card:hover{background:#ffffff1a;transform:translateY(-2px)}.item-name{font-weight:700;font-size:1.1rem;margin-bottom:.25rem;color:var(--secondary)}.item-desc{font-size:.9rem;color:var(--text-muted);line-height:1.4}.btn-delete-item{background:transparent;color:var(--text-muted);font-size:1.5rem;line-height:1;padding:0 .5rem;margin-left:.5rem;opacity:.5}.btn-delete-item:hover{color:var(--primary);opacity:1}.empty-inventory{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:2rem;font-style:italic}.lists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:1rem}.glass-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius);padding:1.5rem;display:flex;flex-direction:column;transition:all .3s ease}.glass-section:hover{background:#ffffff14;border-color:#fff3}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.section-header h3{margin:0;font-size:1.2rem;color:var(--secondary);text-transform:uppercase;letter-spacing:1px}.btn-icon{width:30px;height:30px;border-radius:50%;background:#ffffff1a;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s}.btn-icon:hover,.btn-icon.active{background:var(--secondary);color:#000;transform:rotate(90deg)}.add-item-form-glass{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;background:#0003;padding:1rem;border-radius:8px}.glass-input{background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.1);padding:8px 4px;color:#fff;font-family:inherit;font-size:1rem;box-sizing:border-box;height:42px;transition:all .2s;width:100%}select.glass-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:32px}.glass-input:focus{outline:none;border-bottom-color:var(--secondary);background:#ffffff05}.btn-glass-action{background:var(--secondary);color:#0f0c29;padding:.5rem;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;margin-top:.5rem}.glass-cards-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.glass-cards-list::-webkit-scrollbar{width:4px}.glass-cards-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.glass-card-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:8px;background:#ffffff08;border:1px solid transparent;transition:all .2s}.glass-card-item:hover{background:#ffffff14;border-color:#42e6954d;transform:translate(5px)}.item-content{flex:1}.item-name{font-weight:600;color:#fff;font-size:.95rem}.item-desc{font-size:.8rem;color:var(--text-muted);margin-top:2px}.btn-delete-glass{background:transparent;color:var(--text-muted);font-size:1.2rem;opacity:0;transition:opacity .2s}.glass-card-item:hover .btn-delete-glass{opacity:1}.btn-delete-glass:hover{color:var(--primary)}.empty-state{text-align:center;color:var(--text-muted);font-style:italic;font-size:.8rem;padding:1rem}.animated-fade-in{animation:fadeIn .3s ease}.animated-scale-in{animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mj-players-container{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:2rem;padding-bottom:1rem;width:100%;height:calc(100vh - 150px);scrollbar-width:thin;scrollbar-color:var(--secondary) transparent;align-items:stretch}.mj-players-container::-webkit-scrollbar{height:10px}.mj-players-container::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.mj-players-container::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:4px;border:2px solid rgba(0,0,0,.2)}.player-card-mj{min-width:450px;max-width:450px;flex-shrink:0;height:100%;max-height:none;overflow-y:auto;scrollbar-width:thin;padding-bottom:2rem}.player-card-mj .stats-container{padding-bottom:4rem}.player-card-mj .glass-cards-list{max-height:150px}.combat-select option{background:#0f0c29;color:#fff}.principal-tab-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:2rem;background:var(--glass-bg);padding:2rem;border-radius:var(--card-radius);border:1px solid var(--glass-border);position:relative}.principal-column{flex:1;display:flex;flex-direction:column;gap:1.5rem}.principal-center{width:2px;align-self:stretch;background:linear-gradient(to bottom,transparent,var(--glass-border),transparent)}.identity-group-new{display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem}.identity-group-new:last-child{border-bottom:none}.identity-label-new{font-family:var(--font-main);font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.identity-input-new{background:#0003;border:1px solid var(--glass-border);border-radius:8px;font-size:1.1rem;color:#fff;font-family:var(--font-main);padding:.75rem 1rem;width:100%;box-sizing:border-box;transition:all .3s ease}.identity-input-new:focus{outline:none;background:#0006;border-color:var(--accent);box-shadow:0 0 15px #3bb2b833}.identity-value-display{font-size:1.5rem;font-weight:700;color:var(--text);padding:.5rem 0}.tab-nav{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border)}.tab-btn{background:transparent;color:var(--text-muted);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#ffffff0d;color:#fff}.tab-btn.active{background:var(--glass-bg);color:var(--accent);border:1px solid var(--glass-border);box-shadow:0 4px 15px #0003}.tab-pane{animation:fadeIn .4s cubic-bezier(.25,.46,.45,.94)}.characteristics-layout{display:flex;gap:2rem;margin-top:2rem}.chars-table-container{flex:2;background:#d4c5a9;border:4px solid #3e2723;padding:0;color:#3e2723;font-family:serif}.chars-header{text-align:center;font-weight:700;font-size:1.2rem;padding:.5rem;background:#d4c5a9;border-bottom:2px solid #3e2723}.chars-grid{display:flex;flex-direction:column}.chars-row{display:grid;grid-template-columns:80px repeat(7,1fr) 4px repeat(7,1fr);border-bottom:2px solid #3e2723}.chars-row.header-row{grid-template-columns:80px 7fr 4px 7fr}.chars-row:last-child{border-bottom:none}.cell-header{padding:.5rem;font-weight:700;text-align:center;border-right:2px solid #3e2723}.group-title{background:#8d6e63;color:#fff}.group-values{background:#a1887f}.cell-label{font-weight:700;padding:.5rem;border-right:2px solid #3e2723;background:#d4c5a9;display:flex;align-items:center;justify-content:center}.cell-col-header{text-align:center;font-weight:700;border-right:1px solid #3e2723;padding:.25rem 0;background:#e0d5b7}.cell-input{width:100%;border:none;background:transparent;text-align:center;font-size:1.1rem;font-weight:700;padding:.5rem 0;border-right:1px solid #3e2723;color:#3e2723}.cell-input:focus{outline:none;background:#ffffff4d}.secondary-stats-panel{flex:1;background:#d4c5a9;border:4px solid #3e2723;padding:1rem;display:flex;flex-direction:column;gap:.5rem;color:#3e2723}.sec-stat-row{display:flex;justify-content:space-between;align-items:center;border:2px solid #3e2723;padding:.5rem;background:#e0d5b7}.sec-stat-label{font-weight:700;font-family:serif;font-size:1.1rem}.sec-stat-input-group{display:flex;align-items:center;gap:.5rem}.sec-stat-input{width:60px;background:transparent;border:none;border-bottom:2px solid #3e2723;text-align:center;font-size:1.2rem;font-weight:700;color:#3e2723}.sec-stat-input-single{width:100px;background:transparent;border:none;border-bottom:2px solid #3e2723;text-align:center;font-size:1.2rem;font-weight:700;color:#3e2723}.split-row{border:none;background:transparent;padding:0;gap:1rem}.half-row{flex:1;display:flex;justify-content:space-between;align-items:center;border:2px solid #3e2723;padding:.5rem;background:#e0d5b7}.separator{font-weight:700;font-size:1.2rem}.characteristics-layout-glass{display:flex;align-items:stretch;gap:2rem;margin-top:2rem}.chars-split-container{flex:2;display:flex;flex-direction:column;gap:2rem}.chars-section{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.section-bonus{background:#ffffff1a;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;color:var(--accent);font-weight:700}.chars-glass-grid{display:flex;flex-direction:column;gap:.5rem}.glass-row{display:grid;grid-template-columns:80px repeat(7,1fr);align-items:center;gap:.5rem}.glass-row.header{margin-bottom:.5rem}.cell-label-glass{font-weight:700;text-transform:uppercase;color:var(--text-muted);font-size:.8rem;letter-spacing:1px}.cell-header-glass{text-align:center;font-weight:700;color:var(--secondary);font-size:.9rem}.cell-input-glass{width:100%;background:#0003;border:1px solid var(--glass-border);border-radius:4px;padding:.5rem 0;color:#fff;text-align:center;font-weight:700;font-size:1rem;transition:all .2s}.cell-input-glass:focus{outline:none;border-color:var(--accent);background:#0006}.secondary-stats-panel-glass{flex:1;display:flex;flex-direction:column;gap:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius);padding:1.5rem}.glass-stat-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:.75rem 1rem;border-radius:8px;border:1px solid transparent}.glass-stat-row:hover{background:#ffffff0d;border-color:#ffffff1a}.glass-stat-label{font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.glass-input-group{display:flex;align-items:center;gap:.5rem}.glass-stat-input{width:60px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;text-align:center;font-size:1.1rem;font-weight:700}.glass-stat-input-single{width:80px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;text-align:center;font-size:1.1rem;font-weight:700}.glass-stat-input:focus,.glass-stat-input-single:focus{outline:none;border-bottom-color:var(--secondary)}.glass-separator{color:var(--text-muted)}.glass-stat-row.split{background:transparent;padding:0;gap:1rem;border:none}.health-bar-container{width:100%;height:12px;background:#0006;border-radius:6px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-top:.5rem}.health-bar-fill{height:100%;background:linear-gradient(to right,#4cd964,#2ecc71);transition:width .4s cubic-bezier(.175,.885,.32,1.275);border-radius:4px}.mental-bar-fill{height:100%;background:linear-gradient(to right,#00d2ff,#3a7bd5);transition:width .4s cubic-bezier(.175,.885,.32,1.275);border-radius:4px}.endurance-bar-fill{height:100%;background:linear-gradient(to right,#a29bfe,#6c5ce7);transition:width .4s cubic-bezier(.175,.885,.32,1.275);border-radius:4px}.health-bar-marker{position:absolute;top:0;width:2px;height:100%;background:#fff6;z-index:2}.health-control-btn{width:28px;height:28px;border-radius:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;transition:all .2s}.health-control-btn:hover{background:#fff3;border-color:var(--secondary)}.health-control-btn:active{transform:scale(.9)}.glass-half{flex:1;display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:.75rem 1rem;border-radius:8px;border:1px solid transparent}.section-bonus-input{background:#ffffff1a;border:1px solid var(--glass-border);padding:.25rem .5rem;border-radius:4px;font-size:.9rem;color:var(--accent);font-weight:700;width:120px;text-align:center}.section-bonus-input:focus{outline:none;border-color:var(--accent);background:#fff3}.glass-stat-value-display{color:#fff;font-weight:700;font-size:1rem;padding:0 .5rem;min-width:80px;text-align:center}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .15s ease-out}.modal-glass{background:#141419f2;border:1px solid var(--glass-border);border-radius:var(--card-radius);padding:2rem;width:90%;max-width:500px;text-align:center;box-shadow:0 5px 20px #0009;animation:scaleIn .15s ease-out;transform:translateZ(0);will-change:transform,opacity}.race-list{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.btn-glass-choice{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;padding:1rem;border-radius:8px;font-size:1.2rem;font-weight:700;transition:background .2s ease,transform .2s ease,border-color .2s ease}.btn-glass-choice:hover{background:#ffffff26;border-color:var(--accent);transform:translate(5px)}.race-select-btn{background:transparent;border:none;color:var(--accent);font-weight:700;cursor:pointer;text-align:left;padding:0;font-size:1rem}.race-select-btn:hover{text-decoration:underline;color:#fff}.read-only{opacity:.7;cursor:not-allowed;color:var(--text-muted)!important}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes particleSpread{0%{background-position:50% 50%;opacity:0}50%{opacity:1}to{background-position:0% 50%,100% 50%;opacity:.25}}.skill-mastery-active{position:relative}.skill-mastery-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--secondary) 80%,transparent) 0%,transparent 70%),radial-gradient(circle at 30% 50%,color-mix(in srgb,var(--secondary) 60%,transparent) 0%,transparent 50%),radial-gradient(circle at 70% 50%,color-mix(in srgb,var(--secondary) 60%,transparent) 0%,transparent 50%);background-size:0% 100%,0% 100%,0% 100%;background-position:50% 50%,30% 50%,70% 50%;background-repeat:no-repeat;animation:particleSpread 2s ease-out forwards;pointer-events:none;z-index:0}.skill-mastery-active>*{position:relative;z-index:1}.btn-action-container{display:flex;gap:.5rem;justify-content:flex-end}.btn-action{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1rem;color:var(--text-muted)}.btn-action:hover{transform:translateY(-2px);color:#fff}.btn-action.edit:hover{background:#3c78ff33;border-color:#3c78ff80;box-shadow:0 0 10px #3c78ff33}.btn-action.delete:hover{background:#ff505033;border-color:#ff505080;box-shadow:0 0 10px #ff505033;color:#ff5050}.btn-icon-small{width:24px;height:24px;border-radius:4px;background:#ffffff1a;border:none;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon-small:hover{background:#fff3;color:#fff}.death-saves-container{display:flex;flex-direction:column;gap:.25rem;background:#0006;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);min-width:140px}.death-save-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.death-save-label{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.death-save-dots{display:flex;gap:.4rem}.death-save-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.death-save-dot.success{border-color:#42e6954d}.death-save-dot.success.active{background:var(--secondary);border-color:var(--secondary);box-shadow:0 0 10px var(--secondary)}.death-save-dot.failure{border-color:#f538444d}.death-save-dot.failure.active{background:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary)}.death-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#280000f2,#000000fa);z-index:10001;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:not-allowed;animation:deathOverlayFade 1.5s ease-out forwards}@keyframes deathOverlayFade{0%{opacity:0}to{opacity:1}}.you-died-text{font-family:Crimson Text,serif;font-size:8rem;color:#830000;text-transform:uppercase;letter-spacing:.5rem;font-weight:700;text-shadow:0 0 30px rgba(255,0,0,.4);opacity:0;transform:scale(1.2);animation:youDiedAnim 4s cubic-bezier(.1,0,.1,1) forwards 1s;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes youDiedAnim{0%{opacity:0;transform:scale(1.2);letter-spacing:1.5rem}20%{opacity:1;transform:scale(1);letter-spacing:.5rem}80%{opacity:1;transform:scale(1);letter-spacing:.5rem}to{opacity:1;transform:scale(1.05);letter-spacing:.8rem}}.death-subtitle{color:#ffffff80;font-size:1.2rem;margin-top:2rem;text-transform:uppercase;letter-spacing:.3rem;opacity:0;animation:fadeIn 2s ease-out forwards 3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.death-saves-container{display:flex;flex-direction:column;gap:.5rem}.death-save-row{display:flex;align-items:center;gap:.75rem}.death-save-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);min-width:65px}.death-save-dots{display:flex;gap:8px}.death-save-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#0006;transition:all .3s ease;cursor:pointer}.death-save-dot.success.active{background:#4caf50;border-color:#4caf50;box-shadow:0 0 10px #4caf5099}.death-save-dot.failure.active{background:#f44336;border-color:#f44336;box-shadow:0 0 10px #f4433699}.coma-overlay{background:radial-gradient(circle,#0f0f14fa,#000)!important;-webkit-backdrop-filter:blur(12px) grayscale(1);backdrop-filter:blur(12px) grayscale(1);cursor:default!important}.coma-overlay .you-died-text{animation:comaPulse 4s infinite alternate ease-in-out!important}@keyframes comaPulseText{0%{opacity:.5;transform:scale(1);text-shadow:0 0 10px rgba(255,255,255,.1)}to{opacity:.8;transform:scale(1.02);text-shadow:0 0 30px rgba(255,255,255,.3)}}.coma-shake-light{animation:lightShake .4s infinite ease-in-out!important}@keyframes lightShake{0%{transform:translate(0)}25%{transform:translate(1px,1px)}50%{transform:translate(-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(0)}}.coma-shake{animation:intenseShake .1s infinite!important}@keyframes intenseShake{0%{transform:translate(2px,2px)}25%{transform:translate(-2px,-1px)}50%{transform:translate(-3px,2px)}75%{transform:translate(2px,1px)}to{transform:translate(1px,-2px)}}.coma-overlay{background:#000!important;background-image:radial-gradient(circle at center,#1e000099,#000 85%)!important;-webkit-backdrop-filter:blur(20px) grayscale(1);backdrop-filter:blur(20px) grayscale(1);cursor:default!important}.coma-overlay .you-died-text{animation:comaPulseText 4s infinite alternate ease-in-out!important}.resurrection-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#ffffff1a,#0a140ae6);z-index:10002;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:deathOverlayFade 1.5s ease-out forwards}.resurrection-text{font-family:Crimson Text,serif;font-size:6rem;color:gold;text-transform:uppercase;letter-spacing:.8rem;font-weight:700;text-shadow:0 0 30px rgba(255,215,0,.6),0 0 60px rgba(255,255,255,.4);animation:youDiedAnim 5s cubic-bezier(.1,0,.1,1) forwards}.resurrection-subtitle{color:#fff;font-size:1.5rem;margin-top:1rem;text-transform:uppercase;letter-spacing:.5rem;font-weight:300;text-shadow:0 0 10px rgba(255,255,255,.5);animation:fadeIn 2s ease-out forwards 2s}.landing-root{position:relative;min-height:100vh;overflow-x:hidden;font-family:IM Fell English,Georgia,serif;color:#f0e6d3}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 20%;background-repeat:no-repeat;z-index:0;transition:transform .5s ease;will-change:transform}.landing-bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#060402bf,#0f08038c 40%,#0a0502b3,#050301e6)}.landing-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.landing-particle{position:absolute;bottom:-10px;background:#ffb43299;border-radius:50%;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:.6}to{transform:translateY(-110vh) scale(.3);opacity:0}}.landing-embers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.landing-ember{position:absolute;bottom:0;width:6px;height:6px;background:radial-gradient(circle,#ffcc66 0%,#ff6600 60%,transparent 100%);border-radius:50%;animation:emberRise ease-in infinite;filter:blur(.5px)}@keyframes emberRise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}15%{opacity:.9}50%{transform:translateY(-45vh) translate(30px) scale(.7);opacity:.6}to{transform:translateY(-90vh) translate(-20px) scale(.2);opacity:0}}.landing-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 3rem;gap:2rem;flex-wrap:wrap;background:#06030100;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent;transition:all .4s ease}.landing-header.scrolled{background:#0a0602eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom-color:#b478284d;box-shadow:0 4px 30px #00000080}.landing-header-logo{display:flex;align-items:center;gap:.8rem;text-decoration:none;flex-shrink:0}.landing-logo-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,150,50,.6));animation:logoBob 3s ease-in-out infinite}@keyframes logoBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.landing-logo-text{display:flex;flex-direction:column;line-height:1.2}.landing-logo-title{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;color:#f5c842;text-shadow:0 0 15px rgba(245,200,66,.4);letter-spacing:.5px}.landing-logo-sub{font-size:.7rem;color:#f0d28c99;letter-spacing:2px;font-family:Cinzel,serif;text-transform:uppercase}.landing-nav{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.landing-nav-btn{background:transparent;color:#f0dcaabf;border:1px solid transparent;padding:.55rem 1.1rem;border-radius:6px;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.landing-nav-btn:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:linear-gradient(90deg,transparent,#f5c842,transparent);transition:transform .3s ease}.landing-nav-btn:hover{color:#f5e4a0;background:#b4781e1f;border-color:#b4781e40}.landing-nav-btn:hover:before{transform:translate(-50%) scaleX(1)}.landing-nav-btn.active{color:#f5c842;background:#b4781e33;border-color:#f5c84259;text-shadow:0 0 10px rgba(245,200,66,.4)}.landing-nav-btn.active:before{transform:translate(-50%) scaleX(1)}.landing-hero{position:relative;z-index:10;min-height:65vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem 2rem}.landing-hero-content{display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-width:800px}.landing-hero-ornament{font-size:1.2rem;color:#f5c84299;letter-spacing:1rem}.landing-hero-title{font-family:Cinzel Decorative,serif;font-size:clamp(2rem,6vw,4.2rem);font-weight:700;line-height:1.2;margin:0;color:#f0e6d3;text-shadow:0 0 40px rgba(0,0,0,.8),0 4px 20px rgba(0,0,0,.6)}.landing-hero-highlight{display:block;background:linear-gradient(135deg,#f5c842,#f93,#f5c842);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(245,153,51,.5));animation:shimmerTitle 3s ease-in-out infinite alternate}@keyframes shimmerTitle{0%{filter:drop-shadow(0 0 15px rgba(245,153,51,.4))}to{filter:drop-shadow(0 0 35px rgba(245,200,66,.8))}}.landing-hero-subtitle{font-family:IM Fell English,serif;font-style:italic;font-size:1.2rem;color:#f0dcaacc;text-shadow:0 2px 10px rgba(0,0,0,.8);margin:0}.landing-btn-hero{margin-top:1rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#b4641466,#783c0a99);border:1px solid rgba(245,200,66,.5);color:#f5e4a0;font-family:Cinzel,serif;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;letter-spacing:1px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 0 10px rgba(245,200,66,.3);position:relative;overflow:hidden}.landing-btn-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(245,200,66,.1),transparent);opacity:0;transition:opacity .3s}.landing-btn-hero:hover{border-color:#f5c842cc;box-shadow:0 0 30px #f5993366,inset 0 0 20px #f5c8421a;transform:translateY(-3px);color:#fff8d0}.landing-btn-hero:hover:before{opacity:1}.landing-btn-hero:active{transform:translateY(0)}.landing-main{position:relative;z-index:10;padding:0 2rem 4rem;max-width:1100px;margin:0 auto}.landing-tab-content{padding-top:2rem}.landing-section{text-align:center;margin-bottom:2rem}.landing-flame-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;filter:drop-shadow(0 0 15px rgba(255,150,50,.7));animation:flameGlow 2.5s ease-in-out infinite alternate}@keyframes flameGlow{0%{filter:drop-shadow(0 0 10px rgba(255,120,30,.5));transform:scale(1)}to{filter:drop-shadow(0 0 25px rgba(255,200,60,.9));transform:scale(1.08)}}.landing-section-title{font-family:Cinzel,serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;color:#f5c842;text-shadow:0 0 20px rgba(245,200,66,.4);margin:0 0 1rem;letter-spacing:1px}.landing-section-text{max-width:700px;margin:0 auto 1rem;font-size:1.05rem;line-height:1.8;color:#f0dcafe6}.landing-divider{text-align:center;margin:2rem 0;position:relative;color:#f5c84280;font-size:1.1rem;letter-spacing:.5rem}.landing-divider:before,.landing-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:linear-gradient(90deg,transparent,rgba(245,200,66,.3),transparent)}.landing-divider:before{left:0}.landing-divider:after{right:0}.landing-welcome-hero{text-align:center;padding:1rem 0 2rem}.landing-cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.landing-btn-primary{padding:.9rem 2.2rem;background:linear-gradient(135deg,#b4641480,#643205b3);border:1px solid rgba(245,200,66,.5);color:#f5e4a0;font-family:Cinzel,serif;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;letter-spacing:.5px;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-btn-primary:hover{border-color:#f5c842;box-shadow:0 0 25px #f5993359;transform:translateY(-2px);color:#fff8d0}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-top:3rem}.landing-feature-card{background:#140c04b3;border:1px solid rgba(180,120,40,.25);border-radius:12px;padding:1.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.landing-feature-card:hover{border-color:#f5c84266;transform:translateY(-4px);box-shadow:0 8px 30px #0006,0 0 20px #b464141a;background:#1e1206cc}.landing-feature-icon{font-size:2.5rem;margin-bottom:.8rem;display:block}.landing-feature-card h3{font-family:Cinzel,serif;font-size:1rem;color:#f5c842;margin:0 0 .6rem}.landing-feature-card p{font-size:.9rem;color:#dcc8a0bf;line-height:1.6;margin:0}.landing-lore-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.landing-lore-block{background:#0f0903bf;border:1px solid rgba(180,120,40,.2);border-left:3px solid rgba(245,200,66,.5);border-radius:10px;padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-lore-block h3{font-family:Cinzel,serif;font-size:1rem;color:#f5c842;margin:0 0 1rem}.landing-lore-block p{font-size:.95rem;color:#dcc8a0cc;line-height:1.75;margin:0 0 .8rem}.landing-lore-block p:last-child{margin-bottom:0}.landing-creators-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.landing-creator-card{display:flex;gap:1.5rem;align-items:flex-start;background:#0f0903bf;border:1px solid rgba(180,120,40,.2);border-radius:14px;padding:1.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.landing-creator-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--creator-color, #f5c842);box-shadow:0 0 15px var(--creator-color, #f5c842)}.landing-creator-card:hover{transform:translate(4px);border-color:#f5c8424d;box-shadow:0 8px 30px #0006}.landing-creator-avatar{font-size:3rem;flex-shrink:0;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#1e1206cc;border-radius:50%;border:2px solid rgba(245,200,66,.3);filter:drop-shadow(0 0 10px rgba(245,200,66,.2))}.landing-creator-info h3{font-family:Cinzel,serif;font-size:1.3rem;color:#f5c842;margin:0 0 .3rem}.landing-creator-role{display:block;font-size:.85rem;color:#dcb464b3;font-style:italic;margin-bottom:.8rem;letter-spacing:.5px}.landing-creator-info p{font-size:.95rem;color:#dcc8a0cc;line-height:1.6;margin:0}.landing-systems-filter{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:.5rem}.landing-filter-btn{padding:.5rem 1.25rem;background:#0f090399;border:1px solid rgba(180,120,40,.3);color:#dcc8a0b3;font-family:Cinzel,serif;font-size:.8rem;border-radius:20px;cursor:pointer;transition:all .25s ease}.landing-filter-btn:hover{border-color:#f5c84280;color:#dcc8a0}.landing-filter-btn.active{background:#b4641466;border-color:#f5c84299;color:#f5e4a0;box-shadow:0 0 12px #f5993333}.landing-systems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.landing-system-card{background:#0f0903cc;border:1px solid rgba(180,120,40,.25);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .35s ease;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.landing-system-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(245,200,66,.05),transparent 60%);pointer-events:none}.landing-system-card.featured{border-color:#f5c84266;box-shadow:0 0 30px #b4641426,inset 0 0 30px #b464140d}.landing-system-card.featured:hover{border-color:#f5c842b3;box-shadow:0 12px 50px #00000080,0 0 40px #f5993333;transform:translateY(-5px)}.landing-system-card.available{border-color:#c8641e66;box-shadow:0 0 25px #b4500a1f,inset 0 0 25px #a0460a0a}.landing-system-card.available:hover{border-color:#dc7828b3;box-shadow:0 12px 50px #00000080,0 0 35px #c8501433;transform:translateY(-5px)}.landing-system-card.coming-soon{opacity:.6}.landing-system-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#42e695,#3bb2b8);color:#000;font-family:Cinzel,serif;font-size:.7rem;font-weight:700;padding:.25rem .7rem;border-radius:20px;text-transform:uppercase;letter-spacing:1px}.landing-system-badge.soon{background:linear-gradient(135deg,#888,#555);color:#eee}.landing-system-header{display:flex;align-items:center;gap:1rem}.landing-system-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(245,200,66,.4))}.landing-system-header h3{font-family:Cinzel,serif;font-size:1.2rem;color:#f5c842;margin:0 0 .2rem}.landing-system-type{font-size:.8rem;color:#dcb46499;font-style:italic}.landing-system-desc{font-size:.95rem;color:#dcc8a0cc;line-height:1.65;margin:0}.landing-system-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.landing-system-features li{font-size:.85rem;color:#c8e6b4d9}.landing-btn-featured{padding:1rem 2rem;background:linear-gradient(135deg,#b4641499,#783c05cc);border:1px solid rgba(245,200,66,.6);color:#f5e4a0;font-family:Cinzel,serif;font-size:.95rem;font-weight:700;border-radius:10px;cursor:pointer;letter-spacing:.5px;transition:all .3s ease;margin-top:auto;position:relative;overflow:hidden}.landing-btn-featured:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(245,200,66,.15),transparent);opacity:0;transition:opacity .3s}.landing-btn-featured:hover{border-color:#f5c842;box-shadow:0 0 35px #f5993366,inset 0 0 20px #f5c8421a;transform:translateY(-2px);color:#fffeee}.landing-btn-featured:hover:after{opacity:1}.landing-btn-disabled{padding:.9rem 1.5rem;background:#32323266;border:1px solid rgba(100,100,100,.3);color:#968c8299;font-family:Cinzel,serif;font-size:.9rem;border-radius:10px;cursor:not-allowed;margin-top:auto}.landing-footer{position:relative;z-index:10;text-align:center;padding:2rem;border-top:1px solid rgba(180,120,40,.2);display:flex;flex-direction:column;gap:.4rem;color:#c8af7899;font-family:Cinzel,serif;font-size:.85rem;letter-spacing:1px;background:#05030180;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.landing-header{padding:1rem 1.2rem;flex-direction:column;align-items:center;gap:.8rem}.landing-header-logo{justify-content:center}.landing-nav{gap:.25rem;justify-content:center}.landing-nav-btn{padding:.45rem .7rem;font-size:.72rem}.landing-main{padding:0 1rem 3rem}.landing-hero{min-height:50vh;padding:5rem 1.5rem 2rem}.landing-creator-card{flex-direction:column;align-items:center;text-align:center}.landing-creator-card:before{display:none}.landing-systems-grid,.landing-lore-blocks,.landing-features-grid{grid-template-columns:1fr}}.landing-discord-hero{display:flex;align-items:center;gap:2rem;background:linear-gradient(135deg,#5865f21f,#0f0903d9);border:1px solid rgba(88,101,242,.35);border-radius:18px;padding:2rem 2.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:700px;margin:0 auto;box-shadow:0 0 40px #5865f214,0 8px 32px #0006;transition:all .3s ease}.landing-discord-hero:hover{border-color:#5865f299;box-shadow:0 0 60px #5865f226,0 12px 40px #00000080}.landing-discord-icon{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#5865f226;border-radius:50%;border:2px solid rgba(88,101,242,.4);box-shadow:0 0 20px #5865f233;animation:discordPulse 3s ease-in-out infinite alternate}@keyframes discordPulse{0%{box-shadow:0 0 15px #5865f233}to{box-shadow:0 0 35px #5865f273}}.landing-discord-text{display:flex;flex-direction:column;gap:.6rem;flex:1}.landing-discord-text h3{font-family:Cinzel,serif;font-size:1.3rem;color:#7289da;margin:0;text-shadow:0 0 15px rgba(114,137,218,.3)}.landing-discord-text p{font-size:.95rem;color:#dcc8a0cc;margin:0;line-height:1.6}.landing-btn-discord{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.8rem;background:#5865f2;color:#fff;border:none;border-radius:8px;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;letter-spacing:.5px;text-decoration:none;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #5865f266;align-self:flex-start}.landing-btn-discord:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 8px 25px #5865f28c;color:#fff}.landing-btn-discord:active{transform:translateY(0)}.landing-community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:.5rem}.landing-community-card{background:#0f0903bf;border:1px solid rgba(180,120,40,.2);border-radius:14px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.landing-community-card:hover{border-color:#f5c84259;transform:translateY(-3px);box-shadow:0 8px 25px #0006,0 0 15px #b4641414;background:#160d04d9}.landing-community-icon{font-size:2.2rem;margin-bottom:.8rem;display:block;filter:drop-shadow(0 0 8px rgba(255,150,50,.3))}.landing-community-card h3{font-family:Cinzel,serif;font-size:.95rem;color:#f5c842;margin:0 0 .6rem}.landing-community-card p{font-size:.9rem;color:#dcc8a0c7;line-height:1.65;margin:0}@media (max-width: 768px){.landing-discord-hero{flex-direction:column;text-align:center;padding:1.5rem}.landing-discord-text{align-items:center}.landing-community-grid{grid-template-columns:1fr}}.arcanis-home{position:relative;width:100%;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.arcanis-home-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 70% at 50% 50%,#0d1f4a,#071030 35%,#040920 65%,#020510)}.arcanis-home-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 45% at 50% 48%,rgba(59,130,246,.12) 0%,rgba(29,78,216,.06) 40%,transparent 75%);pointer-events:none}.arcanis-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:1;filter:blur(60px)}.arcanis-orb-1{width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(59,130,246,.18) 0%,transparent 70%);animation:orbPulse1 8s ease-in-out infinite alternate}.arcanis-orb-2{width:320px;height:320px;top:20%;left:15%;background:radial-gradient(circle,rgba(99,179,237,.1) 0%,transparent 70%);animation:orbPulse2 11s ease-in-out infinite alternate}.arcanis-orb-3{width:280px;height:280px;bottom:15%;right:12%;background:radial-gradient(circle,rgba(147,197,253,.09) 0%,transparent 70%);animation:orbPulse3 9s ease-in-out infinite alternate}@keyframes orbPulse1{0%{transform:translate(-50%,-50%) scale(.9);opacity:.7}to{transform:translate(-50%,-50%) scale(1.15);opacity:1}}@keyframes orbPulse2{0%{transform:translate(0) scale(.8);opacity:.5}to{transform:translate(30px,20px) scale(1.2);opacity:.9}}@keyframes orbPulse3{0%{transform:translate(0) scale(1);opacity:.6}to{transform:translate(-20px,-30px) scale(1.3);opacity:.95}}.arcanis-home-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.arcanis-sparkle{position:absolute;border-radius:50%;animation:sparklePulse ease-in-out infinite alternate;will-change:transform,opacity}@keyframes sparklePulse{0%{transform:translateY(0) scale(.7);opacity:.2}30%{transform:translateY(-8px) scale(1.1);opacity:1}60%{transform:translateY(-4px) scale(.9);opacity:.7}to{transform:translateY(-15px) scale(1.3);opacity:.15}}.arcanis-sparkle:nth-child(3n){animation-name:sparkleFloat;border-radius:2px;transform:rotate(45deg)}@keyframes sparkleFloat{0%{transform:rotate(45deg) translateY(0) scale(.6);opacity:.1}40%{transform:rotate(45deg) translateY(-12px) scale(1.2);opacity:.9}to{transform:rotate(45deg) translateY(-20px) scale(.5);opacity:0}}.arcanis-home-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;width:100%;max-width:1100px}.dark-select{width:100%;padding:12px 40px 12px 16px;border-radius:8px;background-color:#0f1a2e!important;color:#e2e8f0!important;border:1px solid rgba(99,179,237,.3)!important;font-size:1rem;font-family:inherit;margin-bottom:15px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2393c5fd' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:12px!important;transition:border-color .2s ease,box-shadow .2s ease}.dark-select:focus{border-color:#63b3edb3!important;box-shadow:0 0 0 3px #3b82f633!important}.dark-select:hover{border-color:#63b3ed80!important}.dark-select option{background-color:#0f1a2e!important;color:#e2e8f0!important;padding:8px 12px}.dark-select option:checked,.dark-select option:hover{background-color:#1e3a5f!important;color:#93c5fd!important}.dark-select option[value=""]{color:#94a3b8!important}