/* Original stage-entry artwork. Scoped to Word Bricks; no third-party assets. */
.wb-neon { --wb-neon:#70eaff;--wb-neon-rgb:112,234,255;--wb-neon-dark:#17495a;--wb-metal:#dceff5; }
.wb-neon[data-tier=gold] { --wb-neon:#ffc968;--wb-neon-rgb:255,201,104;--wb-neon-dark:#76501c;--wb-metal:#fff0c4; }
.wb-neon[data-tier=crystal] { --wb-neon:#c4a1ff;--wb-neon-rgb:196,161,255;--wb-neon-dark:#553679;--wb-metal:#eee1ff; }
.wb-neon .wb-stage-launch { display:flex;align-items:center;gap:10px;position:relative;isolation:isolate;overflow:hidden;min-height:52px;padding:8px 12px;margin-bottom:10px;border:1px solid rgba(var(--wb-neon-rgb),.55);border-radius:12px;background:linear-gradient(115deg,#102c35,#1d3343);color:#f1f9ff;box-shadow:inset 0 1px 0 #ffffff20,0 4px 12px #12333415; }
.wb-neon .wb-stage-launch>div { display:flex;flex-direction:column;gap:3px;min-width:0; }
.wb-neon .wb-stage-launch small { font-size:8px;letter-spacing:1.6px;color:var(--wb-neon);font-weight:800; }
.wb-neon .wb-stage-launch b { font-size:13px;line-height:1.2; }
.wb-neon .wb-stage-emblem { display:grid;place-items:center;font-size:27px;width:34px;flex-shrink:0;color:var(--wb-neon);text-shadow:0 0 12px rgba(var(--wb-neon-rgb),.5); }
.wb-neon .wb-stage-spec { margin-left:auto;font-size:10px;color:#d3e6ed;max-width:48%;line-height:1.5;text-align:right; }
.wb-neon .wb-stage-launch::after { content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(var(--wb-neon-rgb),.22),transparent 80%);transform:translateX(-110%); }
.wb-neon[data-entrance=active] .wb-stage-launch::after { animation:wb-launch-shine 1.8s ease-out both; }
.wb-neon .wb-board { border-color:var(--wb-neon-dark);background:radial-gradient(ellipse at 50% 0%,#2b4353,#102725 80%);box-shadow:0 10px 26px #12352f22,inset 0 0 22px rgba(var(--wb-neon-rgb),.08); }
.wb-neon .wb-tier-track>span.active { border-color:var(--wb-neon-dark);background:var(--wb-metal); }
.wb-neon .wb-progress .current { background:var(--wb-neon-dark);box-shadow:0 0 6px rgba(var(--wb-neon-rgb),.5); }
.wb-neon .wb-cell.falling { border-color:var(--wb-neon);box-shadow:inset 2px 2px 0 #ffffffa0,inset -2px -3px 0 #00000035,0 0 9px rgba(var(--wb-neon-rgb),.55);background:linear-gradient(135deg,#f5fbff,var(--wb-metal)); }
.wb-neon .wb-cell.falling::after { content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff60,transparent 40%); }
.wb-neon .wb-cell.ghost { border-color:var(--wb-neon);background:rgba(var(--wb-neon-rgb),.05); }
.wb-neon .wb-cell.target { border-bottom-color:#bce481;background:#c8ed7d18; }
.wb-neon .wb-stage-fx { position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;contain:paint; }
.wb-neon .wb-stage-fx * { position:absolute;pointer-events:none;animation-play-state:var(--wb-fx-state,running); }
.wb-neon .wb-entry-rim { inset:4px;border:2px solid var(--wb-neon);border-radius:10px;box-shadow:inset 0 0 12px rgba(var(--wb-neon-rgb),.4),0 0 12px rgba(var(--wb-neon-rgb),.4);animation:wb-entry-rim 1.8s ease-out both; }
.wb-neon .wb-entry-rim.wb-entry-echo { inset:12px;border-width:1px;animation-delay:100ms;opacity:.4; }
.wb-neon .wb-entry-sweep { left:0;right:0;top:-6px;height:4px;background:linear-gradient(90deg,var(--wb-neon),transparent 12%,transparent 88%,var(--wb-neon));animation:wb-entry-sweep 1.65s ease-out both; }
.wb-neon .wb-entry-spark { top:var(--spark-y);left:var(--spark-side);width:5px;height:5px;background:var(--wb-neon);box-shadow:0 0 9px var(--wb-neon);border-radius:1px;animation:wb-entry-spark 1.1s var(--spark-delay) ease-out both; }
.wb-neon[data-fx-running=false] .wb-stage-launch::after { animation-play-state:paused; }
.wb-neon .wb-stage-fx * { animation-play-state:var(--wb-fx-state,running); }
@keyframes wb-launch-shine { 15% { transform:translateX(-80%); } 90%,100% { transform:translateX(110%); } }
@keyframes wb-entry-rim { 0% { opacity:0;transform:scale(.95); } 18% { opacity:.85;transform:scale(1); } 100% { opacity:0;transform:scale(1.02); } }
@keyframes wb-entry-sweep { 0% { transform:translateY(0);opacity:0; } 12% { opacity:.85; } 100% { transform:translateY(560px);opacity:0; } }
@keyframes wb-entry-spark { 0% { opacity:0;transform:translateX(0) rotate(0); } 22% { opacity:.85; } 100% { opacity:0;transform:translate(var(--spark-travel),-24px) rotate(120deg) scale(.3); } }
@media(max-width:680px) {
  .wb-neon .wb-stage-launch { min-height:44px;padding:6px 9px;gap:7px;margin-bottom:7px; }
  .wb-neon .wb-stage-launch small { font-size:7px;letter-spacing:1px; }.wb-neon .wb-stage-launch b { font-size:11px; }
  .wb-neon .wb-stage-emblem { width:24px;font-size:23px; }.wb-neon .wb-stage-spec { font-size:9px; }
  .wb-neon .wb-cell.falling { box-shadow:inset 1px 1px 0 #ffffffa0,inset -1px -2px 0 #0003,0 0 4px rgba(var(--wb-neon-rgb),.45); }
  .wb-neon .wb-entry-rim.wb-entry-echo,.wb-neon .wb-entry-spark:nth-child(even) { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .wb-neon .wb-stage-fx { display:none; }.wb-neon .wb-stage-launch::after { animation:none; }
}
