/* Arena Toolkit styles */
:root{--ar-fg:var(--content-color,#f1f7f2);--ar-panel:var(--alternate-bg,#183a2b);--ar-deep:var(--general-bg-color,#0f2a1f);--ar-lime:var(--element-contrast-color,#c6f432);--ar-edge:rgba(198,244,50,.28)}
body.show-fix-menu{padding-bottom:120px!important}

.ar-box{background:var(--ar-panel);color:var(--ar-fg);border:1px solid var(--ar-edge);border-radius:14px;padding:16px;margin:22px 0}
.ar-box h3,.ar-box h4{color:var(--ar-fg);margin:0 0 10px!important;padding:0!important;letter-spacing:.01em}
.ar-box h3:after,.ar-box h4:after{display:none!important}
.ar-box h4{font-size:14px;text-transform:uppercase;letter-spacing:.06em;opacity:.8;margin-top:16px!important}
.ar-box__top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.ar-box__top h3{margin:0!important}
.ar-pill{display:inline-block;font-size:12px;font-weight:700;border-radius:6px;padding:4px 8px;background:var(--ar-deep);color:var(--ar-lime)}
.ar-small{font-size:13px;opacity:.72;margin:8px 0 0}
.ar-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ar-btn{font:inherit;font-size:14px;font-weight:600;line-height:1.2;padding:9px 14px;border-radius:8px;border:2px solid var(--ar-lime);background:transparent;color:var(--ar-fg)!important;cursor:pointer;text-decoration:none!important;touch-action:manipulation}
.ar-btn--solid,.ar-btn.is-active{background:var(--ar-lime);color:var(--ar-deep)!important}
.ar-btn--ghost{border-color:rgba(241,247,242,.35)}
.ar-btn--ghost.is-active{background:var(--ar-fg);border-color:var(--ar-fg);color:var(--ar-deep)!important}
.ar-btn:disabled{opacity:.45;cursor:default}

/* stands */
.ar-bowl{display:block;width:100%;height:auto;border-radius:12px;background:#0b1e16}
.ar-range{width:100%;margin:14px 0 6px;accent-color:var(--ar-lime)}
.ar-readout{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.ar-readout strong{font-size:22px;color:var(--ar-lime)}
.ar-readout span{font-size:14px;opacity:.85}
.ar-noise{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:13px;margin-top:8px}
.ar-noise div{height:8px;border-radius:4px;background:var(--ar-deep);overflow:hidden}
.ar-noise i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c6f432,#ffd43b,#ff6b3d);transition:width .3s}
.ar-noise em{font-style:normal;font-weight:700;min-width:70px;text-align:right}

/* quick */
.ar-quick__body p{margin:0 0 10px;font-size:16px}
.ar-tf{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ar-tf button{font:inherit;font-size:16px;font-weight:700;padding:12px;border-radius:10px;border:2px solid rgba(241,247,242,.3);background:var(--ar-deep);color:var(--ar-fg);cursor:pointer}
.ar-tf button.is-right{background:#2f8a4a;border-color:#2f8a4a;color:#fff}
.ar-tf button.is-wrong{background:#a33b33;border-color:#a33b33;color:#fff}
.ar-tf button:disabled{cursor:default}
.ar-why{font-size:14px;margin:10px 0 0;opacity:.9}
.ar-row--links{border-top:1px solid var(--ar-edge);padding-top:12px;margin-top:16px}

/* home */
.ar-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ar-tile{display:block;border-radius:12px;overflow:hidden;background:var(--ar-deep);color:var(--ar-fg)!important;text-decoration:none!important;border:1px solid transparent;transition:border-color .2s}
.ar-tile:hover{border-color:var(--ar-lime)}
.ar-tile img{display:block;width:100%;height:150px;object-fit:cover;margin:0!important;border-radius:0!important}
.ar-tile__body{display:flex;flex-direction:column;gap:5px;padding:11px 13px 13px}
.ar-tile__body b{font-size:18px}
.ar-tile__body small{font-size:13px;opacity:.72}
.ar-tile__body .ar-pill{align-self:flex-start}
.ar-scorelist{list-style:none;margin:0!important;padding:0!important}
.ar-scorelist li{display:flex;justify-content:space-between;padding:9px 0!important;margin:0!important;border-bottom:1px solid var(--ar-edge);font-size:15px}
.ar-scorelist li:before{display:none!important}
.ar-scorelist b{color:var(--ar-lime)}

/* penalties */
.ar-goal{display:block;width:100%;height:auto;margin-top:12px;border-radius:12px;background:linear-gradient(#24563c,#2f7a48);touch-action:manipulation;user-select:none;-webkit-user-select:none}
.ar-goal .zone{fill:transparent;cursor:pointer}
.ar-goal .zone:hover{fill:rgba(198,244,50,.16)}
.ar-kicks{display:flex;gap:8px;justify-content:center;margin-top:12px}
.ar-kicks span{width:22px;height:22px;border-radius:50%;border:2px solid rgba(241,247,242,.4)}
.ar-kicks span.goal{background:var(--ar-lime);border-color:var(--ar-lime)}
.ar-kicks span.miss{background:#a33b33;border-color:#a33b33}
.ar-pens__msg{text-align:center;font-size:17px;font-weight:600;margin:10px 0 0;min-height:24px}

/* kit */
.ar-kit__stage{background:radial-gradient(circle at 50% 40%,#2a5a42,#0f2a1f 70%);border-radius:12px;padding:10px}
.ar-shirt{display:block;width:100%;max-width:340px;height:auto;margin:0 auto}
.ar-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.ar-swatches button{aspect-ratio:1;border-radius:50%;border:3px solid rgba(255,255,255,.25);cursor:pointer;padding:0}
.ar-swatches button.is-active{border-color:var(--ar-lime);box-shadow:0 0 0 2px var(--ar-deep) inset}
.ar-kit__patterns .ar-btn,.ar-kit__sleeves .ar-btn{margin:0}
.ar-kit__inputs{display:grid;grid-template-columns:1fr 90px;gap:8px}
.ar-input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;font-weight:700;text-transform:uppercase;padding:10px 12px;border-radius:8px;border:2px solid rgba(241,247,242,.25);background:var(--ar-deep);color:var(--ar-fg)}
.ar-input:focus{outline:none;border-color:var(--ar-lime)}
.ar-input--num{text-align:center}

/* true or false */
.ar-progress{height:6px;border-radius:3px;background:var(--ar-deep);overflow:hidden;margin-bottom:14px}
.ar-progress i{display:block;height:100%;width:0;background:var(--ar-lime);transition:width .3s}
.ar-truth__meta{display:flex;justify-content:space-between;font-size:13px;opacity:.75;margin-bottom:8px}
.ar-truth__q{font-size:19px;font-weight:700;line-height:1.35;margin:0 0 14px}
.ar-truth__end{text-align:center}
.ar-truth__end strong{display:block;font-size:46px;line-height:1.1;color:var(--ar-lime)}

/* article parts */
.ar-shot{margin:18px 0}
.ar-shot img{width:100%;height:auto;display:block;border-radius:12px}
.ar-shot figcaption{font-size:13px;opacity:.7;margin-top:6px}
.ar-sheet{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 22px!important;padding:0!important}
.ar-sheet div{background:var(--ar-panel);border-radius:10px;padding:10px 12px;border-left:3px solid var(--ar-lime);min-width:0}
.ar-sheet dt{font-size:12px;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin:0}
.ar-sheet dd{margin:3px 0 0!important;font-weight:700;font-size:15px;overflow-wrap:anywhere}
@media (max-width:340px){.ar-sheet{grid-template-columns:1fr}}