.case-intro{position:fixed;inset:0;z-index:10000;background:#090909;color:#eee;display:flex;align-items:center;justify-content:center}.case-intro-art{text-align:center;width:min(360px,70vw)}.case-intro canvas{display:block;width:clamp(170px,25vw,260px);height:auto;margin:0 auto 24px;image-rendering:pixelated}.case-intro-title{font:700 22px/1.2 Arial,sans-serif;margin:0 0 12px;color:#e7e2ec}.case-intro-caption{font:10px/1.5 monospace;letter-spacing:.12em;color:#b3a6c1;margin:0}.case-intro-progress{width:100px;height:2px;background:#302837;margin:24px auto}.case-intro-progress i{display:block;width:100%;height:100%;background:#c5a4ff;transform:scaleX(0);transform-origin:left}.case-intro-skip{position:absolute;right:7vw;bottom:max(28px,env(safe-area-inset-bottom));min-height:44px;padding:12px 16px;border:1px solid #7d6699;border-radius:4px;background:#151019;color:#c5a4ff;font:12px monospace;cursor:pointer}.case-intro-skip:hover{background:#2a2037}.case-intro-skip:focus-visible{outline:2px solid #c5a4ff;outline-offset:4px}