/* Word Guardians v1.6.2 — red header Insel-Notruf */
.emergencyHeaderSlot{display:flex;align-items:stretch;justify-content:center;min-width:132px;max-width:174px}
.emergencyWrap.emergencyHeader{width:100%;margin:0;padding:0;display:flex;align-items:stretch}
.emergencyBtn.emergencyNuke{--charge:100%;--abilityGray:0;--abilitySat:1.12;position:relative;width:100%;min-width:0;height:54px;border-radius:15px;overflow:hidden;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:5px;padding:5px 8px 7px 5px;text-align:left;border:1px solid #f1c868d9;background:linear-gradient(180deg,#8b1017 0%,#c9272f 48%,#6d0a11 100%);box-shadow:inset 0 1px #ffffff28,inset 0 -8px 18px #4a060c55,0 7px 16px #0008,0 0 13px #e6313f3d;isolation:isolate;filter:grayscale(var(--abilityGray)) saturate(var(--abilitySat));transition:filter .32s linear,transform .16s ease,box-shadow .2s ease}
.emergencyBtn.emergencyNuke::before{content:'';position:absolute;z-index:-2;left:0;top:0;bottom:0;width:var(--charge);background:linear-gradient(90deg,#7d0d13,#d92a33 52%,#ff5353);transition:width .35s linear}
.emergencyBtn.emergencyNuke::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 0 38%,#fff3b42a 49%,transparent 60%);transform:translateX(-135%)}
.emergencyBtn.emergencyNuke.ready{border-color:#ffe08a;box-shadow:inset 0 1px #ffffff36,0 0 0 2px #ffcb5a24,0 0 19px #ff3b4a75,0 8px 18px #0008;animation:alarmReadyPulse 1.55s ease-in-out infinite}
.emergencyBtn.emergencyNuke.ready::after{animation:alarmShine 2.4s ease-in-out infinite}
.emergencyBtn.emergencyNuke:disabled{cursor:default}
.emergencyBtn.emergencyNuke:not(:disabled):active{transform:translateY(1px) scale(.98)}
.emergencyIcon{width:38px;height:38px;display:block;filter:drop-shadow(0 4px 5px #240307aa);transition:transform .18s ease}
.emergencyCopy{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1}
.emergencyCopy b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff2ce;font:950 .55rem/1 Georgia,serif;letter-spacing:.035em;text-shadow:0 1px 2px #4d060a}
.emergencyTimer{display:block;margin-top:3px;padding:2px 6px;border-radius:999px;background:#2e080bdd;border:1px solid #ff8a8a66;color:#f5d9d8;font:950 .48rem/1 Inter,sans-serif;letter-spacing:.05em;box-shadow:inset 0 1px #ffffff0f}
.emergencyTimer.ready{color:#fff4a9;background:#43100fe8;border-color:#ffd36dcc;box-shadow:0 0 8px #ffb54c55}
.emergencyCharge{position:absolute;left:5px;right:5px;bottom:3px;height:3px;border-radius:999px;background:#260407bb;overflow:hidden}
.emergencyCharge i{display:block;width:var(--charge);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff6b6b,#ffb45f 58%,#ffe98e);box-shadow:0 0 8px #ffbf69;transition:width .35s linear}
.emergencyBtn.noTarget{animation:noTargetShake .36s ease}
.emergencyBtn.firing{animation:alarmFire .72s ease}
.emergencyBtn.firing .emergencyIcon{animation:alarmIconBurst .72s ease}

.emergencyWave{position:absolute;z-index:92;inset:0;pointer-events:none;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 8% 50%,#eaffff75,transparent 22%);animation:emergencyBoardFlash .9s ease-out forwards}
.emergencyWave::before{content:'';position:absolute;left:-18%;top:-16%;width:38%;height:132%;background:linear-gradient(90deg,transparent,#96fff4c7 36%,#fff5b7ed 49%,#68dce7bd 62%,transparent);filter:blur(3px) drop-shadow(0 0 18px #6ff3e9);transform:skewX(-8deg);animation:emergencySweep .72s cubic-bezier(.14,.72,.2,1) forwards}
.emergencyWave span{position:absolute;border:2px solid #bafff2a8;border-radius:50%;left:7%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);animation:emergencyRing .7s ease-out forwards}
.emergencyWave span:nth-child(2){animation-delay:.08s}.emergencyWave span:nth-child(3){animation-delay:.16s}.emergencyCellFlash{animation:emergencyCellPulse .5s ease!important}

@keyframes alarmReadyPulse{0%,100%{box-shadow:inset 0 1px #ffffff36,0 0 0 2px #ffcb5a24,0 0 15px #ff3b4a55,0 8px 18px #0008}50%{box-shadow:inset 0 1px #ffffff42,0 0 0 2px #ffcb5a38,0 0 25px #ff485a99,0 8px 18px #0008}}
@keyframes alarmShine{0%,58%{transform:translateX(-135%)}78%,100%{transform:translateX(135%)}}
@keyframes alarmFire{0%{transform:scale(1)}35%{transform:scale(1.05);box-shadow:0 0 30px #ffdf86cc,0 0 45px #ff394eaa}100%{transform:scale(1)}}
@keyframes alarmIconBurst{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.16) rotate(-8deg)}70%{transform:scale(1.05) rotate(6deg)}100%{transform:scale(1) rotate(0)}}
@keyframes noTargetShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
@keyframes emergencySweep{0%{left:-18%;opacity:0}12%{opacity:1}100%{left:106%;opacity:0}}
@keyframes emergencyRing{0%{opacity:.9;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(11)}}
@keyframes emergencyBoardFlash{0%{box-shadow:inset 0 0 0 #fff}24%{box-shadow:inset 0 0 44px #a7fff180}100%{box-shadow:inset 0 0 0 #fff0;background:transparent}}
@keyframes emergencyCellPulse{0%{background:#ffffff08;box-shadow:none}35%{background:#dfffff70;box-shadow:inset 0 0 16px #fff6b8,0 0 12px #66eee4}100%{background:#ffffff08;box-shadow:none}}

@media(max-width:520px){
  .emergencyHeaderSlot{min-width:100px;max-width:108px}
  .emergencyBtn.emergencyNuke{height:48px;grid-template-columns:31px minmax(0,1fr);gap:3px;padding:4px 5px 6px 4px;border-radius:13px}
  .emergencyIcon{width:29px;height:29px}
  .emergencyCopy b{font-size:.42rem;letter-spacing:.02em}
  .emergencyTimer{font-size:.40rem;margin-top:2px;padding:2px 4px}
  .emergencyCharge{left:4px;right:4px;bottom:2px;height:3px}
}
@media(max-width:370px){
  .emergencyHeaderSlot{min-width:91px;max-width:95px}
  .emergencyBtn.emergencyNuke{grid-template-columns:27px minmax(0,1fr);padding-left:3px;padding-right:4px}
  .emergencyIcon{width:26px;height:26px}
  .emergencyCopy b{font-size:.38rem}
  .emergencyTimer{font-size:.36rem;padding-left:3px;padding-right:3px}
}
