.xo-acc{margin:0 0 12px;font-size:14.5px}.xo-rt{margin-top:24px;padding:24px 26px}.xo-rt h2{margin:0 0 4px}.xo-rt>p{margin:0 0 12px}.xo-bar{z-index:6;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:14px 22px;display:flex;position:sticky;top:8px}.xo-lives{gap:4px;margin-right:auto;display:flex}.nar{transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .4s;display:block}.nar.lost{opacity:.3;filter:grayscale();animation:.5s nar-lose;transform:scale(.78)}@keyframes nar-lose{0%{transform:scale(1)}30%{transform:scale(1.25)rotate(-12deg)}60%{transform:scale(.9)rotate(10deg)}to{transform:scale(.78)}}.xo-stat{flex-direction:column;gap:2px;min-width:72px;display:flex}.xo-k{color:var(--muted);letter-spacing:.3px;font-size:13px}.xo-stat b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.xo-snd{border:1px solid var(--line);width:44px;height:44px;color:var(--accent);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;display:flex}.xo-snd .x{display:none}.xo-snd[aria-pressed=false] .x{display:inline}.xo-snd[aria-pressed=false] .w{display:none}.xo-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.xo-map{padding:14px;position:relative}.xo-map svg{border-radius:16px;width:100%;height:auto;display:block}#xo text{pointer-events:none;font-family:League Spartan,Noto Sans,sans-serif}.xo-nb{fill:#8d97a1;letter-spacing:2px;font-size:17px;font-weight:500}.xo-sea{fill:#5e95b3;letter-spacing:3px;font-size:22px;font-weight:500}.xs{stroke-width:.8px}.xh{fill:none;stroke:#0000;stroke-width:16px;stroke-linejoin:round;pointer-events:stroke;cursor:pointer}.xh.ok{cursor:default}.xu,.xd{fill:#d3d9df;stroke:#fff;stroke-width:1.2px;stroke-linejoin:round;cursor:pointer;transition:fill .5s}.xd{fill:#aeb8c2;stroke-width:2px}.xu:focus{outline:none}.xu:focus-visible{stroke:var(--accent);stroke-width:3px}.xu.ok,.xd.ok{cursor:default}.xu.ok[data-b="0"],.xd.ok[data-b="0"],.xl.ok[data-b="0"]{fill:#00b5e2}.xu.ok[data-b="1"],.xd.ok[data-b="1"],.xl.ok[data-b="1"]{fill:#ef3340}.xu.ok[data-b="2"],.xd.ok[data-b="2"],.xl.ok[data-b="2"]{fill:#509e2f}.xu.flash,.xd.flash{transition:none;fill:#6fd65a!important}.xl{pointer-events:none;fill:#c7cfd7;stroke:#fff;stroke-width:2px;transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s;transform:none}.xl.up{transform:translateY(-7px) scale(var(--s,1.1));filter:drop-shadow(0 10px 8px #0a283c59)}.xl.sel{stroke:var(--accent);stroke-width:3px}.xl.flash{fill:#6fd65a;filter:drop-shadow(0 0 10px #50c846e6)}.xo-tip{fill:#0b2536;stroke:#fff;stroke-width:4px;paint-order:stroke;text-anchor:middle;opacity:0;font-size:16px;font-weight:600;transition:opacity .2s}.xo-tip.on{opacity:1}.xo-pop{z-index:4;border:1px solid var(--line);width:300px;box-shadow:var(--shadow-hi);background:#fff;border-radius:18px;padding:16px;animation:.22s cubic-bezier(.2,.8,.2,1) pop-in;position:absolute}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.xo-pop-h{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.xo-pop-h p{margin:0;font-size:17px;font-weight:600}.xo-x{width:34px;height:34px;font:inherit;color:var(--muted);cursor:pointer;background:#eef3f7;border:0;border-radius:10px;font-size:22px;line-height:1}.xo-opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.xo-opts button{min-height:48px;font:inherit;color:var(--ink);cursor:pointer;background:#f7fafc;border:1px solid #c9d6e0;border-radius:12px;padding:8px 10px;font-size:16px;font-weight:500;transition:background .2s,border-color .2s,transform .2s}.xo-opts button:hover{border-color:var(--accent);background:#fff;transform:translateY(-1px)}.xo-opts button.good{color:#fff;background:#509e2f;border-color:#509e2f}.xo-opts button.bad{color:#a3162a;background:#fdecee;border-color:#ef3340;animation:.4s shake}.xo-opts button:disabled{cursor:default}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.xo-over{backdrop-filter:blur(2px);z-index:5;background:#f4f2ec9e;border-radius:16px;justify-content:center;align-items:center;padding:20px;transition:opacity .35s;display:flex;position:absolute;inset:14px}.xo-over[hidden]{display:none}.xo-over.win{backdrop-filter:none;pointer-events:none;background:0 0;justify-content:flex-end;align-items:flex-end;padding:12px}.xo-msg{border:1px solid var(--line);width:100%;max-width:440px;box-shadow:var(--shadow-hi);text-align:center;pointer-events:auto;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:28px;animation:.35s cubic-bezier(.2,.8,.2,1) pop-in;display:flex}.xo-msg h2{margin:0;font-size:30px;font-weight:500;line-height:1.15}.win .xo-msg{gap:6px;max-width:300px;padding:16px 18px}.win .xo-msg h2{font-size:22px}.win .xo-msg .big{font-size:32px}.win .xo-msg p{font-size:15px}.xo-msg p{color:var(--ink-2);margin:0;font-size:17px;line-height:1.5}.xo-msg .big{color:var(--accent);font-variant-numeric:tabular-nums;font-size:40px;font-weight:600}.xo-msg .rec{color:#2f6b1c;background:#e6f6ea;border-radius:999px;padding:4px 12px;font-size:15px;font-weight:600;display:inline-block}.xo-rules{text-align:left;color:var(--ink-2);flex-direction:column;gap:8px;margin:0;padding:0;font-size:16px;list-style:none;display:flex}.xo-rules li{align-items:center;gap:10px;display:flex}.xo-rules i{border-radius:4px;flex:none;width:16px;height:16px}.xo-rules svg{flex:none;width:16px!important;height:16px!important}.xo-rules .tri{background:linear-gradient(#00b5e2 0 33.3%,#ef3340 33.3% 66.6%,#509e2f 66.6%)}.xo-side{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:14px 28px;padding:22px;display:grid}.xo-side .xo-ph{grid-column:1/-1}.xo-side .xo-cap{align-self:center}.xo-ph{justify-content:space-between;align-items:baseline;display:flex}.xo-kick{letter-spacing:1px;text-transform:uppercase;color:var(--accent);font-size:14px;font-weight:500}#pz{background:#eef3f7;border-radius:12px;width:100%;height:auto;display:block}.pz-slot{fill:none;stroke:#c7d3dd;stroke-width:1px;stroke-dasharray:3 3}.pc{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.8);transition:opacity .45s,transform .7s cubic-bezier(.2,.9,.25,1.1)}.pc.on{opacity:1;transform:none}.pe{fill:none;stroke:#fff;stroke-opacity:.75;stroke-width:1.2px;transition:stroke-opacity 1s}#pz.done .pe{stroke-opacity:0}#pz.done .pz-slot{opacity:0}.pz-full{animation:1s .3s both pz-in}@keyframes pz-in{0%{opacity:0}to{opacity:1}}.xo-cap{flex-direction:column;gap:6px;display:flex}.xo-cap p{margin:0;font-size:16px;line-height:1.5}.xo-cap h2{margin:0;font-size:26px;font-weight:500;line-height:1.15;animation:.5s pop-in}.xo-cap .pl{letter-spacing:.5px;color:var(--accent);font-size:14px;font-weight:500}@media (width>=1200px){.xo-row{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr)}.xo-side{grid-template-columns:minmax(0,1fr);position:sticky;top:96px}.xo-side .xo-cap{align-self:start}}@media (width<=960px){.xo-row,.xo-side{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.xo-bar{gap:10px 18px;padding:12px 14px}.xo-lives{width:100%;margin:0}.xo-stat b{font-size:19px}.xo-map{padding:6px}.xo-over{inset:6px}.xo-over:not(.win){z-index:20;background:#d6e6f1db;border-radius:0;position:fixed;inset:0;overflow-y:auto}.xo-over.win{z-index:20;position:fixed;inset:auto 0 0}.win .xo-msg{max-width:none}.xo-pop{width:auto;position:fixed;bottom:12px;right:12px;top:auto!important;left:12px!important}.xo-msg{padding:20px}.xo-msg h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.pc,.xl,.nar{transition:none;animation:none}}