/* Each short gel web grips the inner edges of its own pair of letter tiles.
   The row grid follows the board: no free-standing vertical divider. */
.combat .slime-seam.slime-bonds135{display:grid;grid-template-rows:repeat(var(--bond-rows,6),minmax(0,1fr));gap:3px;width:46px;top:0;bottom:0;opacity:.9;filter:none;isolation:isolate}
.slime-bond135{display:grid;place-items:center;position:relative;min-height:0}
.slime-bond135>b{display:block;width:100%;height:82%;max-height:34px;background:url('assets/quest/slime-bridge-v135.png') center/100% 150% no-repeat;image-rendering:auto;transform:scaleX(var(--bond-direction,1));transform-origin:center;opacity:1}
.slime-bond135:nth-child(even){--bond-direction:-1}
.combat .slime-joined .slime-bonds135{opacity:0}
.combat .slime-splitting .slime-bonds135{animation:slime-attach135 .72s .65s cubic-bezier(.2,.75,.25,1) both}
@keyframes slime-attach135{0%{opacity:0;transform:translateX(-50%) scaleX(.565)}12%{opacity:.9}100%{opacity:.9;transform:translateX(-50%) scaleX(1)}}

/* A green letter lifts with a quick recoil and opens a small, luminous crest.
   The gauge and button retain their fixed layout throughout entry and impact. */
.combat-temper .temper-rune-stage{position:relative;isolation:isolate}
.combat-temper .temper-rune-stage .focus-rune{z-index:1}
.combat-temper .temper-awakening{position:absolute;left:calc(50% - 110px);top:calc(50% - 86px);width:220px;height:172px;pointer-events:none;opacity:.2}
.temper-awakening>b{position:absolute;inset:0;background:repeating-conic-gradient(from 9deg,#b4dc824d 0deg,transparent 9deg 29deg);mask-image:radial-gradient(ellipse,transparent 20%,#000 30%,#0009 48%,transparent 71%)}
.temper-awakening>em{position:absolute;inset:16px 40px;border:1px solid #c9df9b77;transform:rotate(45deg);box-shadow:0 0 18px #a6cf6544,inset 0 0 20px #accf6522}
.temper-awakening>i{position:absolute;left:calc(50% - 3px);top:7px;width:6px;height:12px;background:#e9e7b4;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 8px #bded96}
.temper-awakening>i:nth-of-type(2){top:auto;bottom:7px}.temper-awakening>i:nth-of-type(3){top:calc(50% - 6px);left:26px;transform:rotate(90deg)}.temper-awakening>i:nth-of-type(4){top:calc(50% - 6px);left:auto;right:26px;transform:rotate(90deg)}
.critical-focus.combat-temper:not(.timing-locked) #timing-title>span{display:block;font-size:14px;line-height:20px;letter-spacing:2px;color:#c6d9a9}
.critical-focus.combat-temper:not(.timing-locked) #timing-title>strong{display:block;font:700 32px/32px 'Knightle Herald',Georgia;letter-spacing:1px;color:#f5e8b5;text-shadow:0 3px #1b3020,0 0 17px #bdd47a44}
.combat-temper:not(.timing-locked) .temper-rune-stage:after{content:'';position:absolute;left:calc(50% - 59px);top:16%;width:118px;height:2px;z-index:2;background:linear-gradient(90deg,transparent,#fff4c6,transparent);pointer-events:none;animation:temper-arrival-cut135 .36s .2s ease-out both}
.combat-temper.timing-locked .temper-awakening{opacity:.12!important}
.combat-temper.timing-locked.grade-perfect .temper-rune-stage:after{content:'';position:absolute;inset:-24px -18px;background:radial-gradient(ellipse,#d7ed9333,transparent 67%);pointer-events:none;animation:temper-award135 .5s ease-out both}
@keyframes temper-arrival-cut135{0%{opacity:0;transform:translateX(-18px) rotate(-19deg) scaleX(.3)}25%{opacity:.85}100%{opacity:0;transform:translateX(22px) rotate(-19deg) scaleX(1.35)}}
@keyframes temper-award135{0%{opacity:.8;transform:scale(.7)}100%{opacity:0;transform:scale(1.25)}}
@media(orientation:landscape) and (max-height:500px){.critical-focus.combat-temper:not(.timing-locked) #timing-title>span{display:inline;font-size:12px;line-height:29px;letter-spacing:.5px}.critical-focus.combat-temper:not(.timing-locked) #timing-title>strong{display:inline;font-size:25px;line-height:29px;margin-left:6px}.combat-temper .temper-awakening{width:180px;height:132px;left:calc(50% - 90px);top:calc(50% - 66px)}}
@media(prefers-reduced-motion:reduce){.combat .slime-splitting .slime-bonds135{animation-duration:1ms;animation-delay:0s}.combat-temper .temper-rune-stage:after{display:none}.combat-temper .temper-awakening{opacity:.16}}