@import url(https://fonts.googleapis.com/css2?family=MedievalSharp&family=Cinzel:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#667eea80;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#667eeab3}*{box-sizing:border-box;margin:0;padding:0}.App{background:linear-gradient(135deg,#1a1a2e,#16213e);color:beige;font-family:Cinzel,serif;min-height:100vh}.medieval-container{margin:0 auto;max-width:1200px;padding:40px 20px}.landing-page-epic{background:linear-gradient(135deg,#0a0505,#1a0a00 50%,#0d0d0d);min-height:100vh}.sticky-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0a0505fa,#1a0a00f2);border-bottom:3px solid #8b4513;box-shadow:0 5px 30px #000c;justify-content:space-between;left:0;padding:15px 30px;position:fixed;right:0;top:0;z-index:1000}.nav-brand,.sticky-nav{align-items:center;display:flex}.nav-brand{gap:12px}.nav-icon{animation:dragonPulse 3s ease-in-out infinite;font-size:2em}@keyframes dragonPulse{0%,to{filter:drop-shadow(0 0 5px #ff4500);transform:scale(1)}50%{filter:drop-shadow(0 0 15px #ffd700);transform:scale(1.1)}}.nav-title{color:gold;font-family:Cinzel,serif;font-size:1.5em;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 4px #000c}.nav-buttons{display:flex;gap:15px}.nav-btn{align-items:center;border:2px solid;border-radius:8px;cursor:pointer;display:flex;font-family:Cinzel,serif;font-size:1em;font-weight:700;gap:8px;padding:12px 25px;transition:all .3s ease}.nav-btn .btn-icon{font-size:1.2em}.nav-btn.player-btn{background:linear-gradient(135deg,#228b22,#006400);border-color:#32cd32;color:#fff}.nav-btn.player-btn:hover{background:linear-gradient(135deg,#32cd32,#228b22);box-shadow:0 5px 20px #32cd3280;transform:translateY(-3px)}.nav-btn.admin-btn{background:linear-gradient(135deg,#8b4513,#654321);border-color:#daa520;color:gold}.nav-btn.admin-btn:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 5px 20px #ffd70066;transform:translateY(-3px)}.epic-hero{align-items:center;background:radial-gradient(ellipse at center,#8b451333 0,#0000 70%),radial-gradient(ellipse at top,#ff45001a 0,#0000 50%),linear-gradient(180deg,#0a0505,#1a0a00);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 20px 50px;position:relative}.hero-overlay{animation:starField 60s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23ffd70010'/%3E%3C/svg%3E");background-size:50px 50px;inset:0;position:absolute}@keyframes starField{0%{background-position:0 0}to{background-position:500px 500px}}.floating-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.particle{animation:floatParticle 15s ease-in-out infinite;font-size:2em;opacity:.3;position:absolute}.particle:first-child{animation-delay:0s;left:10%;top:20%}.particle:nth-child(2){animation-delay:-3s;left:80%;top:30%}.particle:nth-child(3){animation-delay:-6s;left:20%;top:70%}.particle:nth-child(4){animation-delay:-9s;left:70%;top:60%}.particle:nth-child(5){animation-delay:-12s;left:40%;top:80%}.particle:nth-child(6){animation-delay:-2s;left:90%;top:50%}@keyframes floatParticle{0%,to{opacity:.3;transform:translateY(0) rotate(0deg)}50%{opacity:.6;transform:translateY(-30px) rotate(10deg)}}.hero-content{max-width:900px;position:relative;text-align:center;z-index:10}.crown-ornament{animation:crownBounce 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.5));font-size:4em;margin-bottom:20px}@keyframes crownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.epic-title{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.title-line{color:#daa520;font-size:1.5em;letter-spacing:15px;text-shadow:2px 2px 4px #000c}.title-line,.title-main{font-family:Cinzel,serif}.title-main{animation:titleGlow 3s ease-in-out infinite;color:gold;font-size:5em;font-weight:700;letter-spacing:10px;text-shadow:0 0 20px #ffd70080,4px 4px 8px #000c,0 0 60px #ff45004d}@keyframes titleGlow{0%,to{text-shadow:0 0 20px #ffd70080,4px 4px 8px #000c}50%{text-shadow:0 0 40px #ffd700cc,4px 4px 8px #000c,0 0 80px #ff450080}}.title-sub{color:peru;font-family:Cinzel,serif;font-size:1.2em;letter-spacing:5px;margin-top:10px}.epic-tagline{color:#ddd;font-size:1.4em;line-height:1.6;margin-bottom:40px;text-shadow:1px 1px 3px #000c}.hero-cta{margin-top:30px}.cta-button{align-items:center;border:3px solid;border-radius:50px;cursor:pointer;display:inline-flex;font-family:Cinzel,serif;font-size:1.3em;font-weight:700;gap:12px;padding:20px 50px;transition:all .4s ease}.cta-button.primary{background:linear-gradient(135deg,#8b0000,#dc143c 50%,#8b0000);border-color:#ff4500;box-shadow:0 5px 30px #dc143c80;color:#fff}.cta-button.primary:hover{box-shadow:0 10px 50px #ff4500b3;transform:translateY(-5px) scale(1.05)}.cta-icon{font-size:1.3em}.scroll-indicator{align-items:center;animation:scrollBounce 2s ease-in-out infinite;bottom:30px;display:flex;flex-direction:column;gap:10px;position:absolute}.scroll-arrow{color:gold;font-size:1.5em}.scroll-text{color:#888;font-size:.9em;letter-spacing:2px}@keyframes scrollBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(10px)}}.features-section{background:linear-gradient(180deg,#1a0a00,#0d0d0d);padding:80px 20px}.section-header{margin-bottom:50px;text-align:center}.section-header h2{font-family:Cinzel,serif;font-size:2.5em;margin:15px 0;text-shadow:2px 2px 4px #000c}.header-ornament{color:#8b4513;font-size:1.2em;letter-spacing:3px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:linear-gradient(135deg,#8b45134d,#1a0a00cc);border:2px solid #8b4513;border-radius:15px;padding:40px 30px;text-align:center;transition:all .4s ease}.feature-card:hover{border-color:gold;box-shadow:0 20px 50px #ffd70033;transform:translateY(-10px)}.feature-icon{filter:drop-shadow(0 0 10px rgba(255,215,0,.5));font-size:4em;margin-bottom:20px}.feature-card h3{color:gold;font-family:Cinzel,serif;font-size:1.5em;margin-bottom:15px}.feature-card p{color:#ccc;line-height:1.6}.rules-section-epic{background:radial-gradient(ellipse at bottom,#8b000033 0,#0000 70%),linear-gradient(180deg,#0d0d0d,#1a0a00);padding:80px 20px}.rules-toggle-btn{background:linear-gradient(135deg,#8b4513,#654321);border:2px solid #daa520;border-radius:10px;color:gold;cursor:pointer;display:block;font-family:Cinzel,serif;font-size:1.2em;font-weight:700;margin:0 auto 40px;padding:15px 40px;transition:all .3s ease}.rules-toggle-btn:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 5px 20px #ffd7004d;transform:scale(1.05)}.rules-scroll{animation:fadeInUp .5s ease;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px}.rule-item{background:#0006;border:2px solid #8b4513;border-radius:10px;display:flex;gap:20px;padding:25px;transition:all .3s ease}.rule-item:hover{border-color:gold;transform:translateX(10px)}.rule-number{color:gold;font-family:Cinzel,serif;font-size:2em;font-weight:700;min-width:50px;text-align:center}.rule-content h3{color:#daa520;font-family:Cinzel,serif;margin-bottom:8px}.rule-content p{color:#ccc;line-height:1.5}.cta-footer{background:linear-gradient(180deg,#1a0a00,#0a0505);padding:80px 20px;text-align:center}.cta-content h2{color:gold;font-family:Cinzel,serif;font-size:2.5em;margin-bottom:15px}.cta-content p{color:#ccc;font-size:1.2em;margin-bottom:40px}.cta-buttons{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.big-cta{align-items:center;border:3px solid;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-width:200px;padding:30px 50px;transition:all .4s ease}.big-cta.player{background:linear-gradient(135deg,#228b22,#006400);border-color:#32cd32}.big-cta.player:hover{box-shadow:0 20px 50px #32cd3280;transform:translateY(-10px) scale(1.05)}.big-cta.admin{background:linear-gradient(135deg,#8b4513,#654321);border-color:#daa520}.big-cta.admin:hover{box-shadow:0 20px 50px #ffd70066;transform:translateY(-10px) scale(1.05)}.cta-big-icon{font-size:3em}.cta-big-title{color:#fff;font-family:Cinzel,serif;font-size:1.5em;font-weight:700}.cta-big-sub{color:#ffffffb3;font-size:.9em}.footer-ornament{color:#8b4513;font-size:1.2em;letter-spacing:3px;margin-top:60px}@media (max-width:768px){.sticky-nav{flex-wrap:wrap;gap:10px;padding:10px 15px}.nav-title{font-size:1.1em}.nav-buttons{gap:10px}.nav-btn{font-size:.85em;padding:8px 15px}.title-main{font-size:1.4em;letter-spacing:3px}.title-line{font-size:1em;letter-spacing:5px}.epic-tagline{font-size:1.1em}.cta-button{font-size:1em;padding:15px 30px}.cta-buttons{align-items:center;flex-direction:column}.big-cta{max-width:300px;width:100%}}.landing-page{padding:50px 20px;text-align:center}.game-title{color:gold;font-family:MedievalSharp,cursive;font-size:4em;margin-bottom:20px;text-shadow:3px 3px 6px #000000b3}.game-subtitle{color:#daa520;font-size:1.5em;margin-bottom:40px}.game-overview{background:#8b45134d;border:3px solid #8b4513;border-radius:15px;box-shadow:0 8px 20px #00000080;margin:30px auto;max-width:90%;padding:30px}.game-overview h2{color:gold;margin-bottom:15px}.game-overview p{font-size:1.1em;line-height:1.8}.rules-section{background:#8b000033;border:2px solid #8b0000;border-radius:10px;margin:20px auto;max-width:800px;padding:20px}.rules-section h3{color:gold;margin-bottom:10px}.rules-section ul{line-height:2;margin-left:40px;text-align:left}.role-buttons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-left:auto;margin-right:auto;margin-top:40px;max-width:600px}.medieval-button{background:linear-gradient(135deg,#8b4513,#654321);border:3px solid #8b4513;border-radius:10px;box-shadow:0 4px 10px #00000080;color:gold;cursor:pointer;font-family:Cinzel,serif;font-size:1.2em;font-weight:700;padding:15px 30px;transition:all .3s}.medieval-button:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 6px 15px #ffd7004d;transform:translateY(-2px)}.medieval-button:active{transform:translateY(0)}.api-status{border-radius:8px;box-shadow:0 2px 10px #0000004d;font-weight:700;padding:10px 20px;position:fixed;right:20px;top:20px}.api-status.online{background-color:#228b22;color:#fff}.api-status.offline{background-color:#8b0000;color:#fff}.admin-login{background:#8b45134d;border:3px solid #8b4513;border-radius:15px;box-shadow:0 8px 20px #00000080;margin:100px auto;max-width:500px;padding:40px}.admin-login h2{color:gold;margin-bottom:30px;text-align:center}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:gold;font-weight:700}.form-group input{background:#0000004d;border:2px solid #8b4513;border-radius:5px;color:beige;font-family:Cinzel,serif;font-size:1em;padding:12px}.form-group input:focus{border-color:gold;box-shadow:0 0 10px #ffd7004d;outline:none}.error-message{background:#8b000033;border-radius:5px;color:#ff6b6b;padding:10px;text-align:center}.back-button{background:linear-gradient(135deg,#555,#333);margin-top:10px}.admin-panel{padding:20px}.section-title{color:gold;font-size:2.5em;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #00000080}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.tab-button{background:#8b45134d;border:2px solid #8b4513;border-radius:8px;color:gold;cursor:pointer;font-family:Cinzel,serif;font-size:1em;font-weight:700;padding:12px 24px;transition:all .3s}.tab-button:hover{background:#8b451380}.tab-button.active{background:linear-gradient(135deg,#8b4513,#654321);border-color:gold;box-shadow:0 0 15px #ffd70080}.tab-content{background:#8b451333;border:2px solid #8b4513;border-radius:10px;min-height:400px;padding:30px}.admin-section h3{border-bottom:2px solid #8b4513;color:gold;margin-bottom:20px;padding-bottom:10px}.admin-form{background:#0003;border-radius:8px;gap:15px;margin-bottom:30px;padding:20px}.admin-form,.entity-list{display:flex;flex-direction:column}.entity-list{gap:10px;list-style:none}.entity-item{align-items:center;background:#0000004d;border:1px solid #8b4513;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .3s}.entity-item:hover{background:#8b45134d;transform:translateX(5px)}.delete-button{background-color:#8b0000;border:2px solid #640000;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .3s}.delete-button:hover{background-color:#cd0000;transform:scale(1.05)}.card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.overview-button{background:linear-gradient(135deg,#228b22,#006400);flex:1 1;font-size:.9em;min-width:120px;padding:8px 16px}.overview-button:hover{background:linear-gradient(135deg,#32cd32,#228b22)}.data-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.data-item{background:#0000004d;border:1px solid #8b4513;border-radius:8px;padding:15px}.data-item h4{color:gold;margin-bottom:10px}.data-item p{font-size:.9em;margin:5px 0}.logout-button{background-color:#8b0000;margin-top:20px}.checkbox-group{align-items:center;flex-direction:row!important;gap:10px}.checkbox-group input[type=checkbox]{margin:0;width:auto}.checkbox-group label{cursor:pointer;margin:0}.game-overview.medieval{background:linear-gradient(135deg,#1a1a2e,#16213e);flex-direction:column;max-height:100vh;min-height:100vh;overflow:hidden;padding:8px}.game-header,.game-overview.medieval{box-sizing:border-box;display:flex;width:100%}.game-header{align-items:center;background:#8b45134d;border:2px solid #8b4513;border-radius:6px;flex-shrink:0;justify-content:space-between;margin-bottom:8px;padding:6px 12px}.game-header h1{color:gold;font-size:1.4em;margin:0;text-shadow:2px 2px 4px #00000080}.game-header .logout-button,.game-header .medieval-button{font-size:.8em;padding:5px 10px}.overview-grid{grid-gap:8px;box-sizing:border-box;display:grid;flex:1 1;gap:8px;grid-template-columns:1fr;grid-template-rows:1fr 1fr;overflow:hidden;width:100%}@media (min-width:1024px){.overview-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.players-characters-section{grid-column:1/-1}}.overview-section{background:#8b451333;border:2px solid #8b4513;border-radius:6px;box-sizing:border-box;overflow-y:auto;padding:8px 10px;width:100%}.overview-section h2{border-bottom:1px solid #8b4513;color:gold;font-size:1em;margin-bottom:6px;margin-top:0;padding-bottom:4px}.section-hint{color:#aaa;font-size:.85em;margin:4px 0 8px}.items-drag-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.draggable-item{background:#0006;border:2px solid #8b4513;border-radius:6px;cursor:grab;display:flex;flex-direction:column;gap:8px;padding:12px;position:relative;transition:all .3s ease}.draggable-item:hover{background:#8b451380;border-color:gold;box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.draggable-item:active{cursor:grabbing;transform:scale(.98)}.item-header{gap:8px}.item-header strong{color:gold;flex:1 1;font-size:1.1em}.item-type{background:#8b451380;border-radius:3px;color:#daa520;font-size:.85em;padding:2px 8px}.item-description,.item-effect{margin:0}.item-stat-bonuses-compact{border-top:1px solid #8b4513;margin-top:4px;padding-top:8px}.item-stat-bonuses-compact strong{color:#daa520;display:block;font-size:.85em;margin-bottom:6px}.stat-bonus-icons{display:flex;flex-wrap:wrap;gap:6px}.stat-bonus-badge{background:linear-gradient(135deg,#8b451399,#643214cc);border:1px solid #8b4513;border-radius:4px;color:gold;font-size:.85em;font-weight:700;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.stat-bonus-badge:hover{background:linear-gradient(135deg,#8b4513cc,#643214);border-color:gold;transform:scale(1.1)}.drag-hint{border-top:1px dashed #666;color:#888;font-size:.75em;font-style:italic;margin-top:4px;padding-top:6px;text-align:center}.overview-list{gap:10px}.overview-item,.overview-list{display:flex;flex-direction:column}.overview-item{background:#0000004d;border:1px solid #8b4513;border-radius:5px;gap:5px;padding:12px}.overview-item strong{color:gold;font-size:1.1em}.overview-item span{color:#ddd;font-size:.9em}.overview-item .effect{color:#90ee90;font-style:italic}.character-item{background:#8b000033}.join-requests-section{animation:pulse 2s infinite;background:#8b00004d;border:2px solid #8b0000;border-radius:10px;padding:20px}.join-requests-section h2{color:gold;margin-bottom:15px;margin-top:0}.join-requests-list{display:flex;flex-direction:column;gap:15px}.join-request-item{align-items:center;background:#0006;border:2px solid gold;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:15px}.join-request-item .player-name{color:gold;font-size:1.2em;font-weight:700}.join-request-item .request-time{color:#aaa;font-size:.9em}.request-actions{display:flex;gap:10px}.accept-button{background-color:#228b22;border:2px solid #006400;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .3s}.accept-button:hover{background-color:#32cd32;transform:scale(1.05)}.reject-button{background-color:#8b0000;border:2px solid #640000;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .3s}.reject-button:hover{background-color:#cd0000;transform:scale(1.05)}.toast-notification{animation:slideIn .5s ease-out;background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #8b4513;border-radius:10px;box-shadow:0 4px 15px #ffd70080;color:#1a1a2e;font-weight:700;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.section-header-with-actions{align-items:center;border-bottom:1px solid #8b4513;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.section-header-with-actions h2{color:gold;font-size:1.1em;margin:0}.small-button{font-size:.75em;padding:4px 10px}.character-item{display:flex;flex-direction:column;gap:10px}.character-item.pending-levelup{animation:glow 2s infinite;background:#ffd7001a;border:2px solid gold}@keyframes glow{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}.character-info{display:flex;flex-direction:column;gap:5px}.pending-info{color:gold!important;font-style:italic;font-weight:700}.character-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.level-up-button{background:linear-gradient(135deg,#4169e1,#1e3a8a);border:2px solid #1e3a8a;border-radius:5px;color:#fff;cursor:pointer;font-size:.85em;font-weight:700;padding:6px 12px;transition:all .3s}.level-up-button:hover{background:linear-gradient(135deg,#5a7fd6,#4169e1);transform:scale(1.05)}.set-level-button{background:linear-gradient(135deg,#9370db,#639);border:2px solid #639;border-radius:5px;color:#fff;cursor:pointer;font-size:.85em;font-weight:700;padding:6px 12px;transition:all .3s}.set-level-button:hover{background:linear-gradient(135deg,#a88fd6,#9370db);transform:scale(1.05)}.reset-button{background:linear-gradient(135deg,#ff8c00,#cc7000);border:2px solid #cc7000;border-radius:5px;color:#fff;cursor:pointer;font-size:.85em;font-weight:700;padding:6px 12px;transition:all .3s}.reset-button:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:scale(1.05)}.player-registration{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.registration-container{background:#8b45134d;border:3px solid #8b4513;border-radius:15px;box-shadow:0 8px 20px #00000080;max-width:500px;padding:40px;text-align:center;width:100%}.registration-subtitle{color:#daa520;font-size:1.1em;margin-bottom:30px}.name-input-form{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.name-input-form label{color:gold;font-size:1.2em;font-weight:700;text-align:left}.name-input-form input{background:#0000004d;border:2px solid #8b4513;border-radius:8px;color:beige;font-family:Cinzel,serif;font-size:1.1em;padding:15px}.name-input-form input:focus{border-color:gold;box-shadow:0 0 15px #ffd70066;outline:none}.back-link{background:none;border:none;color:#daa520;cursor:pointer;font-size:.9em;padding:10px;text-decoration:underline;transition:color .3s}.back-link:hover{color:gold}.player-games-view{min-height:100vh;padding:20px}.player-header{border-radius:10px;justify-content:space-between;margin-bottom:0;padding:0}.player-header h1{color:gold;margin:0}.player-header .subtitle{color:#daa520;margin-top:5px}.active-games-section{background:#8b451333;border:2px solid #8b4513;border-radius:10px;margin-bottom:20px;padding:30px}.active-games-section h2{color:gold;margin-bottom:20px}.no-games{color:#daa520;padding:40px;text-align:center}.no-games p{font-size:1.1em;margin:10px 0}.games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.game-card{background:#0000004d;border:2px solid #8b4513;border-radius:10px;padding:20px;transition:all .3s}.game-card:hover{border-color:gold;box-shadow:0 8px 20px #ffd7004d;transform:translateY(-5px)}.game-card h3{color:gold;font-size:1.3em;margin-bottom:15px}.game-info{color:#ddd;display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.game-info span{font-size:.95em}.game-info .status{font-weight:700}.game-info .status.waiting{color:#90ee90}.join-button{background:linear-gradient(135deg,#228b22,#006400);border:2px solid #006400;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px;transition:all .3s;width:100%}.join-button:hover:not(:disabled){background:linear-gradient(135deg,#32cd32,#228b22);transform:scale(1.05)}.join-button:disabled{background:#666;border-color:#444;cursor:not-allowed;opacity:.6}.refresh-button{display:block;margin:0 auto}.pending-overlay{align-items:center;animation:fadeIn .3s;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pending-content{animation:scaleIn .3s;background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid gold;border-radius:15px;box-shadow:0 10px 40px #ffd70080;max-width:500px;padding:40px;text-align:center}@keyframes scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}.spinner{animation:spin 2s linear infinite;font-size:4em}.pending-content h2{color:gold;margin:20px 0}.pending-content p{color:#ddd;font-size:1.1em;margin:10px 0}.waiting-text{color:#daa520;margin-top:20px!important}.cancel-button{background:linear-gradient(135deg,#8b0000,#640000);border:2px solid #640000;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin-top:20px;padding:12px 30px;transition:all .3s}.cancel-button:hover{background:linear-gradient(135deg,#cd0000,#8b0000);transform:scale(1.05)}.character-selection{min-height:100vh;padding:20px}.character-header{margin-bottom:40px;text-align:center}.character-header h1{color:gold;margin-bottom:10px}.character-header .subtitle{color:#daa520;font-size:1.1em}.character-header .info-text{color:#87ceeb;font-size:.95em;font-style:italic;margin-top:10px}.characters-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1400px}.no-characters{color:#daa520;grid-column:1/-1;padding:60px 20px;text-align:center}.character-card{background:#8b451333;border:3px solid #8b4513;border-radius:15px;padding:25px;position:relative;transition:all .3s}.character-card:hover:not(.taken){border-color:gold;box-shadow:0 10px 30px #ffd7004d;transform:translateY(-5px)}.character-card.taken{filter:grayscale(50%);opacity:.6}.character-portrait{margin-bottom:15px;text-align:center}.character-icon{display:block;font-size:4em}.character-card h3{color:gold;font-size:1.8em;margin-bottom:5px;text-align:center}.character-class{color:#daa520;font-style:italic;margin-bottom:20px;text-align:center}.character-stats{background:#0000004d;border-radius:8px;margin-bottom:15px;padding:15px}.stat-row{color:#ddd;display:flex;justify-content:space-between;margin-bottom:8px}.stat-row strong{color:gold}.special-ability{background:#8b008b33;border:2px solid #9370db;border-radius:8px;margin-bottom:15px;padding:12px}.special-ability strong{color:#9370db;display:block;margin-bottom:5px}.character-description{color:#ddd;font-size:.95em;line-height:1.5;margin-bottom:15px}.character-abilities-preview{background:#4b008226;border:2px solid #9370db;border-radius:8px;margin-bottom:15px;padding:12px}.character-abilities-preview strong{color:#9370db;display:block;margin-bottom:8px}.character-abilities-preview ul{list-style:none;margin:0;padding:0}.character-abilities-preview li{border-bottom:1px solid #9370db33;padding:6px 0}.character-abilities-preview li:last-child{border-bottom:none}.ability-name{color:#ddd;font-weight:500}.ability-cost{color:#87ceeb;font-size:.9em;margin-left:8px}.select-button{background:linear-gradient(135deg,#228b22,#006400);border:2px solid #006400;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:15px;transition:all .3s;width:100%}.select-button:hover:not(:disabled){background:linear-gradient(135deg,#32cd32,#228b22);transform:scale(1.02)}.select-button:disabled{background:#666;border-color:#444;cursor:not-allowed}.character-sheet{min-height:100vh;padding:20px}.sheet-header{align-items:center;background:#8b45134d;border:2px solid #8b4513;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.sheet-header h1{color:gold;margin:0}.sheet-grid{grid-gap:20px;display:grid;gap:20px;margin:0 auto;max-width:1400px}.vitals-section{background:#8b451333;border:2px solid #8b4513;border-radius:10px;padding:20px}.vital-bar{margin-bottom:20px}.vital-bar:last-child{margin-bottom:0}.vital-label{color:#ddd;display:flex;justify-content:space-between;margin-bottom:8px}.vital-label strong{color:gold}.progress-bar{background:#0006;border:2px solid #8b4513;border-radius:15px;height:30px;overflow:hidden}.progress-fill{border-radius:15px;height:100%;transition:width .3s}.progress-fill.health{background:linear-gradient(90deg,#dc143c,tomato)}.progress-fill.mana{background:linear-gradient(90deg,#4169e1,#87ceeb)}.vital-bar.clickable{cursor:pointer;position:relative;transition:all .2s ease}.vital-bar.clickable:hover{transform:translateX(5px)}.formula-indicator{font-size:.7em;margin-left:5px;opacity:.7}.vital-formula-popup{background:#1a0a00fa;border:3px solid gold;border-radius:12px;box-shadow:0 0 50px #000c,0 0 20px #ffd7004d;left:100%;min-width:250px;padding:15px 20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-30%);width:10%;z-index:99999}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.calc-formula-popup.topmost,.vital-formula-popup.topmost{z-index:999999}.calculated-stats-row{display:flex;gap:15px;margin-top:15px}.calc-stat-box{align-items:center;background:#0000004d;border:2px solid #8b4513;border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:5px;padding:12px;position:relative;transition:all .3s ease}.calc-stat-box:hover{border-color:gold;box-shadow:0 0 15px #ffd7004d}.calc-stat-box.damage{background:linear-gradient(135deg,#ff450026,#8b45134d);border-color:#ff4500}.calc-stat-box.damage:hover{border-color:tomato;box-shadow:0 0 15px #ff45004d}.calc-stat-box.movement{background:linear-gradient(135deg,#32cd3226,#228b224d);border-color:#32cd32}.calc-stat-box.movement:hover{border-color:#7cfc00;box-shadow:0 0 15px #32cd324d}.calc-icon{font-size:1.5em}.calc-label{color:#ddd;font-size:.85em}.calc-value{font-size:1.5em;text-shadow:0 0 10px #ffd70080}.calc-formula-popup{animation:fadeInScale .15s ease;background:#1a0a00fa;border:3px solid gold;border-radius:12px;box-shadow:0 0 50px #000c,0 0 20px #ffd7004d;left:50%;min-width:250px;padding:15px 20px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:99999}.damage-display{background:linear-gradient(135deg,#ff450026,#8b45134d);border:2px solid #ff4500;border-radius:10px;cursor:pointer;margin-top:20px;padding:15px;position:relative;transition:all .3s ease}.damage-display:hover{border-color:tomato;box-shadow:0 0 15px #ff45004d}.damage-value{align-items:center;display:flex;gap:10px;justify-content:center}.damage-icon{font-size:1.5em}.damage-label{color:tomato;font-size:1em}.damage-number{color:gold;font-size:1.8em;font-weight:700;text-shadow:0 0 10px #ffd70080}.damage-formula-popup{animation:fadeInUp .2s ease;background:#1a0a00f2;border:2px solid gold;border-radius:10px;box-shadow:0 10px 30px #00000080;left:50%;margin-top:10px;min-width:280px;padding:15px;position:absolute;top:100%;transform:translateX(-50%);z-index:100}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.formula-header{border-bottom:1px solid #ffd7004d;color:gold;font-size:1.1em;font-weight:700;padding-bottom:8px}.formula-content,.formula-header{margin-bottom:10px;text-align:center}.formula-content{background:#00000080;border-radius:5px;padding:10px}.formula-content code{color:#87ceeb;font-family:Consolas,Monaco,monospace;font-size:1em}.formula-breakdown{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr;margin-bottom:10px}.formula-var{background:#0000004d;border-radius:3px;color:#ddd;font-size:.85em;padding:3px 8px}.formula-result{border-top:1px solid #ffd7004d;color:#32cd32;font-size:1.1em;padding-top:10px;text-align:center}.formula-result strong{color:gold;font-size:1.3em}.formula-help{background:#0000004d;border-left:3px solid #4169e1;border-radius:5px;margin-top:8px;padding:10px}.formula-help small{color:#aaa;font-size:.85em;line-height:1.5}.formula-help code{background:#0006;border-radius:3px;color:#87ceeb;font-family:Consolas,Monaco,monospace;padding:2px 6px}.stats-section{background:#8b451333;border:2px solid #8b4513;border-radius:10px;padding:20px}.stats-section h2{color:gold;margin-bottom:15px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{align-items:center;background:#0000004d;border-radius:8px;display:flex;flex-direction:column;gap:5px;padding:15px}.stat-icon{font-size:2em}.stat-name{color:#daa520;font-size:.9em}.stat-value{color:gold;font-size:1.5em;font-weight:700}.stats-section.levelup-active{animation:levelup-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd70026,#8b45134d);border:3px solid gold}@keyframes levelup-glow{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 25px #ffd70099}}.stats-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.stats-header h2{color:gold;margin:0}.levelup-indicator{align-items:center;display:flex;gap:15px}.levelup-badge{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,gold,#daa520);border-radius:20px;color:#1a0a00;font-size:.9em;font-weight:700;padding:5px 15px}.points-remaining{background:#00000080;border-radius:15px;color:gold;font-size:.9em;font-weight:700;padding:5px 12px}.stat-item.stat-editable{background:#ffd7001a;border:2px solid #ffd7004d;transition:all .3s ease}.stat-item.stat-editable:hover{background:#ffd70033;border-color:gold}.stat-levelup-controls{align-items:center;display:flex;gap:8px}.stat-btn-inline{align-items:center;background:#00000080;border:2px solid gold;border-radius:50%;color:gold;cursor:pointer;display:flex;font-size:1.2em;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.stat-btn-inline:hover:not(:disabled){background:gold;color:#1a0a00;transform:scale(1.1)}.stat-btn-inline:disabled{cursor:not-allowed;opacity:.3}.stat-btn-inline.increase{border-color:#32cd32;color:#32cd32}.stat-btn-inline.increase:hover:not(:disabled){background:#32cd32;color:#fff}.stat-btn-inline.decrease{border-color:#dc3545;color:#dc3545}.stat-btn-inline.decrease:hover:not(:disabled){background:#dc3545;color:#fff}.stat-bonus{color:#32cd32;font-size:.7em;margin-left:3px;vertical-align:super}.levelup-confirm-area{margin-top:20px;text-align:center}.levelup-confirm-area .commit-levelup-button{background:linear-gradient(135deg,#32cd32,#228b22);border:2px solid #228b22;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px 30px;transition:all .3s ease}.levelup-confirm-area .commit-levelup-button:hover:not(:disabled){box-shadow:0 0 20px #32cd3280;transform:scale(1.05)}.levelup-confirm-area .commit-levelup-button:disabled{background:linear-gradient(135deg,#666,#444);border-color:#444;cursor:not-allowed;opacity:.5}.abilities-section,.items-section,.special-section{background:#8b451333;border:2px solid #8b4513;border-radius:10px;padding:20px}.abilities-section h2,.items-section h2,.special-section h2{color:gold;margin-bottom:15px}.items-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.item-card{background:#0006;border:2px solid #8b4513;border-radius:8px;padding:15px;transition:all .3s ease}.item-card:hover{border-color:gold;box-shadow:0 4px 12px #ffd70033;transform:translateY(-2px)}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.item-header h3{color:gold;flex:1 1;font-size:1.1em;margin:0}.item-type-badge{background:#8b451380;border:1px solid #8b4513;border-radius:4px;color:#daa520;font-size:.85em;padding:4px 10px}.item-description{color:#ccc;font-size:.9em;line-height:1.4;margin:8px 0}.item-effect{color:#90ee90;font-size:.9em;font-style:italic;margin:8px 0}.stat-bonus-list{gap:8px}.stat-bonus-item{background:linear-gradient(135deg,#8b451399,#643214cc);border:1px solid #8b4513;border-radius:4px;color:gold;font-size:.85em;font-weight:700;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.stat-bonus-item:hover{background:linear-gradient(135deg,#8b4513cc,#643214);border-color:gold;transform:scale(1.1)}.abilities-list{display:flex;flex-direction:column;gap:15px}.ability-card{background:#0000004d;border:1px solid #8b4513;border-radius:8px;padding:15px}.ability-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ability-header strong{color:gold;font-size:1.1em}.mana-cost{color:#87ceeb;font-weight:700}.ability-description{color:#ddd;font-size:.95em;margin-bottom:8px}.ability-effect{color:#90ee90;font-size:.9em;font-style:italic}.special-card{background:#8b008b33;border:2px solid #9370db;border-radius:8px;padding:15px}.special-card p{color:#ddd;line-height:1.6}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:40px}.loading-container .spinner{animation:spin 2s linear infinite;font-size:3em}.loading-container p{color:#ddd;font-size:1.2em;margin-top:20px}.no-content{color:#888;font-style:italic;padding:20px;text-align:center}.header-buttons{display:flex;gap:10px}.logout-button{background:linear-gradient(135deg,#8b0000,#500)!important;border-color:#8b0000!important}.logout-button:hover{background:linear-gradient(135deg,#cd0000,#8b0000)!important}.players-characters-section{box-sizing:border-box;grid-column:1/-1;max-height:calc(100vh - 160px);overflow-y:auto;width:100%}.players-characters-list{grid-gap:8px;box-sizing:border-box;display:grid;font-size:1.6em;gap:8px;grid-template-columns:repeat(8,1fr);width:100%}@media (min-width:2560px){.players-characters-list{grid-template-columns:repeat(8,1fr)}}@media (min-width:1920px) and (max-width:2559px){.players-characters-list{grid-template-columns:repeat(8,1fr)}}@media (min-width:1600px) and (max-width:1919px){.players-characters-list{grid-template-columns:repeat(8,1fr)}}@media (min-width:1366px) and (max-width:1599px){.players-characters-list{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px) and (max-width:1365px){.players-characters-list{grid-template-columns:repeat(4,1fr)}}@media (max-width:1023px){.players-characters-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.players-characters-list{grid-template-columns:repeat(2,1fr)}}.player-character-card{background:#8b451333;border:2px solid #8b4513;border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;font-size:.8em;gap:4px;min-width:0;padding:6px;width:100%}.player-info-card{background:#4682b433;border:1px solid #4682b4;border-radius:4px;padding:6px}.player-header{align-items:center;display:flex;gap:6px}.player-icon{font-size:1.2em;line-height:1}.player-header strong{color:#87ceeb;font-size:.85em;margin-bottom:0}.player-email,.player-header strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-email{color:#aaa;font-size:.65em}.character-card-inline{background:#8b45134d;border:1px solid #d2691e;border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:6px;transition:all .3s ease}.character-card-inline.drop-zone{position:relative}.character-card-inline.drop-zone.drag-over{background:#ffd70033;border:2px dashed gold;box-shadow:0 0 20px #ffd70080;transform:scale(1.02)}.character-card-inline.drop-zone:before{background:#000000e6;border-radius:5px;color:gold;content:"⬇ Item hier ablegen";font-size:.9em;font-weight:700;left:50%;opacity:0;padding:10px 15px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;white-space:nowrap;z-index:100}.character-card-inline.drop-zone.drag-over:before{opacity:1}.character-items-compact{border-top:1px solid #8b4513;margin-top:8px;padding-top:8px}.items-header-compact{margin-bottom:6px}.items-header-compact strong{color:#daa520;font-size:.85em}.items-list-compact{display:flex;flex-direction:column;gap:4px}.character-item-compact{align-items:center;background:#0000004d;border:1px solid #8b4513;border-radius:4px;display:flex;font-size:.8em;gap:6px;justify-content:space-between;padding:4px 6px}.item-name-compact{color:gold;flex:1 1;font-weight:700}.item-bonuses-compact{display:flex;flex-wrap:wrap;gap:4px}.item-bonuses-compact span{background:#8b451380;border:1px solid #8b4513;border-radius:3px;color:gold;font-size:.75em;font-weight:700;padding:2px 5px}.remove-item-btn{align-items:center;background:#dc143c4d;border:1px solid #dc143c;border-radius:3px;color:#ff6b6b;cursor:pointer;display:flex;font-size:.9em;height:20px;justify-content:center;min-width:20px;padding:2px 6px;transition:all .2s ease}.remove-item-btn:hover{background:#dc143c99;border-color:#ff1744;transform:scale(1.1)}.character-card-inline.pending-levelup{animation:pulse-gold 2s ease-in-out infinite;background:#ffd7001a;border-color:gold}.character-header-inline{align-items:center;display:flex;gap:4px}.char-icon{font-size:1.2em;line-height:1}.character-info strong{color:gold;display:block;font-size:.8em;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-class{font-size:.7em}.character-stats-inline{background:#0000004d;border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;padding:10px}.character-stats-inline .stat{color:#ddd;font-size:.95em}.pending-info-inline{border-radius:4px;font-size:.75em;padding:4px 8px}.character-actions-inline{display:flex;flex-wrap:nowrap;gap:2px;justify-content:center}.action-btn{background:#8b451399;border:1px solid #8b4513;border-radius:3px;color:#fff;cursor:pointer;font-size:.75em;min-width:24px;padding:3px 5px;transition:all .2s}.action-btn:hover{box-shadow:0 2px 4px #0000004d;transform:scale(1.1)}.level-up-btn{background:linear-gradient(135deg,#228b22,#006400);border-color:#006400}.level-up-btn:hover{background:linear-gradient(135deg,#32cd32,#228b22)}.set-level-btn{background:linear-gradient(135deg,#4169e1,navy);border-color:navy}.set-level-btn:hover{background:linear-gradient(135deg,#6495ed,#4169e1)}.reset-btn{background:linear-gradient(135deg,#ff8c00,#ff4500);border-color:#ff4500}.reset-btn:hover{background:linear-gradient(135deg,orange,#ff8c00)}.health-btn{background:linear-gradient(135deg,#dc143c,#8b0000);border-color:#8b0000}.health-btn:hover{background:linear-gradient(135deg,#ff1744,#dc143c)}.mana-btn{background:linear-gradient(135deg,#4169e1,#191970);border-color:#191970}.mana-btn:hover{background:linear-gradient(135deg,#6495ed,#4169e1)}.no-character-assigned{align-items:center;background:#80808033;border:1px dashed #666;border-radius:4px;color:#aaa;display:flex;flex-direction:column;font-size:.8em;gap:4px;padding:10px}.waiting-icon{font-size:1.2em}@keyframes pulse-gold{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}.levelup-section{animation:pulse-gold 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd70026,#daa52026);border:3px solid gold;border-radius:15px;grid-column:1/-1;padding:25px}.levelup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.levelup-header h2{color:gold;font-size:1.8em;margin:0}.skillpoints-badge{background:linear-gradient(135deg,gold,#daa520);border-radius:25px;box-shadow:0 4px 10px #ffd70080;color:#000;font-size:1.2em;font-weight:700;padding:10px 20px}.levelup-instruction{color:#ddd;font-size:1.1em;margin-bottom:20px;text-align:center}.levelup-stats{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.levelup-stat-row{background:#0006;border:2px solid #8b4513;border-radius:10px;justify-content:space-between;padding:15px}.levelup-stat-row,.stat-info{align-items:center;display:flex}.stat-info{flex:1 1;gap:15px}.stat-info .stat-icon{font-size:1.8em}.stat-info .stat-name{color:#daa520;font-weight:700;min-width:120px}.base-value{color:#888}.base-value,.increase-value{font-size:1.2em;font-weight:700}.increase-value{color:#32cd32;margin-left:5px}.final-value{color:#fff;font-size:1.3em;font-weight:700;margin-left:10px}.stat-controls{gap:10px}.stat-btn,.stat-controls{align-items:center;display:flex}.stat-btn{background:#8b451399;border:2px solid #8b4513;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5em;font-weight:700;height:40px;justify-content:center;transition:all .3s;width:40px}.stat-btn:hover:not(:disabled){box-shadow:0 0 15px #ffd70080;transform:scale(1.1)}.stat-btn.increase{background:linear-gradient(135deg,#228b22,#006400);border-color:#006400}.stat-btn.decrease{background:linear-gradient(135deg,#ff8c00,#ff4500);border-color:#ff4500}.stat-btn:disabled{cursor:not-allowed;opacity:.4}.stat-distributed{font-size:1.3em;min-width:30px}.levelup-summary,.stat-distributed{color:gold;font-weight:700;text-align:center}.levelup-summary{font-size:1.2em;margin-bottom:20px}.commit-levelup-button{background:linear-gradient(135deg,#32cd32,#228b22);border:3px solid #228b22;border-radius:10px;color:#fff;cursor:pointer;font-size:1.3em;font-weight:700;padding:15px 30px;text-transform:uppercase;transition:all .3s;width:100%}.commit-levelup-button:hover:not(:disabled){background:linear-gradient(135deg,#3cb371,#32cd32);box-shadow:0 6px 20px #32cd3280;transform:scale(1.02)}.commit-levelup-button:disabled{background:#666;border-color:#444;cursor:not-allowed;opacity:.5}.character-vitals-compact{background:#0000004d;border-radius:3px;display:flex;flex-wrap:wrap;font-size:.7em;gap:2px;padding:2px 4px}.stat-compact{color:#ddd;font-size:.85em;white-space:nowrap}.calculated-stats-compact{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:4px}.calc-stat{align-items:center;background:linear-gradient(135deg,#8b451366,#64321480);border:1px solid #8b4513;border-radius:4px;cursor:help;display:flex;gap:4px;padding:3px 6px}.calc-stat:hover{background:linear-gradient(135deg,#8b451399,#643214b3);border-color:gold}.calc-icon{font-size:.85em}.calc-label{color:#aaa;flex:1 1;font-size:.65em}.calc-value{color:gold;font-size:.85em;font-weight:700}.character-stats-grid-compact{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(4,1fr)}.stat-item-compact{align-items:center;background:#0000004d;border-radius:3px;display:flex;gap:2px;justify-content:center;padding:2px}.stat-icon-small{font-size:.8em}.stat-value-small{color:gold;font-size:.75em;font-weight:700}.skill-points-badge-compact{background:linear-gradient(135deg,gold,#daa520);border-radius:3px;color:#000;font-weight:700}.pending-info-inline,.skill-points-badge-compact{font-size:.65em;padding:2px 4px;text-align:center}.pending-info-inline{background:#ffd70033;border:1px solid gold;border-radius:3px;color:gold}.char-icon{font-size:1em}.char-class{color:#daa520;font-size:.65em;font-style:italic}.player-icon{font-size:1em}.modal-overlay{align-items:center;animation:fadeIn .3s;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.modal-content{animation:scaleIn .3s;background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid gold;border-radius:15px;box-shadow:0 10px 40px #ffd7004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#8b45134d;border-bottom:2px solid #8b4513;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h2{color:gold;font-size:1.8em;margin:0}.modal-close{background:#0000;border:2px solid #8b4513;border-radius:50%;color:gold;cursor:pointer;font-size:1.5em;height:40px;transition:all .3s;width:40px}.modal-close:hover{background:#8b0000;border-color:#8b0000;transform:scale(1.1)}.modal-body{padding:25px}.modal-footer{background:#8b451333;border-top:2px solid #8b4513;display:flex;gap:15px;justify-content:flex-end;padding:20px 25px}.modal-footer .cancel-btn{background:linear-gradient(135deg,#555,#333);border-color:#555}.modal-footer .cancel-btn:hover{background:linear-gradient(135deg,#666,#444)}.modal-footer .create-btn{background:linear-gradient(135deg,#228b22,#006400);border-color:#006400}.modal-footer .create-btn:hover{background:linear-gradient(135deg,#32cd32,#228b22)}.character-form{display:flex;flex-direction:column;gap:25px}.form-section{background:#8b451333;border:2px solid #8b4513;border-radius:10px;padding:20px}.form-section h3{border-bottom:1px solid #8b4513;color:gold;font-size:1.2em;margin:0 0 15px;padding-bottom:10px}.form-help-text{color:#aaa;font-size:.85em;font-style:italic;line-height:1.5;margin-bottom:10px;margin-top:8px}.form-help-text code{background:#8b45134d;border:1px solid #8b4513;border-radius:3px;color:gold;font-family:Courier New,monospace;font-size:.9em;font-style:normal;padding:2px 6px}.form-help-text strong{color:#daa520;font-style:normal}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.character-form .form-group{display:flex;flex-direction:column;gap:8px}.character-form .form-group.full-width{grid-column:1/-1}.character-form .form-group label{color:#daa520;font-size:.95em;font-weight:700}.character-form .form-group input,.character-form .form-group select,.character-form .form-group textarea{background:#0006;border:2px solid #8b4513;border-radius:8px;color:beige;font-family:Cinzel,serif;font-size:1em;padding:12px;transition:all .3s}.character-form .form-group input:focus,.character-form .form-group select:focus,.character-form .form-group textarea:focus{border-color:gold;box-shadow:0 0 10px #ffd7004d;outline:none}.character-form .form-group select{cursor:pointer}.character-form .form-group textarea{min-height:60px;resize:vertical}.stats-form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-form-item{align-items:center;background:#0000004d;border:2px solid #8b4513;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:15px;transition:all .3s}.stat-form-item:hover{border-color:gold;box-shadow:0 0 15px #ffd70033}.stat-form-item .stat-icon{font-size:2em}.stat-form-item label{color:#daa520;font-size:1em;font-weight:700}.stat-input-controls{align-items:center;display:flex;gap:8px}.stat-input-controls input{background:#00000080;border:2px solid #8b4513;border-radius:5px;color:#fff;padding:8px;text-align:center;width:60px}.stats-bonus-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:15px}.stats-bonus-grid .form-group{background:#0000004d;border:2px solid #8b4513;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:15px;transition:all .3s}.stats-bonus-grid .form-group:hover{border-color:gold;box-shadow:0 0 15px #ffd70033}.stats-bonus-grid .form-group label{color:#daa520;font-size:.95em;font-weight:700}.stats-bonus-grid .form-group input{background:#00000080;border:2px solid #8b4513;border-radius:5px;color:gold;font-family:Cinzel,serif;font-size:1.2em;font-weight:700;padding:10px;text-align:center;width:100%}.stat-input-controls input:focus{border-color:gold;outline:none}.stat-adjust-btn{align-items:center;background:#8b451399;border:2px solid #8b4513;border-radius:50%;color:gold;cursor:pointer;display:flex;font-size:1.3em;font-weight:700;height:35px;justify-content:center;transition:all .3s;width:35px}.stat-adjust-btn:hover{background:#8b4513;box-shadow:0 0 10px #ffd70066;transform:scale(1.1)}.stat-adjust-btn:active{transform:scale(.95)}.icon-grid{grid-gap:8px;background:#0000004d;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(10,1fr);max-height:200px;overflow-y:auto;padding:10px}.icon-btn{align-items:center;background:#8b45134d;border:2px solid #8b4513;border-radius:8px;cursor:pointer;display:flex;font-size:1.5em;height:40px;justify-content:center;transition:all .2s;width:40px}.icon-btn:hover{background:#8b451399;border-color:#daa520;transform:scale(1.1)}.icon-btn.selected{background:linear-gradient(135deg,gold,#daa520);border-color:gold;box-shadow:0 0 15px #ffd70080;transform:scale(1.1)}.preview-section{background:#0006!important}.item-preview,.spell-preview{align-items:center;background:#8b45134d;border:2px solid #8b4513;border-radius:10px;display:flex;gap:15px;padding:15px}.preview-icon{font-size:2.5em}.preview-name{color:gold;font-size:1.3em;font-weight:700}.preview-stats,.preview-type{color:#daa520;font-style:italic;margin-left:auto}.item-form,.spell-form{display:flex;flex-direction:column;gap:20px}.item-modal .modal-header{background:linear-gradient(135deg,#8b451380,#65432180)}.spell-modal .modal-header{background:linear-gradient(135deg,#4b008266,#8a2be24d)}.spell-modal .modal-header h2{color:plum}.spell-modal .icon-btn.selected{background:linear-gradient(135deg,#9370db,#8a2be2);border-color:plum;box-shadow:0 0 15px #ba55d380}@media (max-width:768px){.icon-grid{grid-template-columns:repeat(6,1fr)}.icon-btn{font-size:1.2em;height:35px;width:35px}}@media (max-width:480px){.icon-grid{grid-template-columns:repeat(5,1fr)}}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.section-header h2{color:gold;margin:0}.section-info{background:#4682b433;border-left:3px solid #4682b4;border-radius:5px;color:#87ceeb;font-size:.9em;font-style:italic;margin-bottom:15px;padding:10px}.character-stats-preview{background:#0000004d;border-radius:5px;display:flex;gap:10px;justify-content:center;margin:10px 0;padding:8px}.character-stats-preview span{color:#ddd;font-size:.9em}.edit-btn{background:linear-gradient(135deg,#4169e1,#1e3a8a)!important;border-color:#1e3a8a!important;font-size:.85em!important;padding:6px 12px!important}.edit-btn:hover{background:linear-gradient(135deg,#5a7fd6,#4169e1)!important}.data-section{padding:10px}.data-card{background:#0000004d;border:2px solid #8b4513;border-radius:10px;padding:15px;transition:all .3s}.data-card:hover{border-color:gold;box-shadow:0 5px 15px #ffd70033;transform:translateY(-3px)}.data-card h3{color:gold;margin:0 0 10px}.data-card p{color:#ddd;font-size:.9em;margin:5px 0}.data-card .effect{color:#90ee90;font-style:italic}.item-stat-bonuses{border-top:1px solid #8b4513;margin-top:10px;padding-top:10px}.item-stat-bonuses strong{color:#daa520;display:block;font-size:.9em;margin-bottom:8px}.stat-bonus-list{display:flex;flex-wrap:wrap;gap:10px}.stat-bonus-list span{background:#8b451366;border:1px solid #8b4513;border-radius:5px;color:gold;font-size:.9em;font-weight:700;padding:5px 10px}@media (max-width:768px){.game-title{font-size:2.5em}.data-grid,.role-buttons{grid-template-columns:1fr}.admin-content,.landing-page{padding:25px 15px}.overview-grid{grid-template-columns:1fr}.game-header{flex-direction:column;gap:15px}.join-request-item{align-items:flex-start;flex-direction:column}.modal-content{max-height:95vh}.stats-form-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.spells-drag-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:12px}.draggable-spell{background:#0006;border:2px solid #8b4513;border-radius:6px;cursor:grab;display:flex;flex-direction:column;gap:8px;padding:12px;position:relative;transition:all .3s ease}.draggable-spell:hover{background:#9370db4d;border-color:#9370db;box-shadow:0 4px 12px #9370db66;transform:translateY(-2px)}.draggable-spell:active{cursor:grabbing;transform:scale(.98)}.spell-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.spell-header strong{color:#9370db;flex:1 1;font-size:1.1em}.spell-meta{align-items:center;display:flex;gap:8px}.spell-level{background:#8b451380;border-radius:4px;color:#daa520;font-size:.85em;font-weight:700;padding:4px 8px}.spell-mana{color:#4fc3f7;font-size:.9em;font-weight:700}.spell-description{color:#e0e0e0;font-size:.9em;margin:0}.spell-effect{color:#fff;font-size:.9em;margin:0}.formula-hint{color:gold;font-size:.85em;margin-left:4px}.character-spells-compact{border-top:1px solid #8b4513;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px}.character-spells-compact strong{color:#9370db;font-size:.85em}.spell-badge-compact{align-items:center;background:#9370db33;border:1px solid #9370db;border-radius:5px;display:flex;gap:8px;padding:6px 10px;position:relative}.spell-name-compact{color:#fff;flex:1 1;font-size:.9em;font-weight:700}.spell-mana-compact{color:#4fc3f7;font-size:.85em;font-weight:700}.formula-indicator-compact{color:gold;cursor:help;font-size:.85em}.remove-spell-btn{align-items:center;background:#f443364d;border:1px solid #f44336;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2em;height:22px;justify-content:center;line-height:1;margin:0;padding:0;transition:all .2s;width:22px}.remove-spell-btn:hover{background:#f4433699;transform:scale(1.1)}.spell-with-popup{position:relative}.spell-formula-popup{animation:popupScaleIn .2s ease-out;background:#000000f2;border:2px solid #9370db;border-radius:8px;box-shadow:0 8px 32px #9370db99;left:50%;max-width:500px;min-width:300px;padding:16px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:99999}@keyframes popupScaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.formula-popup-header{border-bottom:1px solid #9370db;color:#9370db;font-size:1.1em;font-weight:700;margin-bottom:12px;padding-bottom:8px}.formula-popup-content{display:flex;flex-direction:column;gap:8px}.formula-original{color:#daa520;font-size:.9em}.formula-result{color:#4fc3f7;font-size:1em;font-weight:700}.spell-with-formula{position:relative}.ability-card.spell-with-formula .spell-formula-popup{animation:popupScaleIn .2s ease-out;background:#000000f2;border:2px solid #9370db;border-radius:8px;box-shadow:0 8px 32px #9370db99;left:50%;max-width:500px;min-width:300px;padding:16px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:99999}.section-hint{color:#daa520;font-size:.9em;font-style:italic;margin-bottom:8px}.player-view-epic{background:linear-gradient(135deg,#0a0505,#1a0a00 50%,#0d0d0d);min-height:100vh;padding-top:80px}.player-registration-epic{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px;position:relative}.epic-overlay{background:radial-gradient(circle at 50% 50%,#8b45131a 0,#0000 70%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.registration-container-epic{background:linear-gradient(135deg,#1a0a00e6,#0a0505f2);border:3px solid #8b4513;border-radius:20px;box-shadow:0 20px 60px #000c;max-width:600px;padding:60px 50px;position:relative;text-align:center;width:100%;z-index:1}.epic-title-form{color:gold;font-family:Cinzel,serif;font-size:2.5em;letter-spacing:2px;margin-bottom:20px;text-shadow:2px 2px 4px #000c}.registration-subtitle-epic{color:#daa520;font-size:1.1em;font-style:italic;margin-bottom:30px}.name-input-form-epic{display:flex;flex-direction:column;gap:20px;margin-top:30px}.name-input-form-epic label{color:gold;font-size:1.1em;font-weight:700}.epic-input{background:#00000080;border:2px solid #8b4513;border-radius:8px;color:beige;font-family:Cinzel,serif;font-size:1.1em;padding:15px;transition:all .3s ease}.epic-input:focus{border-color:gold;box-shadow:0 0 15px #ffd7004d;outline:none}.back-link-epic{background:none;border:none;color:#daa520;cursor:pointer;font-family:Cinzel,serif;font-size:1em;margin-top:30px;text-decoration:underline;transition:color .3s ease}.back-link-epic:hover{color:gold}.player-content-epic{margin:0 auto;max-width:1400px;padding:40px 30px}.player-header-epic{align-items:flex-start;background:linear-gradient(135deg,#1a0a00b3,#0a0505cc);border:3px solid #8b4513;border-radius:15px;box-shadow:0 10px 30px #0009;display:flex;justify-content:space-between;margin-bottom:40px;padding:30px}.player-title-epic{color:gold;font-family:Cinzel,serif;font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px #000c}.subtitle-epic{color:#daa520;font-size:1.2em;font-style:italic}.header-ornament-small{color:#8b4513;font-size:.9em;letter-spacing:2px;margin:10px 0}.active-games-section-epic{margin-top:40px}.section-title-epic{color:gold;font-family:Cinzel,serif;font-size:2em;text-shadow:2px 2px 4px #000c}.no-games-epic{background:linear-gradient(135deg,#1a0a0080,#0a050599);border:2px dashed #8b4513;border-radius:15px;margin-top:30px;padding:60px 20px;text-align:center}.no-games-icon{animation:pulse 2s ease-in-out infinite;font-size:4em;margin-bottom:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.no-games-epic p{color:#daa520;font-size:1.1em;margin:10px 0}.games-grid-epic{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:30px}.game-card-epic{background:linear-gradient(135deg,#1a0a00cc,#0a0505e6);border:3px solid #8b4513;border-radius:15px;box-shadow:0 8px 20px #00000080;padding:25px;transition:all .3s ease}.game-card-epic:hover{border-color:gold;box-shadow:0 15px 40px #ffd7004d;transform:translateY(-5px)}.game-card-header{border-bottom:2px solid #8b4513;margin-bottom:15px;padding-bottom:15px}.game-card-header h3{color:gold;font-family:Cinzel,serif;font-size:1.5em;text-shadow:1px 1px 3px #000c}.game-info-epic{color:#daa520;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.game-info-epic span{font-size:1em}.refresh-button-container{margin-top:40px;text-align:center}.pending-overlay-epic{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.pending-content-epic{background:linear-gradient(135deg,#1a0a00f2,#0a0505fa);border:3px solid gold;border-radius:20px;box-shadow:0 20px 60px #ffd70066;max-width:500px;padding:50px;text-align:center}.spinner-epic{animation:spin 2s linear infinite;font-size:3em;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pending-content-epic h2{color:gold;font-family:Cinzel,serif;margin-bottom:20px}.pending-content-epic p{color:#daa520;margin:10px 0}.waiting-text{color:#aaa;font-style:italic}.admin-panel-epic{background:linear-gradient(135deg,#0a0505,#1a0a00 50%,#0d0d0d);min-height:100vh;padding-top:80px}.admin-content-epic{margin:0 auto;max-width:1400px;padding:40px 30px}.admin-header-epic{align-items:flex-start;background:linear-gradient(135deg,#1a0a00b3,#0a0505cc);border:3px solid #8b4513;border-radius:15px;box-shadow:0 10px 30px #0009;display:flex;justify-content:space-between;margin-bottom:40px;padding:30px;position:relative;z-index:100}.admin-header-epic button{pointer-events:auto;position:relative;z-index:101}.admin-title-epic{color:gold;font-family:Cinzel,serif;font-size:2.5em;text-shadow:2px 2px 4px #000c}.admin-tabs-epic{background:linear-gradient(135deg,#1a0a0080,#0a050599);border:2px solid #8b4513;border-radius:15px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px;padding:20px;position:relative;z-index:100}.tab-button-epic{background:linear-gradient(135deg,#8b45134d,#65432166);border:2px solid #8b4513;border-radius:10px;color:#daa520;cursor:pointer;font-family:Cinzel,serif;font-size:1.1em;font-weight:700;padding:15px 30px;pointer-events:auto;position:relative;transition:all .3s ease;z-index:100}.tab-button-epic:hover{border-color:gold;box-shadow:0 5px 15px #ffd7004d;color:gold;transform:translateY(-2px)}.tab-button-epic.active{background:linear-gradient(135deg,#8b4513,#654321);border-color:gold;box-shadow:0 0 20px #ffd70066;color:gold}.admin-content-section{background:linear-gradient(135deg,#1a0a0099,#0a0505b3);border:2px solid #8b4513;border-radius:15px;min-height:400px;padding:30px;position:relative;z-index:1}@media (max-width:768px){.admin-header-epic,.player-header-epic{flex-direction:column;gap:20px}.games-grid-epic{grid-template-columns:1fr}.admin-tabs-epic{flex-direction:column}.tab-button-epic{width:100%}}.cta-button.disabled{cursor:not-allowed;opacity:.5}.cta-button.disabled:hover{box-shadow:none;transform:none}.cta-button.secondary{background:linear-gradient(135deg,#4a4a4a,#2a2a2a 50%,#1a1a1a);border-color:#8b4513;box-shadow:0 5px 30px #8b451380;color:gold;position:relative;z-index:10}.cta-button.secondary:hover{background:linear-gradient(135deg,#5a5a5a,#3a3a3a 50%,#2a2a2a);box-shadow:0 10px 50px #8b4513b3;transform:translateY(-5px) scale(1.05)}
/*# sourceMappingURL=main.905984d8.css.map*/