#stormChip,#gateChip{position:absolute;left:50%;transform:translateX(-50%);padding:6px 12px;border:2px solid;border-radius:10px;font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;z-index:6}
#stormChip.hidden,#gateChip.hidden{display:none}
#gateChip{top:112px;border-color:#ffd75a;color:#ffeab5;background:rgba(62,44,6,.72)}
#stormChip:not(.hidden)~#gateChip{top:150px}
#stormChip{top:112px;border-color:#ff4d62;color:#ffd1d8;background:rgba(80,8,20,.62)}
.level5-panel h1 em,.level5-panel h2 em{color:#5fd4ff;text-shadow:0 0 18px rgba(95,212,255,.5)}
.level5-panel .eyebrow{border-color:#5fd4ff;color:#bff6ff;background:rgba(7,22,34,.66)}
@media (max-width:700px){#stormChip{top:96px;font-size:11px}.level5-panel p{max-width:34em}}
@media (max-width:700px){#gateChip{font-size:11px}}
@media(orientation:portrait){#stormChip,#gateChip{top:190px}#stormChip:not(.hidden)~#gateChip{top:228px}}

/* the medal pill, as on Levels 3, 4 and 6: Level 5 had the element but none of the styling, so it showed as bare text */
.medal{display:inline-block;margin:0 0 14px;padding:6px 16px;border-radius:999px;font-weight:950;letter-spacing:.18em;font-size:.8rem;border:2px solid #b8863a;color:#ffd75a;background:#2a1f0a}
.medal[data-medal="silver"]{border-color:#aab6bd;color:#e3edf2;background:#1c2429}
.medal[data-medal="bronze"]{border-color:#a5673c;color:#e0a070;background:#26160c}