/* V5.6 BLOOD MOON: interactive combat directing / responsive tactical HUD */
:root{--blood-orange:#eda965;--blood-deep:#9d332e}
.arena{box-shadow:0 0 0 1px #77543d9c,0 28px 68px #000d,inset 0 0 55px #0005}
.film-backdrop{filter:contrast(1.1) saturate(.89)}
.film-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:12;background:radial-gradient(ellipse 62% 53% at 51% 49%,transparent 50%,#03030574 100%)}
.film-fighter img{filter:drop-shadow(0 21px 13px #000e) contrast(1.16) saturate(.93)}
.film-stage[data-kind="beast"] .film-fighter-enemy img{filter:drop-shadow(0 0 22px #b65c3e93) saturate(.69) contrast(1.34)}
.film-stage[data-kind="guard"] .film-fighter-enemy img{filter:drop-shadow(0 0 25px #ffb4646a) contrast(1.2) saturate(.72)}
.film-stage[data-kind="shade"] .film-fighter-enemy img{filter:drop-shadow(0 0 29px #a38ee4b5) hue-rotate(14deg) contrast(1.24)}
.film-stage.film-danger .film-fighter-enemy{filter:drop-shadow(0 0 27px #f45b56a6)}
.film-stage.film-danger .film-mood{color:#ffd2a6;text-shadow:0 0 16px #c23535;animation:blood-warning .55s infinite alternate}
.cinema-bloodmoon{position:absolute;z-index:3;top:7%;left:50%;height:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e78e4b18,#e0502118 46%,transparent 69%);mix-blend-mode:screen;pointer-events:none;animation:bloodmoon-pulse 9s ease-in-out infinite alternate}
.cinema-trail{position:absolute;left:35%;top:43%;width:31%;height:22%;opacity:0;pointer-events:none;z-index:16;transform:rotate(-19deg);background:linear-gradient(170deg,transparent 15%,#ffdfbaee 48%,#d55c387c 50%,transparent 65%);filter:blur(2px) drop-shadow(0 0 9px #ffb567);clip-path:polygon(0 73%,100% 10%,100% 27%,0 96%)}
.film-deflect{animation:blood-deflect .74s cubic-bezier(.17,.67,.34,1) both}
.film-execute{animation:blood-execute 1s cubic-bezier(.11,.71,.25,1) both}
.film-riposte{animation:blood-riposte .92s cubic-bezier(.18,.74,.29,1) both!important}
.combat-tactics{display:grid;grid-template-columns:1.25fr 1.4fr minmax(165px,.9fr);gap:11px;align-items:stretch;padding:12px 16px;margin:8px 0 12px;background:linear-gradient(103deg,#16151c,#0d1017 50%,#211619);border:1px solid #9e74527c;border-radius:5px;box-shadow:0 12px 28px #0008;min-height:91px}
.tactic-rage,.tactic-intent{padding:6px 4px;min-width:0}
.tactic-rage small,.tactic-intent small{font:750 9px system-ui,sans-serif;letter-spacing:1.6px;color:#baa491;display:block;margin:0 0 8px}
.tactic-rage strong{font:700 19px Georgia,serif;color:#efce9d}.combo-track{height:7px;background:#383037;border:1px solid #78635785;margin-top:7px;overflow:hidden;border-radius:20px}.combo-track i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#9b4931,#ffe0a5);transition:width .3s;box-shadow:0 0 10px #e3915f}
.tactic-intent{display:flex;align-items:center;gap:12px;border-left:1px solid #7a5e544d;padding-left:18px}.tactic-intent strong{font:700 14px Georgia,serif;color:#ede2d6}.intent-dot{width:11px;height:11px;border-radius:50%;background:#668e81;box-shadow:0 0 9px #6ac0a055;flex-shrink:0}
.tactic-intent.is-warning .intent-dot{background:#f16c57;box-shadow:0 0 15px #f16c57;animation:blood-warning .45s infinite alternate}.tactic-intent.is-warning strong{color:#ffc6a1}
.parry-button{background:linear-gradient(135deg,#3a2b25,#211b24);border:1px solid #b78b63;border-radius:4px;color:#ffe9c7;display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:8px 12px;cursor:pointer;transition:filter .16s,transform .16s}
.parry-button>span{font-size:29px;color:#ffc486}.parry-button strong{display:block;font:800 11px system-ui,sans-serif;letter-spacing:1.2px}.parry-button small{display:block;font:500 10px system-ui,sans-serif;color:#bda89c;margin-top:5px}.parry-button:disabled{opacity:.5;cursor:default}.parry-button:active:not(:disabled){transform:scale(.965)}.parry-button.ready-to-parry{border-color:#ffb078;box-shadow:0 0 0 1px #fbb67960,inset 0 0 18px #9a4d4157;animation:blood-warning .5s infinite alternate}
.paste-save-panel{margin:11px 0;padding:13px 14px;background:#0c1018;border:1px solid #8d735f;border-radius:5px}.paste-save-panel label{font-size:12px;font-weight:700;color:#eed1b6;display:block}.paste-save-panel textarea{width:100%;resize:vertical;margin:9px 0;background:#090c13;border:1px solid #8d735f70;color:#f7e5d5;padding:10px;border-radius:4px;font:12px monospace}.paste-save-panel button{background:#382923;border:1px solid #be9074;border-radius:4px;color:#eed2bc;padding:10px 12px;cursor:pointer}.paste-save-panel small{display:block;margin-top:8px;font-size:10px;color:#afaaad}
@keyframes blood-warning{from{filter:brightness(.84)}to{filter:brightness(1.5)}}
@keyframes bloodmoon-pulse{from{transform:scale(.93);opacity:.23}to{transform:scale(1.16);opacity:.72}}
@keyframes blood-deflect{0%{opacity:0;transform:rotate(-19deg) translate(-20px,18px) scale(.4)}20%{opacity:1}58%{opacity:.95;transform:rotate(26deg) translate(0,-10px) scale(1.16)}100%{opacity:0;transform:rotate(56deg) translate(80px,-35px) scale(1.5)}}
@keyframes blood-execute{0%{opacity:0;transform:rotate(-48deg) translate(-120px,55px) scale(.25)}20%{opacity:1}60%{opacity:1;transform:rotate(-8deg) translate(20px,-25px) scale(1.4)}100%{opacity:0;transform:rotate(9deg) translate(100px,-45px) scale(2)}}
@keyframes blood-riposte{0%{transform:translateX(0) rotate(0)}15%{transform:translateX(-8%) rotate(-5deg)}49%{transform:translateX(33%) rotate(5deg) scale(1.05)}70%{transform:translateX(21%) rotate(2deg)}100%{transform:translateX(0) rotate(0)}}
@media(max-width:680px){.combat-tactics{grid-template-columns:1fr 1fr;gap:7px;padding:9px;min-height:0}.tactic-rage{padding:5px}.tactic-rage small,.tactic-intent small{font-size:8px;letter-spacing:.9px}.tactic-intent{padding-left:10px;gap:7px}.tactic-intent strong{font-size:11px}.parry-button{grid-column:1 / -1;min-height:48px}.parry-button>span{font-size:23px}.parry-button strong{font-size:11px}.parry-button small{font-size:9px}.cinema-bloodmoon{top:20%;height:29%}}
@media(max-width:365px){.combat-tactics{gap:5px}.tactic-intent strong{font-size:10px}.tactic-rage strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.cinema-bloodmoon,.tactic-intent.is-warning .intent-dot,.parry-button.ready-to-parry,.film-danger .film-mood{animation:none!important}}

.quickdock{grid-template-columns:1.05fr 1fr 1fr .83fr;max-width:min(760px,calc(100vw - 18px))}
.quickdock #quickParry{border:1px solid #ca9765;background:linear-gradient(135deg,#54402d,#25202b);color:#ffdeae;font:800 13px system-ui,sans-serif;letter-spacing:.3px}
.quickdock #quickParry.ready-to-parry{background:linear-gradient(135deg,#ba5948,#54272a);box-shadow:0 0 12px #f19f698a;animation:blood-warning .45s infinite alternate}
@media(max-width:680px){.quickdock{gap:4px;padding:5px}.quickdock button{min-height:48px;font-size:10px!important}.quickdock #quickParry{font-size:10px}.app{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}
@media(max-width:355px){.quickdock button{font-size:9px!important;letter-spacing:0}.quickdock #quickParry{font-size:9px}}