.dh-board{--dh-red:#b42630;--dh-slate:#303c4c;--dh-dim:#a4b4c9;background:#050505;color:#fff;overflow:hidden;border:1px solid #303a48;border-radius:5px;width:100%;font-family:Arial,system-ui,sans-serif}.dh-board *{box-sizing:border-box}.dh-board-title{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 20px;background:#333f50;color:#e5e9f0;font-size:14px}.dh-board-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dh-board-title span{font-size:11px;flex-shrink:0}.dh-names{display:grid;grid-template-columns:1fr 1fr;background:#26313d;text-align:center}.dh-names>div{padding:10px 16px 16px;min-width:0}.dh-names>div+div{border-left:1px solid #47505c}.dh-names .dh-active{background:var(--dh-red)}.dh-names h2{font-size:clamp(21px,3.5vw,38px);line-height:1.18;margin:5px 0 0;overflow-wrap:anywhere;color:inherit}.dh-names span{font-size:9px;letter-spacing:2px;display:block;min-height:12px;color:#c6cfdc}.dh-active span{color:#fff}.dh-remaining-row{display:grid;grid-template-columns:1fr 1fr;background:#354457;color:var(--dh-dim);text-align:center}.dh-remaining-row>div{padding:9px 15px;position:relative}.dh-remaining-row>div+div{border-left:1px solid #677180}.dh-remaining-row strong{display:block;font-size:clamp(60px,10vw,110px);line-height:1.05;letter-spacing:-3px;font-variant-numeric:tabular-nums}.dh-remaining-row small{display:block;font-size:11px;margin:5px 0 0;letter-spacing:1px}.dh-remaining-row .dh-current{background:#f1f1f1;color:#0a0a0a}.dh-turns{padding:14px 0;min-height:220px}.dh-turn-row{display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;text-align:center;min-height:66px}.dh-turn-row>div{min-width:0}.dh-turn-number{align-self:stretch;display:flex;align-items:center;justify-content:center;background:#141414;font-size:26px;color:#777;font-variant-numeric:tabular-nums}.dh-board .dh-visit{display:inline-block;color:#f5f5f5;font-size:clamp(28px,5vw,52px);font-weight:700;line-height:1.1;letter-spacing:-1px;font-variant-numeric:tabular-nums;padding:8px 10px;background:none;border:0;border-radius:3px;min-width:70px;min-height:52px;text-decoration:none}.dh-board button.dh-visit{cursor:pointer;touch-action:manipulation}.dh-board button.dh-visit:hover,.dh-board button.dh-visit:focus-visible{background:#343b47;outline:2px solid #c94b58}.dh-visit small{font-size:11px;display:block;letter-spacing:2px}.dh-board .dh-finish{color:#f2c445}.dh-empty{color:#414141;font-size:28px}.dh-no-visits{text-align:center;color:#8994a5;font-size:13px;padding:45px 10px}.dh-format{padding:10px 15px;text-align:center;background:#1e2631;font-size:11px;letter-spacing:1px;color:#bac6d7}.dh-legs{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;background:#354457;text-align:center;color:#f2c445;padding:8px 0}.dh-legs strong{font-size:54px;line-height:1.1;font-variant-numeric:tabular-nums}.dh-legs span{font-size:16px;font-weight:700;letter-spacing:1px}.dh-old-visits{padding:12px;background:#202731;font-size:12px;color:#c8d0dd}.dh-old-visits summary{cursor:pointer}.dh-old-visits button{display:block;padding:10px;margin-top:5px;width:100%;text-align:left;font-size:13px}.dh-board button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.dh-board-title{padding:11px 12px;font-size:12px}.dh-board-title span{font-size:10px}.dh-names>div{padding:8px 9px 12px}.dh-names h2{font-size:22px}.dh-remaining-row strong{font-size:72px}.dh-turn-row{min-height:62px;grid-template-columns:1fr 38px 1fr}.dh-turn-number{font-size:22px}.dh-board .dh-visit{font-size:34px}.dh-legs strong{font-size:46px}.dh-turns{min-height:240px}}
