/* Identidad provisional para el I Torneo Comiloner. */
:root{--bg:#101010;--panel:#1b1b1b;--line:#555;--cream:#fff;--muted:#c4c4c4;--lime:#ff8a24;--blue:#fff;--orange:#ff9d47}
body{background:#101010;background-image:radial-gradient(ellipse at 50% 0,#ff8a2415,transparent 65%)}
button{background:#202020}input,select{background:#101010;border-color:#666}label{color:#fff}
.topbar,footer{border-color:#555}.brand{font-size:clamp(22px,4vw,31px)}.brand small{letter-spacing:1px}
.home-hero{background:linear-gradient(110deg,#191919,#362416);border-color:#a65c24}
.home-hero:after{background:linear-gradient(0deg,#111 0,transparent 50%),linear-gradient(90deg,#111 10%,#111d 36%,transparent 80%)}
.hero-copy h1{font-size:clamp(43px,5.7vw,70px)}.hero-copy p{color:#eee}.hero-bottom{background:#111e;border-color:#a65c2466}
.primary{background:#ff8a24;color:#111;border-color:#ffb16c;box-shadow:inset 0 -3px 0 #b74e00}.primary:hover{background:#ffa352}
.secondary{background:#171717e8;border-color:#ba743c}.panel,.player{background:linear-gradient(125deg,#28211b,#171717)}
.player{border-color:#777}.player.active{border-color:#ff8a24;box-shadow:inset 0 0 25px #ff8a240a,0 0 20px #ff8a2410}
.player:before,.player:after{color:#a3a3a3}.player .primary:disabled{background:#242424;color:#bdbdbd;border-color:#555}
.selection-art,.versus-banner,.portrait.neutral{background-color:#272727}.team-side{background:#111d;border-color:#777}
.team-select,.versus-banner{border-color:#777}.versus-banner:after{background:linear-gradient(0deg,#111d,transparent 60%),linear-gradient(90deg,transparent,#1118,transparent)}
.versus-title small{background:#fff;color:#111}.turn-row,.pool-row{color:#ddd}.turn-row{border-color:#6666}.pips i{border-color:#777}
.calculation p span{color:#fff}.bottom-nav{background:#101010f5;border-color:#777}.bottom-nav a{color:#ccc}
.global-clock{background:#191919fa;border-color:#ff8a24}.pause-button{background:#fff;color:#111}.global-clock.paused{border-color:#ffb16c}.global-clock.paused span{color:#ffb16c}
dialog{background:#191919;border-color:#777}dialog::backdrop{background:#000d}#toast{background:#fff;color:#111}
.pro-panel{background:linear-gradient(125deg,#292018,#171717);border-color:#a65c24}.pro-badge{color:#ffb16c;border-color:#a65c24}
footer,footer>span:first-child{color:#ccc}.clock-modes label,.quick-preview,.tournament-preset{background:#191919}
.clock-modes label:has(input:checked),.quick-choice:has(input:checked){background:#342317}.tournament-preset button[aria-pressed=true]{color:#111}
.clock.time-expired,body[data-screen="match"] .clock.time-expired{font-family:var(--heading);font-size:clamp(25px,3.5vw,43px);line-height:1.1;letter-spacing:.4px;color:#ff9d47;white-space:normal;overflow-wrap:anywhere;min-height:133px;display:flex;align-items:center;justify-content:center;padding:14px 0;text-shadow:none;animation:none}
@media(max-width:650px){.brand small{font-size:7px}.topbar{gap:10px}.clock.time-expired,body[data-screen="match"] .clock.time-expired{font-size:27px;min-height:150px}.hero-copy h1{font-size:46px}}

/* Logo oficial adaptado a fondo oscuro. */
.brand img.comiloners-logo{width:58px;height:58px;object-fit:contain;flex-shrink:0}
.comiloners-hero-logo{display:block;width:100px;height:100px;object-fit:contain;margin:0 0 20px;filter:drop-shadow(0 3px 12px #ff8a2420)}
.hero-copy{padding-top:30px}.home-hero{min-height:650px}
@media(max-width:650px){.brand{gap:8px;font-size:22px}.brand img.comiloners-logo{width:44px;height:44px}.brand small{font-size:6px;letter-spacing:.5px}.comiloners-hero-logo{width:80px;height:80px;margin-bottom:16px}.home-hero{min-height:690px}.topbar{padding-inline:16px}.hero-copy{padding-top:28px}}

/* Apoyo voluntario, discreto y fuera de los controles de partida. */
footer{flex-wrap:wrap;align-items:center;row-gap:8px}
footer .project-support{font-size:10px;line-height:1.5;letter-spacing:0;text-transform:none;color:#bdbdbd;padding:8px 0;text-decoration:none;text-underline-offset:3px}
footer .project-support span{color:#a8a8a8}
footer .project-support:hover,footer .project-support:focus-visible{color:var(--lime);text-decoration:underline}
body[data-screen="match"] footer .project-support{display:none}
@media(max-width:650px){footer .project-support{flex-basis:100%;padding:7px 0}}

/* Formulario de errores discreto y accesible, sin interferir con el reloj. */
.bug-report{flex-basis:100%;font-size:11px;letter-spacing:0;text-transform:none}
.bug-report summary{width:fit-content;cursor:pointer;color:#bdbdbd;padding:8px 0;min-height:32px}
.bug-report summary:hover{color:var(--lime)}.bug-report summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.bug-report-panel{max-width:540px;padding:20px;margin-top:6px;background:#191919;border:1px solid var(--line);border-radius:6px}
.bug-report-panel h2{font-size:25px;margin-bottom:10px}.bug-report-panel p{font-size:12px;line-height:1.6;letter-spacing:0}
.bug-report-panel label{margin-top:14px;font-size:12px;letter-spacing:0}.bug-report-panel textarea{display:block;margin-top:7px;width:100%;min-height:120px;resize:vertical;border:1px solid #666;border-radius:4px;background:#101010;color:#fff;padding:12px;font:inherit;font-size:14px}
.bug-report-panel textarea:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.bug-report-panel .bug-privacy,.bug-report-panel .bug-fallback{font-size:11px;color:#bdbdbd}.bug-report-panel button{margin-top:3px}.bug-fallback a{text-decoration:underline;overflow-wrap:anywhere}
.bug-report .bug-honeypot{display:none}
@media(max-width:650px){.bug-report-panel{padding:15px}.bug-report-panel input,.bug-report-panel textarea{font-size:16px}}