.playground-page{color:#283a51;max-width:1400px;margin:0 auto;padding:28px}.playground-page h1{align-items:center;gap:12px;margin:8px 0 24px;font-size:clamp(1.8rem,3vw,2.5rem);display:flex}.playground-back{color:#556b7b;align-items:center;gap:8px;min-height:44px;text-decoration:none;display:inline-flex}.playground-cards{grid-template-columns:repeat(auto-fit,minmax(270px,410px));gap:24px;display:grid}.playground-cards>a{color:#785031;background:#fbefe1;border:1px solid #dfc4a6;border-radius:24px;padding:30px;text-decoration:none;display:block;box-shadow:0 6px 18px #2d405412}.playground-cards h2{margin:16px 0;font-size:1.75rem}.playground-cards p{color:#4d5c6c;font-size:1.15rem;line-height:1.6}.playground-cards span{align-items:center;gap:12px;margin-top:26px;font-weight:750;display:flex}.playground-page button,.archery-result-actions a{font:inherit;color:#2b465e;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #b9cbd6;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:14px 20px;font-weight:750;text-decoration:none;display:inline-flex}:is(.playground-page button:focus-visible,.playground-page a:focus-visible){outline-offset:4px;outline:3px solid #356987}.playground-page .playground-primary{color:#fff;background:#2f7185;border-color:#2f7185}.archery-settings{background:#fff;border:1px solid #d5e1e7;border-radius:24px;max-width:850px;margin:0 auto;padding:28px}.archery-settings p{font-size:1.1rem;line-height:1.7}.archery-settings fieldset{margin:22px 0}.archery-turn{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:16px;display:flex}.archery-turn>span{color:#445b84;background:#ebeff8;border-radius:24px;padding:10px 18px;font-weight:800}.archery-turn h2{margin:0;font-size:clamp(1.15rem,2vw,1.55rem)}.archery-scores{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.archery-scores>div{background:#fff;border:1px solid;border-radius:14px;flex:1;grid-template-columns:1fr auto;gap:4px 14px;min-width:140px;max-width:290px;padding:12px 16px;display:grid}.archery-scores strong{grid-area:1/2/3;font-size:1.6rem}.archery-scores small{color:#607485;font-size:.85rem}.archery-scores .is-active{background:#e8f0f6;border-width:3px;padding:10px 14px}.archery-layout{grid-template-columns:minmax(0,1.1fr) minmax(330px,1fr);align-items:start;gap:30px;display:grid}.archery-target{filter:drop-shadow(0 5px 5px #354b6410);width:100%;min-height:280px;max-height:56vh;display:block}.archery-legend{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;font-size:.95rem;display:flex}.archery-legend span{align-items:center;gap:5px;display:flex}.archery-legend i{border:1px solid #75899c;border-radius:50%;width:13px;height:13px}.archery-small{text-align:center;color:#627689;margin:12px 0;font-size:.85rem}.archery-controls{background:#fff;border:1px solid #d7e1e7;border-radius:22px;padding:24px}.archery-instruction h3{margin:8px 0;font-size:1.5rem}.archery-instruction>span{color:#3e7989}.archery-instruction p{color:#5b6f80;min-height:52px;line-height:1.6}.archery-meter{opacity:.6;margin:20px 0 24px}.archery-meter.active{opacity:1}.archery-meter-label{justify-content:space-between;gap:10px;margin-bottom:12px;font-size:.95rem;display:flex}.archery-meter-label span{color:#647786}.archery-track{background:linear-gradient(90deg,#e9daca,#dceee8 50%,#e9daca);border:1px solid #b4c6cb;border-radius:9px;height:32px;margin:0 9px;position:relative}.archery-ideal{background:#89c3ab88;border-left:1px solid #4d8e73;border-right:1px solid #4d8e73;width:10.7%;position:absolute;top:0;bottom:0;left:44.65%}.archery-center{border-left:2px dashed #316f65;height:100%;position:absolute;left:50%}.archery-cursor{will-change:left;background:#2c435d;border:2px solid #fff;border-radius:7px;width:12px;height:46px;position:absolute;top:-7px;transform:translate(-50%);box-shadow:0 2px 4px #20334930}.archery-meter-notes{color:#526b7a;justify-content:space-between;margin-top:10px;font-size:.8rem;display:flex}.archery-meter-notes span:nth-child(2){font-weight:800}.playground-page .archery-stop{color:#fff;background:#315d87;border:0;width:100%;min-height:76px;font-size:1.35rem;display:flex;box-shadow:0 4px #1e405f}.archery-stop:disabled{opacity:.65;cursor:default}.archery-feedback{text-align:center;background:#eaf5ee;border-radius:16px;padding:14px}.archery-feedback>strong{color:#236e52;font-size:2.4rem}.archery-feedback p{margin:6px 0 14px;font-size:1.08rem;font-weight:750}.archery-results{text-align:center;padding:28px 0}.archery-results>svg{color:#af843a}.archery-results h2{font-size:clamp(1.6rem,3vw,2.4rem)}.archery-result-scores{flex-wrap:wrap;justify-content:center;gap:18px;margin:30px 0;display:flex}.archery-result-scores>div{background:#fff;border:2px solid #dbe4e9;border-radius:20px;flex-direction:column;align-items:center;gap:12px;min-width:180px;padding:26px;display:flex}.archery-result-scores strong{font-size:2rem}.archery-result-scores small{color:#5b6f80}.archery-result-scores .winner{background:#fff5d9;border-color:#c69a43}.archery-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.archery-flying{animation:.65s cubic-bezier(.2,.5,.7,1) both archery-flight}@keyframes archery-flight{0%{transform:translate(var(--flight-x),var(--flight-y));opacity:.4}to{opacity:1;transform:translate(0)}}@media (max-width:760px){.playground-page{padding:18px 14px}.archery-layout{grid-template-columns:1fr;gap:14px}.archery-target{min-height:0;max-height:40vh}.archery-controls{padding:18px}.archery-scores{gap:8px}.archery-scores>div{min-width:125px}.archery-instruction p{min-height:0}.archery-instruction>span{display:none}.archery-meter{margin:18px 0}.archery-settings{padding:20px}.archery-small{margin-bottom:0}.archery-stop{min-height:64px!important}}@media (min-width:1100px) and (max-height:850px){.archery-page{padding-top:10px}.archery-page h1{margin-bottom:10px;font-size:1.8rem}.archery-turn,.archery-scores{margin-bottom:10px}.archery-controls{padding:16px}.archery-instruction>span{display:none}.archery-instruction h3{margin:0}.archery-instruction p{min-height:0;margin:8px 0}.archery-meter{margin:12px 0}.archery-target{max-height:53vh}.archery-feedback{padding:10px}.archery-feedback>strong{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){.archery-flying{animation:none}}