:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7fbff;background:#030a13;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#030a13;--panel:#081528;--panel2:#0b1c33;--line:rgba(255,255,255,.1);--blue:#0b5fd7;--blue2:#20a4ff;--gold:#f4c84c;--green:#33d17a;--red:#ff5f6d;--muted:#91a2bb}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,#0c315f 0,#07162b 30%,#030a13 62%);color:#fff}button,input,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh;position:relative;overflow-x:hidden;padding-bottom:88px}.ambient{position:fixed;pointer-events:none;filter:blur(80px);opacity:.18;border-radius:999px;z-index:0}.ambient-one{width:320px;height:320px;background:#1775ff;top:-100px;left:-160px}.ambient-two{width:260px;height:260px;background:#00a6ff;right:-140px;top:320px}.topbar{position:sticky;top:0;z-index:40;height:72px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;background:rgba(3,10,19,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{border:0;background:transparent;display:flex;gap:10px;align-items:center;padding:0}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#0f6ef0,#072454);font-weight:900;letter-spacing:-1px;box-shadow:0 10px 28px rgba(8,101,232,.25);border:1px solid rgba(255,255,255,.16)}.brand>span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.brand b{font-size:14px;letter-spacing:.08em}.brand small{color:var(--muted);font-size:11px;margin-top:4px}.top-actions{display:flex;gap:8px;align-items:center}.live-pill{font-size:10px;font-weight:800;letter-spacing:.1em;border:1px solid rgba(77,213,127,.25);background:rgba(51,209,122,.08);padding:8px 10px;border-radius:99px;color:#98f2bb;display:flex;align-items:center;gap:7px}.pulse{width:7px;height:7px;border-radius:99px;background:#38e481;box-shadow:0 0 0 0 rgba(56,228,129,.6);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(56,228,129,0)}100%{box-shadow:0 0 0 0 rgba(56,228,129,0)}}.icon-button{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);display:grid;place-items:center}.page{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:18px 16px 32px}.hero-card{min-height:420px;position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#0d2d54 0%,#071120 46%,#071934 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.35)}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.05) 50%,transparent 50.5%),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 38px)}.hero-card:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.06);left:50%;top:48%;transform:translate(-50%,-50%)}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(30,135,255,.26),transparent 42%),linear-gradient(to top,rgba(3,8,17,.78),transparent 65%)}.hero-content{position:relative;z-index:2;padding:24px;display:flex;flex-direction:column;min-height:420px}.eyebrow{display:flex;align-items:center;gap:7px;color:#a8cafb;font-size:10px;font-weight:900;letter-spacing:.11em}.match-row{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:auto 0 18px}.team{display:flex;flex-direction:column;gap:10px;align-items:center}.team strong{font-size:13px;letter-spacing:.08em}.team.muted{opacity:.55}.team-badge{width:82px;height:82px;border-radius:26px;background:linear-gradient(145deg,#0a66e7,#061d46);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;font-size:35px;font-weight:1000;box-shadow:0 18px 45px rgba(0,91,211,.28)}.team-badge.rival{background:linear-gradient(145deg,#263044,#121925);box-shadow:none}.versus{display:flex;flex-direction:column;align-items:center;gap:4px}.versus small{font-size:9px;color:var(--muted);letter-spacing:.12em}.versus b{font-size:22px}.versus span{font-size:11px;color:#c1d5ef}.heat{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 18px;padding:8px 13px;border-radius:14px;background:rgba(255,114,49,.08);border:1px solid rgba(255,130,70,.15)}.heat>span{font-size:20px}.heat div{display:flex;flex-direction:column;line-height:1}.heat small{font-size:8px;color:#c9a98f}.heat strong{font-size:12px;letter-spacing:.12em;margin-top:3px;color:#ffd29f}.primary{border:0;border-radius:14px;background:linear-gradient(135deg,#0b66e8,#0a4fb4);font-weight:900;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 18px;box-shadow:0 13px 32px rgba(0,86,209,.24)}.primary.big{width:100%;padding:16px;font-size:13px}.full{width:100%}.status-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.mini-card{border:1px solid var(--line);background:rgba(8,21,40,.82);border-radius:18px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:11px}.mini-card>svg{width:17px;color:#6d829d}.mini-icon{width:42px;height:42px;border-radius:13px;background:#0c2850;display:grid;place-items:center;color:#78bdff}.mini-icon svg{width:20px}.mini-card div:nth-child(2){display:flex;flex-direction:column}.mini-card small,.section-head small,.pickup small,.order-card small,.admin-head small{font-size:9px;letter-spacing:.12em;color:#6f88a7;font-weight:900}.mini-card b{font-size:13px;margin-top:4px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:27px 2px 12px}.section-head h2{font-size:22px;margin:2px 0 0;letter-spacing:-.02em}.tag{border:1px solid var(--line);border-radius:99px;padding:6px 9px;font-size:10px;color:#9ab2d1;background:rgba(255,255,255,.03)}.party-list{display:grid;gap:10px}.party-card{padding:14px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(12,32,59,.88),rgba(6,18,35,.88));border-radius:18px;display:flex;gap:13px}.party-icon{width:43px;height:43px;border-radius:13px;flex:0 0 auto;background:rgba(20,112,239,.13);color:#7fc0ff;display:grid;place-items:center}.party-icon svg{width:21px}.party-card h3{font-size:14px;margin:1px 0 4px}.party-card p{font-size:12px;line-height:1.5;color:#9eb0c7;margin:0}.location-banner{width:100%;margin-top:14px;border:1px solid rgba(34,146,255,.18);background:linear-gradient(135deg,rgba(11,77,160,.24),rgba(7,25,47,.88));border-radius:20px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:left}.location-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#0a5dc7}.location-banner>span:nth-child(2){display:flex;flex-direction:column}.location-banner small{font-size:9px;color:#74aeed;letter-spacing:.1em}.location-banner b{font-size:14px;margin-top:3px}.location-banner em{font-size:10px;color:#7990ac;font-style:normal;margin-top:4px}.location-banner>svg{width:18px;color:#7890ac}.culture-note{display:flex;gap:11px;padding:14px;margin-top:14px;border-top:1px solid var(--line);color:#8295ae}.culture-note svg{width:20px;flex:none;margin-top:2px}.culture-note p{font-size:11px;line-height:1.55;margin:0}.culture-note b{color:#aec1d9}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(3,10,19,.93);backdrop-filter:blur(20px);border-top:1px solid var(--line)}.bottom-nav button{border:0;background:transparent;color:#647790;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px}.bottom-nav svg{width:21px;height:21px}.bottom-nav span{font-size:9px;font-weight:800}.bottom-nav button.active{color:#6eb7ff}.live-page{padding-top:24px}.live-status{width:max-content;margin:0 auto 14px;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.1em;color:#94e9b7;font-weight:900}.live-status b{color:#5e7a9a}.command-card{min-height:450px;border-radius:30px;border:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 50% 30%,rgba(13,107,232,.38),transparent 42%),linear-gradient(160deg,#0a2850,#050c17);padding:28px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 28px 80px rgba(0,0,0,.35);position:relative;overflow:hidden}.command-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 36px,rgba(255,255,255,.018) 36px 37px);pointer-events:none}.command-card>small{font-size:10px;letter-spacing:.15em;color:#85bdf9;font-weight:900;z-index:1}.command-card h1{font-size:clamp(36px,10vw,70px);line-height:.94;margin:14px 0 18px;letter-spacing:-.05em;max-width:600px;z-index:1}.command-card>svg{margin:8px 0 15px;color:#7fc2ff;z-index:1}.command-card>p{max-width:440px;color:#b6c7db;font-size:14px;line-height:1.6;z-index:1}.mode-globos{background:radial-gradient(circle at 50% 30%,rgba(255,178,38,.28),transparent 42%),linear-gradient(160deg,#2d1e08,#080b10)}.mode-manto{background:radial-gradient(circle at 50% 30%,rgba(46,128,255,.42),transparent 42%),linear-gradient(160deg,#08285b,#050a13)}.song-number{font-size:10px;border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:6px 10px;color:#a8c8eb;z-index:1}.demo-lyrics{font-size:18px!important;max-width:520px!important;color:white!important;font-weight:700}.command-tip{margin-top:20px;display:flex;align-items:center;gap:7px;color:#8ca5c2;font-size:10px;z-index:1}.command-tip svg{width:16px}.what-now{margin-top:14px;border:1px solid var(--line);background:rgba(7,20,38,.8);border-radius:20px;padding:2px 15px 16px}.what-now .section-head{margin-top:16px}.what-now p{font-size:12px;line-height:1.6;color:#97aac2;margin:0}.phone-down{margin-top:14px;border-radius:20px;border:1px solid rgba(34,135,255,.14);background:rgba(10,56,111,.17);padding:15px;display:flex;gap:12px;align-items:center}.phone-down>span{font-size:25px}.phone-down div{display:flex;flex-direction:column}.phone-down b{font-size:13px}.phone-down small{font-size:10px;color:#8196b0;margin-top:3px}.map-title{align-items:center}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:12px;padding:9px 11px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.stadium-map{height:420px;border-radius:26px;background:linear-gradient(180deg,#0c1d32,#07111f);border:1px solid var(--line);position:relative;overflow:hidden}.pitch{position:absolute;left:9%;right:9%;top:5%;height:44%;border:1px solid rgba(120,212,151,.28);background:repeating-linear-gradient(90deg,rgba(29,127,67,.2) 0 40px,rgba(20,105,57,.2) 40px 80px);border-radius:10px;display:grid;place-items:center;color:rgba(194,239,207,.45);font-size:10px;letter-spacing:.18em}.pitch:after{content:"";position:absolute;width:80px;height:80px;border:1px solid rgba(197,239,210,.2);border-radius:50%}.pitch i{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(197,239,210,.18)}.zone{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:10px 13px;font-size:11px;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.25)}.zone.green,.zone-dot.green,.legend i.green{background:#103f2d;color:#80e0a8}.zone.red,.zone-dot.red,.legend i.red{background:#4c1d29;color:#ff9ca5}.zone.gold,.zone-dot.gold,.legend i.gold{background:#493915;color:#ffe08a}.z1{left:11%;bottom:20%;width:23%;height:84px}.z2{left:38.5%;bottom:14%;width:23%;height:110px}.z3{right:11%;bottom:20%;width:23%;height:84px}.z4{right:8%;bottom:4%;display:flex;gap:6px;align-items:center}.oriente-label{position:absolute;left:10%;right:10%;bottom:3.5%;font-size:9px;letter-spacing:.18em;color:#4f6785;text-align:left}.legend{display:flex;flex-wrap:wrap;gap:12px;padding:13px 3px}.legend span{font-size:9px;color:#8295ae;display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:50%;display:block}.zone-list{display:grid;gap:8px}.zone-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:rgba(8,20,38,.74);border-radius:15px;padding:12px;text-align:left}.zone-dot{display:block;width:9px;height:9px;border-radius:50%}.zone-row div{display:flex;flex-direction:column}.zone-row b{font-size:12px}.zone-row small{font-size:9px;color:#7187a4;margin-top:4px}.zone-row>svg{width:16px;color:#647d9c}.zone-detail{position:fixed;z-index:70;left:12px;right:12px;bottom:82px;max-width:560px;margin:auto;border:1px solid rgba(255,255,255,.14);background:#081627;border-radius:24px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.62)}.zone-detail>button:first-child{position:absolute;right:12px;top:12px;border:0;background:rgba(255,255,255,.05);border-radius:10px;width:34px;height:34px;display:grid;place-items:center}.zone-detail>button:first-child svg{width:18px}.zone-detail>small{display:block;color:#7d92ae;font-size:9px;margin-top:10px;letter-spacing:.12em}.zone-detail h3{font-size:22px;margin:4px 0}.zone-detail>b{font-size:11px;color:#79aeee}.zone-detail p{font-size:11px;color:#8ea2bb;line-height:1.55}.order-card{border:1px solid var(--line);background:linear-gradient(155deg,#0d294c,#07101d);border-radius:26px;padding:20px}.order-status{display:flex;gap:7px;align-items:center;color:#8de8b1;font-size:9px;font-weight:900;letter-spacing:.1em}.order-status svg{width:16px}.order-number{font-size:44px;font-weight:1000;letter-spacing:-.05em;margin:15px 0 3px}.order-card h3{font-size:18px;margin:0}.order-card>p{font-size:11px;line-height:1.55;color:#8fa4bd}.pickup{margin-top:18px;padding:13px;border-radius:16px;background:rgba(255,255,255,.04);display:flex;gap:10px;align-items:center}.pickup>svg{color:#62afff}.pickup div{display:flex;flex-direction:column}.pickup b{font-size:13px;margin-top:3px}.pickup span{font-size:10px;color:#7990ad;margin-top:3px}.qr-demo{margin-top:14px;border:1px dashed rgba(255,255,255,.18);border-radius:18px;padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center}.qr-demo svg{width:76px;height:76px}.qr-demo span{font-size:10px;font-weight:900;letter-spacing:.12em;margin-top:8px}.qr-demo small{margin-top:4px}.timeline{margin:18px 4px;display:grid;gap:4px}.timeline>div{display:grid;grid-template-columns:18px 1fr;gap:8px;min-height:54px;position:relative}.timeline>div:not(:last-child):before{content:"";position:absolute;width:1px;background:#1b2d45;left:5px;top:13px;bottom:-8px}.timeline i{width:11px;height:11px;border-radius:50%;background:#24354b;margin-top:3px;z-index:1}.timeline .done i{background:#36d47d;box-shadow:0 0 0 4px rgba(54,212,125,.08)}.timeline span{display:flex;flex-direction:column}.timeline b{font-size:12px}.timeline small{font-size:9px;color:#7185a0;margin-top:3px}.ghost.full{justify-content:center}.lead{font-size:12px;line-height:1.6;color:#8da0b8}.progress{height:7px;background:#0d2037;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#0d65e7,#4fb5ff);border-radius:99px}.song-list{display:grid;gap:8px;margin-top:17px}.song-list article{border:1px solid var(--line);background:rgba(8,20,38,.76);border-radius:16px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}.song-list article>span{width:38px;height:38px;border-radius:12px;background:#0b2a54;display:grid;place-items:center;color:#79bafa;font-size:11px;font-weight:900}.song-list article div{display:flex;flex-direction:column}.song-list b{font-size:12px}.song-list small{font-size:9px;color:#7187a4;margin-top:3px}.song-list svg{width:18px;color:#667c98}.song-list svg.ok{color:#45dc84}.admin-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.65);backdrop-filter:blur(5px);display:flex;justify-content:flex-end}.admin-panel{width:min(100%,470px);height:100%;overflow:auto;background:#06111f;border-left:1px solid var(--line);padding:20px;box-shadow:-25px 0 80px rgba(0,0,0,.45)}.admin-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.admin-head h2{margin:3px 0 0;font-size:24px}.admin-head button{width:38px;height:38px;border:1px solid var(--line);background:#0b1b2f;border-radius:12px;display:grid;place-items:center}.admin-warning{display:flex;gap:9px;font-size:10px;line-height:1.5;color:#8ba2bf;background:rgba(15,103,218,.1);border:1px solid rgba(47,139,255,.15);border-radius:14px;padding:12px;margin-bottom:18px}.admin-warning svg{width:17px;flex:none}.admin-panel>label{display:block;font-size:9px;color:#758ca9;letter-spacing:.11em;font-weight:900;margin:17px 0 8px}.admin-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.admin-modes button,.song-buttons button{border:1px solid var(--line);background:#09192c;border-radius:12px;padding:12px;font-size:11px;font-weight:900}.admin-modes button.active,.song-buttons button.active{border-color:#2488ff;background:#0b3972;color:#d7ebff}.song-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.admin-panel textarea{width:100%;min-height:100px;border:1px solid var(--line);background:#071626;color:#fff;border-radius:14px;padding:12px;resize:vertical;outline:none}.admin-panel textarea:focus{border-color:#2588f7}.admin-panel>.primary{margin-top:15px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.admin-stats>div{border:1px solid var(--line);background:#081829;border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:center}.admin-stats svg{width:17px;color:#70b4fa}.admin-stats b{font-size:15px;margin-top:5px}.admin-stats small{font-size:8px;color:#6d819c;margin-top:2px}@media(min-width:640px){.topbar{padding-inline:24px}.page{padding:26px 24px 44px}.status-grid{grid-template-columns:1fr 1fr}.party-list{grid-template-columns:repeat(3,1fr)}.party-card{flex-direction:column}.hero-card,.hero-content{min-height:470px}.bottom-nav{width:460px;left:50%;right:auto;transform:translateX(-50%);bottom:12px;border:1px solid var(--line);border-radius:20px;padding:8px;background:rgba(3,10,19,.9)}.app-shell{padding-bottom:110px}.zone-detail{bottom:110px}}@media(min-width:960px){.page{max-width:920px}.hero-card,.hero-content{min-height:500px}.match-row{padding-inline:100px}.team-badge{width:100px;height:100px}.party-card{min-height:150px}.admin-panel{padding:28px}}