/* timaBeans – Arena, hitri kviz, časovnik, sezona, izbira junaka. */
.timer{display:flex;align-items:center;gap:10px;margin:8px 0}
.timer .bar{flex:1;height:12px;margin:0;background:#ffffff26}
#timerbar{height:100%;background:linear-gradient(90deg,#4cd964,#ffd23f);border-radius:20px;transition:width .2s linear}
#timerbar.low{background:linear-gradient(90deg,#ff5a5a,#ff9f1c)}
.timer .mini{min-width:54px;text-align:right}
.arena-track{position:relative;height:96px;margin:8px 0;border-radius:16px;background:repeating-linear-gradient(180deg,#4b2aa8 0 32px,#5a35c4 32px 64px);box-shadow:inset 0 0 0 2px #ffffff30;overflow:hidden}
.arena-track:after{content:"";position:absolute;top:0;right:0;bottom:0;width:14px;background:repeating-conic-gradient(#fff 0 25%,#222 0 50%) 0 0/14px 14px}
.arena-track .runner{position:absolute;width:30px;height:30px;top:calc(var(--lane,0)*32px + 1px);left:calc((100% - 46px)*var(--p,0) + 4px);transition:left .6s cubic-bezier(.3,1.4,.5,1)}
.arena-track .runner.me{width:36px;height:36px;z-index:3;filter:drop-shadow(0 0 6px #ffd23f)}
.standings{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}
.standings li{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;background:#ffffff14}
.standings li.me{background:#ffd23f33;outline:2px solid #ffd23f}
.standings li span{flex:1}
.quick-card{background:linear-gradient(135deg,#1d4f91,#3a2fb0)!important;border:1px solid #7aa5ff!important}
.quick-card .qc-head,.season-card .sc-head{display:flex;align-items:center;gap:10px}
.quick-card h2,.season-card h2{margin:0}
.qc-icon,.sc-icon{font-size:28px}
.qc-pair{display:flex;align-items:center;gap:6px;font-weight:700;margin:8px 0 2px;flex-wrap:wrap}
.quick-card .primary{width:100%;margin-top:8px;font-size:18px;box-shadow:0 5px 0 #0a7a3a}
.season-card{background:linear-gradient(135deg,#7a2fbd,#a62f9c)!important;border:1px solid #d49bff!important}
.season-card .bar{height:14px;background:#ffffff33}
#season-fill{height:100%;background:linear-gradient(90deg,#ffd23f,#ff9f1c);border-radius:20px}
.hero-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:8px 0 12px}
.hero-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;min-height:84px;border-radius:14px;background:#233a5a;border:2px solid #4d6a87;color:#fff;min-width:0}
.hero-btn[aria-pressed=true]{border-color:#ffd23f;background:#3a2f7a}
.hero-btn .avatar{width:44px;height:44px}
.hero-btn span{font-size:10.5px;line-height:1.1;max-width:100%;overflow-wrap:anywhere;text-align:center}
.timer-toggle{display:flex;align-items:center;gap:10px;min-height:48px;margin-top:8px}
.timer-toggle input{width:24px;height:24px;flex:none}
#nick-input{width:100%;margin:6px 0}
@media (prefers-reduced-motion:reduce){.arena-track .runner{transition:none}#timerbar{transition:none}}