.checkpoint{--pink:#ff4ca3;--teal:#52cbc6;--cream:#f0e7ce;max-width:1250px;color:var(--cream);margin:auto;padding:1.5rem 1rem}.checkpoint header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.checkpoint h1{max-width:850px;font-size:clamp(1.6rem,3.5vw,2.7rem);line-height:1.12}.checkpoint header p{color:var(--teal);letter-spacing:.12em;font-size:.75rem}.checkpoint a{color:var(--cream)}.checkpoint button,.checkpoint__portal{border:1px solid var(--teal);min-width:48px;min-height:48px;color:var(--cream);cursor:pointer;background:#10252c;padding:.65rem .9rem}.checkpoint button:disabled{opacity:.5;cursor:default}.checkpoint button:focus-visible,.checkpoint a:focus-visible,.checkpoint__arena:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.checkpoint__access{flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 0;display:flex}.checkpoint__access a{color:var(--pink);font-weight:700}.checkpoint__access span{font-size:.8rem}.checkpoint__hud{font-family:var(--font-signal);background:#09121b;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem;display:flex}.checkpoint__hud label{flex:1;align-items:center;gap:.5rem;display:flex}.checkpoint__hud label:last-child{justify-content:flex-end}.checkpoint__hud strong{color:var(--cream);font-size:1.8rem}.checkpoint meter{width:min(18vw,200px);height:22px;accent-color:var(--teal)}.checkpoint__hud label:last-child meter{accent-color:var(--pink)}.checkpoint__warning{background:#09131e;border:1px solid #31545c;min-height:3.2rem;padding:.65rem;font-size:.85rem;line-height:1.5}.checkpoint__arena{aspect-ratio:16/9;isolation:isolate;touch-action:manipulation;background:#08151c;position:relative;overflow:hidden}.checkpoint__backdrop{-o-object-fit:cover;object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.checkpoint__fighter{transform-origin:50% 100%;pointer-events:none;z-index:3;-webkit-user-select:none;user-select:none;width:35%;height:auto;position:absolute;transform:translate(-50%)}.checkpoint__opinion{border:2px solid var(--pink);color:#ffafce;z-index:4;pointer-events:none;background:#101b28;padding:.15rem .3rem;font:900 clamp(.45rem,1vw,.9rem) monospace;position:absolute;transform:translate(-50%,-50%)}.checkpoint__shock{border:3px solid var(--pink);z-index:4;pointer-events:none;background:#ff4ca355;border-radius:50%;width:4%;height:8%;position:absolute;bottom:10%}.checkpoint__overlay{z-index:5;background:#06101c65;place-items:center;padding:1rem;display:grid;position:absolute;inset:0;overflow:auto}.checkpoint__overlay>div{text-align:center;border:1px solid var(--teal);background:#09131ef2;max-width:500px;padding:1.3rem}.checkpoint__overlay h2{margin:.3rem 0;font-size:clamp(1rem,2vw,1.6rem)}.checkpoint__overlay h2 span{color:var(--pink)}.checkpoint__overlay p{font-size:.9rem;line-height:1.5}.checkpoint__portal{background:#286e67;font-weight:700;display:block}.checkpoint__sticker{background:var(--cream);color:#111b25;border:3px solid var(--pink);padding:.3rem .6rem;font-weight:900;display:inline-block;transform:rotate(-4deg)}.checkpoint__store-light{pointer-events:none;z-index:-1;background:radial-gradient(#ffe2a944,#0000 70%);width:35%;height:40%;position:absolute;top:30%;left:35%}.checkpoint__enemy-caption{background:#101c2a;flex-wrap:wrap;justify-content:space-between;gap:1rem;min-height:3rem;padding:.7rem;font-size:.8rem;display:flex}.checkpoint__enemy-caption span{color:#b8aaa0;max-width:550px}.checkpoint__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin:1rem 0;display:flex}.checkpoint__movement,.checkpoint__actions{gap:.35rem;display:flex}.checkpoint__controls button{touch-action:none;-webkit-user-select:none;user-select:none;min-width:65px;min-height:60px}.checkpoint__controls small{margin-top:.3rem;font-size:.65rem;display:block}.checkpoint__make{border-color:var(--pink)!important}.checkpoint__options{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.checkpoint__instructions{color:#b0c6c6;font-size:.85rem}.checkpoint__signs{color:#a8bbba;flex-wrap:wrap;gap:.6rem;padding:0;font-size:.75rem;list-style:none;display:flex}.checkpoint__signs li{border:1px solid #274a50;padding:.5rem}.checkpoint[data-reduced=true] *{transition:none!important;animation:none!important}@media (max-width:600px){.checkpoint{padding:1rem .5rem}.checkpoint header{display:block}.checkpoint__hud{padding:.4rem;font-size:.55rem}.checkpoint__hud label{flex-wrap:wrap;gap:.2rem}.checkpoint__hud label:last-child{text-align:right}.checkpoint meter{width:100%;height:18px}.checkpoint__hud strong{font-size:1.3rem}.checkpoint__arena{aspect-ratio:16/11}.checkpoint__backdrop{-o-object-fit:fill;object-fit:fill}.checkpoint__fighter{width:42%}.checkpoint__fighter--hater{width:41%}.checkpoint__warning{min-height:4rem;font-size:.7rem}.checkpoint__overlay{padding:.4rem}.checkpoint__overlay>div{padding:.65rem}.checkpoint__overlay p{margin:.45rem 0;font-size:.75rem}.checkpoint__controls{gap:.5rem}.checkpoint__controls button{min-width:65px;padding:.4rem .5rem;font-size:.8rem}.checkpoint__enemy-caption{font-size:.7rem}}.checkpoint meter::-webkit-meter-bar{background:#152938;border:1px solid #41616b}.checkpoint meter::-webkit-meter-optimum-value{background:#3ed2cb}.checkpoint__hud label:last-child meter::-webkit-meter-optimum-value{background:#ff4ca3}.checkpoint button[aria-pressed=true]{background:#275c63;border-color:#f0e7ce}.checkpoint__impact{z-index:4;pointer-events:none;width:1px;height:1px;animation:.38s ease-out forwards checkpoint-impact-fade;position:absolute;top:58%}.checkpoint__impact i{border:4px solid #52cbc6;border-radius:50%;width:100px;height:100px;animation:.38s ease-out forwards checkpoint-impact-ring;position:absolute;transform:translate(-50%,-50%);box-shadow:9px 0 #ff4ca366,-9px 0 #f0e7ce44}.checkpoint__impact i:nth-child(2){border-color:#ff4ca3;animation-delay:40ms}.checkpoint__impact i:nth-child(3){border-color:#f0e7ce;animation-delay:80ms}.checkpoint__impact--reduced{animation:.2s linear forwards checkpoint-impact-fade!important}.checkpoint__impact--reduced i{width:55px;height:55px;box-shadow:none;animation:none!important}.checkpoint__soundtrack{color:#a8bbba;text-align:center;font-size:.75rem}@keyframes checkpoint-impact-ring{0%{opacity:.65;scale:.3}to{opacity:0;scale:2.4}}@keyframes checkpoint-impact-fade{0%,50%{opacity:1}to{opacity:0;visibility:hidden}}.checkpoint{max-width:1500px}.checkpoint__hud{background:linear-gradient(#172333,#080c16);border:3px solid #405763;border-bottom:0;gap:.65rem;padding:.65rem .8rem;box-shadow:inset 0 0 0 2px #060a10}.checkpoint__hud label{flex-direction:column;align-items:stretch;gap:.2rem;min-width:0;display:flex}.checkpoint__hud label:last-of-type{text-align:right}.checkpoint__hud label span{letter-spacing:.07em;font-family:monospace;font-size:clamp(.75rem,1.8vw,1.4rem);font-weight:900}.checkpoint__hud label small{color:#a8b9c5;font:600 .6rem monospace}.checkpoint__hud meter{width:100%;height:30px}.checkpoint__hud label:last-of-type meter::-webkit-meter-optimum-value{background:#ff4ca3}.checkpoint__portrait{border:2px solid var(--teal);width:72px;height:80px;image-rendering:pixelated;background-color:#121f2c;background-position:49% 9%;background-repeat:no-repeat;background-size:330%;flex-shrink:0;box-shadow:3px 3px #02060b}.checkpoint__portrait--hater{border-color:var(--pink);background-position:50% 7%}.checkpoint__versus{flex-direction:column;align-items:center;min-width:65px;display:flex}.checkpoint__versus b{color:#ffd376;text-shadow:3px 3px #ea407d,-2px -2px #000;font:italic 900 2.5rem/1 monospace}.checkpoint__versus strong{font:900 1.1rem/1.4 monospace}.checkpoint__arena{border:3px solid #405763;border-top:0}.checkpoint__fighter{width:44%;image-rendering:pixelated}.checkpoint__fighter--hater{width:43%}.checkpoint__warning{margin-top:.6rem}.checkpoint__overlay{background:#06101c35}.checkpoint__overlay>div{box-shadow:5px 5px #02060bbb}.checkpoint__controls button{border-width:2px;font-family:monospace;font-weight:700;box-shadow:3px 3px #03060b}@media (max-width:600px){.checkpoint__hud{gap:.3rem;padding:.4rem}.checkpoint__portrait{border-width:1px;width:34px;height:44px}.checkpoint__hud label span{letter-spacing:0;font-size:.6rem}.checkpoint__hud label small{font-size:.4rem}.checkpoint__hud meter{height:20px}.checkpoint__versus{min-width:30px}.checkpoint__versus b{font-size:1.4rem}.checkpoint__versus strong{font-size:.8rem}.checkpoint__fighter{width:48%}.checkpoint__fighter--hater{width:47%}}.checkpoint__selection{grid-template-columns:1fr 1fr;gap:.65rem;margin:.8rem 0;display:grid}.checkpoint__selection button{flex-direction:column;align-items:center;gap:.3rem;min-width:0;padding:.4rem;display:flex}.checkpoint__selection img{-o-object-fit:contain;object-fit:contain;width:100%;height:100px;image-rendering:pixelated}.checkpoint__selection strong{font:700 .9rem monospace}.checkpoint__selection small{font-size:.6rem}.checkpoint__selection button[aria-pressed=true]{border:3px solid var(--pink);background:#263341}.checkpoint__selection button:focus-visible{outline:3px solid var(--cream)}@media (max-width:600px){.checkpoint__selection{gap:.3rem;margin:.3rem 0}.checkpoint__selection img{height:58px}.checkpoint__selection strong{font-size:.65rem}.checkpoint__selection small{font-size:.5rem}.checkpoint__selection button{padding:.2rem}.checkpoint[data-status=ready] .checkpoint__arena{min-height:370px}.checkpoint[data-status=ready] .checkpoint__overlay>div{width:100%}}.checkpoint__finisher{z-index:20;background:#050910;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.checkpoint__finisher video{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.checkpoint__finisher>button{border:1px solid var(--teal);min-height:44px;color:var(--cream);background:#07111deb;padding:.5rem .8rem;position:absolute;top:.6rem;right:.6rem}