.app{min-height:100vh;position:relative;z-index:1;display:flex;flex-direction:column;overflow:clip}.header{padding:2rem 1.5rem;text-align:center}.brand{font-size:clamp(1.4rem,4vw,2rem);font-weight:800;color:#fff;letter-spacing:.05em}.sound-hint{margin-top:.5rem;font-size:.7rem;color:#ffffff59;letter-spacing:.2em;text-transform:uppercase}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;overflow:visible}.error-block{display:flex;align-items:flex-end;justify-content:center;gap:clamp(1.5rem,4vw,2.5rem);flex-wrap:wrap;overflow:visible;padding:4rem}.error-block .digit-cell,.error-block .circle-cell{display:flex;align-items:center;justify-content:center;height:clamp(200px,42vw,340px)}.error-block .digit-cell{font-size:clamp(200px,42vw,340px);line-height:1;font-weight:900;color:#fff;overflow:visible;filter:drop-shadow(0 0 30px rgba(255,255,255,.25))}.subtitle{margin-top:2.5rem;font-size:.85rem;font-weight:500;color:#888;letter-spacing:.35em;text-transform:uppercase}.video-circle-outer{width:clamp(200px,42vw,340px);height:clamp(200px,42vw,340px);flex-shrink:0;margin-top:180px;filter:drop-shadow(0 0 28px rgba(255,255,255,.5)) drop-shadow(0 0 70px rgba(255,255,255,.2))}.video-circle{width:100%;height:100%;border-radius:50%;border:3px solid #fff;overflow:hidden;position:relative;cursor:pointer;background:#0a0a0a}.video-circle video{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.video-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:11px;color:#fff9;letter-spacing:2px}@media (max-width: 768px){.video-circle-outer{margin-top:90px}}.intro-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.intro-modal-half{position:absolute;left:0;right:0;width:100%;height:50vh;background:#000;z-index:1;will-change:transform;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.intro-modal-top{top:0}.intro-modal-bottom{bottom:0}.intro-modal-splitting .intro-modal-top{transform:translateY(-100%)}.intro-modal-splitting .intro-modal-bottom{transform:translateY(100%)}.modal-particles-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.modal-particles-wrapper canvas{display:block}.intro-modal-center{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:100vw;padding:0;transition:opacity .4s ease}.intro-modal-center-hide{opacity:0;pointer-events:none}.intro-ps-marquee{width:100vw;display:flex;overflow:hidden;color:#fffc}.intro-ps-track{display:flex;align-items:center;gap:clamp(1.75rem,4vw,3.5rem);min-width:max-content;padding-right:clamp(1.75rem,4vw,3.5rem);animation:intro-marquee-left 16s linear infinite}.intro-ps-track.is-reverse{animation-name:intro-marquee-right}.intro-ps-shape{display:flex;flex-shrink:0;opacity:.95}.intro-ps-shape svg{width:clamp(44px,5vw,74px);height:clamp(44px,5vw,74px);color:#fff;animation:intro-shape-wobble 4.8s ease-in-out infinite;animation-delay:var(--shape-delay, 0s)}@keyframes intro-marquee-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes intro-marquee-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes intro-shape-wobble{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-3px)}}.intro-loading-panel{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem 0}.intro-loading-block,.intro-enter-btn{width:calc(100vw - 4rem);max-width:100%;min-height:clamp(86px,11vh,128px);border-radius:10px}.intro-loading-block{position:relative;background:#030303;border:1px solid rgba(255,255,255,.14);padding:clamp(16px,2vw,24px);display:flex;flex-direction:column;justify-content:center;gap:12px}.intro-loading-bar{width:100%;height:clamp(22px,3vh,32px);position:relative;background:#0d0d0d;border-radius:6px;overflow:hidden}.intro-loading-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0d0d}.intro-loading-fill{position:absolute;left:0;top:0;bottom:0;background:#fff;border-radius:6px;transition:width .1s linear}.intro-loading-text{font-size:clamp(.8rem,1.6vw,1rem);letter-spacing:.14em;text-transform:uppercase;color:#ffffffd9}.intro-enter-btn{padding:clamp(18px,3vh,26px) 56px;font-family:inherit;font-size:clamp(1rem,2vw,1.2rem);font-weight:600;letter-spacing:.18em;color:#000;background:#fff;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s,transform .2s}.intro-enter-btn:hover{opacity:.9;transform:scale(1.02)}.noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #030306;--bg-dark: #08080d;--text: #fff;--text-muted: #888}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Syne,sans-serif;background:var(--bg-deep);color:var(--text);min-height:100vh;overflow-x:hidden}