/* Shared styles for secondary public pages. Kept separate from the core
   homepage/product bundles so these views no longer need inline CSS. */

/* Payment redirect */
.px-payment-redirect {
	font-family: system-ui, sans-serif; background: #050505; color: #fff;
	display: flex; align-items: center; justify-content: center; min-height: 100vh;
	margin: 0;
}
.px-payment-redirect .box { text-align: center; }
.px-payment-redirect .spin {
	width: 34px; height: 34px; border: 3px solid rgba(57,255,139,.25);
	border-top-color: #39ff8b; border-radius: 50%; margin: 0 auto 16px;
	animation: px-redirect-spin .8s linear infinite;
}
.px-payment-redirect__fallback {
	border: 1px solid #39ff8b; border-radius: 999px; margin-top: 12px;
	padding: 10px 18px; background: transparent; color: #39ff8b;
	font: inherit; font-weight: 700; cursor: pointer;
}
.px-payment-redirect__fallback:focus-visible {
	outline: 3px solid rgba(57,255,139,.5); outline-offset: 3px;
}
@keyframes px-redirect-spin { to { transform: rotate(360deg); } }

/* Payment result */
.px-payfail { padding: 64px 0 80px; }
.px-payfail__card { max-width:680px; margin:0 auto; text-align:center; background:radial-gradient(circle at 50% 0,rgba(255,58,58,.09),transparent 38%),linear-gradient(180deg,#120d0d,#0b0808); border:1px solid rgba(255,64,64,.35); border-radius:22px; padding:44px 40px; box-shadow:0 28px 90px rgba(0,0,0,.38); }
.px-payfail__icon { width:70px; height:70px; margin:0 auto 18px; border-radius:50%; background:rgba(255,64,64,.12); border:1px solid rgba(255,64,64,.4); color:#ff6969; display:flex; align-items:center; justify-content:center; font:700 42px/1 system-ui,sans-serif; }
.px-payfail__title { font-family:"Orbitron",sans-serif; font-size:clamp(21px,3.5vw,27px); font-weight:800; margin:0 0 10px; }
.px-payfail__msg { display:inline-block; background:rgba(255,64,64,.1); border:1px solid rgba(255,64,64,.3); color:#ff9a9a; border-radius:10px; padding:9px 16px; font-size:14px; margin-bottom:16px; }
.px-payfail__sub { color:rgba(255,255,255,.6); font-size:14.5px; margin:0 0 28px; }
.px-payfail__sub b { color:#7dffb0; }
.px-payfail__lead { max-width:560px; margin:0 auto 22px; color:rgba(255,255,255,.72); font-size:15px; line-height:1.55; }
.px-payfail__details { display:flex; flex-direction:column; align-items:flex-start; gap:4px; text-align:left; background:rgba(255,64,64,.08); border:1px solid rgba(255,64,64,.24); border-radius:13px; padding:14px 16px; margin-bottom:12px; overflow-wrap:anywhere; }
.px-payfail__details-label { color:rgba(255,255,255,.48); font:700 11px/1.3 "Rajdhani",sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.px-payfail__details strong { color:#ffaaaa; font-size:14px; line-height:1.4; }
.px-payfail__reference { color:rgba(255,255,255,.55); font-size:12px; margin-top:2px; }
.px-payfail__notice { display:flex; flex-direction:column; gap:4px; text-align:left; background:rgba(57,255,139,.055); border:1px solid rgba(57,255,139,.18); border-radius:13px; padding:14px 16px; margin-bottom:24px; }
.px-payfail__notice strong { color:#7dffb0; font-size:14px; }
.px-payfail__notice span { color:rgba(255,255,255,.58); font-size:13px; line-height:1.45; }
.px-payfail__steps { text-align:left; margin-bottom:26px; }
.px-payfail__steps h2 { margin:0 0 12px; color:#fff; font:800 16px/1.3 "Orbitron",sans-serif; }
.px-payfail__steps ol { display:grid; gap:10px; margin:0; padding:0; list-style:none; counter-reset:px-payment-step; }
.px-payfail__steps li { position:relative; min-height:48px; padding:11px 13px 11px 54px; border:1px solid rgba(255,255,255,.09); border-radius:13px; background:rgba(255,255,255,.025); counter-increment:px-payment-step; }
.px-payfail__steps li::before { content:counter(px-payment-step); position:absolute; left:13px; top:13px; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; color:#061109; background:#39ff8b; font:800 13px/1 "Orbitron",sans-serif; box-shadow:0 0 16px rgba(57,255,139,.18); }
.px-payfail__steps li strong,.px-payfail__steps li span { display:block; }
.px-payfail__steps li strong { color:#fff; font-size:14px; margin-bottom:2px; }
.px-payfail__steps li span { color:rgba(255,255,255,.54); font-size:13px; line-height:1.42; }
.px-payfail__ctas { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.px-payfail__help { margin-top:20px; font-size:13px; color:rgba(255,255,255,.45); }
.px-payfail__help a { color:#39ff8b; }
@media (max-width:600px) {
	.px-payfail { padding:32px 0 56px; }
	.px-payfail__card { padding:30px 18px; border-radius:18px; }
	.px-payfail__icon { width:58px; height:58px; font-size:35px; margin-bottom:15px; }
	.px-payfail__ctas { display:grid; }
	.px-payfail__ctas .px-btn { width:100%; }
}

.px-thanks { padding:64px 0 80px; position:relative; }
.px-thanks__card { max-width:640px; margin:0 auto; text-align:center; background:linear-gradient(180deg,#0d120e,#080b08); border:1px solid rgba(57,255,139,.3); border-radius:22px; padding:44px 36px; box-shadow:0 0 90px rgba(57,255,139,.12); }
.px-thanks__check { width:76px; height:76px; margin:0 auto 18px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#7dffb0,#25ff5a 55%,#00d64a); display:flex; align-items:center; justify-content:center; font-size:38px; color:#04150b; box-shadow:0 14px 40px rgba(37,255,90,.45); animation:px-result-pop .5s cubic-bezier(.2,1.8,.4,1); }
@keyframes px-result-pop { 0% { transform:scale(.3); opacity:0; } 100% { transform:scale(1); opacity:1; } }
.px-thanks__title { font-family:"Orbitron",sans-serif; font-size:clamp(24px,4vw,32px); font-weight:800; margin:0 0 6px; }
.px-thanks__sub { color:rgba(255,255,255,.6); font-size:15px; margin:0 0 26px; }
.px-thanks__comp { display:inline-block; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:999px; padding:6px 16px; font-family:"Rajdhani",sans-serif; font-weight:700; font-size:14px; color:rgba(255,255,255,.8); margin-bottom:22px; }
.px-thanks__tickets { display:flex; flex-wrap:wrap; gap:9px; justify-content:center; margin-bottom:26px; }
.px-thanks__t { background:rgba(57,255,139,.1); border:1px solid rgba(57,255,139,.35); color:#39ff8b; font-family:"Rajdhani",sans-serif; font-weight:800; letter-spacing:.05em; padding:9px 16px; border-radius:999px; font-size:15px; animation:px-result-pop .45s cubic-bezier(.2,1.8,.4,1) backwards; }
.px-thanks__meta { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0 0 28px; }
.px-thanks__meta-item { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:12px 10px; }
.px-thanks__meta-item em { display:block; font-style:normal; color:rgba(255,255,255,.4); font-size:11.5px; text-transform:uppercase; letter-spacing:.05em; margin-bottom:4px; font-family:"Rajdhani",sans-serif; font-weight:700; }
.px-thanks__meta-item strong { color:#fff; font-size:14px; word-break:break-all; }
.px-thanks__ctas { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.px-thanks__mail { margin-top:18px; color:rgba(255,255,255,.45); font-size:13px; }
.px-thanks__mail b { color:rgba(255,255,255,.7); }
@media (max-width:560px) { .px-thanks__meta { grid-template-columns:1fr; } }

/* Authentication and account */
.px-auth-page--login { padding:56px 0 72px; }
.px-auth-page--login .px-auth__head { text-align:center; margin-bottom:34px; }
.px-auth__grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; max-width:820px; margin:0 auto; }
.px-auth__card { background:#0d0f0e; border:1px solid rgba(57,255,139,.16); border-radius:16px; padding:26px 24px; }
.px-auth__card h2 { font-family:"Orbitron",sans-serif; font-size:18px; margin:0 0 4px; }
.px-auth__card p { color:rgba(255,255,255,.5); font-size:13.5px; margin:0 0 18px; }
.px-auth__form { display:flex; flex-direction:column; gap:12px; }
.px-auth__form .px-buybox__input { width:100%; }
.px-auth__row { display:flex; align-items:center; justify-content:space-between; font-size:13px; color:rgba(255,255,255,.55); }
.px-auth__err { background:rgba(255,64,64,.1); border:1px solid rgba(255,64,64,.35); color:#ff9a9a; border-radius:10px; padding:9px 13px; font-size:13px; margin-bottom:12px; }
.px-auth__intro { color:rgba(255,255,255,.55); }
.px-auth__link { color:#39ff8b; }
.px-auth__lookup { text-align:center; color:rgba(255,255,255,.4); font-size:13px; margin-top:22px; }
.px-auth__field { display:flex; flex-direction:column; gap:6px; }
.px-auth__field-label { font-size:12.5px; font-weight:700; color:rgba(255,255,255,.72); }
.px-auth-page--recovery { padding:56px 0 72px; max-width:460px; margin:0 auto; }
.px-auth-page--recovery .px-auth__card { margin-top:24px; }
.px-auth__ok { background:rgba(57,255,139,.1); border:1px solid rgba(57,255,139,.35); color:#39ff8b; border-radius:10px; padding:10px 14px; font-size:13.5px; margin-bottom:14px; }
.px-auth__note { color:rgba(255,255,255,.5); font-size:13.5px; margin:0 0 16px; }
.px-auth__head,.px-auth__back { text-align:center; }
.px-auth__back { margin-top:16px; font-size:13px; }
.px-auth__back a { color:#39ff8b; }
@media (max-width:720px) { .px-auth__grid { grid-template-columns:1fr; } }

.px-acct { padding:48px 0 72px; }
.px-acct__head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:28px; }
.px-acct__stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:30px; }
.px-acct__stat { background:#0d0f0e; border:1px solid rgba(57,255,139,.16); border-radius:14px; padding:18px 20px; }
.px-acct__stat--credit { border-color:rgba(212,175,55,.4); background:linear-gradient(135deg,rgba(212,175,55,.12),#0d0f0e 65%); }
.px-acct__stat--credit strong { color:#f5d97a; }
.px-acct__stat strong { display:block; font-family:"Orbitron",sans-serif; font-size:26px; color:#fff; }
.px-acct__stat span { color:rgba(255,255,255,.5); font-size:13px; }
.px-acct__section { margin-bottom:34px; }
.px-acct__section h2 { font-family:"Orbitron",sans-serif; font-size:18px; margin:0 0 14px; }
.px-acct__orders { width:100%; border-collapse:collapse; font-size:14px; }
.px-acct__orders th,.px-acct__orders td { text-align:left; padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.08); }
.px-acct__orders th { color:rgba(255,255,255,.45); font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.px-badge { display:inline-block; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:700; }
.px-badge--paid { background:rgba(57,255,139,.12); color:#39ff8b; }
.px-badge--other { background:rgba(255,255,255,.08); color:rgba(255,255,255,.6); }
.px-ticket-group { background:#0d0f0e; border:1px solid rgba(57,255,139,.16); border-radius:14px; padding:18px 20px; margin-bottom:14px; }
.px-ticket-group__head { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:12px; }
.px-ticket-group__count { color:rgba(255,255,255,.4); font-size:13px; }
.px-ticket-group__tickets { display:flex; flex-wrap:wrap; gap:8px; }
.px-t { font-weight:800; letter-spacing:.05em; padding:7px 13px; border-radius:999px; font-size:13px; background:rgba(57,255,139,.1); color:#39ff8b; border:1px solid rgba(57,255,139,.35); }
.px-t--winner { background:linear-gradient(135deg,#f5d97a,#d4af37); color:#04170c; border:none; }
.px-t--bonus { background:rgba(212,175,55,.14); color:#f5d97a; border:1px solid rgba(212,175,55,.45); }
.px-acct__empty { color:rgba(255,255,255,.5); padding:16px 0; }
.px-acct__empty a { color:#39ff8b; }
.px-acct__ref { font-family:monospace; }
.px-acct__notice { margin:-10px 0 24px; padding:12px 16px; border-radius:11px; font-size:14px; }
.px-acct__notice--success { color:#7dffb0; background:rgba(57,255,139,.1); border:1px solid rgba(57,255,139,.32); }
.px-acct__notice--error { color:#ff9ba3; background:rgba(255,65,80,.1); border:1px solid rgba(255,65,80,.32); }
.px-acct__credit-used { display:block; color:#f5d97a; font-size:11px; margin-top:2px; white-space:nowrap; }
.px-boxes { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:14px; }
.px-box { display:flex; gap:14px; align-items:center; background:#0d0f0e; border:1px solid rgba(212,175,55,.3); border-radius:14px; padding:16px; }
.px-box--opened { border-color:rgba(57,255,139,.25); }
.px-box--expired { opacity:.45; }
.px-box__cube { font-size:38px; line-height:1; filter:drop-shadow(0 4px 14px rgba(212,175,55,.4)); }
.px-box--sealed .px-box__cube { animation:px-box-idle 2.4s ease-in-out infinite; }
@keyframes px-box-idle { 0%,100% { transform:rotate(-4deg); } 50% { transform:rotate(4deg) translateY(-2px); } }
.px-box.is-opening .px-box__cube { animation:px-box-shake .55s ease-in-out infinite; }
@keyframes px-box-shake { 0%,100% { transform:rotate(0); } 20% { transform:rotate(-12deg) scale(1.06); } 40% { transform:rotate(10deg) scale(1.12); } 60% { transform:rotate(-8deg) scale(1.18); } 80% { transform:rotate(6deg) scale(1.1); } }
.px-box.is-revealed .px-box__cube { animation:px-box-pop .5s cubic-bezier(.2,1.6,.4,1) forwards; }
@keyframes px-box-pop { 0% { transform:scale(.4); opacity:.4; } 100% { transform:scale(1.15); opacity:1; } }
.px-box__body { display:flex; flex-direction:column; gap:5px; min-width:0; }
.px-box__comp { font-size:13.5px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.px-box__meta { font-size:12px; color:rgba(255,255,255,.45); }
.px-box__reward { font-family:"Rajdhani",sans-serif; font-weight:800; color:#f5d97a; font-size:14px; }
.px-box__cash-note { margin:3px 0 6px; color:rgba(255,255,255,.62); font-size:12px; line-height:1.4; }
.px-box__cash-state { color:#7dffb0; font-size:12px; font-weight:700; }
.px-box__credit-form { margin-top:3px; }
.px-box__credit-form .px-btn { white-space:normal; text-align:center; line-height:1.25; }
.px-box__coupon { display:inline-flex; align-items:center; gap:6px; background:rgba(37,255,90,.1); border:1px dashed rgba(37,255,90,.5); color:#7dffb0; font-family:"Rajdhani",sans-serif; font-weight:700; font-size:13px; letter-spacing:.06em; padding:5px 11px; border-radius:8px; cursor:pointer; transition:all .15s ease; }
.px-box__coupon:hover { background:rgba(37,255,90,.2); }
.px-box__coupon.is-copied { background:#25ff5a; color:#04150b; border-style:solid; }
.px-box__coupon-hint { font-size:10.5px; opacity:.6; text-transform:uppercase; }
.px-credit { padding:20px; background:linear-gradient(145deg,rgba(212,175,55,.1),rgba(13,15,14,.96) 48%); border:1px solid rgba(212,175,55,.32); border-radius:16px; }
.px-credit__head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:16px; }
.px-credit__head h2 { margin-bottom:6px; }
.px-credit__head p { margin:0; color:rgba(255,255,255,.58); font-size:13.5px; }
.px-credit__balance { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 16px; border-radius:12px; background:rgba(0,0,0,.25); }
.px-credit__balance span { color:rgba(255,255,255,.62); font-size:13px; }
.px-credit__balance strong { color:#f5d97a; font-family:"Orbitron",sans-serif; font-size:24px; }
.px-credit__history { margin-top:18px; }
.px-credit__history h3 { margin:0 0 7px; color:rgba(255,255,255,.55); font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
.px-credit__row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 2px; border-top:1px solid rgba(255,255,255,.07); }
.px-credit__row div { display:flex; flex-direction:column; min-width:0; }
.px-credit__row div strong { color:rgba(255,255,255,.84); font-size:13px; }
.px-credit__row div span { color:rgba(255,255,255,.4); font-size:11.5px; }
.px-credit__row > b { white-space:nowrap; font-size:14px; }
.px-credit__row > b.is-positive { color:#7dffb0; }
.px-credit__row > b.is-negative { color:#f5d97a; }
.px-chest { position:fixed; inset:0; z-index:390; display:none; align-items:center; justify-content:center; flex-direction:column; gap:26px; }
.px-chest.is-on { display:flex; }
.px-chest__scrim { position:absolute; inset:0; background:rgba(0,0,0,.9); backdrop-filter:blur(10px); }
.px-chest__glow { position:absolute; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(212,175,55,.35),transparent 65%); animation:px-chest-glow 1.4s ease-in-out infinite; pointer-events:none; }
@keyframes px-chest-glow { 0%,100% { transform:scale(.9); opacity:.6; } 50% { transform:scale(1.15); opacity:1; } }
.px-chest__gift { position:relative; font-size:150px; line-height:1; filter:drop-shadow(0 20px 60px rgba(212,175,55,.6)); z-index:2; }
.px-chest.is-shaking .px-chest__gift { animation:px-chest-shake .5s ease-in-out infinite; }
@keyframes px-chest-shake { 0%,100% { transform:rotate(0) scale(1); } 15% { transform:rotate(-10deg) scale(1.04); } 35% { transform:rotate(9deg) scale(1.1); } 55% { transform:rotate(-7deg) scale(1.16); } 75% { transform:rotate(6deg) scale(1.1); } }
.px-chest.is-frenzy .px-chest__gift { animation:px-chest-shake .22s ease-in-out infinite; }
.px-chest__hint { position:relative; z-index:2; color:rgba(255,255,255,.65); font-family:"Rajdhani",sans-serif; font-weight:700; font-size:16px; letter-spacing:.06em; text-transform:uppercase; animation:px-chest-glow 1.4s ease-in-out infinite; }
.px-chest__prize { position:relative; z-index:3; display:none; flex-direction:column; align-items:center; gap:14px; background:linear-gradient(180deg,#171307,#0d0b04); border:1px solid rgba(212,175,55,.6); border-radius:22px; padding:38px 48px; box-shadow:0 0 120px rgba(212,175,55,.35); animation:px-prize-pop .55s cubic-bezier(.2,1.8,.4,1) forwards; }
.px-chest.is-revealed .px-chest__prize { display:flex; }
.px-chest.is-revealed .px-chest__gift,.px-chest.is-revealed .px-chest__hint { display:none; }
@keyframes px-prize-pop { 0% { transform:scale(.3) translateY(60px); opacity:0; } 100% { transform:scale(1) translateY(0); opacity:1; } }
.px-chest__prize-eyebrow { color:#f5d97a; font-family:"Rajdhani",sans-serif; font-weight:800; font-size:13px; letter-spacing:.14em; text-transform:uppercase; }
.px-chest__prize-label { color:#fff; font-family:"Orbitron",sans-serif; font-weight:800; font-size:clamp(22px,4vw,34px); text-align:center; text-shadow:0 0 30px rgba(212,175,55,.5); }
.px-chest__prize-extra { color:#7dffb0; font-family:"Rajdhani",sans-serif; font-weight:700; font-size:16px; }
.px-chest__prize .px-btn { margin-top:8px; }
@media (max-width:800px) { .px-acct__stats { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px) {
    .px-acct__stats { grid-template-columns:1fr; }
    .px-credit__head { align-items:flex-start; flex-direction:column; }
}

/* Legal content and local development panel */
.px-legal { padding:56px 0 72px; }
.px-legal__head { text-align:center; margin-bottom:36px; }
.px-legal__body { max-width:820px; margin:0 auto; color:rgba(255,255,255,.82); line-height:1.7; font-size:15.5px; }
.px-legal__body h2 { font-family:"Orbitron",sans-serif; font-size:19px; color:#fff; margin:34px 0 12px; letter-spacing:.01em; }
.px-legal__body h3 { font-size:16px; color:#fff; margin:24px 0 8px; }
.px-legal__body p { margin:0 0 14px; }
.px-legal__body ul,.px-legal__body ol { margin:0 0 16px; padding-left:22px; }
.px-legal__body li { margin:0 0 8px; }
.px-legal__body a { color:#39ff8b; text-decoration:underline; text-underline-offset:2px; }
.px-legal__body strong { color:#fff; }
.px-legal__addr { display:inline-block; margin-top:6px; padding:10px 14px; background:rgba(57,255,139,.08); border:1px solid rgba(57,255,139,.25); border-radius:10px; color:#fff; font-weight:600; }
.px-legal__body table { width:100%; border-collapse:collapse; margin:0 0 16px; }
.px-legal__body th,.px-legal__body td { border:1px solid rgba(255,255,255,.12); padding:8px 12px; text-align:left; }
.px-devsim { position:fixed; left:14px; bottom:14px; z-index:250; background:#12100a; border:1px dashed #d4af37; border-radius:12px; padding:12px 14px; max-width:340px; font-family:"Rajdhani",sans-serif; }
.px-devsim__head { font-weight:800; font-size:13px; color:#f5d97a; margin-bottom:8px; }
.px-devsim__head em { color:rgba(255,255,255,.5); font-style:normal; }
.px-devsim__msg { background:rgba(37,255,90,.1); border:1px solid rgba(37,255,90,.35); color:#7dffb0; font-size:12.5px; border-radius:8px; padding:7px 10px; margin-bottom:8px; }
.px-devsim__row { display:flex; gap:6px; flex-wrap:wrap; }
.px-devsim__btn { background:#1c1a12; border:1px solid #d4af37; color:#f5d97a; font-weight:700; font-size:12.5px; border-radius:8px; padding:6px 11px; cursor:pointer; }
.px-devsim__btn:hover { background:#d4af37; color:#0a0a05; }
.px-devsim__btn--demo { border-color:#25ff5a; color:#7dffb0; }
.px-devsim__btn--demo:hover { background:#25ff5a; color:#04150b; }

/* Development engine status */
.px-engine-status { box-sizing:border-box; margin:0; font-family:system-ui,-apple-system,sans-serif; background:#050505; color:#fff; min-height:100vh; padding:48px 20px; }
.px-engine-status * { box-sizing:border-box; }
.px-engine-status .wrap { max-width:860px; margin:0 auto; }
.px-engine-status h1 { font-size:22px; letter-spacing:.04em; margin:0 0 4px; }
.px-engine-status h1 span { color:#39ff8b; }
.px-engine-status .sub { color:rgba(255,255,255,.45); font-size:13px; margin-bottom:32px; }
.px-engine-status .card { background:#0d0f0e; border:1px solid rgba(57,255,139,.18); border-radius:14px; padding:22px 24px; margin-bottom:16px; }
.px-engine-status .card h2 { font-size:17px; margin:0 0 2px; }
.px-engine-status .meta { color:rgba(255,255,255,.5); font-size:12.5px; margin-bottom:14px; }
.px-engine-status .bar { height:10px; background:rgba(255,255,255,.08); border-radius:999px; overflow:hidden; }
.px-engine-status .bar progress { appearance:none; -webkit-appearance:none; display:block; width:100%; height:100%; border:0; background:transparent; }
.px-engine-status .bar progress::-webkit-progress-bar { background:transparent; }
.px-engine-status .bar progress::-webkit-progress-value { background:linear-gradient(90deg,#1fae5e,#39ff8b); }
.px-engine-status .bar progress::-moz-progress-bar { background:linear-gradient(90deg,#1fae5e,#39ff8b); }
.px-engine-status .stats { display:flex; gap:18px; margin-top:10px; font-size:13px; color:rgba(255,255,255,.75); }
.px-engine-status .stats b { color:#39ff8b; }
.px-engine-status .badge { display:inline-block; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:3px 10px; border-radius:999px; background:rgba(57,255,139,.12); color:#39ff8b; margin-left:8px; }
.px-engine-status .empty { color:rgba(255,255,255,.4); padding:40px; text-align:center; }

/* Consistent keyboard focus and reduced motion */
:where(a,button,input,select,textarea,[role="button"],[tabindex]):focus-visible {
	outline:3px solid #7dffb0;
	outline-offset:3px;
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior:auto !important; }
	*,*::before,*::after {
		animation-duration:.01ms !important;
		animation-iteration-count:1 !important;
		transition-duration:.01ms !important;
		scroll-behavior:auto !important;
	}
}