:root{--ink: #0a0a0a;--panel: #121212;--panel-2: #181818;--line: #2a2a2a;--line-2: #3a3a3a;--text: #f2f0eb;--muted: #a3a09a;--dim: #6f6c67;--bordo: #6e0f1c;--bordo-2: #8d1a2b;--bordo-text: #d24a5c;--ok: #7fb08a;--rojo: #c23a3a;--azul: #4a7fb5;--verde: #4f9a6a;--f-type: "Special Elite", "Courier New", monospace;--f-mono: "Courier Prime", "Courier New", monospace;--f-read: "Source Serif 4", Georgia, serif;--radius: 3px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);background-image:radial-gradient(ellipse at top,rgba(110,15,28,.14),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px);color:var(--text);font-family:var(--f-mono);font-size:16px;line-height:1.45;min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--text)}.page{max-width:560px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));animation:fadeIn .45s ease both}.page.wide{max-width:1180px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes stampIn{0%{opacity:0;transform:rotate(-12deg) scale(1.6)}60%{opacity:1;transform:rotate(-8deg) scale(.96)}to{opacity:.9;transform:rotate(-8deg) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes typing{0%{width:0}}.type{font-family:var(--f-type);letter-spacing:.04em}.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.title{font-family:var(--f-type);font-size:26px;line-height:1.15;letter-spacing:.03em;margin:6px 0 0;font-weight:400}.title-lg{font-family:var(--f-type);font-size:30px;line-height:1.15;letter-spacing:.04em;margin:0;font-weight:400;text-align:center}.read{font-family:var(--f-read);font-size:18px;line-height:1.55}.muted{color:var(--muted)}.dim{color:var(--dim)}.center{text-align:center}.small{font-size:13px}.logo{display:flex;justify-content:center;margin:22px 0 34px}.logo img{width:min(300px,74vw);height:auto;display:block;filter:drop-shadow(0 6px 24px rgba(110,15,28,.35));animation:fadeIn .8s ease both}.logo.sm{margin:0}.logo.sm img{width:76px;filter:none;animation:none}@media (min-width: 900px){.logo.sm img{width:92px}}.dossier{position:relative;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;margin:14px 0;box-shadow:0 1px #ffffff08 inset,0 12px 30px #00000059}.dossier:before{content:attr(data-tab);position:absolute;top:-11px;left:14px;background:var(--ink);border:1px solid var(--line);border-radius:2px;padding:1px 8px;font-size:10px;letter-spacing:.25em;color:var(--muted)}.dossier:not([data-tab]):before{display:none}.dossier-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-bottom:1px dashed var(--line-2);padding-bottom:12px;margin-bottom:14px}.rule{border:0;border-top:1px dashed var(--line-2);margin:16px 0}.field-row{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px dotted var(--line)}.field-row:last-child{border-bottom:0}.field-row .k{font-size:11px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;min-width:92px}.field-row .v{font-family:var(--f-read);font-size:18px}.stamp{display:inline-block;font-family:var(--f-type);color:var(--bordo-text);border:2px solid var(--bordo-text);padding:3px 10px;font-size:13px;letter-spacing:.22em;transform:rotate(-8deg);opacity:.9;border-radius:2px;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000 60%,#000000bf);mask-image:radial-gradient(circle at 30% 40%,#000 60%,#000000bf);animation:stampIn .5s ease-out both;white-space:nowrap}.stamp.ok{color:var(--ok);border-color:var(--ok)}.stamp.lg{font-size:22px;padding:6px 16px;border-width:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 18px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--radius);font-family:var(--f-mono);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,transform .08s;box-shadow:0 2px #000;-webkit-user-select:none;user-select:none}.btn:hover{border-color:var(--muted)}.btn:active{transform:translateY(1px);box-shadow:0 1px #000}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:var(--bordo);border-color:var(--bordo-2);color:#fff}.btn.primary:hover:not(:disabled){background:var(--bordo-2)}.btn.ghost{background:transparent;box-shadow:none}.btn.block{width:100%}.btn.sm{min-height:38px;padding:6px 12px;font-size:12px;letter-spacing:.1em}.btn.danger{border-color:var(--bordo-2);color:var(--bordo-text);background:transparent}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn-row>.btn{flex:1 1 auto}label.lbl{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}.input{width:100%;min-height:52px;background:#0d0d0d;border:1px solid var(--line-2);border-radius:var(--radius);padding:12px 14px;font-family:var(--f-mono);font-size:20px;letter-spacing:.12em;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--muted);box-shadow:0 0 0 3px #ffffff0f}.input.code{text-transform:uppercase;text-align:center;font-size:26px;letter-spacing:.3em}.input.normal{font-size:16px;letter-spacing:.02em}.check{display:flex;align-items:center;gap:10px;margin:14px 0;cursor:pointer;font-size:14px}.check input{width:20px;height:20px;accent-color:var(--bordo-2)}.teams-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.team-btn{position:relative;min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);font-family:var(--f-type);font-size:18px;letter-spacing:.16em;cursor:pointer;transition:border-color .15s,background .15s}.team-btn .dot{width:14px;height:14px;border-radius:50%}.team-btn[aria-pressed=true]{border-color:var(--text);background:var(--panel-2);box-shadow:0 0 0 1px var(--text) inset}.dot.rojo,.bg-rojo{background:var(--rojo)}.dot.azul,.bg-azul{background:var(--azul)}.dot.verde,.bg-verde{background:var(--verde)}.c-rojo{color:var(--rojo)}.c-azul{color:var(--azul)}.c-verde{color:var(--verde)}.team-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-type);letter-spacing:.16em;font-size:14px}.team-tag .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.clock{display:grid;grid-template-columns:1fr 1fr 1.15fr;border:1px solid var(--line-2);border-radius:var(--radius);background:#0c0c0c;position:sticky;top:calc(8px + env(safe-area-inset-top));z-index:5;box-shadow:0 8px 22px #0009}.clock>div{padding:10px 8px;text-align:center;border-right:1px solid var(--line)}.clock>div:last-child{border-right:0;background:#6e0f1c38}.clock .k{font-size:9.5px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.clock .v{font-family:var(--f-mono);font-weight:700;font-size:19px;font-variant-numeric:tabular-nums;margin-top:2px}.clock .v.pen{color:var(--bordo-text)}.notice{border:1px solid var(--line-2);border-left:3px solid var(--muted);padding:12px 14px;margin:12px 0;font-size:15px;background:#ffffff05}.notice.err{border-left-color:var(--bordo-text);color:#f3c9cf}.notice.ok{border-left-color:var(--ok);color:#d4ead8}.lock-box{text-align:center;border:1px solid var(--bordo-2);background:#6e0f1c26;padding:16px;margin:12px 0}.lock-box .count{font-family:var(--f-mono);font-weight:700;font-size:40px;font-variant-numeric:tabular-nums}.hint-card{border:1px solid var(--line);background:#0e0e0e;padding:14px;margin:10px 0;animation:fadeIn .35s ease both}.hint-card .h{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.blink{animation:pulse 1.6s ease-in-out infinite}.waiting-dots{display:flex;gap:8px;justify-content:center;margin:22px 0}.waiting-dots span{width:9px;height:9px;background:var(--bordo-text);border-radius:50%;animation:pulse 1.4s infinite}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}.progress-strip{display:flex;gap:6px;margin:10px 0 2px}.progress-strip span{flex:1;height:5px;background:var(--line);border-radius:1px}.progress-strip span.done{background:var(--text)}.progress-strip span.now{background:var(--bordo-text)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50;animation:fadeIn .2s ease both}.dialog{width:100%;max-width:440px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--radius);padding:22px 18px 18px;box-shadow:0 20px 60px #000000b3}.dialog h3{font-family:var(--f-type);font-weight:400;letter-spacing:.06em;font-size:20px;margin:0 0 10px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:8px}.linkbtn{background:none;border:0;color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:8px 0;text-decoration:underline;text-underline-offset:3px}.grid-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.team-card{border-top:4px solid var(--line-2)}.team-card.rojo{border-top-color:var(--rojo)}.team-card.azul{border-top-color:var(--azul)}.team-card.verde{border-top-color:var(--verde)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;font-size:14px}.stats .field-row .k{min-width:0;font-size:10px}.stats .field-row .v{font-family:var(--f-mono);font-size:14px;margin-left:auto;text-align:right}.badge{display:inline-block;padding:2px 8px;border:1px solid var(--line-2);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;white-space:nowrap}.badge.live{border-color:var(--bordo-text);color:var(--bordo-text)}.badge.ok{border-color:var(--ok);color:var(--ok)}.badge.test{border-style:dashed;color:var(--muted)}.code-big{font-family:var(--f-mono);font-weight:700;font-size:28px;letter-spacing:.18em}.codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.code-card{border:1px dashed var(--line-2);padding:12px;text-align:center}table.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line-2);padding:8px 6px}.tbl td{border-bottom:1px dotted var(--line);padding:8px 6px;vertical-align:top;font-variant-numeric:tabular-nums}.tbl tr.winner td{background:#6e0f1c2e}.scroll-x{overflow-x:auto}.events{max-height:460px;overflow-y:auto}.game-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px dotted var(--line);cursor:pointer;text-decoration:none}.game-row:hover{background:#ffffff05}.section-title{font-family:var(--f-type);font-weight:400;letter-spacing:.1em;font-size:18px;margin:26px 0 6px}.two-col{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 900px){.two-col{grid-template-columns:1fr 1fr}}@media (max-width: 380px){.clock .v{font-size:16px}.title{font-size:22px}.team-btn{font-size:15px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
