.human-combat{color:var(--ink)}.combat-guidance{margin:6px 0;font-size:14px;line-height:1.5}.combat-timing{margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--cream)}.combat-timing p{margin:0;font-size:14px;line-height:1.4}.combat-timing svg{display:block;width:100%;height:150px}.combat-timing path{fill:none;stroke-linecap:butt;stroke-linejoin:round}.timing-track{stroke:#766a55;stroke-width:4}.timing-hit{stroke:#b47b20;stroke-width:16}.timing-perfect{stroke:#f3d780;stroke-width:16}.timing-marker{fill:#fffef6;stroke:#352b21;stroke-width:3}.combat-timing svg{touch-action:manipulation;cursor:crosshair}.combat-timing:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.encounter-controls:has(.combat-timing:not([hidden])) .encounter-help{display:none}.combat-result{margin:6px 0 0;min-height:0;font-weight:600}.combat-result:empty{display:none}.encounter-help{font-size:12px;line-height:1.4;margin:6px 0}@media(max-width:600px){.combat-timing svg{height:120px}.encounter-controls{padding:8px}.encounter-read{font-size:14px}}.game .panel.has-encounter{aspect-ratio:auto;height:auto;min-height:560px;max-height:none}.game .panel.has-encounter .feed{flex:1 1 300px;min-height:180px;max-height:420px;overflow:auto}.game .panel.has-encounter .composer,.game .panel.has-encounter .byok{flex-shrink:0}@media(max-width:880px){.game .panel.has-encounter{min-height:0}.game .stage-wrap.in-battle{height:min(24dvh,220px);aspect-ratio:auto}.game .panel.has-encounter .status{padding:5px 10px;font-size:12px}.game .panel.has-encounter .feed{min-height:140px;max-height:32dvh}}.dodge-control{position:relative;width:100%;box-sizing:border-box;padding:10px 12px 8px;background:#fff7e5f5;color:#443b30;border:2px solid #63533e;border-radius:13px;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:3px;font:12px/1.35 system-ui,sans-serif}.dodge-control[hidden]{display:none}.dodge-control .dodge-field{display:block;width:100%;height:auto;border-radius:4px;max-height:32vh;object-fit:contain}.dodge-stage{position:relative;isolation:isolate}.dodge-stage.has-backdrop{margin:34px 0 18px}.dodge-control .dodge-scenery{display:block;position:absolute;z-index:-1;pointer-events:none;left:-7px;top:-34px;width:calc(100% + 14px);height:calc(100% + 52px);max-height:none;object-fit:fill;border-radius:9px}.dodge-control .dodge-scenery[hidden]{display:none}.dodge-heading{font-weight:750;margin:0 0 3px}.dodge-help{margin:0 0 7px;font-size:11px}.dodge-status{margin:5px 0;font-size:11px;min-height:15px}.dodge-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:44px 44px;gap:4px;width:140px;margin:auto;touch-action:none}.dodge-pad button,.dodge-pause{border:1px solid #7c6a50;border-radius:8px;background:#f5e7c8;color:#443b30;font:600 18px system-ui;touch-action:none;min-width:44px;min-height:44px}.dodge-pad button:active{background:#d8c393}.dodge-pad button[data-direction=ArrowUp]{grid-column:2;grid-row:1}.dodge-pad button[data-direction=ArrowLeft]{grid-column:1;grid-row:2}.dodge-pad button[data-direction=ArrowDown]{grid-column:2;grid-row:2}.dodge-pad button[data-direction=ArrowRight]{grid-column:3;grid-row:2}.dodge-pad .dodge-shoot{grid-column:3;grid-row:1;font-size:11px}.dodge-pause{position:absolute;right:12px;bottom:10px;font-size:11px;padding:0 10px}.dodge-control button:disabled{opacity:.55}@media(min-width:760px)and (pointer:fine){.dodge-pad{grid-template-rows:32px 32px;grid-template-columns:repeat(3,36px);width:116px}.dodge-pad button{min-height:32px;min-width:36px}}@media(max-width:600px){.dodge-control{padding:6px 8px;width:100%;font-size:11px}.dodge-control .dodge-field{max-height:25vh}.dodge-help{font-size:10px}.dodge-pause{right:8px;bottom:8px}}.encounter-controls:has(.dodge-control:not([hidden]))>:not(.dodge-control){display:none}.encounter-controls .dodge-pad button{padding:0;border-radius:8px;font-size:18px}.encounter-controls .dodge-shoot{font-size:11px}.encounter-controls .dodge-pause{padding:0 10px;font-size:11px}.dodge-tell{font-size:12px;line-height:1.35;margin:3px 0 6px}.dodge-rule{font-size:11px;font-weight:650;padding:4px 6px;margin:0 0 5px;border:1px dashed #907650;border-radius:4px;background:#f1e4c9}.dodge-interactions{font-size:11px;line-height:1.5;margin:4px 0 8px;color:#216c67}@media(max-width:600px){.dodge-control{touch-action:pan-y}.dodge-control:has(.dodge-rule:not([hidden])) .dodge-field{max-height:20vh}}