/* Five faceted shards; solid facets distinguish unlocked stages without colour alone.
   A separate class avoids historical rules that hide the former development bars. */
.development272{display:inline-flex;align-items:center;justify-content:center;gap:5px;align-self:center;flex:none;max-width:100%;box-sizing:border-box;padding:2px 6px;margin:3px 0;border:1px solid #4b716b;border-radius:6px;background:#132f32;color:#c7fff1;line-height:1;vertical-align:middle;white-space:nowrap}
.development272 .development272-crystals{display:block;flex:0 1 70px;width:70px;min-width:0;height:20px;overflow:visible}
.development272 .development272-count{font:700 10px/1.2 system-ui,sans-serif;color:#d2f5e9;letter-spacing:0}
.development272 .crystal-shell272{fill:none;stroke:#819b9c;stroke-width:1.2;stroke-linejoin:round}
.development272 .crystal-light272,.development272 .crystal-face272{fill:none}
.development272 .crystal-edge272{fill:none;stroke:#819b9c;stroke-width:.8;opacity:.4}
.development272 .is-unlocked .crystal-shell272{fill:#44c8b3;stroke:#d0fff2}
.development272 .is-unlocked .crystal-light272{fill:#e0fff6}
.development272 .is-unlocked .crystal-face272{fill:#198b91}
.development272 .is-unlocked .crystal-edge272{stroke:#c6fff0;opacity:1}
.development272[data-development272="5"]{border-color:#78cabb;background:#163a3a}
:is(.unit,.offer,.adv-card,.combat-mini) .development272{gap:0;padding:1px 3px;margin:2px auto}
:is(.unit,.offer,.adv-card,.combat-mini) .development272-count{display:none}
.combat-mini .development272{display:flex;width:min(100%,64px);height:20px;flex:none}
.combat-mini .development272 .development272-crystals{width:100%;height:17px}
.adv-reserve .development272{grid-column:2;justify-self:start;margin:0}
.adv-card-detail .development272,.ui-detail-copy .development272{margin:8px 0}
.collection-detail-frame>.development272{margin:10px 0}
.unit226 .development272{vertical-align:middle;margin:4px 0}
@media(max-width:600px){:is(.unit,.offer,.adv-card) .development272 .development272-crystals{width:58px;height:18px}.combat-mini .development272{padding:1px 2px;height:18px}.combat-mini .development272 .development272-crystals{height:15px}}
@media(forced-colors:active){.development272{background:Canvas;color:CanvasText;border-color:CanvasText}.development272 .crystal-shell272{stroke:CanvasText}.development272 .is-unlocked .crystal-shell272{fill:Highlight;stroke:Highlight}.development272 .is-unlocked .crystal-light272,.development272 .is-unlocked .crystal-face272{fill:Highlight}.development272 .crystal-edge272{stroke:CanvasText}.development272 .development272-count{color:CanvasText}}