@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{justify-content:center;margin:0;padding:0;background:linear-gradient(135deg,#2a1a5e,#0d1b2a);position:relative;min-height:100vh;overflow-x:hidden;display:flex;align-items:center}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.7;animation:twinkle 5s ease-in-out infinite}@keyframes twinkle{0%{opacity:.7}50%{opacity:.9}to{opacity:.7}}h2{font-family:Cinzel,serif;color:#fff;text-align:left;margin-top:1rem;text-shadow:0 0 5px rgba(255,255,255,.5)}.app{margin:0 auto;padding:2rem;position:relative;z-index:1;width:90%;max-width:1200px}.app-header{text-align:center;margin-bottom:2rem;position:relative}.logo{font-family:Cinzel,serif;font-size:2.2rem;font-weight:700;color:#ff69b4;text-transform:uppercase;position:relative;display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,#2a1a5ecc,#0d1b2ae6);border:2px solid rgba(204,204,204,.3);border-radius:10px;box-shadow:0 4px 20px #0000004d,inset 0 2px 5px #ffffff1a;-webkit-background-clip:text;background-clip:text;text-shadow:0 0 10px rgba(255,105,180,.8),0 0 15px rgba(199,21,133,.6);animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%{text-shadow:0 0 10px rgba(255,105,180,.8),0 0 15px rgba(199,21,133,.6)}50%{text-shadow:0 0 15px rgba(255,105,180,1),0 0 20px rgba(199,21,133,.8)}to{text-shadow:0 0 10px rgba(255,105,180,.8),0 0 15px rgba(199,21,133,.6)}}.app-description{font-size:1rem;color:#ccc;line-height:1.5}.app-content{display:flex;flex-direction:column;gap:1.5rem;overflow:auto}.app-settings{display:flex;justify-content:flex-start;padding:.5rem 0}.settings-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fff;cursor:pointer}.settings-label input[type=checkbox]{width:1rem;height:1rem;accent-color:#D147A3}.combatant-form,.combat-controls,.combat-history{margin:0}.combatant-form .note{color:#ccc;font-style:italic;margin:5px 0;font-size:.9em}.content-container{max-width:100%;padding:10px;background:linear-gradient(135deg,#2a1a5ecc,#0d1b2ae6);border:2px solid rgba(204,204,204,.3);border-radius:10px;position:relative;box-shadow:0 4px 20px #0000004d,inset 0 2px 5px #ffffff1a}.content-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;opacity:.2;z-index:-1;border-radius:10px}.form-title,.controls-title,.table-title,.history-title{font-size:1.2em;margin-bottom:5px;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5)}.combatant-form{display:flex;flex-direction:column;gap:5px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:5px;margin-bottom:5px}.form-group{display:flex;flex-direction:column;gap:2px}.form-group label{font-size:.9em;color:#ddd;font-weight:500}.form-group input,.form-group select{padding:4px;border:1px solid rgba(204,204,204,.5);border-radius:3px;font-size:.9em;background:#ffffffe6;color:#333;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#d147a3;box-shadow:0 0 5px #d147a380}.short-input{width:60px}.med-input{width:85px}.submit-button{padding:5px 10px;background:#d147a3;color:#fff;border:1px solid rgba(204,204,204,.5);border-radius:3px;font-size:.9em;cursor:pointer;transition:background .2s,box-shadow .2s;align-self:flex-end}.submit-button:hover{background:#b5368e;box-shadow:0 0 10px #d147a3b3}.submit-button:disabled{background:#666;cursor:not-allowed}.combat-active-controls{display:flex;flex-direction:column;gap:1rem}.turn-section{margin-top:1rem}.turn-title{font-size:1.25rem;margin-bottom:.75rem;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5)}.action-form{display:flex;flex-direction:column;gap:1rem}.action-button{padding:8px 16px;background:#d147a3;color:#fff;border:1px solid rgba(204,204,204,.5);border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s,box-shadow .2s}.action-button:hover{background:#b5368e;box-shadow:0 0 10px #d147a3b3}.action-button:disabled{background:#666;cursor:not-allowed}.combatant-table{width:100%;border-collapse:collapse;background:linear-gradient(135deg,#2a1a5e33,#0d1b2a4d);border:1px solid rgba(204,204,204,.3)}.combatant-table th,.combatant-table td{border:1px solid rgba(204,204,204,.3);padding:8px;text-align:left;font-size:.9rem;color:#ddd;background:#ffffff1a;transition:background .2s}.combatant-table th{background:#e9ecef33;font-weight:600;color:#fff;text-shadow:0 0 2px rgba(255,255,255,.5)}.combatant-table tr.active{background-color:#d4edda4d}.combatant-table tr.defeated{background-color:#f8d7da4d;text-decoration:line-through}.combatant-table tr:hover:not(.active):not(.defeated){background:#f1f3f533}.combatant-table td.empty-state{text-align:center;color:#ccc;font-style:italic;padding:16px;background:transparent}.history-column{flex:1;min-width:200px;max-width:30%;padding-right:1rem}.main-column{flex:2;min-width:400px}.layout-container{display:flex;gap:1rem;justify-content:center;align-items:flex-start}@media (max-width: 800px){.layout-container{flex-direction:column}.history-column{order:2;max-width:100%;padding-right:0;margin-bottom:1rem}.main-column{order:1;min-width:100%}}.history-list{list-style:none;padding:0;margin:0;background:#ffffffe6;border:1px solid rgba(204,204,204,.5);border-radius:4px}.history-item{display:flex;flex-direction:column;padding:8px;border-bottom:1px solid rgba(204,204,204,.5)}.history-item:last-child{border-bottom:none}.history-timestamp{font-size:.85rem;color:#ccc;margin-bottom:.25rem}.history-description{font-size:.9rem;color:#333}.empty-state{text-align:center;color:#ccc;font-style:italic;padding:16px;margin:0}button{padding:8px 16px;margin:0 5px;background:#d147a3;color:#fff;border:1px solid rgba(204,204,204,.5);border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s,box-shadow .2s}button:hover{background:#b5368e;box-shadow:0 0 10px #d147a3b3}button:disabled{background:#666;cursor:not-allowed}