@import"https://fonts.googleapis.com/css2?family=Orbitron: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}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{margin:0;min-width:320px;min-height:100vh;background:#10121a;color:#e0e6f0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.container{max-width:900px;margin:2rem auto;background:#181a24;border-radius:18px;box-shadow:0 4px 32px #000c;padding:2rem 2rem 3rem;border:2px solid #22263a}h1{margin-bottom:1.5rem;font-size:2.5rem;color:#00b4d8;letter-spacing:2px;font-family:Orbitron,Arial Black,Arial,sans-serif;text-shadow:0 2px 8px #000a}.add-form{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.add-form input[type=text],.add-form input[type=number]{padding:.5rem 1rem;border-radius:8px;border:1.5px solid #22263a;font-size:1rem;background:#23263a;color:#e0e6f0;font-family:inherit}.add-form input[type=file]{color:#e0e6f0}.add-form button{background:linear-gradient(90deg,#22263a 60%,#23263a);color:#ffd166;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:1rem;cursor:pointer;font-family:inherit;font-weight:700;letter-spacing:1px;box-shadow:0 2px 8px #000a;transition:background .2s}.add-form button:hover{background:linear-gradient(90deg,#23263a 60%,#22263a)}.character-list{background:#181a24}.character-card{background:#23263a;border-radius:12px;box-shadow:0 2px 12px #000a;border:2px solid #181a24}.character-card.active{border:2px solid #ffd166;box-shadow:0 0 16px #ffd16644}.portrait{background:#181a24;border:2.5px solid #23263a;box-shadow:0 0 8px #000a}.portrait img{width:100%;height:100%;object-fit:cover}.placeholder{color:#444a5a}.info{color:#e0e6f0}.name{color:#fff}.initiative{color:#ffd166}.remove{position:absolute;top:8px;right:10px;background:none;border:none;color:#e63946;font-size:1.3rem;cursor:pointer;padding:0;line-height:1}.turn-indicator{margin-top:.5rem;color:#ffd166;font-weight:700;font-size:1rem;font-family:Orbitron,Arial,sans-serif;letter-spacing:1px}.next-turn{background:linear-gradient(90deg,#23263a 60%,#181a24);color:#ffd166;border:none;border-radius:8px;box-shadow:0 2px 8px #000a}.next-turn:hover{background:linear-gradient(90deg,#181a24 60%,#23263a)}.main-indicator{margin-top:.2rem;color:#ffd166;font-family:Orbitron,Arial,sans-serif;font-size:1rem;font-weight:700;letter-spacing:1px}.add-form input[disabled]{background:#181a24;color:#444a5a;border:1.5px dashed #ffd166;cursor:not-allowed}.main-db-list{margin-top:2.5rem;background:#16171e;border-radius:12px;padding:1.5rem 1rem;box-shadow:0 2px 12px #000a;border:1.5px solid #23263a}.main-db-list h2{color:#ffd166;font-family:Orbitron,Arial,sans-serif;font-size:1.3rem;margin-bottom:1rem}.main-db-empty{color:#888;font-style:italic;margin-bottom:1rem}.main-db-characters{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:1rem}.main-db-card{background:#23263a;border-radius:8px;padding:.7rem 1.2rem;display:flex;align-items:center;gap:.7rem;min-width:120px;box-shadow:0 1px 6px #0006;border:1.5px solid #181a24}.portrait.small{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;background:#181a24;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1.5px solid #23263a;box-shadow:0 0 4px #000a}.main-db-json{background:#10121a;color:#ffd166;font-size:.9rem;border-radius:6px;padding:.7rem 1rem;overflow-x:auto;max-width:100%}