body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;color:#111827;max-width:500px;padding:30px 40px;position:relative;text-align:center;width:80%}.modal-content h1,.modal-content h2,.modal-content h3{color:#111827}.modal-content p{color:#374151}.modal-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:2rem;position:absolute;right:15px;top:10px}.modal-close:hover{color:#111827}.App{text-align:center}:root{--bg:#0f172a;--bg-2:#111827;--surface:#111827;--surface-2:#1f2937;--text:#e5e7eb;--muted:#9ca3af;--accent:#d4af37;--accent-2:#f59e0b;--success:#2cce7d;--danger:#ef4444;--ring:#d4af3799;--radius:14px;--shadow:0 10px 30px #00000059}#root,body,html{height:100%}body{background:radial-gradient(1000px 600px at 10% 0,#0b1229 0,#0f172a 40%,#0a0f20 100%),linear-gradient(180deg,#d4af370f,#0000);background:radial-gradient(1000px 600px at 10% 0,#0b1229 0,var(--bg) 40%,#0a0f20 100%),linear-gradient(180deg,#d4af370f,#0000);background-attachment:fixed;color:#e5e7eb;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;margin:0}h1,h2,h3{font-family:Cinzel,Georgia,Times New Roman,serif;letter-spacing:.02em;margin:0 0 .5rem}.btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;justify-content:center;padding:.8rem 1.2rem;text-shadow:0 1px 0 #00000040;transition:transform .08s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.btn:focus-visible{box-shadow:0 0 0 4px #d4af3799;box-shadow:0 0 0 4px var(--ring);outline:none}.btn-primary{background:linear-gradient(180deg,#d4af37,#f59e0b);background:linear-gradient(180deg,var(--accent) 0,var(--accent-2) 100%);color:#1f2937}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary.tinted{background:linear-gradient(180deg,color-mix(in oklab,#d4af37 60%,#d4af37 40%),color-mix(in oklab,#f59e0b 60%,#f59e0b 40%));background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 60%,var(--choice,var(--accent)) 40%) 0,color-mix(in oklab,var(--accent-2) 60%,var(--choice,var(--accent-2)) 40%) 100%);box-shadow:0 10px 20px #00000059,0 0 0 1px color-mix(in oklab,#d4af37 70%,#0b1220);box-shadow:0 10px 20px #00000059,0 0 0 1px color-mix(in oklab,var(--choice,var(--accent)) 70%,#0b1220)}.btn-secondary{background:#0000;border-color:#3f4b63;color:#e5e7eb;color:var(--text)}.btn-secondary:hover{background:#ffffff0d}.btn-ghost{background:#0000;border-color:#0000;color:#9ca3af;color:var(--muted)}.btn-ghost:hover{background:#ffffff0a;color:#e5e7eb;color:var(--text)}.btn:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(10%);opacity:.55}.btn-lg{font-size:1.1rem;padding:1rem 1.4rem}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 #f59e0b80;box-shadow:0 0 0 0 var(--glow-base,#f59e0b80)}70%{box-shadow:0 0 0 10px color-mix(in oklab,#f59e0b80 0,#0000);box-shadow:0 0 0 10px color-mix(in oklab,var(--glow-base,#f59e0b80) 0,#0000)}to{box-shadow:0 0 0 0 color-mix(in oklab,#f59e0b80 0,#0000);box-shadow:0 0 0 0 color-mix(in oklab,var(--glow-base,#f59e0b80) 0,#0000)}}.btn-glow{animation:pulseGlow 1.8s ease-in-out infinite}.glow-player{--glow-base:#f59e0b80}.glow-ai{--glow-base:#6366f180}.fight-cta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}.panel{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:14px;border-radius:var(--radius);box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow);padding:24px}.entry-screen{grid-gap:24px;display:grid;gap:24px;min-height:calc(100vh - 40px);padding:20px;place-content:center}.title{color:#e5e7eb;color:var(--text);font-size:clamp(28px,4vw,44px)}.subtitle{color:#9ca3af;color:var(--muted)}.select-panel h2{margin-bottom:8px}.select-panel p{color:#9ca3af;color:var(--muted);margin-top:0}.cta-group{flex-wrap:wrap;gap:12px;margin-top:12px}.app-wrapper,.cta-group{display:flex;justify-content:center}.app-wrapper{gap:20px;padding:20px}.game-container{flex:1 1 980px;max-width:1000px}.game-main{display:flex;flex-direction:column;gap:20px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}ul{list-style-type:none}input[type=radio]:checked+label{background-color:#ddd}.creature-image{border:2px solid #333;border-radius:5px;box-sizing:border-box;max-height:220px;object-fit:contain;width:220px!important}.player-hand{flex-direction:row;gap:10px;justify-content:space-around}.card,.player-hand{display:flex;position:relative}.card{background-color:#f9f9f9;border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex-direction:column;max-width:100%;padding:10px;text-align:center;transition:all .2s ease-in-out;width:220px}.card,.card h2{color:#111827}.card ul{color:#374151}.card h2{font-size:1.2em;margin:0 0 10px}.card ul{font-size:.9em;list-style-type:none;margin:10px 0 0;padding:0}.health-bar{background-color:#ddd;border-radius:7px;height:14px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.health-bar-fill{height:100%;transition:width .8s ease}.health-bar-text{color:#fff;font-size:.75em;font-weight:700;left:50%;position:absolute;text-shadow:0 0 3px #000;top:50%;transform:translate(-50%,-50%)}.card-p1{--card-glow:#f59e0b73;--card-border:#f59e0b}.card-p2{--card-glow:#6366f173;--card-border:#6366f1}.card.selected{border-color:#2cce7d;border-color:var(--card-border,#2cce7d);box-shadow:0 8px 16px #0000002e,0 0 0 4px #2cce7d59;box-shadow:0 8px 16px #0000002e,0 0 0 4px var(--card-glow,#2cce7d59);transform:translateY(-5px)}.players-container{display:flex;flex-direction:column;gap:20px}.player-area{flex-direction:row;gap:20px}.player-area,.player-info{align-items:center;display:flex}.player-info{flex-direction:column;min-width:120px}.combat-buttons,.player-info{gap:10px;justify-content:center}.combat-button{border:1px solid #0000;cursor:pointer;text-align:center}.combat-button.melee{background-color:green;color:#fff}.combat-button.ranged{background-color:blue;color:#fff}.combat-button.magic{background-color:red;color:#fff}.combat-button.selected{border:4px solid #000}.card.disabled{opacity:.5;pointer-events:none}.deck-builder .player-cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.deck-builder .card{width:180px}.deck-builder .creature-image{max-height:160px;width:100%!important}.combat-button:last-child{margin-right:0}.combat-log{align-self:flex-start;background-color:#f3f3f3;border:1px solid #ccc;flex:0 0 300px;max-height:85vh;overflow-y:auto;padding:10px;text-align:left}.combat-log,.combat-log h3,.combat-log p{color:#0f172a;font-size:.95rem;margin:0 0 6px}.combat-buttons{display:flex;flex-direction:column;gap:8px;margin-top:8px}.btn-choice{align-items:center;background:#ffffff05;border:1px solid #374151;border-radius:12px;border-radius:calc(var(--radius) - 2px);color:#e5e7eb;color:var(--text);display:inline-flex;gap:8px;justify-content:center;padding:.5rem .9rem;transition:background .18s ease,transform .12s ease,box-shadow .12s ease,color .12s ease,border-color .18s ease}.btn-choice:hover{background:#ffffff0f;transform:translateY(-1px)}.btn-choice:active{transform:translateY(0)}.btn-choice:focus-visible{box-shadow:0 0 0 4px #d4af3799;box-shadow:0 0 0 4px var(--ring);outline:none}.btn-choice:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-choice.is-melee{--choice:#22c55e}.btn-choice.is-ranged{--choice:#3b82f6}.btn-choice.is-magic{--choice:#ef4444}.btn-choice.selected{background:linear-gradient(180deg,var(--choice),color-mix(in oklab,var(--choice) 75%,#111827));border-color:#0000;box-shadow:0 8px 16px #00000040,0 0 0 1px #00000026;color:#1f2937}.btn-choice.selected:hover{transform:translateY(-1px)}.btn-choice.is-magic:not(.selected),.btn-choice.is-melee:not(.selected),.btn-choice.is-ranged:not(.selected){border-color:color-mix(in oklab,var(--choice) 35%,#374151)}.combat-log p{margin:.5em 0;min-height:1em}@media (max-width:768px){.player-area{flex-direction:column}.combat-buttons{flex-direction:row}.card{width:180px}.creature-image{max-height:180px;width:180px!important}}@media (max-width:480px){.card{width:140px}.creature-image{max-height:140px;width:140px!important}}@media (max-width:1200px){.combat-log{display:none}}h1{text-align:center}.help-button{background-color:#3498db;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:1.8rem;font-weight:700;height:50px;left:20px;position:fixed;width:50px;z-index:999}.help-button:hover{background-color:#2980b9}.card.shake{animation:cardShake .6s ease-in-out}@keyframes cardShake{0%,to{transform:translateX(0) translateY(0)}10%{transform:translateX(-2px) translateY(-1px)}20%{transform:translateX(2px) translateY(1px)}30%{transform:translateX(-3px) translateY(-2px)}40%{transform:translateX(3px) translateY(2px)}50%{transform:translateX(-2px) translateY(-1px)}60%{transform:translateX(2px) translateY(1px)}70%{transform:translateX(-1px) translateY(-1px)}80%{transform:translateX(1px) translateY(1px)}90%{transform:translateX(-1px) translateY(0)}}.flying-text{animation:flyUp 1.5s ease-out forwards;font-size:3.5rem;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:2px 2px 8px #000,0 0 8px currentColor;top:20%;transform:translateX(-50%);z-index:1000}@keyframes flyUp{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}20%{opacity:1;transform:translateX(-50%) translateY(-20px) scale(1.2)}to{opacity:0;transform:translateX(-50%) translateY(-80px) scale(.8)}}@media (max-width:768px){.flying-text{font-size:3rem;top:15%}@keyframes flyUp{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}20%{opacity:1;transform:translateX(-50%) translateY(-25px) scale(1.3)}to{opacity:0;transform:translateX(-50%) translateY(-100px) scale(.8)}}}
/*# sourceMappingURL=main.fe88e6a2.css.map*/