/* Anywhere Ball */
body.show-fix-menu{padding-bottom:120px!important}
ab-four,ab-overhead,ab-panna,ab-juggle,ab-touches,ab-size,ab-compare,ab-clock,ab-teams,ab-bests{display:block}
.ab-box,.ab-deck,.ab-tools,.ab-next,.ab-shot,.ab-stats{--ab-ink:var(--content-color,#f3f8f7);--ab-panel:var(--alternate-bg,#16414a);--ab-deep:var(--general-bg-color,#0e2a30);--ab-hot:var(--element-contrast-color,#ff8a5b);--ab-soft:rgba(243,248,247,.14)}
.ab-box{background:var(--ab-panel);color:var(--ab-ink);border-radius:22px 22px 22px 6px;padding:16px;margin:22px 0;box-shadow:inset 0 0 0 1px var(--ab-soft)}
.ab-wait{font-size:14px;opacity:.6}
.ab-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ab-head strong{font-size:18px}
.ab-pill{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--ab-hot);color:#0e2a30}
.ab-sub{font-size:16px!important;margin:18px 0 8px!important;padding:0!important;color:var(--ab-ink)}
.ab-sub:after{display:none!important}
.ab-msg{font-size:15px;line-height:1.5;margin:12px 0 0}
.ab-small{font-size:13px;opacity:.72;margin:10px 0 0}
.ab-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ab-btn{font:inherit;font-size:15px;font-weight:700;line-height:1.2;padding:11px 18px;border-radius:14px;border:2px solid var(--ab-soft);background:var(--ab-deep);color:var(--ab-ink)!important;cursor:pointer;touch-action:manipulation;text-decoration:none!important}
.ab-btn--hot{background:var(--ab-hot);border-color:var(--ab-hot);color:#0e2a30!important}
.ab-btn:disabled{opacity:.4;cursor:default}
.ab-art{display:block;width:100%;height:auto;border-radius:16px;overflow:hidden;user-select:none;-webkit-user-select:none}
.ab-art--tap{touch-action:none;cursor:pointer}
.ab-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ab-chip{font:inherit;font-size:14px;line-height:1.2;padding:8px 13px;border-radius:999px;border:2px solid var(--c,var(--ab-hot));background:transparent;color:var(--ab-ink)!important;cursor:pointer;text-decoration:none!important}
.ab-chip.is-on,.ab-chip--hot{background:var(--c,var(--ab-hot));color:#0e2a30!important}
.ab-range{width:100%;margin:12px 0 0;accent-color:var(--ab-hot)}

/* four seconds */
.ab-four__screen{font-size:64px;font-weight:700;text-align:center;letter-spacing:.04em;padding:18px 0;border-radius:16px;background:var(--ab-deep);font-variant-numeric:tabular-nums;transition:color .2s}
.ab-four__screen--hidden{color:var(--ab-hot)}
.ab-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}
.ab-dots span{width:18px;height:18px;border-radius:50%;border:2px solid var(--ab-soft)}
.ab-dots span.win{background:#7ee2a0;border-color:#7ee2a0}
.ab-dots span.lose{background:#ff6b6b;border-color:#ff6b6b}

/* touches */
.ab-score{display:flex;align-items:center;justify-content:center;gap:16px;font-size:14px;opacity:.95}
.ab-score b{font-size:40px;color:var(--ab-hot);min-width:40px;text-align:center}
.ab-seq{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.ab-seq span{display:flex;align-items:center;justify-content:center;height:46px;border-radius:12px;border:2px dashed var(--ab-soft);font-weight:700;opacity:.6}
.ab-seq span.on{border-style:solid;border-color:var(--ab-hot);opacity:1}
.ab-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ab-pad .ab-btn{padding:10px 6px}

/* size + compare */
.ab-facts2{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-top:12px}
.ab-facts2 div{background:var(--ab-deep);border-radius:12px;padding:10px}
.ab-facts2 b{display:block;font-size:18px;color:var(--ab-hot)}
.ab-facts2 span{font-size:12px;opacity:.75}
.ab-bars{display:flex;flex-direction:column;gap:10px}
.ab-bar__top{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:4px}
.ab-bar__top b{white-space:nowrap}
.ab-bar__track{height:12px;border-radius:6px;background:var(--ab-deep);overflow:hidden}
.ab-bar__track i{display:block;height:100%;width:0;border-radius:6px;transition:width .7s ease}

/* clock */
.ab-clock__face{font-size:76px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;margin-top:12px;padding:12px 0;border-radius:18px;background:var(--ab-deep);color:var(--ab-hot)}
.ab-clock__face.is-done{animation:ab-blink .6s steps(2) 6}
@keyframes ab-blink{50%{opacity:.25}}
.ab-clock__label{text-align:center;font-weight:700;margin:10px 0 0}
.ab-clock__custom{display:flex;gap:14px;margin-top:12px;flex-wrap:wrap}
.ab-clock__custom[hidden]{display:none}
.ab-clock__custom label{font-size:14px}
.ab-num{width:72px;font:inherit;font-size:16px;padding:8px;border-radius:10px;border:2px solid var(--ab-soft);background:var(--ab-deep);color:var(--ab-ink)}

/* teams */
.ab-text{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:12px;border-radius:14px;border:2px solid var(--ab-soft);background:var(--ab-deep);color:var(--ab-ink);resize:vertical}
.ab-text:focus,.ab-num:focus{outline:none;border-color:var(--ab-hot)}
.ab-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:12px}
.ab-team{background:var(--ab-deep);border-radius:14px;padding:10px 12px;border-top:4px solid var(--c)}
.ab-team ul{list-style:none;margin:8px 0 0!important;padding:0!important}
.ab-team li{margin:0!important;padding:4px 0!important;font-size:15px;border-bottom:1px solid var(--ab-soft)}
.ab-team li:before{display:none!important}

/* home */
.ab-deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:12px 0 24px}
.ab-tile{position:relative;display:block;border-radius:20px 20px 20px 6px;overflow:hidden;background:var(--ab-panel);color:var(--ab-ink)!important;text-decoration:none!important}
.ab-tile img{display:block;width:100%;height:150px;object-fit:cover;margin:0!important;border-radius:0!important}
.ab-tile__txt{display:flex;flex-direction:column;gap:3px;padding:11px 13px 14px}
.ab-tile__txt strong{font-size:18px}
.ab-tile__txt small{font-size:12px;font-weight:700;color:var(--ab-hot);text-transform:uppercase;letter-spacing:.03em}
.ab-tile__txt span{font-size:14px;opacity:.85;line-height:1.4}
.ab-tile__best{position:absolute;top:10px;right:10px;display:none;font-style:normal;font-size:12px;font-weight:700;padding:5px 9px;border-radius:999px;background:var(--ab-hot);color:#0e2a30}
.ab-tile__best.on{display:block}
.ab-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:12px 0}
.ab-tool{position:relative;display:block;border-radius:18px;overflow:hidden;color:#fff!important;text-decoration:none!important;background:var(--ab-panel)}
.ab-tool img{display:block;width:100%;height:160px;object-fit:cover;margin:0!important;border-radius:0!important}
.ab-tool span{position:absolute;left:0;right:0;bottom:0;padding:34px 13px 12px;background:linear-gradient(transparent,rgba(0,0,0,.8));display:flex;flex-direction:column}
.ab-tool strong{font-size:17px}.ab-tool small{font-size:13px;opacity:.85}

/* page parts */
.ab-next{background:var(--ab-panel);border-radius:22px 22px 22px 6px;padding:16px;margin:22px 0;color:var(--ab-ink)}
.ab-next__title{font-weight:700;font-size:17px;margin:0}
.ab-next__go{display:inline-block;margin-top:14px;font-weight:700;color:var(--ab-hot)!important;text-decoration:none!important}
.ab-shot{margin:18px 0}
.ab-shot img{width:100%;height:auto;display:block;border-radius:20px 20px 20px 6px}
.ab-shot figcaption{font-size:13px;opacity:.7;margin-top:6px}
.ab-stats{list-style:none;margin:8px 0 22px!important;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ab-stats li{margin:0!important;padding:11px 12px!important;background:var(--ab-panel);border-radius:14px;font-weight:700;font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.ab-stats li:before{display:none!important}
.ab-stats em{display:block;font-style:normal;font-weight:400;font-size:12px;opacity:.72;margin-bottom:3px}
@media (max-width:340px){.ab-stats{grid-template-columns:1fr}.ab-four__screen{font-size:52px}.ab-clock__face{font-size:60px}}