:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#050406;--bg:#0a0810;--bg-card:#161225;--white:#f3ede0;--gold:#d4af37;--gold-bright:#f2ca5c;--gold-dim:#7a642a;--text:#e8e2d6;--text-dim:#a89fc4;--pink:#e0559c;--blue:#4f83e0;--purple:#9160d9;--hp-color:#c2355f;--hp-color-bright:#ff6f9c;--dp-color:#4f83e0;--dp-color-bright:#c988ff;--ready:#3fae74;--magitech:#3fd6c9;--magitech-bright:#7ff2e6;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:var(--bg);background-image:radial-gradient(circle at top, #211a34 0%, var(--bg) 70%);min-height:100vh;color:var(--text);margin:0}#app{max-width:1400px;margin:0 auto;padding:2rem 1.5rem 4rem}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.1rem;display:flex;position:relative}.app-header:after{content:"";background:linear-gradient(90deg, transparent, var(--gold) 15%, var(--gold-bright) 50%, var(--gold) 85%, transparent);height:2px;position:absolute;bottom:0;left:0;right:0}.app-header h1{letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(180deg, var(--white) 0%, var(--gold-bright) 55%, var(--gold-dim) 100%);color:#0000;text-shadow:0 2px 18px #d4af3740;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.7rem;font-weight:700}.card-controls{align-items:center;gap:.75rem;display:flex}.card-controls button{border:1px solid var(--gold-dim);background:var(--bg-card);width:2.25rem;height:2.25rem;color:var(--gold-bright);cursor:pointer;border-radius:50%;font-size:1.2rem}.card-controls button:hover:not(:disabled){border-color:var(--gold-bright);box-shadow:0 0 10px #d4af3759}.card-controls button:disabled{opacity:.35;cursor:not-allowed}.card-count{color:var(--text-dim);text-align:center;min-width:9rem;font-size:.9rem}.round-tracker{align-items:center;gap:.6rem;display:flex}.round-label{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-bright);font-family:Georgia,Times New Roman,serif;font-size:1.4rem}.round-btn{border:1px solid var(--gold-dim);background:var(--bg-card);width:1.9rem;height:1.9rem;color:var(--gold-bright);cursor:pointer;border-radius:50%;font-size:1rem}.round-btn:hover:not(:disabled){border-color:var(--gold-bright);box-shadow:0 0 10px #d4af3759}.round-btn:disabled{opacity:.35;cursor:not-allowed}.magitech-tracker{border:1px solid var(--magitech);background:linear-gradient(90deg,#3fd6c91a,#3fd6c905);border-radius:.6rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.75rem;padding:.6rem 1rem;display:flex;box-shadow:0 0 14px #3fd6c926}.magitech-label{color:var(--magitech-bright);letter-spacing:.03em;align-items:center;gap:.4rem;font-weight:700;display:flex}.magitech-surge-btn{clip-path:polygon(6% 0%,100% 0%,94% 50%,100% 100%,6% 100%,0% 50%);background:linear-gradient(90deg, var(--magitech), var(--magitech-bright));color:var(--black);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:.4rem;padding-top:.4rem;padding-bottom:.4rem;font-size:.78rem;font-weight:700;transition:padding .25s;display:flex}.magitech-surge-btn:hover{box-shadow:0 0 16px #7ff2e699}.magitech-surge-icon{transform:rotate(90deg)}.magitech-buttons{gap:.35rem;display:flex}.magitech-buttons button{border:1px solid var(--magitech);color:var(--magitech-bright);cursor:pointer;background:#3fd6c914;border-radius:.4rem;padding:.3rem .5rem;font-size:.8rem}.magitech-buttons button:hover{background:#3fd6c933;box-shadow:0 0 10px #3fd6c966}.ichor-tracker{border:1px solid var(--hp-color-bright);background:linear-gradient(90deg,#c2355f1f,#c2355f05);border-radius:.6rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.75rem;padding:.6rem 1rem;display:flex;box-shadow:0 0 14px #c2355f33}.ichor-label{color:var(--hp-color-bright);letter-spacing:.03em;align-items:center;gap:.4rem;font-weight:700;display:flex}.ichor-bar-track{border:1px solid var(--hp-color-bright);clip-path:polygon(6% 0%,94% 0%,100% 50%,94% 100%,6% 100%,0% 50%);background:#00000080;flex:140px;max-width:220px;height:.9rem;box-shadow:inset 0 2px 4px #0009}.ichor-bar-fill{background:linear-gradient(90deg, #6e1420, var(--hp-color), var(--hp-color-bright));height:100%;transition:width .2s;box-shadow:0 0 10px #c2355f8c}.ichor-buttons{gap:.35rem;display:flex}.ichor-buttons button{border:1px solid var(--hp-color-bright);color:var(--hp-color-bright);cursor:pointer;background:#c2355f1a;border-radius:.4rem;padding:.3rem .5rem;font-size:.8rem}.ichor-buttons button:hover{background:#c2355f40;box-shadow:0 0 10px #c2355f80}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem;display:grid}.card{background:linear-gradient(160deg, var(--bg-card), #0d0a18);border:1px solid var(--gold-dim);border-radius:.75rem;flex-direction:column;gap:.85rem;padding:1.1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #d4af370d,0 14px 30px #00000073}.card:after{content:"";border-style:solid;border-width:0 30px 30px 0;border-color:transparent var(--gold) transparent transparent;opacity:.9;pointer-events:none;filter:drop-shadow(0 0 6px #d4af3766);width:0;height:0;position:absolute;top:0;right:0}.card>*{position:relative}.skin-magitech{--bg-card:#0f2228;--gold:#2f8fae;--gold-bright:#5fd0e8;--gold-dim:#1c5566}.skin-bloody{--bg-card:#1a1414;--gold:#8a3a3a;--gold-bright:#d96b6b;--gold-dim:#4a2020;--text-dim:#b09090}.skin-gilded{--bg-card:#141414;--gold:#d4af37;--gold-bright:#ffe066;--gold-dim:#8a6a00;--white:#fff}.skin-lightning{--bg-card:#10151f;--gold:#6fb8ff;--gold-bright:#eaffff;--gold-dim:#2a5a8a}.skin-wine{--bg-card:#1c0d13;--gold:#7a1f3d;--gold-bright:#c9426b;--gold-dim:#3d0f1f}.skin-earth{--bg-card:#16130c;--gold:#6b8f4e;--gold-bright:#a8c97a;--gold-dim:#3a4d28}.skin-holy{--bg-card:#14141c;--gold:#d8d8e8;--gold-bright:#fff;--gold-dim:#7a7a8a}@media (prefers-reduced-motion:no-preference){.skin-lightning{animation:6s infinite lightning-flicker}.skin-holy{animation:4s ease-in-out infinite holy-pulse}}@keyframes lightning-flicker{0%,91%,93%,95%,to{box-shadow:0 0 0 1px #d4af370d,0 14px 30px #00000073}92%{box-shadow:0 0 18px 2px #6fb8ffa6,0 14px 30px #00000073}94%{box-shadow:0 0 26px 4px #eaffffbf,0 14px 30px #00000073}}@keyframes holy-pulse{0%,to{box-shadow:0 0 0 1px #ffffff14,0 14px 30px #00000073}50%{box-shadow:0 0 22px 4px #fff6,0 14px 30px #00000073}}.card-name-input{color:var(--gold-bright);letter-spacing:.03em;text-align:center;background:0 0;border:none;border-bottom:1px solid #0000;width:100%;padding:.25rem 2rem .4rem;font-family:Georgia,Times New Roman,serif;font-size:1.3rem;font-weight:700}.card-name-input:hover,.card-name-input:focus{border-bottom:1px solid var(--gold-dim);outline:none}.ornament-divider{align-items:center;gap:.5rem;display:flex}.ornament-divider:before,.ornament-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);flex:1;height:1px}.ornament-divider span{background:var(--gold-bright);flex-shrink:0;width:6px;height:6px;transform:rotate(45deg);box-shadow:0 0 6px #f2ca5cb3}.stat-block{flex-direction:column;gap:.4rem;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-size:.72rem;font-weight:600}.stat-bar{border:1px solid var(--gold-dim);background:#00000080;border-radius:3px;height:.9rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0009}.stat-bar-fill{clip-path:polygon(0 0,93% 0,100% 20%,88% 34%,100% 50%,90% 66%,100% 82%,95% 100%,0 100%);height:100%;transition:width .22s;position:relative}.stat-bar-fill:after{content:"";background:linear-gradient(#ffffff59 0%,#0000 40%);position:absolute;inset:0}.hp-bar{height:1.25rem}.hp-fill{background:linear-gradient(90deg, #6e1420, var(--hp-color), var(--hp-color-bright));clip-path:none;box-shadow:0 0 10px #c2355f8c}.dp-fill{background:linear-gradient(90deg, var(--dp-color), var(--purple), var(--dp-color-bright));clip-path:none;box-shadow:0 0 10px #9160d98c}.stat-value{font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;font-size:.95rem;display:flex}.hp-block .stat-icon{color:var(--hp-color-bright)}.dp-block .stat-icon{color:var(--dp-color-bright)}.stat-buttons{grid-template-columns:repeat(6,1fr);gap:.35rem;display:grid}.dp-buttons{grid-template-columns:repeat(4,1fr)}.stat-buttons button,.spend-dp-btn,.take-action-btn,.adjust-stats-toggle{border:1px solid var(--gold-dim);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:.4rem;padding:.35rem .25rem;font-size:.8rem}.stat-buttons button:hover{border-color:var(--gold-bright);background:#d4af3726}.spend-dp-btn{letter-spacing:.03em;text-transform:uppercase;color:var(--dp-color-bright);border-color:var(--purple);background:linear-gradient(90deg,#4f83e01f,#c988ff1f);padding:.5rem;font-weight:700}.spend-dp-btn:hover:not(:disabled){box-shadow:0 0 12px #c988ff73}.spend-dp-btn:disabled{opacity:.35;cursor:not-allowed;color:var(--text);border-color:var(--gold-dim);background:0 0}.abilities{flex-direction:column;gap:.5rem;display:flex}.ability{border:1px solid var(--gold-dim);background:repeating-linear-gradient(135deg,#d4af370f 0 1px,#0000 1px 7px),linear-gradient(160deg,#ffffff0a,#00000026);border-radius:.5rem;align-items:center;gap:.6rem;padding:.45rem .6rem;transition:border-color .15s;display:flex}.ability-ready{border-color:var(--ready)}.ability-icon-wrap{border:1px solid var(--gold-dim);width:1.9rem;height:1.9rem;color:var(--text-dim);background:#00000059;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ability-ready .ability-icon-wrap{color:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 8px #f2ca5c80}.ability-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.ability-name-input{width:100%;color:var(--text);text-overflow:ellipsis;background:0 0;border:none;border-bottom:1px solid #0000;padding:0 0 .1rem;font-family:inherit;font-size:.85rem;overflow:hidden}.ability-name-input:hover,.ability-name-input:focus{border-bottom:1px solid var(--gold-dim);outline:none}.ability-status{color:var(--text-dim);font-size:.75rem}.ability-ready .ability-status{color:var(--ready)}.ability-controls{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.ability-use-btn{border:1px solid var(--ready);color:var(--ready);cursor:pointer;background:#3fae741f;border-radius:.4rem;padding:.3rem .6rem;font-size:.8rem}.ability-use-btn:disabled{border-color:var(--gold-dim);color:var(--text-dim);cursor:not-allowed;background:0 0}.nudge-btn{border:1px solid var(--gold-dim);width:1.6rem;height:1.6rem;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:50%;font-size:.75rem}.take-action-btn{letter-spacing:.06em;text-transform:uppercase;color:var(--black);background:linear-gradient(90deg, var(--gold-dim), var(--gold-bright));border-color:var(--gold-bright);padding:.65rem;font-weight:700}.take-action-btn:hover{box-shadow:0 0 14px #f2ca5c80}.card-knocked-out{border-color:var(--hp-color)}.card-saturated{border-color:var(--hp-color-bright);box-shadow:0 0 0 1px #ff6f9c26,0 0 24px #c2355f8c}.card-saturated:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#c2355f4d,#0000 70%);position:absolute;inset:0}.card-saturated:after{border-color:transparent var(--hp-color-bright) transparent transparent}.card-saturated .card-name-input{color:var(--hp-color-bright)}.knocked-out-badge{border:1px solid var(--hp-color-bright);color:var(--hp-color-bright);letter-spacing:.12em;text-transform:uppercase;background:#c2355f1f;border-radius:999px;align-self:center;padding:.2rem .8rem;font-size:.7rem;font-weight:700}.abilities-blurred{filter:blur(3px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.revive-btn{letter-spacing:.06em;text-transform:uppercase;color:var(--white);background:linear-gradient(90deg, #6e1420, var(--hp-color));border:1px solid var(--hp-color-bright);cursor:pointer;border-radius:.4rem;padding:.65rem;font-weight:700}.revive-btn:hover{box-shadow:0 0 14px #ff6f9c80}.status-block{flex-direction:column;gap:.5rem;display:flex}.status-chips{flex-wrap:wrap;gap:.4rem;display:flex}.status-chip{border:1px solid var(--gold-dim);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .4rem;font-size:.75rem;display:flex}.status-chip-name{font-weight:600}.status-chip-duration{font-variant-numeric:tabular-nums;opacity:.8}.status-remove-btn{color:inherit;cursor:pointer;background:0 0;border:none;padding:0 .1rem;font-size:.9rem;line-height:1}.status-stunned{border-color:var(--gold);color:var(--gold-bright)}.status-taunted{border-color:var(--pink);color:var(--pink)}.status-corrupted{border-color:var(--purple);color:var(--dp-color-bright)}.status-ichor-saturation{border-color:var(--hp-color-bright);color:var(--hp-color-bright)}.status-add-buttons{flex-wrap:wrap;gap:.35rem;display:flex}.status-add-btn{border:1px solid var(--gold-dim);color:var(--text-dim);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:.25rem .55rem;font-size:.72rem}.status-add-btn:hover{border-color:var(--gold-bright);color:var(--gold-bright)}.adjust-stats-toggle{width:100%;color:var(--text-dim)}.adjust-stats-body{flex-direction:column;gap:.6rem;width:100%;margin-top:.6rem}.stats-field{color:var(--text-dim);flex-direction:column;gap:.25rem;width:100%;font-size:.75rem;display:flex}.stats-field input,.stats-field select{border:1px solid var(--gold-dim);color:var(--text);background:#ffffff0d;border-radius:.35rem;width:100%;padding:.35rem .5rem;font-size:.85rem}.stats-field select option{background:var(--bg-card);color:var(--text)}.stats-checkbox-field{color:var(--magitech-bright);flex-direction:row;align-items:center;gap:.5rem;font-size:.85rem}.stats-checkbox-field input{width:auto;accent-color:var(--magitech)}.create-summon-btn{border:1px dashed var(--gold-dim);width:100%;color:var(--text-dim);cursor:pointer;background:#ffffff0a;border-radius:.4rem;padding:.4rem;font-size:.8rem}.create-summon-btn:hover{border-color:var(--gold-bright);color:var(--gold-bright)}.summon-active-note{color:var(--text-dim);text-align:center;font-size:.75rem}.summon-card{border:1px dashed var(--gold-dim);background:#00000040;border-radius:.6rem;flex-direction:column;gap:.6rem;margin-top:.25rem;padding:.75rem;display:flex}.summon-header{align-items:center;gap:.4rem;display:flex}.summon-icon{color:var(--gold-bright);flex-shrink:0}.summon-name-input{letter-spacing:.06em;text-transform:uppercase;min-width:0;color:var(--gold-bright);background:0 0;border:none;border-bottom:1px solid #0000;flex:1;padding:.1rem .2rem;font-family:Georgia,Times New Roman,serif;font-size:.8rem}.summon-name-input:hover,.summon-name-input:focus{border-bottom:1px solid var(--gold-dim);outline:none}.summon-dismiss-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1}.summon-dismiss-btn:hover{color:var(--hp-color-bright)}.summon-card .stat-label{font-size:.65rem}.summon-card .take-action-btn{padding:.45rem;font-size:.72rem}.summon-card .ability{padding:.35rem .5rem}.summon-card .ability-icon-wrap{width:1.6rem;height:1.6rem}.summon-card .spend-dp-btn{padding:.4rem;font-size:.72rem}.dp-checkbox-field{color:var(--dp-color-bright)}.dp-checkbox-field input{accent-color:var(--dp-color)}.ichor-checkbox-field{color:var(--hp-color-bright)}.ichor-checkbox-field input{accent-color:var(--hp-color-bright)}.reset-all-btn{z-index:20;border:1px solid var(--hp-color-bright);background:linear-gradient(90deg, #4a0d17, var(--hp-color));color:var(--white);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:.6rem 1.2rem;font-size:.8rem;font-weight:700;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 16px #00000080}.reset-all-btn:hover{box-shadow:0 0 16px #ff6f9c99}.turnstile-gate{z-index:100;background:var(--black);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.turnstile-gate-box{border:1px solid var(--gold-dim);background:linear-gradient(160deg, var(--bg-card), var(--black));text-align:center;border-radius:.75rem;flex-direction:column;align-items:center;gap:1rem;max-width:90vw;padding:2rem 2.5rem;display:flex;box-shadow:0 14px 30px #0009}.turnstile-gate-box h1{letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(180deg, var(--white) 0%, var(--gold-bright) 55%, var(--gold-dim) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.4rem}.turnstile-gate-box p{color:var(--text-dim);margin:0;font-size:.9rem}.turnstile-gate-error{color:var(--hp-color-bright)!important}.site-footer{text-align:center;padding:1.5rem 0 3rem}.site-footer a{color:var(--text-dim);font-size:.8rem;text-decoration:underline}.site-footer a:hover{color:var(--gold-bright)}.privacy-page{max-width:720px;color:var(--text);background-color:var(--bg);margin:0 auto;padding:3rem 1.5rem 4rem;line-height:1.6}.privacy-page h1{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-bright);font-family:Georgia,Times New Roman,serif}.privacy-page h2{color:var(--gold-bright);margin-top:2rem;font-family:Georgia,Times New Roman,serif;font-size:1.1rem}.privacy-page a{color:var(--dp-color-bright)}body:has(.privacy-page){background-color:var(--bg);background-image:radial-gradient(circle at top, #211a34 0%, var(--bg) 70%)}