.chess-clock{color:#f2ede7;flex-direction:column;justify-content:center;align-items:center;gap:34px;min-height:calc(100vh - 120px);padding:56px 24px;display:flex}.chess-clock .chess-clock__intro{text-align:center}.chess-clock .chess-clock__title{font-family:var(--font-gramatika), sans-serif;letter-spacing:-.01em;margin:0 0 8px;font-size:30px;font-weight:700}.chess-clock .chess-clock__subtitle{color:#b4a99d;margin:0;font-size:15px}.chess-clock .chess-clock__case-wrap{align-items:flex-start;gap:0;width:100%;max-width:560px;display:flex;position:relative}.chess-clock .chess-clock__knobs{z-index:2;justify-content:space-between;padding:0 48px;display:flex;position:absolute;top:0;left:0;right:0}.chess-clock .clock-knob{cursor:pointer;background:linear-gradient(#e8e8e8 0%,#a9a9a9 100%);border:1px solid #8d8d8d;border-radius:14px 14px 4px 4px;width:46px;height:26px;transition:transform .12s,background .12s;box-shadow:0 3px 6px #00000080}.chess-clock .clock-knob.clock-knob_pressed{background:linear-gradient(#8f8f8f 0%,#c2c2c2 100%);transform:translateY(7px)}.chess-clock .chess-clock__case{background:linear-gradient(#e4c79b 0%,#d6b183 46%,#c79c68 100%);border:1px solid #a87f4e;border-radius:10px;justify-content:center;gap:14px;width:100%;margin-top:26px;padding:30px 18px 34px;display:flex;box-shadow:0 26px 60px #0000008c,inset 0 1px #ffffff8c,inset 0 -2px #78502840}.chess-clock .chess-clock__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.chess-clock .chess-clock__control{color:#b4a99d;cursor:pointer;background:0 0;border:1px solid #f2ede73d;border-radius:999px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:700}.chess-clock .chess-clock__control.chess-clock__control_active{color:#16110d;background:#f2ede7;border-color:#f2ede7}.chess-clock .chess-clock__actions{gap:14px;display:flex}.chess-clock .chess-clock__action{cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:15px 30px;font-family:inherit;font-size:16px;font-weight:700;display:inline-flex}.chess-clock .chess-clock__action.chess-clock__action_variant_primary{color:#16110d;background:#ff9143;border:none;box-shadow:0 4px #b8611f}.chess-clock .chess-clock__action.chess-clock__action_variant_secondary{color:#f2ede7;background:0 0;border:1px solid #f2ede766;padding:15px 28px}.chess-clock .chess-clock__status{color:#8c8378;margin:0;font-size:14px}@media (max-width:766px){.chess-clock{display:none}}
.time-roller{font-family:var(--font-suisse), ui-monospace, monospace;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#3a2c1b;justify-content:center;align-items:center;font-size:46px;font-weight:700;display:flex}.time-roller.time-roller_active{color:#fff}.time-roller.time-roller_fallen{color:#c0392b}.time-roller .time-roller__slot{width:.62em;height:1.18em;display:inline-block;position:relative;overflow:hidden}.time-roller .time-roller__slot.time-roller__slot_separator{width:.32em}.time-roller .time-roller__digit{justify-content:center;align-items:center;line-height:1.18em;display:flex;position:absolute;inset:0}.time-roller .time-roller__digit.time-roller__digit_enter{animation:.28s forwards time-roller-enter}.time-roller .time-roller__digit.time-roller__digit_leave{animation:.28s forwards time-roller-leave}@keyframes time-roller-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes time-roller-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}
.chess-clock-mobile{display:none}@media (max-width:766px){.chess-clock-mobile{color:#f2ede7;display:block}}.chess-clock-mobile .chess-clock-mobile__intro{text-align:center}.chess-clock-mobile .chess-clock-mobile__title{font-family:var(--font-gramatika), sans-serif;margin:0 0 8px;font-size:26px;font-weight:700}.chess-clock-mobile .chess-clock-mobile__subtitle{color:#b4a99d;margin:0;font-size:14px}.chess-clock-mobile .chess-clock-mobile__controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chess-clock-mobile .chess-clock-mobile__control{color:#b4a99d;cursor:pointer;background:0 0;border:1px solid #f2ede73d;border-radius:999px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:700}.chess-clock-mobile .chess-clock-mobile__control.chess-clock-mobile__control_active{color:#16110d;background:#f2ede7;border-color:#f2ede7}.chess-clock-mobile .chess-clock-mobile__start{cursor:pointer;color:#16110d;background:#ff9143;border:none;border-radius:14px;justify-content:center;align-items:center;padding:15px 40px;font-family:inherit;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 4px #b8611f}@media (max-width:766px){.chess-clock-mobile.chess-clock-mobile_step_select{flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:calc(100vh - 100px);padding:32px 20px;display:flex}}@media (max-width:766px){.chess-clock-mobile.chess-clock-mobile_step_play{z-index:100;transform-origin:0 0;background:#16110d;width:100vh;height:100vw;position:fixed;top:0;left:0;transform:rotate(90deg)translateY(-100%)}}.chess-clock-mobile .chess-clock-mobile__rotated{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:10px;display:flex}.chess-clock-mobile .chess-clock-mobile__case-wrap{transform-origin:top;width:fit-content;display:flex;position:relative}.chess-clock-mobile.chess-clock-mobile_step_select .chess-clock-mobile__case-wrap{margin-bottom:-146px;transform:scale(.48)}.chess-clock-mobile .chess-clock-mobile__rotated .chess-clock-mobile__case-wrap{margin-bottom:-42px;transform:scale(.85)}.chess-clock-mobile .chess-clock-mobile__knobs{z-index:2;justify-content:space-between;padding:0 40px;display:flex;position:absolute;top:0;left:0;right:0}.chess-clock-mobile .chess-clock-mobile__knob{cursor:pointer;background:linear-gradient(#e8e8e8 0%,#a9a9a9 100%);border:1px solid #8d8d8d;border-radius:12px 12px 4px 4px;width:40px;height:22px;transition:transform .12s,background .12s;box-shadow:0 3px 6px #00000080}.chess-clock-mobile .chess-clock-mobile__knob.chess-clock-mobile__knob_pressed{background:linear-gradient(#8f8f8f 0%,#c2c2c2 100%);transform:translateY(6px)}.chess-clock-mobile .chess-clock-mobile__case{background:linear-gradient(#e4c79b 0%,#d6b183 46%,#c79c68 100%);border:1px solid #a87f4e;border-radius:10px;justify-content:center;align-items:center;gap:14px;width:100%;margin-top:20px;padding:24px 16px 26px;display:flex;box-shadow:0 26px 60px #0000008c,inset 0 1px #ffffff8c,inset 0 -2px #78502840}.chess-clock-mobile .chess-clock-mobile__tap-zone{cursor:pointer;font:inherit;background:#7878782e;border:1px solid #5a5a5a59;border-radius:18px;flex:1;justify-content:center;align-items:center;margin:0;padding:10px;transition:background .15s,border-color .15s;display:flex}.chess-clock-mobile .chess-clock-mobile__tap-zone.chess-clock-mobile__tap-zone_active{background:#2828288c;border-color:#141414bf}.chess-clock-mobile .chess-clock-mobile__tap-zone .clock-dial.clock-dial_active{box-shadow:0 0 0 3px #3c3c3ca6,inset 0 2px 6px #00000073}.chess-clock-mobile .chess-clock-mobile__dial-time{flex-direction:column;align-items:center;gap:14px;display:flex}.chess-clock-mobile .chess-clock-mobile__actions{flex-direction:column;flex:none;align-self:center;align-items:center;gap:10px;display:flex}.chess-clock-mobile .chess-clock-mobile__action{color:#3a2c1b;cursor:pointer;background:#16110d29;border:1px solid #16110d4d;border-radius:14px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;margin:0;padding:0;text-decoration:none;display:flex}
.reloj-page{background:radial-gradient(800px 500px at 50% 60%,#ff914324 0%,#16110d00 70%),#16110d}