.clash-ui{position:fixed;inset:0;z-index:7;pointer-events:none;color:#f3e6c5}.clash-phase{position:absolute;top:11vh;left:50%;transform:translateX(-50%);width:min(620px,94vw);text-align:center;background:linear-gradient(90deg,transparent,#101b22e8,transparent);padding:12px 20px;text-shadow:0 2px 6px #000}.clash-phase small{font-size:11px;letter-spacing:3px;color:#c0ac81}.clash-phase b{display:block;font-size:30px;font-weight:400;margin:6px 0}.clash-phase p{font-size:13px;color:#dfd9cb}
.clash-lanes{position:absolute;bottom:170px;left:50%;transform:translateX(-50%);display:flex;gap:16px;max-width:96vw}.clash-lane{width:280px;padding:12px;background:#10212deb;border:1px solid #749bc1;border-radius:7px;box-shadow:0 10px 35px #0007;pointer-events:auto}.clash-lane[data-side=H]{background:#2c1b1be8;border-color:#c28b73}.clash-lane h3{font-size:18px;font-weight:400}.clash-lane>p{font-size:11px;color:#c3cbc9;margin:6px 0 10px}.clash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.clash-target{position:relative;height:67px;border:1px solid #d6cba63f;background:#a6b39f12;color:#f1e3bf;cursor:crosshair;border-radius:4px;overflow:hidden;touch-action:manipulation}.clash-target kbd{position:absolute;right:4px;top:4px;font:10px Georgia,serif;border:0}.clash-target .unit-tag{position:absolute;bottom:3px;left:0;right:0;font:11px 'YutChronicle',serif}.clash-target[data-enemy=true]{border-color:#d4ba7466}.clash-target[data-enemy=true]:hover{background:#ddc18135}.clash-target:disabled{cursor:default}.clash-target.struck{opacity:.25;transform:scale(.85)}.clash-feedback{display:block;min-height:15px;margin-top:9px;color:#c2cabc;font-size:11px}.input-locked{filter:sepia(.7)}.unit-portrait{display:block;position:absolute;left:50%;top:4px;transform:translateX(-50%);width:42px;height:45px}.unit-body{position:absolute;left:9px;top:24px;width:26px;height:19px;background:#416cac;border:2px solid #d1bd7a;border-radius:5px 5px 2px 2px}.unit-head{position:absolute;left:10px;top:5px;width:24px;height:23px;border-radius:40%;background:#e4bb91;border-top:6px solid #929fa6;box-shadow:inset 0 -2px #6c4b32}.unit-head::before,.unit-head::after{content:'';position:absolute;top:5px;width:3px;height:3px;background:#263031}.unit-head::before{left:5px}.unit-head::after{right:5px}.unit-weapon{position:absolute;left:0;top:15px;width:4px;height:24px;background:#c8cfd0;transform:rotate(-18deg);border-bottom:7px solid #816143}.goblin .unit-body{background:#a74637}.goblin .unit-head{background:#92b467;border-top-color:#592f24;border-radius:25% 25% 40% 40%}.goblin .unit-weapon{width:7px;background:#886849;border-top:5px solid #d3bb78}.clash-ui[data-phase=ready] .clash-grid{opacity:.65}.clash-ui[data-phase=result] .clash-lanes,.clash-ui[data-phase=done] .clash-lanes,.clash-ui.cutscene-paused{opacity:0;pointer-events:none}.clash-ui.cutscene-paused .clash-lane{pointer-events:none}.support-ready{box-shadow:0 0 20px #f1ce7a!important;border-color:#fff2b2!important;background:#9b7335!important}
.guardian-status{position:fixed;left:14px;top:142px;max-width:230px;padding:9px 12px;border-left:2px solid #d8ba79;background:#132029d9;color:#e4d6b3;font-size:12px;line-height:1.6;z-index:3;pointer-events:none}.guardian-trial{position:fixed;z-index:8;bottom:22px;left:50%;transform:translateX(-50%);width:min(580px,94vw);padding:20px;background:linear-gradient(120deg,#142633f2,#262723f2);border:1px solid #dfc795;border-radius:7px;text-align:center;color:#e7dfcf;box-shadow:0 15px 50px #0008}.guardian-trial header small{color:#c6b080;font-size:12px;letter-spacing:2px}.guardian-trial h2{font-weight:400;font-size:25px;margin:8px 0}.trial-instruction{font-size:14px;line-height:1.6;margin:12px 0}.trial-stage{position:relative;height:88px;background:#0b171ddd;border:1px solid #af996144;overflow:hidden;border-radius:4px}.trial-marker{position:absolute;left:0;top:31px;width:28px;height:28px;background:#467db4;border:3px double #f7daa1;transform:translateX(-50%) rotate(45deg);z-index:2}.trial-sweet{position:absolute;left:50%;transform:translateX(-50%);top:27px;height:37px;background:#e4bd6755;border:2px solid #e6c784}.trial-threat{position:absolute;inset:7px 0 auto;font-size:13px;color:#dfd8c4}.guardian-trial[data-type=boar] .trial-marker,.guardian-trial[data-type=boar] .trial-sweet{display:none}.guardian-trial[data-type=boar] .trial-threat{top:32px;font-size:20px}.guardian-trial[data-type=boar] .trial-stage[data-direction=left]{background:linear-gradient(90deg,#8d3d2b,#162229 70%)}.guardian-trial[data-type=boar] .trial-stage[data-direction=right]{background:linear-gradient(90deg,#162229 30%,#8d3d2b)}.trial-stage.trial-success{box-shadow:inset 0 0 28px #aacd5777}.trial-stage.trial-fail{box-shadow:inset 0 0 28px #d1514477}.trial-actions{display:flex;gap:12px;margin-top:12px}.trial-actions button{flex:1;padding:13px 10px;background:linear-gradient(#6b5a3c,#423526);border:1px solid #c4a875;color:#faebc9;font:18px 'YutChronicle',serif;cursor:pointer}.trial-actions button:disabled{opacity:.5;cursor:default}.trial-status{min-height:22px;margin:12px 0;color:#e5c98b}.guardian-trial>small{font-size:11px;color:#b4b6b0}
#eventCutscene{position:fixed;z-index:30;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 25px 16vh;background:linear-gradient(transparent 38%,#02080dbb);pointer-events:auto;text-align:center;text-shadow:0 3px 8px #000;color:#f2dfad}#eventCutscene small{font-size:13px;letter-spacing:8px;border-bottom:1px solid #cbb37988;padding:10px 24px}#eventCutscene h2{font-size:clamp(30px,5vw,65px);font-weight:400;color:var(--event-color,#f2dfad);margin:12px 0;animation:eventEntrance .6s ease-out both}#eventCutscene p{font-size:18px;letter-spacing:2px}@keyframes eventEntrance{from{opacity:0;transform:scale(1.15) translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:600px){.clash-phase{top:17vh;padding:7px 10px}.clash-phase b{font-size:23px}.clash-phase p{font-size:11px}.clash-lanes{bottom:166px;gap:7px}.clash-lane{width:240px;padding:9px}.two-player .clash-lane{width:calc(47vw - 3px);padding:7px}.two-player .clash-target{height:58px}.clash-lane h3{font-size:15px}.clash-lane>p{font-size:10px;line-height:1.4}.clash-grid{gap:4px}.clash-feedback{font-size:10px}.guardian-status{top:128px;max-width:160px;font-size:10px;padding:7px;opacity:.9}.guardian-trial{bottom:45px;padding:14px}.guardian-trial h2{font-size:21px}.trial-actions button{font-size:15px}.trial-instruction{font-size:12px}#eventCutscene p{font-size:14px}#eventCutscene{padding-bottom:18vh}}
@media(max-height:650px) and (min-width:601px){.clash-lanes{bottom:150px}.clash-target{height:48px}.unit-portrait{transform:translateX(-50%) scale(.7);transform-origin:top center}.clash-phase{top:10vh}.clash-phase b{font-size:23px}.clash-lane{width:250px;padding:8px}.guardian-trial{padding:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){#eventCutscene h2{animation:none}.clash-target.struck{transform:none}}
body.cutscene-active #battleHUD{visibility:hidden}
.clash-lanes{bottom:calc(var(--battle-hud-height,150px) + 28px)}