*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary-dark:#010434;--color-primary-light-dark:#030e23;--color-primary-light:#7394bd;--color-secondary-green:#475b4b;--color-background-cream:#f2efe9;--color-accent-pink:#f59b97}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.subway-ad-container{align-items:flex-start;display:flex;gap:0;justify-content:center;margin:0 auto;max-width:1200px;position:relative;width:80%}.main-content-wrapper{flex:1 1;width:100%}.mobile-only{display:none}.ad-banner-vertical{align-items:center;background-color:#f5f5f5;border:1px dashed #ccc;border-radius:8px;display:flex;flex-shrink:0;height:600px;justify-content:center;position:-webkit-sticky;position:sticky;top:100px;width:160px;z-index:10}.ad-placeholder-text-vertical{color:#999;font-size:.8rem;letter-spacing:2px;text-orientation:mixed;text-transform:uppercase;writing-mode:vertical-rl}@media (max-width:1200px){.ad-banner-vertical{display:none}.mobile-only{display:flex}}.ad-banner-horizontal{align-items:center;background-color:#f5f5f5;border:1px dashed #ccc;border-radius:8px;display:flex;height:100px;justify-content:center;margin:40px auto;max-width:970px;overflow:hidden;width:100%}.ad-placeholder-text{color:#999;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}@media (max-width:768px){.ad-banner-horizontal{height:60px;margin:30px auto}}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-primary-dark);border-bottom:1px solid #ffffff0d;box-shadow:0 4px 20px #0003;color:#fff;justify-content:space-between;padding:15px 40px;top:0;z-index:100}.header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header-left .logo{filter:drop-shadow(0 0 8px rgba(255,255,255,.2));height:36px;transition:transform .3s ease}.header-left .logo:hover{transform:scale(1.05)}.header-center{display:flex;flex:1 1;flex-direction:column;gap:2px;text-align:center}.site-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;font-size:1.6rem;font-weight:800;letter-spacing:-.5px;margin:0}.site-description{color:#fff9;font-size:.85rem;font-weight:400;letter-spacing:.2px;margin:0}.header-right{width:48px}@media (max-width:768px){.header{padding:12px 20px}.site-title{font-size:1.3rem}.site-description{display:none}.header-right{display:block;width:48px}}.footer{background:var(--color-primary-dark);border-top:1px solid #ffffff0d;color:#ffffff80;font-size:.85rem;margin-top:60px;padding:40px 20px;text-align:center}.footer-company{color:#ffffffb3;font-weight:500;margin-bottom:8px}.footer-dev{color:#fff6;display:inline-block;font-size:.8rem;text-align:left}.footer p{margin:0}.subway-wrapper{background:var(--color-primary-light-dark);border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 10px 30px #0006,inset 0 1px 1px #ffffff1a;color:#fff;margin:40px auto;max-width:600px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;width:90%}.subway-wrapper:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.announcement-box{align-items:center;background:var(--color-primary-dark);border:2px solid #333;border-radius:12px;box-shadow:inset 0 0 15px #00ff000d;display:flex;flex-direction:column;height:160px;justify-content:center;margin-bottom:50px;padding:20px;position:relative}.train-announcement{color:#eee;font-size:24px;font-weight:500;line-height:1.5}.highlight{font-size:36px;font-weight:800;margin:0 5px}.line-wrapper{align-items:center;display:flex;height:100px;justify-content:center;margin:40px auto;position:relative;width:100%}.line{background:#485678;border-radius:10px;height:6px;position:absolute;width:80%}.line,.node{box-shadow:0 0 10px #00000080}.node{background:#fff;border:4px solid #485678;border-radius:50%;height:18px;transition:border-color .5s ease;width:18px;z-index:3}.node.left{left:10%;position:absolute}.node.center{box-shadow:0 0 15px #fff3;height:26px;left:49%;position:absolute;width:26px}.node.right{position:absolute;right:10%}.node-label{color:#888;font-size:10px;font-weight:700;letter-spacing:1px;position:absolute;top:70px}.node-label.left{left:10%;transform:translateX(-50%)}.node-label.center{color:#aaa;font-size:11px;left:50%;transform:translateX(-50%)}.node-label.right{right:10%;transform:translateX(50%)}.train-icon{filter:drop-shadow(0 5px 10px rgba(0,0,0,.5));height:auto;pointer-events:none;position:absolute;top:-25px;width:70px;z-index:5}.train-icon.reset{transition:none!important}.train-icon.reset,.train-icon.start{left:10%;transform:translateX(-35px)}.train-icon.start{transition:all 2s ease-in-out}.train-icon.moving{left:50%;transform:translateX(-50%);transition:all 2s ease-in-out}.train-icon.center{left:50%;transform:translateX(-50%);transition:all 1.5s cubic-bezier(.19,1,.22,1)}.line-wrapper-mini{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:15px}.station-line{border-radius:15px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:13px;font-weight:700;padding:6px 12px;text-shadow:0 1px 2px #0003}.run-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:1px;margin-top:30px;padding:18px 40px;transition:all .4s cubic-bezier(.165,.84,.44,1);z-index:10}.run-btn:hover{background:#ffffff1a;border-color:#ffffff80;box-shadow:0 8px 25px #0006,0 0 15px #ffffff1a;transform:translateY(-3px)}.run-btn:active{background:#ffffff05;transform:translateY(1px)}@media (max-width:480px){.subway-wrapper{margin:20px auto;padding:25px 15px;width:95%}.announcement-box{height:140px;margin-bottom:30px;padding:15px}.train-announcement{font-size:18px}.highlight{font-size:28px}.line-wrapper{margin:30px auto}.node{border-width:3px;height:14px;width:14px}.node.center{height:20px;width:20px}.node-label{font-size:9px;top:65px}.train-icon{top:5px;width:50px}.run-btn{font-size:16px;padding:14px 30px;width:100%}}
/*# sourceMappingURL=main.32dec150.css.map*/