.ath-app{--navy:#10272d;--panel:#142f35;--gold:#efc440;--cream:#f7f3e8;--muted:#9db0b3;background:#0b181c;color:var(--cream);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;min-height:720px;padding:24px;border-radius:22px}.ath-app *{box-sizing:border-box}.ath-app h1,.ath-app h2,.ath-app h3,.ath-app p{margin-top:0}.ath-eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--gold)}.ath-hero{text-align:center;padding:34px 10px 24px}.ath-hero h1{font-size:clamp(32px,6vw,60px);margin:8px 0}.ath-hero p{color:var(--muted)}.ath-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:1100px;margin:auto}.ath-room-card{display:block;color:inherit!important;text-decoration:none!important;background:var(--panel);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:20px;transition:.2s}.ath-room-card:hover{transform:translateY(-2px);border-color:var(--gold)}.ath-room-card small{color:var(--gold);font-weight:800}.ath-room-card h2{margin:12px 0 6px}.ath-room-card p{color:var(--muted)}.ath-room-card footer{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.ath-room-card strong{color:var(--gold)}.ath-live-dot{display:inline-block;width:8px;height:8px;background:#42d28c;border-radius:50%;margin-right:7px}.ath-empty,.ath-join{max-width:620px;margin:40px auto;background:var(--panel);padding:32px;border-radius:22px;border:1px solid rgba(255,255,255,.1)}.ath-join label{display:block;font-weight:700;margin:14px 0}.ath-join label small{font-weight:400;color:var(--muted)}.ath-join input,.ath-join select{width:100%;margin-top:7px;padding:12px;border-radius:10px;background:#0e2025;border:1px solid rgba(255,255,255,.16);color:white}.ath-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ath-primary,.ath-clock-buttons button,.ath-chat button{border:0;border-radius:11px;background:var(--gold);color:#14242a;font-weight:900;padding:12px 18px;cursor:pointer}.ath-secondary{border:1px solid rgba(255,255,255,.17);border-radius:9px;background:transparent;color:white;padding:8px 12px;margin-top:12px;cursor:pointer}.ath-top{display:flex;justify-content:space-between;gap:24px;align-items:end;max-width:1440px;margin:0 auto 18px}.ath-top h1{font-size:clamp(28px,4vw,46px);margin:5px 0}.ath-top p{color:var(--muted)}.ath-community{width:230px;background:var(--panel);padding:14px;border-radius:14px}.ath-community b{font-size:20px}.ath-community span{display:block;font-size:12px;color:var(--muted)}.ath-community div{height:7px;background:#0a171a;border-radius:99px;margin-top:10px;overflow:hidden}.ath-community i{display:block;height:100%;background:var(--gold)}.ath-live-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:18px;max-width:1440px;margin:auto}.ath-live-layout main,.ath-live-layout aside{display:flex;flex-direction:column;gap:18px}.ath-panel{background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px}.ath-panel-head{display:flex;justify-content:space-between;align-items:start}.ath-panel-head small{color:var(--gold);font-weight:800;letter-spacing:.12em}.ath-panel-head h2{margin:4px 0}.ath-panel-head p{color:var(--muted);font-size:13px}.ath-clock-panel{display:flex;align-items:center;justify-content:space-between}.ath-clock{font-size:clamp(62px,9vw,112px);font-weight:1000;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.ath-clock-panel p{color:var(--muted);margin:8px 0 0}.ath-clock-buttons{display:flex;flex-direction:column;gap:8px}.ath-clock-buttons button:not(:first-child){background:rgba(255,255,255,.09);color:white}.ath-score-workspace{display:grid;grid-template-columns:minmax(260px,400px) 1fr;gap:28px;align-items:center;justify-items:center}.ath-target{position:relative;display:block;width:min(100%,380px);aspect-ratio:1;border:6px solid white;border-radius:50%;padding:0;overflow:hidden;cursor:crosshair;background:#fff}.ath-target i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,0,0,.48)}.ath-target .r10{width:100%;height:100%;background:#eee}.ath-target .r9{width:90%;height:90%;background:#eee}.ath-target .r8{width:80%;height:80%;background:#171717}.ath-target .r7{width:70%;height:70%;background:#171717}.ath-target .r6{width:60%;height:60%;background:#2d83bd}.ath-target .r5{width:50%;height:50%;background:#2d83bd}.ath-target .r4{width:40%;height:40%;background:#d84535}.ath-target .r3{width:30%;height:30%;background:#d84535}.ath-target .r2{width:20%;height:20%;background:#efc440}.ath-target .r1{width:10%;height:10%;background:#efc440}.ath-shot{position:absolute!important;z-index:20!important;width:28px!important;height:28px!important;background:#0c1a1e!important;border:2px solid white!important;color:white;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:900;transform:translate(-50%,-50%)!important}.ath-score-entry{text-align:center}.ath-arrow-values{display:flex;gap:10px}.ath-arrow-values span{display:grid;place-items:center;width:58px;height:58px;border-radius:13px;background:#0c1e22;border:1px solid rgba(255,255,255,.13);font-size:22px;font-weight:900}.ath-end-total{margin:22px 0}.ath-end-total small{display:block;color:var(--muted);font-weight:800}.ath-end-total b{font-size:54px;color:var(--gold)}#ath-save-state{font-size:12px;color:var(--muted);margin:8px 0 0}.ath-scoreboard{overflow:auto}.ath-scoreboard table{width:100%;border-collapse:collapse;min-width:530px}.ath-scoreboard th,.ath-scoreboard td{padding:11px 9px;border-bottom:1px solid rgba(255,255,255,.07);text-align:center}.ath-scoreboard th:first-child,.ath-scoreboard td:first-child{text-align:left}.ath-scoreboard th{color:var(--muted);font-size:11px}.ath-scoreboard td:last-child{font-size:20px;font-weight:900;color:var(--gold)}.ath-chat{min-height:480px;display:flex;flex-direction:column}.ath-messages{flex:1;min-height:310px;max-height:540px;overflow:auto;padding:12px 0}.ath-message{background:#0f252a;border-radius:13px;padding:11px 13px;margin:9px 0}.ath-message header{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:4px}.ath-message p{margin:0}.ath-chat form{display:flex;gap:8px}.ath-chat input{min-width:0;flex:1;background:#0b1b1f;border:1px solid rgba(255,255,255,.13);color:white;border-radius:10px;padding:12px}.ath-sponsor{display:flex;align-items:center;gap:14px;max-width:1100px;margin:14px auto;background:#132a30;border:1px solid rgba(239,196,64,.32);border-radius:16px;padding:12px 16px}.ath-sponsor>span{font-size:10px;text-transform:uppercase;color:var(--gold);font-weight:900;letter-spacing:.1em}.ath-sponsor img{width:56px;height:56px;object-fit:contain;background:white;border-radius:10px}.ath-sponsor p{margin:2px 0;color:var(--muted);font-size:13px}.ath-sponsor a{margin-left:auto;color:var(--gold)!important;font-weight:800}.ath-note p{color:var(--muted);line-height:1.55}.ath-warning{background:#5f2724;padding:13px;border-radius:10px}.ath-clock.warning{color:#ff685f}@media(max-width:900px){.ath-live-layout{grid-template-columns:1fr}.ath-top{align-items:start;flex-direction:column}.ath-community{width:100%}.ath-score-workspace{grid-template-columns:1fr}.ath-clock-panel{flex-direction:column;align-items:stretch}.ath-clock-buttons{flex-direction:row}.ath-clock-buttons button{flex:1}}@media(max-width:560px){.ath-app{padding:13px;border-radius:12px}.ath-two{grid-template-columns:1fr}.ath-panel{padding:14px}.ath-clock{font-size:66px}.ath-arrow-values span{width:50px;height:50px}.ath-sponsor{align-items:flex-start;flex-wrap:wrap}.ath-sponsor a{margin-left:0}}
/* v1.10.0: the visible arrow diameter is also the line-cutter diameter used by JS/PHP. */
.ath-target{container-type:inline-size}
.ath-target .ath-shot{width:var(--ath-arrow-dot-size,5.5%)!important;height:var(--ath-arrow-dot-size,5.5%)!important;min-width:0!important;min-height:0!important;aspect-ratio:1;border-width:max(1px,.35cqi)!important;font-size:clamp(8px,2.8cqi,11px)!important;line-height:1}

/* v1.11.5: World Archery Field target settings per end. */
.ath-field-target-setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;margin:12px 0;padding:12px;border:1px solid rgba(239,196,64,.35);border-radius:14px;background:rgba(239,196,64,.06)}
.ath-field-target-setup label{display:grid;gap:5px;font-weight:800;font-size:13px}.ath-field-target-setup select,.ath-field-target-setup input{width:100%;min-height:42px;padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#0e2025;color:#fff}.ath-field-target-setup small{color:var(--muted);font-weight:600}.ath-field-range{min-height:42px;display:flex;flex-direction:column;justify-content:center;padding:7px 10px;border-radius:9px;background:#0e2025}.ath-field-range strong{color:var(--gold)}.ath-field-end-meta{display:block;margin-top:3px;color:#66777b;font-size:9px;font-weight:700;white-space:nowrap}
@media(max-width:700px){.ath-field-target-setup{grid-template-columns:1fr 1fr;padding:9px;gap:7px}.ath-field-target-setup label,.ath-field-range{font-size:11px}.ath-field-target-setup select,.ath-field-target-setup input{min-height:38px;padding:6px 8px}}

/* v1.11.6: stronger sponsor image and call to action on desktop and mobile. */
.ath-sponsor{display:grid;grid-template-columns:clamp(112px,28vw,145px) minmax(0,1fr);grid-template-areas:"label label" "image copy" "image action";align-items:center;column-gap:18px;row-gap:9px;padding:18px;border:1px solid rgba(239,196,64,.55);box-shadow:0 8px 24px rgba(16,39,45,.08)}
.ath-sponsor>span{grid-area:label}.ath-sponsor>img{grid-area:image;width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:4px;border:2px solid rgba(239,196,64,.6);border-radius:14px;box-shadow:0 5px 16px rgba(16,39,45,.16)}.ath-sponsor>div{grid-area:copy;align-self:end}.ath-sponsor>div b{font-size:17px}.ath-sponsor>div p{margin-top:5px;line-height:1.5}.ath-sponsor>a{grid-area:action;justify-self:start;margin:0!important;padding:9px 15px;border-radius:9px;background:var(--gold);color:#14272d!important;text-decoration:none!important;font-weight:900}
@media(max-width:560px){.ath-sponsor{grid-template-columns:112px minmax(0,1fr);column-gap:14px;padding:15px}.ath-sponsor>div b{font-size:15px}.ath-sponsor>div p{font-size:12px}.ath-sponsor>a{padding:8px 13px}}