html,body{max-width:100vw;overflow-x:hidden}.spiral-overlay{z-index:-998;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0009;width:100%;height:100vh;position:fixed;top:0;left:0}.spiral-progress{z-index:1002;gap:10px;display:flex;position:fixed;top:20px;right:20px}.progress-dot{background:#ffffff4d;border:2px solid #ffffff80;border-radius:0;width:12px;height:12px;transition:all .3s}.progress-dot.active{background:#00fefe;border-color:#00fefe;animation:2s infinite pulse-dot;box-shadow:0 0 10px #00fefe}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.spiral-navigation{text-align:center;background:#030;border:2px solid #0f0;margin:15px 0;padding:10px}.back-link{color:#0f0;font-family:terminus;font-size:16px;text-decoration:none}.back-link:hover{color:#ff0;text-decoration:underline;animation:.5s infinite flicker}.spiral-slide{cursor:pointer;min-height:60vh;margin:20px 0;padding:20px;transition:all .5s;position:relative}.spiral-slide.transitioning{opacity:.5;transform:scale(.98)}.spiral-slide:hover{transform:scale(1.02)}.spiral-content{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;border:3px solid #00fefe;border-radius:0;padding:20px;animation:8s ease-in-out infinite spiral-shift;position:relative;box-shadow:0 0 30px #00fefe4d,inset 0 0 30px #00fefe1a}@keyframes spiral-glow{0%{transform:scale(1)}to{transform:scale(1.005)}}.spiral-title{color:#00fefe;text-align:center;margin-bottom:20px;font-family:nes;font-size:36px;animation:1s ease-in-out infinite alternate cyan_glow_half,.1s infinite alternate flicker}.spiral-text{margin-bottom:20px;font-family:terminus,SerenityOS Emoji;font-size:18px;line-height:1.6}.spiral-line{margin-bottom:15px;transition:all .3s}.spiral-line.hidden{opacity:0;transform:translate(-20px)}.spiral-line.visible{opacity:1;animation:.5s ease-out forwards typewriter-appear;transform:translate(0)}@keyframes typewriter-appear{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.spiral-instruction{text-align:center;font-weight:700;color:#ff0!important;margin-top:30px!important;animation:1.5s infinite blink!important}.spiral-cursor{color:#00fefe;margin-left:5px;font-size:24px;animation:1s infinite blink;display:inline-block}.spiral-footer{text-align:center;color:#888;margin:20px 0;font-family:terminus;font-size:14px}.spiral-navigation-controls{flex-direction:column;align-items:center;gap:15px;margin:10px 0;display:flex}.spiral-button-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.spiral-back-btn{color:#ff6b6b;cursor:pointer;background:#000c;border:2px solid #ff6b6b;border-radius:0;padding:8px 16px;font-family:terminus;font-size:14px;transition:all .3s;box-shadow:0 0 10px #ff6b6b4d}.spiral-back-btn:hover{color:#fff;background:#ff6b6b33;animation:.5s infinite flicker;box-shadow:0 0 20px #ff6b6b80}.spiral-continue-btn{color:#0f0;cursor:pointer;background:#000c;border:2px solid #0f0;border-radius:0;padding:8px 16px;font-family:terminus;font-size:14px;transition:all .3s;box-shadow:0 0 10px #00ff004d}.spiral-continue-btn:hover{color:#fff;background:#0f03;animation:.5s infinite flicker;box-shadow:0 0 20px #00ff0080}.spiral-home-btn{color:#00fefe;cursor:pointer;background:#000c;border:2px solid #00fefe;border-radius:0;padding:8px 16px;font-family:terminus;font-size:14px;transition:all .3s;box-shadow:0 0 10px #00fefe4d}.spiral-home-btn:hover{color:#fff;background:#00fefe33;animation:.5s infinite flicker;box-shadow:0 0 20px #00fefe80}.slide-counter{color:#888;text-align:center;font-family:terminus;font-size:14px}@media screen and (max-width:768px){#container{box-sizing:border-box;width:100%;max-width:100vw;margin:0;padding:10px}.spiral-progress{top:10px;right:10px}.progress-dot{width:10px;height:10px}.spiral-title{word-break:break-word;margin-bottom:15px;font-size:24px}.spiral-text{font-size:16px;line-height:1.4}.spiral-content{margin:10px 0;padding:15px}.spiral-slide{min-height:50vh;margin:10px 0;padding:10px}.spiral-navigation{margin:10px 0;padding:8px}.back-link{font-size:14px}.spiral-back-btn,.spiral-continue-btn,.spiral-home-btn{min-height:44px;padding:10px 20px;font-size:16px}.spiral-button-group{flex-direction:column;gap:15px}}@media screen and (max-width:480px){#container{padding:8px}.spiral-title{word-break:break-word;font-size:20px}.spiral-text{font-size:14px}.spiral-content{padding:12px}.spiral-footer{font-size:12px}.progress-dot{width:8px;height:8px}.spiral-back-btn,.spiral-continue-btn,.spiral-home-btn{padding:8px 16px;font-size:14px}.slide-counter{font-size:12px}}.spiral-slide-enter{opacity:0;transform:translate(100px)}.spiral-slide-enter-active{opacity:1;transition:all .5s;transform:translate(0)}.spiral-slide-exit{opacity:1;transform:translate(0)}.spiral-slide-exit-active{opacity:0;transition:all .5s;transform:translate(-100px)}@keyframes spiral-shift{0%,to{border-color:#00fefe;box-shadow:0 0 20px #00fefe4d,inset 0 0 20px #00fefe1a}20%{border-color:#bd6cff;box-shadow:0 0 25px #bd6cff66,inset 0 0 25px #bd6cff26}40%{border-color:#fabda0;box-shadow:0 0 30px #fabda066,inset 0 0 30px #fabda026}60%{border-color:#0f0;box-shadow:0 0 25px #0f06,inset 0 0 25px #00ff0026}80%{border-color:#f0f;box-shadow:0 0 30px #f0f6,inset 0 0 30px #ff00ff26}}