/* Dev Experience V14 | scoped to public homepage */
body.orbit-v12 #matrix-rain-v6{opacity:.20!important;filter:hue-rotate(135deg) saturate(.75);mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 80%,transparent 100%)}
#dx14{--dx-cor:#ff8e79;--dx-cyan:#91e6e9;--dx-text:#f8e9de;position:relative;isolation:isolate;margin:5rem auto;max-width:1180px;color:var(--dx-text);font-family:inherit}
#dx14 *{box-sizing:border-box}#dx14 .dx-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}#dx14 .dx-kicker{color:var(--dx-cyan);font:600 .73rem/1.5 ui-monospace,monospace;letter-spacing:.14em}#dx14 h2{font-size:clamp(2rem,5vw,4.2rem);letter-spacing:-.045em;line-height:1.05;margin:.5rem 0}#dx14 h2 em{font-style:normal;color:var(--dx-cor)}#dx14 .dx-sub{opacity:.72;max-width:460px;font-size:.95rem}#dx14 .dx-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem}#dx14 .dx-panel{position:relative;overflow:hidden;border:1px solid #a77b7948;border-radius:22px;background:linear-gradient(150deg,#291d2eeb,#110f1bec);box-shadow:0 18px 40px #07041155;min-width:0;padding:1.25rem}#dx14 .dx-panel:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(330px circle at var(--dx-x,80%) var(--dx-y,0%),#ff887018,transparent 75%)}#dx14 .dx-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid #ffffff1a;font:600 .73rem ui-monospace,monospace;letter-spacing:.07em}#dx14 .dx-dot{display:inline-block;background:#a5e7c0;width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px #a5e7c0;margin-right:8px}#dx14 .dx-muted{opacity:.53}#dx14 .dx-code{min-height:160px;margin:1rem 0;padding:1.2rem;border-radius:13px;background:#0c0d17;border:1px solid #ffffff17;font:clamp(.75rem,1.5vw,.94rem)/1.85 ui-monospace,Consolas,monospace;color:#c9f0e7;white-space:pre-wrap;overflow-wrap:anywhere}#dx14 .dx-code .dx-hot{color:#ffa18b}#dx14 .dx-prompt{color:#89d9e1}#dx14 .dx-actions{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}#dx14 button{appearance:none;border:1px solid #ff9d8670;border-radius:12px;background:linear-gradient(120deg,#e58f7b,#ffb597);color:#20131d;font-weight:750;padding:.8rem 1rem;cursor:pointer;min-height:44px;transition:transform .2s,border-color .2s,box-shadow .2s}#dx14 button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff9b7540}#dx14 button:focus-visible{outline:2px solid var(--dx-cyan);outline-offset:4px}#dx14 button.dx-ghost{color:var(--dx-text);background:#ffffff0b;border:1px solid #ffffff4b}#dx14 .dx-result{min-height:2.1rem;padding-top:.85rem;color:#aff0d5;font:600 .8rem/1.6 ui-monospace,monospace}#dx14 .dx-game-head{display:flex;gap:.8rem;justify-content:space-between;align-items:start;flex-wrap:wrap}#dx14 .dx-count{color:#ffc4a8;font:600 .77rem ui-monospace,monospace}#dx14 .dx-game-title{font-size:1.38rem;font-weight:700;margin:1rem 0 .4rem}#dx14 .dx-question{color:#e5d2d9;opacity:.9;font-size:.92rem;min-height:2.8rem}#dx14 .dx-options{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.1rem}#dx14 .dx-options button{background:#2a2230;color:#f5e5dc;text-align:left;border:1px solid #ffffff24;font:600 .82rem/1.35 ui-monospace,monospace}#dx14 .dx-options button.correct{border-color:#a5e7c0;background:#144438}#dx14 .dx-options button.wrong{border-color:#ff9b88;background:#532a34}#dx14 .dx-options button:disabled{cursor:default;opacity:.76;transform:none}#dx14 .dx-progress{height:4px;background:#ffffff25;border-radius:99px;overflow:hidden;margin-top:1.3rem}#dx14 .dx-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--dx-cor),var(--dx-cyan));width:0%;transition:width .4s}#dx14 .dx-bottom{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem;color:#f3dbd4;font:600 .75rem ui-monospace,monospace}#dx14 .dx-bars{display:flex;align-items:end;gap:3px;height:24px}#dx14 .dx-bars i{display:block;height:8px;width:4px;border-radius:2px;background:var(--dx-cyan);animation:dx-eq 1.1s ease-in-out infinite alternate}#dx14 .dx-bars i:nth-child(2){animation-delay:.2s}#dx14 .dx-bars i:nth-child(3){animation-delay:.4s}#dx14 .dx-bars i:nth-child(4){animation-delay:.1s}#dx14 .dx-bars i:nth-child(5){animation-delay:.3s}@keyframes dx-eq{to{height:23px}}#dx14 .dx-end{color:#baf2dc;font-size:.9rem;line-height:1.6}#dx14 .dx-hide{display:none!important}
@media(max-width:840px){#dx14{margin:3rem auto}#dx14 .dx-grid{grid-template-columns:1fr}#dx14 .dx-panel{padding:1rem}}
@media(max-width:420px){#dx14 .dx-options{grid-template-columns:1fr}#dx14 .dx-code{font-size:.76rem}#dx14 .dx-head{margin-bottom:1.3rem}}
@media(prefers-reduced-motion:reduce){#dx14 *,#dx14 *:before{animation:none!important;transition:none!important}}