*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b0b14;color:#eeeef6;min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#22d3ee;text-decoration:none;transition:color .2s}a:hover{color:#80f0ff}.app-container{min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background:rgba(11,11,20,.85);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}.logo-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.site-logo-text{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:2px;background:linear-gradient(135deg,#fbbf24,#f97316,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:filter .3s}.site-logo-text:hover{filter:brightness(1.2)}.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:110}.hamburger{display:block;width:22px;height:2px;background:#eeeef6;position:relative;transition:background .2s}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:100%;height:2px;background:#eeeef6;transition:transform .3s}.hamburger:before{top:-7px}.hamburger:after{top:7px}.hamburger.open{background:transparent}.hamburger.open:before{transform:rotate(45deg);top:0}.hamburger.open:after{transform:rotate(-45deg);top:0}.main-nav{display:flex;gap:.25rem}.nav-link{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.3px;padding:.5rem .9rem;color:#9898b8;border-radius:6px;transition:all .2s;white-space:nowrap}.nav-link:hover{color:#eeeef6;background:rgba(255,255,255,.05)}.nav-link.active{color:#eeeef6;background:rgba(249,115,22,.12)}.auth-section{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.principal-id{font-size:.7rem;color:#6b6b8a;font-family:JetBrains Mono,Fira Code,monospace}.principal-id.principal-id-clickable{cursor:pointer;transition:color .2s}.principal-id.principal-id-clickable:hover{color:#22d3ee}.auth-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.78rem;font-weight:500;padding:.4rem 1rem;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:transparent;color:#9898b8;cursor:pointer;transition:all .2s}.auth-btn:hover{color:#eeeef6;border-color:#ffffff1f;background:rgba(255,255,255,.04)}.auth-btn.auth-btn-login{color:#f97316;border-color:#f9731666;background:rgba(249,115,22,.08)}.auth-btn.auth-btn-login:hover{background:rgba(249,115,22,.15);border-color:#f9731699}.rom-sync-btn{margin-top:.75rem;font-size:.78rem!important;padding:.45rem 1.2rem!important}.main-content{flex:1;padding:2.5rem 2rem;max-width:1200px;margin:0 auto;width:100%}.btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:.7rem 1.8rem;border:none;border-radius:8px;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:.5rem}.btn-lg{padding:.9rem 2.5rem;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;box-shadow:0 2px 16px #f9731640}.btn-primary:hover{color:#fff;box-shadow:0 4px 24px #f9731659;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:rgba(255,255,255,.06);color:#eeeef6;border:1px solid rgba(255,255,255,.12)}.btn-secondary:hover{color:#fff;background:rgba(255,255,255,.1);border-color:#fff3;transform:translateY(-1px)}.page-title{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2.5rem;color:#eeeef6;letter-spacing:1px}.section-title{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;color:#eeeef6;letter-spacing:.5px}.section-subtitle{font-size:.95rem;color:#9898b8;margin-top:.5rem;line-height:1.7}.welcome-page{max-width:100%}.hero-section{position:relative;margin:-2.5rem calc(-50vw + 50%) 0;width:100vw;overflow:hidden}.hero-banner{width:100%;height:420px;background:url(/banner.png) center 95%/cover no-repeat;position:relative}.hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(11,11,20,.3) 0%,rgba(11,11,20,.5) 50%,rgba(11,11,20,.95) 85%,#0b0b14 100%)}@media (min-width: 768px){.hero-banner{height:480px}}@media (min-width: 1200px){.hero-banner{height:560px}}@media (min-width: 2400px){.hero-banner{height:640px}}.hero-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:2rem 2rem 3rem;text-align:center;z-index:1}.hero-logo{width:min(420px,80vw);height:auto;margin-bottom:1.25rem;filter:drop-shadow(0 4px 30px rgba(249,115,22,.3))}.hero-subtitle{font-size:1.05rem;color:#9898b8;max-width:480px;margin-bottom:2rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.features{padding:4rem 2rem;max-width:1100px;margin:0 auto}.features-header{text-align:center;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-card{background:#16162a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:2rem;transition:all .3s}.feature-card:hover{background:#1c1c38;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.feature-card h3{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;color:#eeeef6;margin-bottom:.6rem;letter-spacing:.5px}.feature-card p{font-size:.88rem;color:#9898b8;line-height:1.7}.feature-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(249,115,22,.1);margin-bottom:1.25rem}.feature-icon-wrap svg{width:20px;height:20px;color:#f97316}.feature-card:nth-child(2) .feature-icon-wrap{background:rgba(236,72,153,.1)}.feature-card:nth-child(2) .feature-icon-wrap svg{color:#ec4899}.feature-card:nth-child(3) .feature-icon-wrap{background:rgba(34,211,238,.1)}.feature-card:nth-child(3) .feature-icon-wrap svg{color:#22d3ee}.feature-card:nth-child(4) .feature-icon-wrap{background:rgba(251,191,36,.1)}.feature-card:nth-child(4) .feature-icon-wrap svg{color:#fbbf24}.feature-card:nth-child(5) .feature-icon-wrap{background:rgba(236,72,153,.1)}.feature-card:nth-child(5) .feature-icon-wrap svg{color:#ec4899}.feature-card:nth-child(6) .feature-icon-wrap{background:rgba(34,211,238,.1)}.feature-card:nth-child(6) .feature-icon-wrap svg{color:#22d3ee}.cta-section{padding:2rem 2rem 4rem;max-width:700px;margin:0 auto}.cta-card{text-align:center;background:linear-gradient(135deg,rgba(249,115,22,.08),rgba(236,72,153,.08));border:1px solid rgba(249,115,22,.15);border-radius:16px;padding:3rem 2rem}.cta-title{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:.75rem;color:#eeeef6}.cta-text{font-size:.95rem;color:#9898b8;margin-bottom:2rem;line-height:1.7}.about-page{max-width:800px;margin:0 auto}.about-section{margin-bottom:3rem}.about-section h3{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:#eeeef6;letter-spacing:.5px;margin-bottom:1rem}.about-section p{font-size:.9rem;color:#9898b8;line-height:1.8;margin-bottom:.75rem}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.tech-item{background:#16162a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1.5rem;transition:border-color .2s}.tech-item:hover{border-color:#ffffff1f}.tech-item h4{font-family:Orbitron,sans-serif;font-size:.8rem;color:#f97316;letter-spacing:.5px;margin-bottom:.5rem}.tech-item p{font-size:.82rem;color:#9898b8;line-height:1.7}.game-page{max-width:900px;margin:0 auto;text-align:center}.game-launch{margin-bottom:3rem}.game-launch-text{font-size:.9rem;color:#9898b8;margin-bottom:1.5rem}.game-launch-row{display:flex;justify-content:center}.game-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;text-align:left}.game-info-card{background:#16162a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1.5rem;transition:border-color .2s}.game-info-card:hover{border-color:#ffffff1f}.game-info-card h3{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;color:#f97316;letter-spacing:.5px;margin-bottom:.75rem}.game-info-card ul{list-style:none;padding:0}.game-info-card li{font-size:.82rem;color:#9898b8;line-height:2}.game-info-card li strong{color:#fbbf24;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem}.game-info-card p{font-size:.82rem;color:#9898b8;line-height:1.7}.leaderboard-section{margin-top:3.5rem;text-align:center}.leaderboard-table{width:100%;max-width:540px;margin:0 auto;border-collapse:collapse;font-size:.82rem}.leaderboard-table th{color:#6b6b8a;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;padding:.7rem .8rem;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}.leaderboard-table td{padding:.6rem .8rem;color:#eeeef6;border-bottom:1px solid rgba(255,255,255,.06)}.leaderboard-table td:first-child,.leaderboard-table th:first-child{text-align:center;width:3rem;color:#6b6b8a}.leaderboard-table td:nth-child(2){font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Fira Code,monospace;color:#fbbf24}.leaderboard-table td:nth-child(3){font-family:JetBrains Mono,Fira Code,monospace}.leaderboard-table .leaderboard-top3 td:first-child{color:#f97316;font-weight:700}.leaderboard-table .leaderboard-top3 td:nth-child(2){color:#ec4899}.leaderboard-loading,.leaderboard-empty,.leaderboard-error{font-size:.85rem;color:#6b6b8a;margin-top:1.5rem}.leaderboard-error{color:#ef4444}.ghost-btn-group{display:inline-flex;gap:.3rem}.ghost-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.65rem;font-weight:600;padding:.2rem .5rem;background:transparent;border:1px solid rgba(236,72,153,.4);color:#ec4899;cursor:pointer;border-radius:4px;transition:all .2s;letter-spacing:.3px}.ghost-btn:hover{background:rgba(236,72,153,.1);border-color:#ec4899}.ghost-btn-watch{border-color:#22d3ee66;color:#22d3ee}.ghost-btn-watch:hover{background:rgba(34,211,238,.1);border-color:#22d3ee}.ghost-status{font-size:.65rem;font-weight:500}.ghost-loaded{color:#22d3ee}.ghost-error{color:#ef4444}.ghost-loading{color:#6b6b8a}.my-scores-page{text-align:center}.my-scores-login-prompt{margin-top:2rem}.my-scores-login-prompt p{color:#9898b8;font-size:.9rem;margin-bottom:1.25rem}.my-scores-empty{margin-top:2rem}.my-scores-empty p{color:#9898b8;font-size:.9rem;margin-bottom:1.25rem}.my-scores-summary{color:#6b6b8a;font-size:.8rem;margin-bottom:1rem}.my-scores-table th:nth-child(4),.my-scores-table td:nth-child(4){color:#6b6b8a;font-size:.75rem}.multiplayer-page{max-width:700px;margin:0 auto}.mp-web-name-section{margin-bottom:2rem}.mp-web-label{display:block;font-size:.78rem;color:#6b6b8a;margin-bottom:.4rem}.mp-web-input{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;padding:.6rem .9rem;background:#16162a;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#eeeef6;width:100%;max-width:280px;transition:border-color .2s}.mp-web-input::placeholder{color:#6b6b8a}.mp-web-input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 2px #f973161f}.mp-web-name-error{font-size:.78rem;color:#ef4444;margin-top:.4rem}.mp-web-onchain-name{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:#fbbf24;letter-spacing:.5px}.mp-web-name-hint{font-size:.75rem;color:#6b6b8a;margin-top:.4rem}.mp-web-name-hint a{color:#22d3ee}.mp-web-actions{display:flex;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.mp-web-join-code{margin-bottom:2.5rem}.mp-web-join-row{display:flex;gap:.5rem;align-items:center}.mp-web-code-input{max-width:120px!important;text-align:center;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.1rem!important;letter-spacing:4px;text-transform:uppercase}.mp-web-rooms{margin-bottom:2rem}.mp-web-rooms-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mp-web-rooms-title{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;color:#f97316;letter-spacing:.5px}.mp-web-refresh{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.72rem;font-weight:500;padding:.3rem .8rem;background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:5px;color:#9898b8;cursor:pointer;transition:all .2s}.mp-web-refresh:hover{color:#eeeef6;border-color:#ffffff1f}.mp-web-room-list{display:flex;flex-direction:column;gap:.5rem}.mp-web-room-card{display:flex;align-items:center;justify-content:space-between;background:#16162a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1rem 1.25rem;transition:border-color .2s}.mp-web-room-card:hover{border-color:#ffffff1f}.mp-web-room-info{display:flex;flex-direction:column;gap:.2rem}.mp-web-room-host{font-size:.9rem;font-weight:600;color:#eeeef6}.mp-web-room-meta{font-size:.75rem;color:#6b6b8a}.mp-web-join-btn{font-size:.78rem!important;padding:.45rem 1.2rem!important}.mp-web-loading,.mp-web-empty,.mp-web-error{font-size:.85rem;color:#6b6b8a;text-align:center;padding:1.5rem 0}.mp-web-error{color:#ef4444}.mp-web-hint{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.mp-web-hint p{font-size:.82rem;color:#6b6b8a;line-height:1.7}.profile-page{max-width:600px;margin:0 auto}.profile-login-prompt{text-align:center;margin-top:2rem}.profile-login-prompt p{color:#9898b8;font-size:.9rem}.profile-loading{text-align:center;color:#6b6b8a;font-size:.85rem;margin-top:2rem}.profile-card{background:#16162a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:2rem}.profile-name-section{margin-bottom:2rem}.profile-label{display:block;font-size:.78rem;color:#6b6b8a;margin-bottom:.5rem}.profile-name-row{display:flex;gap:.75rem;align-items:center}.profile-input{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;padding:.6rem .9rem;background:#0b0b14;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#eeeef6;flex:1;max-width:280px;transition:border-color .2s}.profile-input::placeholder{color:#6b6b8a}.profile-input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 2px #f973161f}.profile-save-btn{font-size:.82rem!important;padding:.6rem 1.5rem!important}.profile-status{font-size:.78rem;margin-top:.5rem}.profile-status-ok{color:#22d3ee}.profile-status-error{color:#ef4444}.profile-hint{font-size:.75rem;color:#6b6b8a;margin-top:.75rem;line-height:1.6}.profile-stats{border-top:1px solid rgba(255,255,255,.06);padding-top:1.5rem}.profile-stats-title{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;color:#f97316;letter-spacing:.5px;margin-bottom:1rem}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem}.profile-stat-value{font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;font-weight:700;color:#fbbf24}.profile-stat-label{font-size:.7rem;color:#6b6b8a;text-align:center}.nav-link-admin{font-size:.75rem!important;opacity:.4}.nav-link-admin:hover,.nav-link-admin.active{opacity:1}.admin-page{max-width:800px;margin:0 auto;text-align:center}.admin-login-prompt,.admin-denied{margin-top:2rem;color:#9898b8;font-size:.9rem}.admin-login-prompt p,.admin-denied p{margin-bottom:1rem}.admin-denied{color:#ef4444}.admin-loading{color:#6b6b8a;font-size:.85rem;margin-top:2rem}.admin-status{font-size:.78rem;padding:.6rem 1rem;margin-bottom:1.5rem;border-radius:8px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.2);color:#22d3ee}.admin-status.admin-status-error{background:rgba(239,68,68,.08);border-color:#ef444433;color:#ef4444}.admin-section{text-align:left;margin-bottom:2rem;background:#16162a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1.5rem}.admin-section h3{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;color:#f97316;letter-spacing:.5px;margin-bottom:.75rem}.admin-note{font-size:.78rem;color:#6b6b8a;margin-bottom:1rem}.admin-add-form{display:flex;gap:.5rem;margin-bottom:1rem}.admin-input{flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;padding:.5rem .75rem;background:#0b0b14;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#eeeef6}.admin-input::placeholder{color:#6b6b8a}.admin-input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 2px #f9731626}.admin-action-btn{font-size:.78rem!important;padding:.5rem 1rem!important}.admin-empty{font-size:.8rem;color:#6b6b8a}.admin-list{list-style:none}.admin-list-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.admin-pid{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:#eeeef6;word-break:break-all}.admin-remove-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;font-weight:500;padding:.2rem .6rem;background:transparent;border:1px solid rgba(239,68,68,.4);color:#ef4444;cursor:pointer;border-radius:4px}.admin-remove-btn:hover{background:rgba(239,68,68,.1);border-color:#ef4444}.admin-bulk-actions{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn-danger{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.btn-danger:hover{box-shadow:0 4px 16px #ef44444d;transform:translateY(-1px)}.btn-danger-outline{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.btn-danger-outline:hover{background:rgba(239,68,68,.08);border-color:#ef4444}.admin-scores-table{max-width:100%}.admin-pid-cell{font-family:JetBrains Mono,Fira Code,monospace;font-size:.65rem!important;color:#6b6b8a!important}.admin-actions-cell{display:flex;gap:.25rem}.admin-inline-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.65rem;font-weight:500;padding:.15rem .4rem;background:transparent;cursor:pointer;border-radius:3px;white-space:nowrap}.admin-inline-btn-remove{border:1px solid rgba(239,68,68,.4);color:#ef4444}.admin-inline-btn-remove:hover{background:rgba(239,68,68,.1);border-color:#ef4444}.admin-inline-btn-ghost{border:1px solid rgba(249,115,22,.4);color:#f97316}.admin-inline-btn-ghost:hover{background:rgba(249,115,22,.1);border-color:#f97316}.routes-page{max-width:900px;margin:0 auto;text-align:center}.routes-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.routes-tab{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;font-weight:500;padding:.5rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#9898b8;cursor:pointer;transition:all .2s}.routes-tab:hover{color:#eeeef6;border-color:#ffffff1f}.routes-tab.active{color:#eeeef6;border-color:#f9731666;background:rgba(249,115,22,.08)}.routes-hint{font-size:.85rem;color:#9898b8;margin-bottom:2rem;line-height:1.7}.routes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;text-align:left}.route-card{background:#16162a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1.25rem;transition:all .2s}.route-card:hover{background:#1c1c38;border-color:#ffffff1f}.route-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.route-card-name{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;color:#fbbf24;letter-spacing:.5px}.route-card-author{font-family:JetBrains Mono,Fira Code,monospace;font-size:.65rem;color:#6b6b8a}.route-card-stats{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.75rem;color:#6b6b8a}.route-card-stats span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#f97316;margin-right:.4rem;vertical-align:middle}.route-card-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.route-play-btn{font-size:.72rem!important;padding:.35rem 1rem!important}.route-action-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;font-weight:500;padding:.2rem .6rem;background:transparent;cursor:pointer;border-radius:4px;transition:all .2s}.route-publish-btn{border:1px solid rgba(34,211,238,.4);color:#22d3ee}.route-publish-btn:hover{background:rgba(34,211,238,.1);border-color:#22d3ee}.route-unpublish-btn{border:1px solid rgba(249,115,22,.4);color:#f97316}.route-unpublish-btn:hover{background:rgba(249,115,22,.1);border-color:#f97316}.route-delete-btn{border:1px solid rgba(239,68,68,.4);color:#ef4444}.route-delete-btn:hover{background:rgba(239,68,68,.1);border-color:#ef4444}.routes-loading,.routes-empty,.routes-error{font-size:.85rem;color:#6b6b8a;margin-top:1.5rem}.routes-error{color:#ef4444}.te-page{max-width:1100px;margin:0 auto}.te-status{font-size:.78rem;padding:.6rem 1rem;margin-bottom:1.5rem;border-radius:8px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.2);color:#22d3ee;cursor:pointer;text-align:center}.te-toolbar{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.te-toolbar-btn{font-size:.78rem!important;padding:.5rem 1.2rem!important}.te-layout{display:flex;gap:1.5rem;align-items:flex-start}.te-sidebar{width:220px;flex-shrink:0;background:#16162a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1rem}.te-sidebar-title{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;color:#f97316;letter-spacing:.5px;margin-bottom:.75rem}.te-empty{font-size:.8rem;color:#6b6b8a;line-height:1.7}.te-pack-item{padding:.5rem .6rem;border:1px solid transparent;border-radius:6px;cursor:pointer;margin-bottom:.25rem;transition:all .2s}.te-pack-item:hover{background:rgba(255,255,255,.03);border-color:#ffffff1f}.te-pack-item.active{background:rgba(249,115,22,.08);border-color:#f973164d}.te-pack-name{display:block;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;color:#fbbf24}.te-pack-meta{font-size:.7rem;color:#6b6b8a}.te-main{flex:1;min-width:0}.te-placeholder{text-align:center;padding:3rem;color:#6b6b8a;font-size:.9rem}.te-pack-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.te-pack-title{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:#fbbf24;cursor:pointer;transition:color .2s}.te-pack-title:hover{color:#f97316}.te-pack-actions{display:flex;gap:.5rem;flex-wrap:wrap}.te-btn-small{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;font-weight:600;padding:.3rem .7rem;border-radius:4px;cursor:pointer;transition:all .2s;background:transparent}.te-btn-launch{border:1px solid rgba(236,72,153,.5);color:#ec4899}.te-btn-launch:hover{background:rgba(236,72,153,.1)}.te-btn-export{border:1px solid rgba(34,211,238,.5);color:#22d3ee}.te-btn-export:hover{background:rgba(34,211,238,.08)}.te-btn-dupe{border:1px solid rgba(255,255,255,.06);color:#6b6b8a}.te-btn-dupe:hover{color:#22d3ee;border-color:#22d3ee66}.te-btn-remove{border:1px solid rgba(239,68,68,.4);color:#ef4444}.te-btn-remove:hover{background:rgba(239,68,68,.1);border-color:#ef4444}.te-btn-add{border:1px solid rgba(34,211,238,.4);color:#22d3ee}.te-btn-add:hover{background:rgba(34,211,238,.08)}.te-btn-apply{border:1px solid rgba(251,191,36,.4);color:#fbbf24}.te-btn-apply:hover{background:rgba(251,191,36,.08)}.te-stages{display:flex;flex-direction:column;gap:.25rem}.te-stage-item{background:#16162a;border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:all .2s}.te-stage-item:hover{border-color:#ffffff1f;background:#1c1c38}.te-stage-item.active{border-color:#f973164d;background:rgba(249,115,22,.04)}.te-stage-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;cursor:pointer}.te-stage-id{font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;color:#6b6b8a;width:1.5rem;text-align:center}.te-stage-name{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;color:#eeeef6;flex:1}.te-stage-stats{font-size:.65rem;color:#6b6b8a;white-space:nowrap}.te-stage-detail{padding:0 .8rem .8rem}.te-section-tabs{display:flex;gap:.25rem;flex-wrap:wrap;margin-bottom:.75rem}.te-section-tab{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.68rem;font-weight:600;padding:.25rem .6rem;border:1px solid rgba(255,255,255,.06);border-radius:4px;background:transparent;color:#6b6b8a;cursor:pointer;transition:all .2s}.te-section-tab:hover{color:#eeeef6;border-color:#ffffff1f}.te-section-tab.active{color:#f97316;border-color:#f9731666;background:rgba(249,115,22,.06)}.te-section-content{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:.75rem}.te-palette-editor{display:flex;flex-direction:column;gap:.75rem}.te-palette-row{display:flex;gap:.75rem;align-items:center}.te-palette-row label{font-size:.75rem;color:#6b6b8a}.te-palette-row input[type=number]{width:60px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;padding:.2rem .4rem;background:#0b0b14;border:1px solid rgba(255,255,255,.06);border-radius:4px;color:#eeeef6}.te-palette-row input[type=number]:focus{outline:none;border-color:#f97316}.te-palette-road{display:flex;align-items:center;gap:.75rem}.te-palette-road-label{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;color:#fbbf24;width:45px}.te-palette-swatches{display:flex;gap:.75rem;flex-wrap:wrap}.te-swatch-label{display:flex;flex-direction:column;align-items:center;gap:.2rem}.te-swatch-label span{font-size:.6rem;color:#6b6b8a}.te-swatch-label input[type=color]{width:32px;height:24px;border:1px solid rgba(255,255,255,.06);border-radius:4px;background:none;cursor:pointer;padding:0}.te-swatch-label input[type=color]::-webkit-color-swatch-wrapper{padding:1px}.te-swatch-label input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.te-list-editor{display:flex;flex-direction:column;gap:.5rem}.te-list-header{display:flex;align-items:center;justify-content:space-between}.te-list-header span{font-size:.75rem;color:#6b6b8a}.te-list-scroll{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.te-list-scroll::-webkit-scrollbar{width:5px}.te-list-scroll::-webkit-scrollbar-track{background:transparent}.te-list-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.te-list-item{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;background:rgba(0,0,0,.2);border-radius:4px;flex-wrap:wrap}.te-list-item label{font-size:.7rem;color:#6b6b8a;display:flex;align-items:center;gap:.25rem}.te-list-item input[type=number]{width:65px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;padding:.15rem .3rem;background:#0b0b14;border:1px solid rgba(255,255,255,.06);border-radius:3px;color:#eeeef6}.te-list-item input[type=number]:focus{outline:none;border-color:#f97316}.te-list-item select{font-size:.7rem;padding:.15rem .3rem;background:#0b0b14;border:1px solid rgba(255,255,255,.06);border-radius:3px;color:#eeeef6}.te-list-item select:focus{outline:none;border-color:#f97316}.te-list-idx{font-family:JetBrains Mono,Fira Code,monospace;font-size:.6rem;color:#6b6b8a;width:2rem;text-align:right}.te-json-editor{display:flex;flex-direction:column;gap:.5rem}.te-json-editor textarea{font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;min-height:200px;padding:.75rem;background:#0b0b14;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#eeeef6;resize:vertical;-moz-tab-size:2;tab-size:2;line-height:1.6}.te-json-editor textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 2px #f973161f}.te-json-error{font-size:.78rem;color:#ef4444}.site-footer{text-align:center;padding:3rem 2rem;border-top:1px solid rgba(255,255,255,.06);margin-top:auto;background:rgba(0,0,0,.2)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{height:56px;width:auto;opacity:.7;transition:opacity .2s}.footer-logo:hover{opacity:1}.footer-tagline{font-size:.82rem;color:#6b6b8a;max-width:400px}.footer-links{display:flex;gap:.75rem;align-items:center}.footer-links a{font-size:.78rem;color:#9898b8}.footer-links a:hover{color:#eeeef6}.footer-sep{color:#6b6b8a;font-size:.6rem}.footer-copy{font-size:.7rem;color:#6b6b8a;margin-top:.5rem}@media (max-width: 768px){.site-header{padding:.75rem 1rem}.mobile-nav-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(11,11,20,.98);border-bottom:1px solid rgba(255,255,255,.06);padding:.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.main-nav.open{display:flex}.auth-section{display:none}.hero-banner{height:420px}.hero-logo{width:min(260px,65vw)}.hero-overlay{padding:1.5rem 1.5rem 2rem}.hero-subtitle{font-size:.9rem;margin-bottom:1.5rem}.hero-section{margin:-2.5rem calc(-50vw + 50%) 0}.features{padding:3rem 0}.features-grid{grid-template-columns:1fr}.main-content{padding:1.5rem 1rem}.te-layout{flex-direction:column}.te-sidebar{width:100%}.te-stage-stats{display:none}}@media (min-width: 769px){.mobile-nav-toggle{display:none}}