:root{--color-bg:#1a1a2e;--color-panel:#16213e;--color-surface:#0f3460;--color-text:#e8e8e8;--color-accent:#e94560;--color-gold:gold;--color-chakra:#4fc3f7;--color-hp:#4caf50;--color-hp-low:#f44336;--color-fire:#ff5722;--color-water:#2196f3;--color-lightning:#ffeb3b;--color-earth:#795548;--color-wind:#8bc34a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}.battle-screen{flex-direction:column;gap:.75rem;height:100vh;padding:1rem;display:flex}.battle-screen__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.battle-screen__round{color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;font-size:1.2rem;font-weight:700}.battle-screen__chakra-row{justify-content:space-between;gap:2rem;display:flex}.battle-screen__main{flex:1;justify-content:center;align-items:center;display:flex}.battle-screen__execute{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.battle-screen__footer{justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.battle-screen__toggle-input{background:var(--color-surface);border:1px solid var(--color-accent);color:var(--color-text);cursor:pointer;border-radius:4px;padding:.5rem 1rem;font-size:.85rem}.battle-screen__error{color:var(--color-accent);font-size:.8rem}.health-bar{flex:1;align-items:center;gap:.5rem;display:flex}.health-bar--right{flex-direction:row-reverse}.health-bar__label{min-width:2rem;font-size:.9rem;font-weight:700}.health-bar__track{background:var(--color-panel);border:1px solid #ffffff1a;border-radius:10px;flex:1;height:20px;overflow:hidden}.health-bar__fill{background:var(--color-hp);border-radius:10px;height:100%;transition:width .3s}.health-bar__fill--low{background:var(--color-hp-low);animation:.5s infinite alternate pulse}.health-bar__value{text-align:center;min-width:3.5rem;font-size:.8rem}.chakra-bar{flex:1;align-items:center;gap:.5rem;display:flex}.chakra-bar__track{background:var(--color-panel);border-radius:4px;flex:1;height:8px;overflow:hidden}.chakra-bar__fill{background:var(--color-chakra);height:100%;transition:width .3s}.chakra-bar__value{color:var(--color-chakra);font-size:.75rem}.timer{flex-direction:column;align-items:center;gap:.25rem;display:flex}.timer__bar{background:var(--color-panel);border-radius:3px;width:100%;height:6px;overflow:hidden}.timer__fill{background:var(--color-gold);height:100%;transition:width .1s linear}.timer--urgent .timer__fill{background:var(--color-accent)}.timer__value{font-size:1.5rem;font-weight:700}.timer--urgent .timer__value{color:var(--color-accent);animation:.3s infinite alternate pulse}.jutsu-select{text-align:center}.jutsu-select__title{color:var(--color-gold);margin-bottom:1.5rem;font-size:1.5rem}.jutsu-select__grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;max-width:700px;display:grid}.jutsu-card{background:var(--color-panel);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:8px;flex-direction:column;gap:.25rem;padding:1rem;transition:all .2s;display:flex}.jutsu-card:hover:not(:disabled){border-color:var(--color-accent);transform:translateY(-2px)}.jutsu-card--fire{border-left:4px solid var(--color-fire)}.jutsu-card--water{border-left:4px solid var(--color-water)}.jutsu-card--lightning{border-left:4px solid var(--color-lightning)}.jutsu-card--earth{border-left:4px solid var(--color-earth)}.jutsu-card--wind{border-left:4px solid var(--color-wind)}.jutsu-card--disabled{opacity:.4;cursor:not-allowed}.jutsu-card__name{color:var(--color-text);font-size:1rem;font-weight:700}.jutsu-card__element{text-transform:uppercase;opacity:.7;font-size:.75rem}.jutsu-card__signs{opacity:.8;font-size:.8rem}.jutsu-card__cost{color:var(--color-chakra);font-size:.75rem}.jutsu-card__cooldown{color:var(--color-accent);font-size:.75rem}.sign-queue{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:1rem;display:flex}.sign-queue__item{text-transform:uppercase;background:var(--color-panel);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.sign-queue__item--active{border-color:var(--color-gold);background:var(--color-surface);transform:scale(1.2);box-shadow:0 0 15px #ffd70066}.sign-queue__item--done{border-color:var(--color-hp);background:#4caf5033}.sign-queue__item--missed{border-color:var(--color-accent);background:#e9456033}.camera-feed{border:2px solid var(--color-surface);border-radius:8px;width:320px;height:240px;position:relative;overflow:hidden}.camera-feed__video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-feed__overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.camera-feed__status{background:#000000b3;align-items:center;gap:.5rem;padding:.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.camera-feed__sign{text-transform:uppercase;color:var(--color-gold);font-weight:700}.camera-feed__confidence{opacity:.8;font-size:.8rem}.camera-feed__hold-bar{background:#fff3;border-radius:2px;flex:1;height:4px;overflow:hidden}.camera-feed__hold-fill{background:var(--color-gold);height:100%;transition:width 50ms linear}.camera-feed__hold-fill--confirmed{background:var(--color-hp)}.touch-input{text-align:center}.touch-input__prompt{margin-bottom:1rem;font-size:1.1rem}.touch-input__grid{grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:400px;margin:0 auto;display:grid}.touch-input__btn{background:var(--color-panel);border:1px solid var(--color-surface);color:var(--color-text);cursor:pointer;text-transform:capitalize;border-radius:8px;padding:.75rem;font-size:.8rem;transition:all .15s}.touch-input__btn:active{background:var(--color-accent);transform:scale(.95)}.round-result{text-align:center;padding:2rem}.round-result__sides{justify-content:center;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.round-result__vs{color:var(--color-accent);font-size:2rem;font-weight:700}.round-result__jutsu{margin:.25rem 0;font-size:1.1rem;font-weight:700}.round-result__accuracy{text-transform:uppercase;opacity:.8;font-size:.85rem}.round-result__damage{color:var(--color-accent);font-weight:700}.round-result__advantage{color:var(--color-gold);margin-bottom:1rem}.round-result__continue{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;transition:opacity .2s}.round-result__continue:hover{opacity:.9}.battle-result{text-align:center;padding:3rem}.battle-result__title{color:var(--color-gold);margin-bottom:1rem;font-size:3rem}.battle-result__rounds{opacity:.8;margin-bottom:2rem;font-size:1.2rem}.battle-result__restart{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:1rem 3rem;font-size:1.2rem}.battle-screen--transitioning{animation:.4s ease-out phase-flash}@keyframes phase-flash{0%{filter:brightness()}30%{filter:brightness(1.4)}to{filter:brightness()}}.title-screen{background:radial-gradient(ellipse at center, var(--color-surface) 0%, var(--color-bg) 70%);justify-content:center;align-items:center;height:100vh;display:flex}.title-screen__content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.title-screen__title{letter-spacing:.2em;color:var(--color-accent);text-shadow:0 0 20px #e9456080,0 4px 8px #0006;font-size:4rem;font-weight:900}.title-screen__subtitle{letter-spacing:.3em;text-transform:uppercase;color:var(--color-text);opacity:.8;font-size:1.4rem;font-weight:300}.title-screen__difficulty{flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.title-screen__difficulty-label{text-transform:uppercase;letter-spacing:.15em;opacity:.6;font-size:.85rem}.title-screen__difficulty-options{gap:.5rem;display:flex}.title-screen__difficulty-btn{background:var(--color-panel);color:var(--color-text);cursor:pointer;border:2px solid #0000;border-radius:6px;padding:.6rem 1.4rem;font-size:.9rem;transition:all .15s}.title-screen__difficulty-btn:hover{border-color:var(--color-surface)}.title-screen__difficulty-btn--active{border-color:var(--color-accent);color:var(--color-accent);background:#e9456026}.title-screen__start{background:var(--color-accent);color:#fff;letter-spacing:.2em;cursor:pointer;border:none;border-radius:8px;margin-top:1.5rem;padding:1rem 4rem;font-size:1.3rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #e945604d}.title-screen__start:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e9456080}.title-screen__start:active{transform:translateY(0)}@keyframes pulse{0%{opacity:1}to{opacity:.6}}