@import url('demo.css');
:root{--green:#b0e748;--line:#435039}header{position:relative;z-index:3}#app{min-height:70vh;padding-top:28px;padding-bottom:30px;max-width:1400px}button,input,select{font:inherit}button{border-radius:2px}button:not(:disabled):hover{filter:brightness(1.12)}input[type=text],input[type=number],select{border:1px solid #667653;background:#12190e;color:#f1f4e9;padding:13px;width:100%;border-radius:2px}label{display:block;font-size:13px;color:#c5ceba;margin:16px 0 7px}.primary{width:auto;display:inline-block}.secondary{display:inline-block;color:#e6ebdf;border:1px solid #647253;background:#20291a;padding:12px 18px;font-weight:600}.plain{border:0;background:none;color:#b0e748;padding:8px;font-size:12px;text-decoration:underline}.muted{color:var(--muted);font-size:13px}.lead{font-size:18px}.start-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:25px 0 35px}.start-hero h1{font-size:clamp(45px,5vw,72px)}.hero-plate{width:100%;box-shadow:0 20px 60px #0009}.tagline{font:10px Consolas;text-align:right;letter-spacing:.1em;color:#b5c0a8}.entry-cards{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;margin-bottom:30px}.entry-card{border:1px solid var(--line);padding:28px;background:#182014e8;display:flex;flex-direction:column;align-items:start}.entry-card.featured{border-top:4px solid var(--green)}.entry-card h2{font-size:34px}.entry-card p{color:#b9c3ae}.entry-card a,.entry-card button{margin-top:auto}.label{font:11px Consolas;color:var(--green);letter-spacing:.08em}.progress{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.progress span{font:11px Consolas;color:#91a07f;padding:8px 12px;border:1px solid var(--line)}.progress span.active{background:var(--green);color:#10140f}.topline{display:flex;justify-content:space-between;gap:15px;align-items:center}.topline h1{font-size:38px;margin:5px 0 12px}.notice{font:11px/1.7 Consolas;color:#bac7ad;border-left:3px solid #789c40;padding:12px 15px;background:#26321d77;margin:16px 0}.notice strong{color:#e9f1e0}.form-card{max-width:670px;padding:30px;background:#1a2216;border:1px solid var(--line);margin:20px auto}.form-card h1{font-size:42px}.form-card .primary{width:100%;margin-top:25px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.mode{display:block;padding:16px;border:1px solid var(--line);background:#11190d;cursor:pointer;margin:0}.mode:has(input:checked){border-color:var(--green);background:#b0e74810}.mode input{accent-color:var(--green);margin-right:8px}.mode strong{color:#e8eedd;font-size:14px}.mode small{display:block;margin:8px 0 0;color:#a9b79c;font-size:11px}.error{color:#ffc99b;border-left:3px solid #ed9164;padding:10px;font-size:13px;background:#61352033}.lobby-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.panel{padding:25px;background:#1b2416e8;border:1px solid var(--line)}.panel h2{font-size:28px;margin:10px 0 22px}.manager-list{list-style:none;padding:0;margin:0}.manager-list li{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.manager-list strong{display:block;font-size:15px}.manager-list small{font-size:11px;display:block}.manager-list .status{margin-left:auto;font:10px Consolas;color:var(--green)}.avatar{width:40px;height:40px;display:grid;place-items:center;background:#324127;color:var(--green);font-weight:bold;border:1px solid #566a40}.rules-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rules-list b{font-size:26px;color:var(--green);display:block}.rules-list span{font-size:11px;color:var(--muted)}.wide{width:100%;margin-top:24px}.auction-shell{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:20px;align-items:start}.auction-main{min-width:0}.auction-header{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);padding:14px 18px;background:#20291a}.auction-header strong{font:11px Consolas;color:var(--green)}.auction-header span{font-size:12px;color:#c2ceaf}.timer{font:44px/1 'Arial Black';color:var(--green);min-width:95px;text-align:right}.timer.urgent{color:#ffc177}.auction-active{border:1px solid var(--line);border-top:0;padding:24px;background:linear-gradient(130deg,#20291b,#141b10)}.auction-player{display:flex;align-items:center;gap:25px}.auction-player .shirt{flex-shrink:0;width:88px;height:100px;font-size:36px;margin:0}.auction-player h2{font-size:31px;margin:8px 0}.auction-player .label{font-size:10px}.player-metrics{display:flex;gap:25px;margin:20px 0;color:#adbaa1;font-size:10px}.player-metrics b{font-size:18px;color:#e6eedc;display:block}.current-price{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line);padding-top:20px}.current-price b{font:52px/1.2 'Arial Black';color:#eff3e5;letter-spacing:-.05em}.current-price small{display:block}.leader{padding:10px 15px;background:#354724;border-left:3px solid var(--green);font-size:13px;max-width:50%}.leader span{font-size:10px;color:#b9c8a9;display:block}.bid-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.bid-controls button{padding:14px 8px;font-weight:bold;background:var(--green);color:#11180b;border:0}.custom-bid{display:flex;gap:8px;align-items:end;margin-top:12px}.custom-bid>div{flex:1}.custom-bid input{padding:9px}.custom-bid label{margin:0 0 4px;font-size:11px}.custom-bid button{padding:10px 15px}.offer-note{font-size:12px;color:#bed0a8;min-height:20px;margin-bottom:0}.event-log{margin-top:18px;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:4px}.event-log p{font:11px Consolas;color:#a8b89a;margin:0}.event-log p:first-child{color:#e4eed8}.wallets{padding:18px;background:#182012;border:1px solid var(--line)}.wallets h2{font-size:20px;margin:4px 0 12px}.wallet-row{padding:12px 0;border-bottom:1px solid var(--line)}.wallet-row.me{color:var(--green)}.wallet-row>div{display:flex;justify-content:space-between;gap:8px;font-size:13px}.wallet-row small{font:10px Consolas;display:block;margin-top:4px}.wallet-row progress{width:100%;height:4px;accent-color:var(--green);display:block;margin-top:9px}.auction-tools{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.auction-tools button{font-size:12px}.catalog{border:1px solid var(--line);background:#172012;padding:20px;margin-top:20px}.catalog h2{font-size:24px;margin:5px 0 18px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.filters button{border:1px solid var(--line);background:#222e19;color:#d5dfcb;padding:8px 12px;font-size:12px}.filters button.chosen{background:var(--green);color:#11180b}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-height:425px;overflow:auto;overscroll-behavior:contain}.catalog-player{background:#26311d;border:1px solid var(--line);padding:13px;text-align:left;color:#e9f0e0;min-height:110px}.catalog-player strong{display:block;font-size:14px;line-height:1.3;margin:6px 0}.catalog-player small{font:9px Consolas;display:block;color:#a9bb97}.catalog-player .cost{font-size:12px;color:var(--green);margin-top:9px}.empty{padding:35px 15px;border:1px dashed var(--line);color:#b9c7a9;text-align:center}.auction-idle{padding:30px;background:#202919;border:1px solid var(--line);min-height:180px}.auction-idle h2{font-size:32px}.auction-idle p{color:#bbcaab}.guide-help{font-size:12px;color:#cfddc0;margin:10px 0}.guide-help b{color:var(--green)}.squad-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.pitch .footballer{padding:0 2px}.footballer small{font-size:9px}.footballer.selected b{background:#edc76b}.squad-sidebar{padding:22px;background:#20291a;border:1px solid var(--line)}.squad-sidebar h2{font-size:25px}.substitutes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sub{padding:12px;text-align:left;border:1px solid var(--line);background:#111a0c;color:#e3edd8;font-size:12px}.sub small{display:block;font-size:10px}.selection-panel{padding:15px;background:#3e502933;margin:15px 0;border:1px solid #6a824d}.selection-panel strong{display:block}.selection-panel button{margin-top:10px;font-size:12px}.squad-totals{display:flex;gap:20px;margin-bottom:20px;font-size:12px}.squad-totals b{color:var(--green);font-size:23px;display:block}.match-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:22px 0}.match-controls .primary{min-width:145px}.match-minute{font:30px Consolas;color:var(--green);margin-right:auto}.match-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.feed{max-height:380px;overflow:auto}.feed p{border-bottom:1px solid var(--line);padding:10px 0;margin:0;font-size:13px}.feed time{font:12px Consolas;color:var(--green);margin-right:12px}.points-table{width:100%}.points-table td,.points-table th{padding:9px 6px;font-size:12px}.points-table td:last-child{font-size:14px}.stage-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.scoreboard .goals b{font-size:54px}.table-panel .you{background:#a6dd4720}.result-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#28371c;border:1px solid #627c41;padding:25px;margin:25px 0}.result-summary h2{font-size:33px;margin:0}.result-summary p{margin-bottom:0;color:#bac8aa}.fixtures{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.fixture{border:1px solid var(--line);padding:17px;background:#182012}.fixture strong{color:var(--green);font-size:24px;display:block}.fixture span{font-size:12px}.overlay{position:fixed;inset:0;background:#000c;z-index:20;display:grid;place-items:center;padding:20px}.dialog-box{background:#20291a;border:1px solid var(--green);padding:30px;max-width:520px}.dialog-box h2{font-size:28px}.dialog-box p{color:#bccbad;font-size:14px}.dialog-box button{margin:10px 10px 0 0}.page-footer{max-width:1320px;margin:auto;padding:25px 5vw}.save-status{font:10px Consolas;color:#98aa87}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.links-row{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.links-row a{color:var(--green);font-size:12px;text-decoration:underline}.mini-badge{padding:2px 5px;border:1px solid #78964e;color:#c4e28d;font-size:9px}.catalog-more{margin-top:12px;font-size:12px}.pitch{min-height:520px}.pitch #formation{min-height:460px}.page-footer img{max-width:110px}.flow-note{font:11px Consolas;color:#aabc99;margin-bottom:25px}.sound{accent-color:var(--green)}@media(max-width:950px){.auction-shell{grid-template-columns:1fr}.wallets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wallets h2{grid-column:1/-1}.wallet-row{padding:8px}.lobby-grid,.squad-layout,.match-layout{grid-template-columns:1fr}.auction-shell aside{order:2}}@media(max-width:650px){#app{padding-top:20px}.start-hero{grid-template-columns:1fr;padding-top:0;gap:20px}.start-hero h1{font-size:45px}.start-hero .lead{font-size:16px}.entry-cards{grid-template-columns:1fr}.entry-card{padding:23px}.entry-card h2{font-size:30px}.form-card{padding:22px 18px}.form-card h1{font-size:35px}.modes{gap:8px}.mode{padding:12px 9px}.mode strong{font-size:12px}.topline{align-items:start}.topline h1{font-size:29px}.progress{gap:4px}.progress span{font-size:9px;padding:7px}.auction-active{padding:18px 14px}.auction-header{padding:12px}.timer{font-size:34px;min-width:75px}.auction-player{gap:15px}.auction-player h2{font-size:25px}.auction-player .shirt{width:68px;height:80px;font-size:29px}.player-metrics{gap:20px}.current-price b{font-size:44px}.leader{font-size:12px;padding:8px 10px}.catalog{padding:15px 11px}.catalog-grid{grid-template-columns:repeat(2,1fr);max-height:370px}.wallets{grid-template-columns:1fr 1fr;padding:12px;gap:6px}.wallet-row small{font-size:9px}.substitutes{grid-template-columns:1fr 1fr}.fixtures{grid-template-columns:1fr}.result-summary{display:block;padding:20px}.scoreboard .goals b{font-size:39px}.scoreboard strong{font-size:28px}.scoreboard>div>span{font-size:10px}.page-footer{font-size:10px}.form-card .primary{font-size:14px}.pitch{padding:20px 5px;min-height:475px}.pitch #formation{min-height:430px}.footballer{font-size:9px}.footballer b{width:36px;height:38px}.footballer small{font-size:8px}.stage-actions>*{width:100%;text-align:center}.match-minute{font-size:25px}.custom-bid button{font-size:12px}.stamp{max-width:125px}.dialog-box{padding:24px}.rules-list{gap:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
.topline>div{min-width:0}.topline .kicker,.manager-list strong,.manager-list small,.scoreboard>div>span,.result-summary p,.table-panel th,.wallet-row strong{overflow-wrap:anywhere}.manager-list li>div{min-width:0}.table-panel table{table-layout:fixed}.table-panel th:nth-child(2){width:46%}@media(max-width:650px){.table-panel td,.table-panel th{padding:12px 5px}.player-metrics{gap:14px}.player-metrics span{min-width:0}}

/* DT412 2026 — la demo y el producto comparten el mismo lenguaje visual. */
:root{--green:#a6dd47;--ink:#111410;--muted:#aeb8a4;--line:#3a4633;--panel:#181e16;--panel2:#20281c;--cream:#f3f2e9;--gold:#e8b04b}
html{scroll-behavior:smooth;overflow-x:clip}
body{overflow-x:clip;font-family:Inter,"Segoe UI",sans-serif;color:var(--cream);background:radial-gradient(900px 430px at 18% -10%,rgba(166,221,71,.13),transparent 62%),radial-gradient(740px 430px at 90% 7%,rgba(232,176,75,.07),transparent 62%),repeating-linear-gradient(115deg,rgba(255,255,255,.015) 0 1px,transparent 1px 8px),linear-gradient(110deg,rgba(11,15,11,.95),rgba(17,20,16,.9)),url('marca/industrial-bg.png') center/cover fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(105deg,transparent 8%,rgba(185,230,255,.035) 22%,transparent 38%),linear-gradient(255deg,transparent 8%,rgba(185,230,255,.025) 23%,transparent 39%)}
h1,h2,h3{font-family:"Archivo Black","Arial Black",Impact,sans-serif}
.label,.kicker,.stamp,.progress span,.tagline,.hint,.save-status,.flow-note{font-family:"JetBrains Mono",Consolas,monospace}
header{position:sticky;top:0;z-index:12;min-height:70px;padding:13px max(5vw,calc((100vw - 1400px)/2));background:rgba(17,20,16,.9);backdrop-filter:blur(14px);box-shadow:0 1px rgba(255,255,255,.035),0 16px 40px rgba(0,0,0,.18)}
header img{width:164px}.stamp{margin-right:auto;padding:7px 12px;border:1px solid rgba(166,221,71,.28);border-radius:999px;background:rgba(166,221,71,.08)}
.demo-nav{display:flex;align-items:center;gap:22px}.demo-nav a{font-size:13px;color:#c9d2c1}.demo-nav a:hover{color:var(--green)}.demo-nav .site{border:1px solid #526046;padding:10px 14px;border-radius:8px;text-decoration:none;background:#20281c}
#app{padding-top:42px;min-height:calc(100vh - 150px)}
.start-hero{min-height:560px;grid-template-columns:1.05fr .95fr;gap:70px;padding:40px 0 60px}.start-hero h1{font-size:clamp(48px,6.2vw,88px);line-height:.88}.start-hero .lead{font-size:20px;max-width:560px;color:#d4dccd}.start-hero .muted{max-width:540px}
.hero-product{position:relative}.hero-product:before{content:"";position:absolute;inset:-18%;z-index:-1;background:radial-gradient(closest-side,rgba(166,221,71,.16),transparent 70%)}.hero-plate{border-radius:16px;border:1px solid #59664d;box-shadow:0 40px 90px -35px #000,0 0 0 8px rgba(32,40,28,.55)}.live-chip{position:absolute;z-index:2;top:14px;left:14px;display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(17,20,16,.9);border:1px solid rgba(166,221,71,.32);font:10px "JetBrains Mono";letter-spacing:.08em;color:var(--green)}
.hero-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-stats span{padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:rgba(32,40,28,.65);font-size:12px;color:var(--muted)}.hero-stats b{color:var(--cream);font-family:"JetBrains Mono"}
.entry-cards{gap:16px}.entry-card,.panel,.form-card,.squad-sidebar,.catalog,.wallets,.table-panel,.decision{border-radius:14px;background:linear-gradient(155deg,rgba(255,255,255,.035),transparent 52%),rgba(24,30,22,.94);box-shadow:0 18px 50px -38px #000}.entry-card{min-height:275px;padding:30px}.entry-card.featured{border-top:1px solid var(--green);box-shadow:inset 0 3px var(--green),0 24px 55px -40px rgba(166,221,71,.45)}
.primary,.bid-controls button{border-radius:9px;background:linear-gradient(180deg,#b9eb63,#91c934);box-shadow:0 7px 22px -13px rgba(166,221,71,.8);min-height:48px}.secondary{border-radius:8px;background:var(--panel2);border-color:#56634b}.plain{color:var(--green)}
.notice{border-radius:0 10px 10px 0;background:rgba(166,221,71,.07);border-left-color:var(--green)}
.signup-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;max-width:1080px;margin:34px auto 60px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(17,20,16,.78);box-shadow:0 40px 100px -45px #000}.signup-story{position:relative;padding:55px 44px;background:linear-gradient(150deg,rgba(166,221,71,.16),transparent 58%),url('marca/industrial-bg.png') center/cover}.signup-story:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,20,16,.15),rgba(17,20,16,.65));pointer-events:none}.signup-story>*{position:relative;z-index:1}.signup-story h1{font-size:clamp(45px,5vw,68px);line-height:.9}.signup-story>p:not(.kicker){max-width:390px;color:#d2d9cc}.signup-route{display:grid;gap:8px;margin-top:40px}.signup-route span{display:flex;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);font:11px "JetBrains Mono";color:var(--green)}.signup-route b{font:600 14px Inter;color:var(--cream)}
.signup-shell .form-card{max-width:none;margin:0;border:0;border-radius:0;padding:50px 44px;background:rgba(24,30,22,.96)}.signup-shell .form-card h2{font-size:38px;margin:12px 0}.signup-shell input{min-height:50px;border-radius:8px;background:#111610;border-color:#4b5942}.signup-shell input:focus{outline:2px solid var(--green);outline-offset:1px}.modes{gap:10px}.mode{border-radius:10px;background:#131911;padding:15px}.mode:has(input:checked){box-shadow:inset 0 0 0 1px var(--green);background:rgba(166,221,71,.08)}
.progress{position:sticky;top:70px;z-index:10;padding:10px 0;background:linear-gradient(var(--ink) 78%,transparent)}.progress span{border-radius:999px;background:#171d15}.progress span.active{background:var(--green);box-shadow:0 0 0 4px rgba(166,221,71,.08)}
.auction-header{border-radius:12px 12px 0 0;background:#20281c}.auction-active{border-radius:0 0 12px 12px}.timer{font-family:"Archivo Black"}.current-price b{color:var(--gold)}.leader{border-radius:8px}.catalog-player{border-radius:9px;transition:transform .15s,border-color .15s}.catalog-player:not(:disabled):hover{transform:translateY(-2px);border-color:var(--green)}
.pitch{border-radius:14px;overflow:hidden;box-shadow:inset 0 0 60px rgba(0,0,0,.3)}.result-summary,.scoreboard{border-radius:14px}
.page-footer{max-width:1400px;border-top-color:var(--line)}
@media(max-width:820px){header{padding:11px 5vw}.stamp{display:none}.demo-nav a:first-child{display:none}.start-hero{min-height:0;grid-template-columns:1fr;gap:32px;padding-top:12px}.start-hero h1{font-size:clamp(43px,13vw,68px)}.hero-product{max-width:600px}.signup-shell{grid-template-columns:1fr;margin-top:10px}.signup-story{padding:34px 24px}.signup-story h1{font-size:44px}.signup-route{grid-template-columns:1fr 1fr;margin-top:25px}.signup-shell .form-card{padding:32px 22px}.progress{top:64px;overflow:auto;flex-wrap:nowrap;scrollbar-width:none}.progress::-webkit-scrollbar{display:none}.progress span{white-space:nowrap}}
@media(max-width:520px){header img{width:118px}.demo-nav .site{padding:8px 10px;font-size:11px}#app{padding-top:25px}.hero-stats{display:grid;grid-template-columns:1fr 1fr}.entry-card{min-height:0}.signup-route{grid-template-columns:1fr}.signup-story{display:none}.modes{grid-template-columns:1fr}.live-chip{top:8px;left:8px}}