/* Original plaque geometry with the selected preview surface and entrance. */
.tugan-reactor-plaque .zone__text {
  background: linear-gradient(105deg, #372132ef, #1a122bf5 62%, #2e1a32ef), #ff922b;
  box-shadow: none;
}
.tugan-reactor-plaque .zone__text p { font-weight: 500; }
.tugan-reactor-plaque .zone__text .text_color { letter-spacing: -.025em; }
/* Center the larger icon in the existing space without moving the copy. */
.tugan-reactor-plaque .zone__text > svg {
  transform-origin: center;
  transform: translateX(var(--trp-icon-shift, -1rem)) scale(1.3);
}
@media (max-width: 767px) { .tugan-reactor-plaque { --trp-icon-shift: -.25rem; } }
@media (max-width: 499px) { .tugan-reactor-plaque { --trp-icon-shift: 0px; } }
.tugan-reactor-plaque { position: relative; translate: 0 var(--trp-offset-y, 0px); }
.tugan-reactor-plaque.is-ready:not(.has-played) > .clip-text { opacity: 0; }
.tugan-reactor-plaque.is-playing > .clip-text {
  transform-origin: center;
  animation: trpArrival 1400ms cubic-bezier(.18,.8,.22,1) both;
}
.tugan-reactor-plaque > .tugan-reactor-effects {
  position: absolute; left: 50%; top: var(--trp-center-y, 50%);
  width: min(1100px, 90vw); height: var(--trp-stage-height, 420px);
  translate: -50% -50%; z-index: -1;
  display: grid; place-items: center; overflow: hidden;
  background: transparent; pointer-events: none;
  mask-image: radial-gradient(ellipse 50% 50% at center, #000 62%, transparent 100%);
}
.tugan-reactor-plaque .tugan-reactor-effects,
.tugan-reactor-plaque .tugan-reactor-effects * { box-sizing: border-box; }
.tugan-reactor-plaque .tugan-reactor-effects :is(.fx-backdrop, .fx-ring, .fx-line, .fx-particles) {
  position: absolute; opacity: 0; pointer-events: none;
}
.tugan-reactor-plaque .tugan-reactor-effects .fx-backdrop {
  width: 600px; height: 330px; border-radius: 50%;
  background: radial-gradient(ellipse, #ff922b47, transparent 70%);
}
.tugan-reactor-plaque .tugan-reactor-effects .fx-ring {
  width: 280px; height: 280px; border: 1px solid #ff922b; border-radius: 50%;
  box-shadow: 0 0 18px #ff922b66, inset 0 0 16px #ff922b4d;
}
.tugan-reactor-plaque .tugan-reactor-effects .ring-2 { border-width: 2px; }
.tugan-reactor-plaque .tugan-reactor-effects .ring-3 { border-style: dashed; border-color: #a851ff; }
.tugan-reactor-plaque .tugan-reactor-effects .fx-line {
  width: 95%; height: 2px;
  background: linear-gradient(90deg, transparent, #ff922b, #fff, #ff922b, transparent);
  box-shadow: 0 0 14px #ff922b;
}
.tugan-reactor-plaque .tugan-reactor-effects .line-2 { rotate: 90deg; width: 60%; }
.tugan-reactor-plaque .tugan-reactor-effects .fx-particles { inset: 0; }
.tugan-reactor-plaque .tugan-reactor-effects .fx-particles i {
  position: absolute; left: 50%; top: 50%; width: 4px; height: 4px;
  border-radius: 1px; background: #ff922b; box-shadow: 0 0 11px #ff922b; opacity: 0;
}
.tugan-reactor-plaque.is-playing .tugan-reactor-effects .fx-backdrop { animation: trpCore 1800ms ease-out both; }
.tugan-reactor-plaque.is-playing .tugan-reactor-effects .fx-ring { animation: trpWave 1400ms 180ms ease-out both; }
.tugan-reactor-plaque.is-playing .tugan-reactor-effects .ring-2 { animation-delay: 260ms; }
.tugan-reactor-plaque.is-playing .tugan-reactor-effects .ring-3 { animation-delay: 340ms; }
.tugan-reactor-plaque.is-playing .tugan-reactor-effects .fx-line { animation: trpFlare 1500ms 130ms ease-out both; }
.tugan-reactor-plaque.is-playing .tugan-reactor-effects .fx-particles { opacity: 1; }
.tugan-reactor-plaque.is-playing .tugan-reactor-effects .fx-particles i { animation: trpParticle 1200ms calc(220ms + var(--delay, 0ms)) cubic-bezier(.1,.5,.1,1) both; }
@keyframes trpArrival {
  0% { opacity: 0; transform: scale(.06) rotate(-4deg); filter: brightness(3) blur(4px); }
  12% { opacity: 1; transform: scale(.45); filter: brightness(2); }
  35% { transform: scale(1.06); filter: brightness(1.45) blur(0); }
  62% { transform: scale(.99); }
  100% { opacity: 1; transform: none; filter: none; }
}
@keyframes trpCore {
  0% { opacity: 0; transform: scale(.05); }
  25% { opacity: .8; transform: scale(.14); }
  32% { opacity: 1; transform: scale(.35); }
  43% { opacity: 1; transform: scale(1.4); }
  100% { opacity: 0; transform: scale(1.8); }
}
@keyframes trpWave { 0% { opacity: 0; transform: scale(.05); } 8% { opacity: 1; } 65% { opacity: .35; } 100% { opacity: 0; transform: scale(3.3); } }
@keyframes trpFlare { 0% { opacity: 0; transform: scaleX(0); } 8% { opacity: .9; transform: scaleX(.3); } 22% { opacity: .9; transform: scaleX(1); } 100% { opacity: 0; transform: scaleX(1.1); } }
@keyframes trpParticle { 0% { opacity: 0; transform: rotate(var(--a)) translateX(15px) scale(2); } 10% { opacity: 1; } 100% { opacity: 0; transform: rotate(var(--a)) translateX(calc(var(--d) * 1.65)) scale(.1); } }
@media (max-width: 540px) { .tugan-reactor-plaque .tugan-reactor-effects .fx-backdrop { width: 420px; height: 280px; } }