:root{--bg-primary: #0a0b1e;--bg-secondary: #161832;--bg-card: #1c1f3d;--text-primary: #ffffff;--text-secondary: #a0a0c0;--accent-primary: #00f0ff;--accent-secondary: #ff0055;--accent-success: #00ff9d;--accent-warning: #ffcc00;--accent-danger: #ff3333;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.cyber-card{background:var(--bg-card);border:1px solid rgba(0,240,255,.1);box-shadow:0 0 20px #00000080;border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cyber-input{background:#0000004d;border:1px solid var(--text-secondary);color:var(--text-primary);padding:12px 16px;border-radius:8px;font-size:1.1rem;width:100%;box-sizing:border-box;transition:all .3s ease}.cyber-input:focus{border-color:var(--accent-primary);box-shadow:0 0 10px #00f0ff4d;outline:none}.cyber-button{background:linear-gradient(135deg,var(--accent-primary),#00aaff);color:#000;border:none;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .3s;text-transform:uppercase;letter-spacing:1px}.cyber-button:hover{box-shadow:0 0 15px var(--accent-primary);transform:translateY(-2px)}.cyber-button.secondary{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary)}.screen-title{font-size:2rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem;text-align:center;text-shadow:0 0 10px var(--accent-primary)}@media screen and (orientation:portrait){body:before{content:"Por favor, gira tu iPad. 🔄 \a\a Esta aplicación requiere modo horizontal (Landscape).";white-space:pre-wrap;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-primary);color:var(--accent-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:2rem;font-weight:800;z-index:9999;padding:40px;box-sizing:border-box;font-family:var(--font-family);line-height:1.5}.app-container{display:none!important}}.admin-container{display:flex;flex-direction:column;padding:0;flex:1;height:100%;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#0a0a0a;color:var(--text-primary)}.mode-toggle{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.control-panel{max-width:800px;margin:2rem auto;background:#ffffff0d;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;width:100%}.step-content{display:flex;flex-direction:column;min-width:350px;width:100%;max-width:800px}.error-text{color:var(--accent-danger);margin-top:10px;text-align:center;font-weight:700}.station-grid-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;padding:5px}.station-card-mini{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:15px;border-radius:12px;cursor:pointer;text-align:center;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;height:90px;position:relative}.station-card-mini:hover{background:#ffffff1a;transform:translateY(-2px);border-color:var(--accent-primary)}.station-name-large{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.status-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 5px currentColor}.status-dot.platinum{background-color:#e5e4e2;color:#e5e4e2}.status-dot.versus{background-color:gold;color:gold}.status-dot.pc{background-color:#00bfff;color:#00bfff}.filter-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:15px}.filter-btn{background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary);padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .2s}.filter-btn.active{background:var(--accent-primary);color:#000;border-color:var(--accent-primary);font-weight:700}select.cyber-input,input.cyber-input{font-size:16px!important;padding:12px;appearance:none;-webkit-appearance:none;background-color:#0000004d}select.cyber-input{cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.65em auto;padding-right:1.5em}input.cyber-input{cursor:text}button{touch-action:manipulation}.cart-list{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid rgba(255,255,255,.1)}.balance-header{display:flex;justify-content:space-around;background:#0006;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid var(--text-secondary)}.balance-item{display:flex;flex-direction:column;align-items:center}.balance-item span{font-size:1.5rem;font-weight:700;color:var(--primary-neon)}.selection-details{background:#00ffff0d;padding:20px;border-radius:12px;border:1px solid var(--accent-primary);animation:fadeIn .3s ease}.selected-station-header{text-align:center;margin-bottom:20px}.selected-station-header h4{font-size:1.5rem;margin:0}.button-group,.player-selector-row{display:flex;gap:10px;margin:10px 0}.select-btn{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary);padding:12px;border-radius:8px;cursor:pointer;font-size:1rem}.select-btn.active{background:var(--accent-primary);color:#000;font-weight:700}.price-preview{margin-top:20px;text-align:right;font-size:1.2rem}.price-preview span{color:var(--accent-success);font-weight:700;font-size:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.branch-navbar{display:flex;justify-content:space-between;align-items:center;background:#0a0a0af2;border-bottom:1px solid var(--primary-neon);padding:0 2rem;height:80px;box-shadow:0 4px 20px #00fff21a;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-brand{display:flex;flex-direction:column}.brand-branch{font-family:Orbitron,sans-serif;font-size:1.5rem;color:#fff;text-shadow:0 0 10px rgba(0,255,242,.5);letter-spacing:2px}.brand-id{font-family:Share Tech Mono,monospace;font-size:.8rem;color:var(--text-secondary)}.nav-controls{display:flex;align-items:center;background:#ffffff0d;padding:5px;border-radius:8px;border:1px solid rgba(0,255,242,.2)}.nav-tab{background:transparent;border:none;color:var(--text-secondary);font-family:Orbitron,sans-serif;padding:10px 25px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem;border-radius:6px;position:relative;overflow:hidden}.nav-tab:hover{color:#fff;background:#ffffff0d}.nav-tab.active{color:#000;background:var(--primary-neon);box-shadow:0 0 15px var(--primary-neon);font-weight:700}.nav-separator{width:1px;height:20px;background:#ffffff1a;margin:0 5px}.nav-status{display:flex;align-items:center;gap:10px;font-family:Share Tech Mono,monospace;color:var(--accent-success);font-size:.8rem}.status-indicator{width:8px;height:8px;background-color:var(--accent-success);border-radius:50%;box-shadow:0 0 5px var(--accent-success)}.status-indicator.online{animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.dashboard-container{min-height:100vh;background-color:#0a0a0a;color:#fff;padding-bottom:50px;overflow-y:auto;-webkit-overflow-scrolling:touch}.dashboard-header-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.branch-select{padding:10px;background:#00000080;border:1px solid var(--primary-neon);color:#fff;font-family:Orbitron,sans-serif;border-radius:4px}.filter-controls{display:flex;gap:10px}.filter-btn{background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary);padding:5px 15px;cursor:pointer;font-size:.8rem;transition:all .3s}.filter-btn.active,.filter-btn:hover{border-color:var(--primary-neon);color:var(--primary-neon);box-shadow:0 0 10px var(--primary-neon)}.stats{display:flex;gap:20px}.stat-item{font-size:1.2rem;font-weight:700}.stat-item.active{color:var(--accent-success)}.stations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px 0}.station-card-dash{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;display:flex;flex-direction:column;height:200px;transition:transform .2s}.station-card-dash:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.station-card-dash.active{border-color:var(--accent-success);background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,255,157,.05) 100%)}.station-card-dash.assistance-pending{border-color:#08f;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(0,136,255,.2) 100%);box-shadow:0 0 20px #08f6;animation:pulse-blue 1.5s infinite}@keyframes pulse-blue{0%{border-color:#08f;box-shadow:0 0 20px #08f6}50%{border-color:#00c3ff;box-shadow:0 0 40px #00c3ff99}to{border-color:#08f;box-shadow:0 0 20px #08f6}}.resolve-btn{border:1px solid #0088ff!important;background:#08f3!important;color:#08f!important}.resolve-btn:hover{background:#08f!important;color:#fff!important}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.timer-display{font-size:3rem;font-weight:800;text-align:center;margin:10px 0;text-shadow:0 0 20px currentColor}.game-info{text-align:center;color:var(--text-secondary);font-size:.9rem}.actions{display:flex;justify-content:space-around;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.icon-btn{background:transparent;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;transition:color .2s}.icon-btn:hover{color:var(--accent-primary);transform:scale(1.1)}.mini-controls{display:flex;gap:10px}.mini-controls .icon-btn{font-size:1.1rem;padding:5px;background:#ffffff1a;border-radius:4px}.mini-controls .icon-btn:hover{background:#fff3}.free-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-weight:700;letter-spacing:2px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--bg-card);border:1px solid var(--accent-primary);padding:30px;border-radius:12px;width:90%;max-width:500px;box-shadow:0 0 30px #00f0ff33}.modal-content h3{margin-top:0;color:var(--accent-primary);text-align:center}.modal-actions{display:flex;justify-content:space-between;margin-top:20px;gap:15px}.move-btn{border:1px solid var(--accent-warning)!important;color:var(--accent-warning)!important}.move-btn:hover{background:var(--accent-warning)!important;color:#000!important}.landing-container{height:100%;min-height:100vh;background-color:#050505;background-image:linear-gradient(rgba(0,255,242,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,242,.03) 1px,transparent 1px);background-size:30px 30px;display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.landing-title{color:var(--primary-neon);font-family:Orbitron,sans-serif;font-size:3rem;margin-bottom:3rem;text-shadow:0 0 15px rgba(0,255,242,.5);letter-spacing:4px}.branches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;width:100%;max-width:1200px}.branch-card{background:#14141499;border:1px solid var(--text-secondary);border-radius:8px;padding:2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.branch-card:hover{border-color:var(--primary-neon);transform:translateY(-5px);box-shadow:0 0 20px #00fff233;background:#00fff20d}.branch-card h2{color:#fff;font-family:Orbitron,sans-serif;margin:0 0 .5rem;font-size:1.5rem}.branch-id{color:var(--text-secondary);font-family:Share Tech Mono,monospace;font-size:.9rem}.branch-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--primary-neon);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.branch-card:hover:before{transform:scaleX(1)}.timer-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:#000;color:#fff;font-family:Inter,sans-serif;transition:background-color .5s}.normal{background:radial-gradient(circle,#001a1a,#000);color:var(--accent-success)}.warning{background:radial-gradient(circle,#332b00,#000);color:var(--accent-warning);animation:pulse-yellow 2s infinite}.critical{background:radial-gradient(circle,#300,#000);color:var(--accent-danger);animation:flash-red 1s infinite}.idle{background:#000;color:var(--text-secondary)}.timer-display-main{text-align:center}.time-text{font-size:25vw;font-weight:900;margin:0;line-height:1}.time-label{font-size:3vw;letter-spacing:10px;opacity:.7}@keyframes pulse-yellow{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes flash-red{0%{background:#300;color:#fff}50%{background:red;color:#000}to{background:#300;color:#fff}}.assistance-btn{margin-top:30px;background:transparent;border:2px solid white;color:#fff;padding:15px 30px;font-size:1.5rem;border-radius:50px;cursor:pointer;text-transform:uppercase;font-weight:700;letter-spacing:2px;transition:all .3s;animation:none}.assistance-btn:hover{background:#fff;color:#000;box-shadow:0 0 20px #fff}.selector-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;min-height:100vh;background:radial-gradient(circle at center,#1a1c3b,#000);color:#fff;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.selector-title{font-size:2.5rem;margin-bottom:10px;text-shadow:0 0 15px var(--accent-primary)}.stations-grid-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;width:100%;max-width:800px;margin-top:30px}.station-card-selector{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);padding:20px;border-radius:12px;cursor:pointer;text-align:center;transition:all .2s}.station-card-selector:hover{background:#00f0ff1a;border-color:var(--accent-primary);transform:scale(1.05)}.reset-config-btn{position:fixed;top:10px;left:10px;background:#00000080;border:none;color:#555;font-size:1.5rem;cursor:pointer;z-index:1000;padding:10px;border-radius:50%}.reset-config-btn:hover{color:#fff}.guard-container{height:100vh;display:flex;justify-content:center;align-items:center;background:#050505}.guard-card{background:#141414e6;border:1px solid var(--primary-neon);padding:3rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 0 30px #00fff21a;text-align:center}.guard-card h1{color:var(--primary-neon);font-family:Orbitron,sans-serif;margin:0}.error-msg{color:var(--accent-danger);font-size:.9rem}