:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color-scheme:dark;color:#ffffffeb;background:#0b1220;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh}body{margin:0;background:#0b1220}button,input{font:inherit}.app{min-height:100svh}.screen{max-width:880px;margin:0 auto;padding:18px 16px 28px}.screen.live{max-width:none;margin:0;min-height:100svh;padding:16px;color:#ffffffeb;display:flex;flex-direction:column;gap:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.topbar--live{margin-bottom:0}.topbar__title h1{margin:0;font-size:28px;line-height:1.1}.kicker{font-size:12px;opacity:.75;letter-spacing:.12em;text-transform:uppercase}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card--glass{background:#00000038;border-color:#ffffff26}.row{display:flex;align-items:center}.row--between{justify-content:space-between}.row--gap{gap:12px}.label{font-weight:600}.hint{font-size:12px;opacity:.7;margin-top:4px}.input{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#0000002e;color:inherit}.input--num{width:120px;text-align:right;font-variant-numeric:tabular-nums}.btn{border-radius:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);background:#00000038;color:inherit;font-weight:600}.btn:disabled{opacity:.5}.btn--primary{background:#0000006b;border-color:#ffffff42}.btn--danger{background:#0000006b;border-color:#ff787880}.btn--xl{padding:20px 16px;border-radius:14px;font-size:20px;min-height:74px}.btn--live{padding:40px 16px;font-size:24px;min-height:138px}.footer{margin-top:14px}.footer .btn{width:100%}.footer--setup{margin:0}.setupTopRow{display:grid;grid-template-columns:1fr minmax(220px,320px);gap:12px;align-items:stretch;margin-bottom:12px}.card--turnLength{margin:0}.list{margin-top:12px;display:flex;flex-direction:column;gap:10px}.empty{opacity:.75;padding:10px 0}.playerRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.playerRow__main{display:flex;gap:10px;flex:1 1 220px;align-items:center}.playerRow__actions{display:flex;gap:8px;flex:0 0 auto}.presets{width:100%;display:flex;flex-wrap:wrap;gap:6px}.preset{width:24px;height:24px;border-radius:999px;border:2px solid transparent}.preset--active{border-color:#fff;box-shadow:0 0 0 2px #00000059}.timerCard{flex:0 0 auto;min-height:220px;display:grid;place-items:center;border-radius:18px;background:#00000038;border:1px solid rgba(255,255,255,.18);padding:18px;text-align:center}.timerValue{font-size:56px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.badge{margin-top:10px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#0000002e;font-weight:700;font-size:12px}.badge--timeout{border-color:#ffd2788c}.controls{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px}.controls+.controls{grid-template-columns:1fr}@media (max-width: 760px){.setupTopRow{grid-template-columns:1fr}}.totals{margin-top:10px;display:flex;flex-direction:column;gap:8px}.totalsRow,.summaryRow{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.summaryRow{grid-template-columns:auto auto 1fr auto}.summaryRow__rank{font-weight:800;opacity:.8;min-width:38px}.dot{width:14px;height:14px;border-radius:999px}.totalsRow__val,.summaryRow__val{font-weight:800;font-variant-numeric:tabular-nums}@media (max-width: 420px){.screen.live{gap:10px;padding:12px}.timerValue{font-size:42px}.timerCard{min-height:130px;padding:12px}.btn--live{min-height:92px;padding:16px 12px;font-size:20px}.controls{grid-template-columns:1fr 1fr;gap:8px}.controls .btn--primary.btn--live{grid-column:1 / -1}}