.precision-cover{text-align:center;background:#eeeede;border:1px solid #172c3917;border-radius:18px;margin:22px 0;padding:15px}.precision-cover>span{font:100px/1.2 KaiTi,Kaiti SC,serif;display:block;transform:rotate(-8deg)}.precision-cover>div{color:#526563;margin-top:8px;font-size:15px}.arcade .precision-instructions{color:#526563;margin:18px 0;font-size:14px;line-height:1.6}.precision-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.precision-header h1{letter-spacing:-1px;margin:5px 0 14px;font-size:24px}.precision-header>span{white-space:nowrap;font-size:12px}.precision-game progress{accent-color:#ff7358;width:100%;height:7px}.precision-totals{text-align:center;justify-content:space-around;align-items:center;gap:16px;padding:20px 0;display:flex}.precision-totals>span{letter-spacing:1px;font-size:10px}.precision-totals strong{letter-spacing:-1px;font-size:32px;display:block}.precision-totals small,.precision-totals>b{color:#526563;font-size:12px}.precision-word{background:#eeeede;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:24px 12px;display:flex}.precision-word>strong{font:76px/1.2 KaiTi,Kaiti SC,serif}.precision-word>span:not(.arcade-kicker){font-size:26px}.precision-word>small{color:#526563;font-size:14px}.precision-feedback{text-align:center;flex-direction:column;justify-content:center;gap:5px;min-height:100px;display:flex}.precision-feedback p,.precision-feedback>span{color:#526563;font-size:12px;line-height:1.5}.precision-feedback>strong{font-size:35px}.precision-feedback small{font-size:14px}.precision-error{color:#a02e20;font-size:13px;line-height:1.5}.precision-demo{text-align:center;color:#526563;background:#e9edde;border-top:1px solid #cbd2bf;margin:0;padding:14px 22px;font-size:11px;line-height:1.5}.precision-results{border-collapse:collapse;text-align:left;width:100%;margin:0 0 24px;font-size:14px}.precision-results caption{color:#526563;margin-bottom:12px;font-size:12px}.precision-results th,.precision-results td{border-bottom:1px solid #d4ddc7;padding:9px 5px}.precision-results td,.precision-results thead th:not(:first-child){text-align:right}.precision-results small{color:#526563;font-weight:400}@media (max-width:380px){.precision-header h1{font-size:21px}}.arcade .precision-note{margin-top:14px}.precision-chart{width:100%;margin:10px 0 8px}.precision-chart svg{background:#eeeede;border-radius:14px;width:100%;height:auto;display:block}.chart-rule{stroke:#cbd2bf;stroke-width:1px}.chart-divider{stroke:#cbd2bf;stroke-width:1px;stroke-dasharray:2 4}.chart-target{fill:none;stroke:#96a596;stroke-width:2.5px;stroke-dasharray:6 5;stroke-linecap:round}.chart-learner{fill:none;stroke:#ff7358;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.precision-chart figcaption{letter-spacing:.4px;color:#526563;justify-content:center;gap:16px;margin-top:7px;font-size:11px;display:flex}.chart-key:before{content:"";vertical-align:middle;border-radius:2px;width:14px;height:3px;margin-right:5px;display:inline-block}.chart-key--you:before{background:#ff7358}.chart-key--target:before{background:repeating-linear-gradient(90deg,#96a596 0 4px,#0000 4px 7px)}.precision-feedback .precision-verdict{color:#172c39}.precision-feedback>span:last-child{margin-bottom:6px}.answer-key{background:#e9edde;border:1px solid #d4ddc7;border-radius:14px;margin:4px 0 2px;padding:12px}.answer-key-title{letter-spacing:1px;color:#526563;margin-bottom:9px;font-size:10px;display:block}.answer-key-buttons{gap:8px;display:flex}.answer-key button{min-width:0;font:inherit;color:#172c39;cursor:pointer;background:#fffdf4;border:1px solid #172c3926;border-radius:11px;flex:1;padding:10px 8px;font-size:13px;font-weight:650}.answer-key button:hover{background:#fff;border-color:#172c3955}.answer-key button:active{transform:translateY(1px)}.answer-key button span{color:#ff7358;margin-right:3px}.answer-key small{color:#526563;margin-top:8px;font-size:11px;line-height:1.5;display:block}.duel-bars{grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;padding:16px 0 10px;display:grid}.duel-side{gap:5px;display:grid;position:relative}.duel-side--them{text-align:right}.duel-name{letter-spacing:1px;color:#526563;font-size:10px}.duel-hp{letter-spacing:-.5px;font-size:22px;font-weight:750;line-height:1}.duel-track{background:#d7dccb;border-radius:7px;height:14px;display:block;position:relative;overflow:hidden}.duel-chip,.duel-fill{border-radius:7px;display:block;position:absolute;top:0;bottom:0;left:0}.duel-side--them .duel-chip,.duel-side--them .duel-fill{left:auto;right:0}.duel-chip{background:#f2b8ab;transition:width .52s ease-out .38s}.duel-fill{background:#4f7d60;transition:width .26s ease-out}.duel-side--low .duel-fill{background:#d8842f}.duel-side--out .duel-fill{background:#a02e20}.duel-side--out .duel-hp{color:#a02e20}.duel-bars--final .duel-fill{background:#172c39}.duel-round{color:#fffdf4;letter-spacing:.5px;white-space:nowrap;background:#172c39;border-radius:999px;align-self:center;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;display:flex}.duel-multiplier{color:#ff9a85}.duel-damage{color:#a02e20;pointer-events:none;font-size:20px;font-weight:750;animation:1s ease-out forwards duel-float;position:absolute;bottom:0;right:0}.duel-side--them .duel-damage{left:0;right:auto}.duel-side--hit .duel-track{animation:.42s ease-out duel-shake}.duel-side--hit .duel-track:after{content:"";background:#a02e20;border-radius:7px;animation:.42s ease-out duel-flash;position:absolute;inset:0}.duel-side--hit .duel-hp{animation:.42s ease-out duel-knock}@keyframes duel-shake{20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}}@keyframes duel-flash{0%{opacity:.75}to{opacity:0}}@keyframes duel-knock{35%{color:#a02e20;transform:scale(1.22)}}@keyframes duel-float{0%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-26px)scale(.9)}}@media (prefers-reduced-motion:reduce){.duel-chip,.duel-fill{transition:none}.duel-side--hit .duel-track,.duel-side--hit .duel-track:after,.duel-side--hit .duel-hp,.duel-damage{animation:none}.duel-damage{opacity:1}}@media (max-width:380px){.answer-key-buttons{flex-direction:column}.duel-hp{font-size:19px}.duel-round{padding:4px 7px;font-size:10px}}
