.demo-mode-select{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(20px * var(--scale));background:linear-gradient(to bottom,var(--gray-900),var(--black));color:var(--txt-dark-primary);gap:calc(24px * var(--scale));overflow-y:auto;box-sizing:border-box}.demo-mode-select__title{font-size:calc(36px * var(--scale));font-weight:600;color:var(--txt-dark-primary);margin:0;text-align:center;flex-shrink:0}.demo-mode-select__cards{display:flex;gap:calc(12px * var(--scale));justify-content:center;width:100%;max-width:calc(560px * var(--scale));flex-shrink:0}.demo-mode-card{flex:1;min-width:0;max-width:calc(260px * var(--scale));background:#fff;border-radius:calc(20px * var(--scale));box-shadow:0 calc(8px * var(--scale)) calc(24px * var(--scale)) #0000003d;padding:calc(20px * var(--scale));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:calc(12px * var(--scale));border:calc(4px * var(--scale)) solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-align:center}.demo-mode-card:hover,.demo-mode-card:focus-visible{transform:translateY(calc(-6px * var(--scale)));box-shadow:0 calc(12px * var(--scale)) calc(32px * var(--scale)) #00000052;outline:none}.demo-mode-card--story:hover,.demo-mode-card--story:focus-visible{border-color:var(--emerald-400)}.demo-mode-card--arena:hover,.demo-mode-card--arena:focus-visible{border-color:var(--amber-400)}.demo-mode-card__icon-wrap{width:calc(96px * var(--scale));height:calc(96px * var(--scale));display:flex;align-items:center;justify-content:center}.demo-mode-card__icon{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.demo-mode-card__content{display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--scale));flex:1}.demo-mode-card__badge{display:inline-flex;align-items:center;padding:calc(4px * var(--scale)) calc(12px * var(--scale));border-radius:calc(999px * var(--scale));font-size:calc(14px * var(--scale));font-weight:600;text-transform:uppercase;letter-spacing:.05em}.demo-mode-card__badge--emerald{background:var(--emerald-100);color:var(--emerald-600)}.demo-mode-card__badge--amber{background:var(--amber-100);color:var(--amber-600)}.demo-mode-card__title{font-size:calc(28px * var(--scale));font-weight:600;color:var(--txt-light-primary);margin:0}.demo-mode-card__desc{font-size:calc(16px * var(--scale));color:var(--txt-light-secondary);line-height:1.4;margin:0;min-height:calc(64px * var(--scale))}@media (max-width: 768px){.demo-mode-card__desc{display:none}}.demo-mode-card__footer{width:100%;padding-top:calc(12px * var(--scale));border-top:calc(2px * var(--scale)) solid var(--stroke-secondary)}.demo-mode-card__cta{font-size:calc(18px * var(--scale));font-weight:600;color:var(--txt-light-primary);transition:color .2s ease}.demo-mode-card--story:hover .demo-mode-card__cta,.demo-mode-card--story:focus-visible .demo-mode-card__cta{color:var(--emerald-500)}.demo-mode-card--arena:hover .demo-mode-card__cta,.demo-mode-card--arena:focus-visible .demo-mode-card__cta{color:var(--amber-500)}.demo-mode-select__links{display:flex;gap:calc(10px * var(--scale));flex-wrap:wrap;justify-content:center;width:100%;max-width:calc(560px * var(--scale));flex-shrink:0}.demo-mode-select__link{font-size:calc(16px * var(--scale));font-weight:600;color:var(--txt-dark-secondary);background:#ffffff1a;border:calc(2px * var(--scale)) solid rgba(255,255,255,.2);border-radius:calc(12px * var(--scale));padding:calc(8px * var(--scale)) calc(16px * var(--scale));cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.demo-mode-select__link:hover,.demo-mode-select__link:focus-visible{background:#fff3;border-color:#fff6;color:var(--txt-dark-primary);outline:none}