
#project-credit{box-sizing:border-box;position:relative;z-index:2;padding:16px 12px;text-align:center;background:#102f25;color:#d7eade;font:12px/1.5 system-ui,sans-serif;height:auto;display:block}#project-credit small{display:block}#project-credit a{color:#d1f29b;font-weight:700;text-decoration:none}#project-credit nav a{display:inline-flex;min-height:44px;align-items:center}#project-credit a:hover{text-decoration:underline}
.marker-duel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:20px 0}.marker-card{position:relative;overflow:hidden;min-width:0;border-radius:28px!important;padding:24px 16px!important;text-align:center;background:linear-gradient(145deg,#e9ffbf 0%,#b8e982 40%,#72b54d 100%)!important;color:#173b23!important;border:1px solid #efffdb!important;box-shadow:inset 0 3px 3px #fff9,inset -4px -8px 15px #234d3340,0 7px 0 #427431,0 12px 22px #001c2040!important;font-family:system-ui,sans-serif!important}.marker-card[data-team="1"],.marker-card[data-side="1"]{background:linear-gradient(145deg,#c9ffff,#4cdbec 45%,#139bb9)!important;color:#073c50!important;box-shadow:inset 0 3px 3px #fff9,inset -4px -8px 15px #07516860,0 7px 0 #147a94,0 12px 22px #001c2040!important}.marker-card::before{content:'';position:absolute;top:8px;left:12px;right:12px;height:23%;border-radius:22px;background:linear-gradient(#ffffff70,#ffffff00);pointer-events:none}.marker-card .marker-names{display:block;font-weight:750;font-size:clamp(15px,2.5vw,26px);overflow-wrap:anywhere;min-height:3em;position:relative}.marker-card .marker-points{display:block;font-family:'Arial Black',Arial,sans-serif;font-size:clamp(60px,12vw,128px);line-height:1.1;font-weight:900;letter-spacing:-.05em;margin:12px 0}.marker-card small{display:block;line-height:1.6}.marker-card .marker-stats{display:block;font-size:18px;font-weight:750}.marker-card[data-winner="true"]{background:linear-gradient(135deg,#fff5bb,#f0cd60,#dfaa2e)!important}.marker-card[data-winner="false"]{background:linear-gradient(135deg,#e3e7e7,#9aa7a5)!important;color:#455550!important;box-shadow:inset 0 2px 3px #fff9,0 6px 0 #637573!important}button.marker-card:active:not(:disabled){transform:translateY(4px)}button.marker-card:focus-visible{outline:4px solid #ffdf69;outline-offset:5px}button.marker-card:disabled{cursor:default;opacity:.8}.marker-stats-table{margin-top:24px}
#padel-punto-demo{max-width:1100px!important}#padel-punto-demo .p-phone{background:#153d2c!important;border:0!important;color:#eef5ed;box-shadow:none!important}#padel-punto-demo .marker-card{width:100%}#padel-punto-demo .p-taps{display:none!important}#padel-punto-demo .p-undo{background:#db3349!important;color:white!important}#padel-punto-demo .p-status,#padel-punto-demo .p-stage,#padel-punto-demo .p-footer{color:#e1eddf!important}#padel-punto-demo .p-broadcast{color:#182f24;background:#f2f6ef;border-radius:15px}
body.social-marker{background:#153d2c!important;color:#eef6ef!important}.social-marker .team{padding:0;background:transparent;border:0}.social-marker .team button{min-height:280px;width:100%}.social-marker #message{color:#173b23}.social-marker a{color:#d1f29b}.social-marker h1{color:#eef6ef!important}
.tile .pair{border-radius:16px;padding:12px;margin:6px 0;background:linear-gradient(130deg,#d9f8aa,#91c974);color:#193c28}.tile .pair:nth-of-type(3){background:linear-gradient(130deg,#b5f3fc,#35bdd3);color:#103a46}.tile .pair.lead{background:linear-gradient(130deg,#fff1ad,#e1b946)}
@media(max-width:600px){.marker-duel{gap:10px}.marker-card{padding:20px 10px!important;border-radius:22px!important}.marker-card .marker-stats{font-size:15px}.marker-card .marker-names{font-size:16px}}
@media(prefers-reduced-motion:reduce){button.marker-card:active{transform:none}}

#padel-punto-demo .p-phone .p-note,#padel-punto-demo .p-phone .p-row,#padel-punto-demo .p-phone .p-row span,#padel-punto-demo .p-phone [data-ui="leader"],#padel-punto-demo .p-phone [data-ui="serve"],#padel-punto-demo .p-phone [data-ui="sets"]{color:#d7eade!important}

#project-credit{font-size:10px;padding:8px 12px}#project-credit small{font-size:9px}#project-credit nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 14px}#project-credit nav a{font-size:10px;min-height:24px}
