.tsp{--h-base:#d4566f;--h-hi:#f3a9b8;--h-sh:#a43c55;--ts:#6f9be0;background-color:var(--blue);color:var(--white)}.tsp .xp i{background:linear-gradient(90deg, var(--h-base), var(--ts))}@media (max-width:480px){.hide-xs{display:none}}.ts-main{isolation:isolate;padding:120px 0 90px;position:relative;overflow:hidden}.ts-main>.rays{z-index:-1;--ray-b:#182a66}.love{min-height:calc(100svh - 120px);padding:0 var(--gutter);text-align:center;align-content:center;justify-items:center;gap:26px;display:grid}.lvl{border:var(--line) solid var(--ink);background:var(--sun);color:var(--ink);box-shadow:var(--drop-sm);font:700 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:10px;min-width:15ch;padding:7px 14px;display:inline-block;rotate:-2deg}.love-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:.18em .32em;margin:0;font-size:clamp(54px,10vw,140px);display:flex}.ts-word{color:var(--ts);text-shadow:var(--outline), 3px 7px 0 var(--ink)}.heart-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:24px;padding:0}.heart-stage{width:clamp(120px,18vw,230px);transition:filter .4s;display:block;position:relative}.heart{filter:drop-shadow(5px 6px #00000059);width:100%;height:auto;display:block;overflow:visible}.px{transform-box:fill-box;transform-origin:50%;transition:fill .25s}.px.base{fill:var(--h-base)}.px.hi{fill:var(--h-hi)}.px.sh{fill:var(--h-sh)}.px.ol{fill:var(--ink)}.px.flick{fill:#e8798f}.heart-stage.lv3{filter:drop-shadow(0 0 18px #d4566f8c)}.heart-stage.lv4{filter:drop-shadow(0 0 28px #d4566fcc);--h-base:#da4f6c}.ripple{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ripple .px.ol{fill:var(--h-hi)}.mini{display:block;overflow:visible}.mini .px.base{fill:var(--h-base)}.mini .px.ol{fill:var(--ink)}.float{pointer-events:none;width:34px;position:absolute;top:10%}.levels{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.lv-btn{border:var(--line) solid var(--ink);background:var(--paper);min-width:92px;color:var(--ink);box-shadow:var(--drop-sm);cursor:pointer;border-radius:14px;gap:4px;padding:10px 14px;transition:transform .12s,box-shadow .12s,background-color .2s;display:grid}.lv-btn b{font:700 12px/1 var(--mono);letter-spacing:.1em}.lv-btn span{font:800 16px/1 var(--display);letter-spacing:-.01em}.lv-btn:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.lv-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.lv-btn[aria-pressed=true]{background:var(--sun)}.lv-btn.auto[aria-pressed=true]{background:var(--mint)}.meter{font:700 12px/1 var(--mono);letter-spacing:.12em;color:#ffffffbf;align-items:center;gap:16px;display:flex}.bpm b{min-width:3ch;font:800 22px/1 var(--display);color:var(--white);text-align:end;display:inline-block}.meter-hearts{gap:6px;display:flex}.meter-h{opacity:.25;width:26px;transition:opacity .3s, transform .3s var(--ease-pop)}.meter-h.on{opacity:1;transform:scale(1.1)}.code-sec{padding:30px var(--gutter) 0;justify-items:center;gap:22px;display:grid}.code{background:var(--ink);color:#e6e8f0;width:min(640px,100%);padding:0;overflow:hidden;rotate:-1deg}.code-h{border-bottom:2px solid #ffffff1a;align-items:center;gap:7px;padding:12px 16px;display:flex}.code-h i{background:var(--pink);border-radius:50%;width:11px;height:11px}.code-h i:nth-child(2){background:var(--sun)}.code-h i:nth-child(3){background:var(--mint)}.code-h span{font:700 12px/1 var(--mono);color:#fff9;margin-inline-start:8px}.code pre{font:500 14px/1.7 var(--mono);margin:0;padding:18px 20px 22px;overflow-x:auto}.code .ln{display:inline-block}.code .k{color:#e08aa3}.code .t{color:#8fb4e6}.code .s{color:#8fd1b8}.code .n{color:#e6c27a}.code .c{color:#7d84a6;font-style:italic}.code .live{border-radius:4px;padding:0 2px}.code .live.flash{animation:.9s ease-out codeFlash}@keyframes codeFlash{0%{background:#e2b04f8c}to{background:0 0}}.ts-note{text-align:center;color:#ffffffd9;max-width:52ch;margin:0;font-size:17px}.code-sec .btns{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@media (max-width:640px){.love-line{flex-direction:column;gap:6px}.code{rotate:0deg}.code pre{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.lvl,.code{rotate:0deg}}.play-banner{border:var(--line) solid var(--ink);background:var(--ink);color:var(--sun);font:700 12.5px/1.3 var(--mono);letter-spacing:.1em;border-radius:12px;margin:0;padding:9px 16px;box-shadow:0 4px #0006}.pb-blink{animation:.9s steps(2,jump-none) infinite blink;display:inline-block}body.playing .play-banner{background:var(--sun);color:var(--ink)}.heart-btn{position:relative}.heart-ring{pointer-events:none;border:3px dashed #e2b04fb3;border-radius:50%;animation:2.4s ease-out infinite ring,18s linear infinite spin;position:absolute;inset:-14%}@keyframes ring{0%{opacity:0;scale:.85}30%{opacity:1}to{opacity:0;scale:1.15}}body.playing .heart-ring{display:none}.heart-btn:hover .heart-stage{filter:drop-shadow(0 0 16px #e2b04f99)}.heart-btn:focus-visible{outline:3px solid var(--sun);outline-offset:10px}.tap-hand{pointer-events:none;justify-items:center;gap:2px;animation:1s ease-in-out infinite tapHand;display:grid;position:absolute;bottom:-18px;right:-46px}.tap-hand svg{filter:drop-shadow(2px 3px #00000059);width:42px;rotate:-24deg}.tap-hand b{border:2px solid var(--ink);background:var(--sun);color:var(--ink);font:700 10px/1.2 var(--mono);letter-spacing:.1em;border-radius:6px;padding:2px 6px}@keyframes tapHand{0%,to{translate:0}50%{translate:-10px -10px}}body.playing .tap-hand{opacity:0;transition:opacity .3s}.lv-splash{border:var(--line) solid var(--ink);background:var(--sun);color:var(--ink);box-shadow:var(--drop-sm);font:800 18px/1 var(--display);letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;z-index:2;border-radius:10px;padding:6px 12px;position:absolute;top:-6%;left:50%;translate:-50%}.plus-one{z-index:110;color:var(--sun);font:800 20px/1 var(--display);text-shadow:var(--outline);pointer-events:none;position:fixed;translate:-50% -50%}.charge{align-items:center;gap:12px;display:flex}.ch-label,.ch-pct{font:700 12px/1 var(--mono);letter-spacing:.12em;color:#ffffffbf}.ch-pct{text-align:end;min-width:4ch;color:var(--white)}.ch-bar{border:var(--line) solid var(--ink);background:var(--ink-2);width:min(380px,62vw);box-shadow:var(--drop-sm);border-radius:8px;grid-template-columns:repeat(20,1fr);gap:3px;padding:4px;display:grid}.ch-bar i{background:#ffffff14;border-radius:2px;height:16px;transition:background-color .12s}.ch-bar i.on{background:var(--h-base)}.ch-bar.lv2 i.on{background:#d96a5a}.ch-bar.lv3 i.on{background:#e08a4a}.ch-bar.lv4 i.on{background:var(--sun);box-shadow:0 0 6px #e2b04fb3}.score{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.score>span{background:#0f122273;border:2px solid #ffffff2e;border-radius:12px;gap:4px;min-width:108px;padding:8px 12px;display:grid}.score small{font:700 10px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#fff9}.score b{font:800 22px/1 var(--display);color:var(--white)}.play-help{color:#fffc;max-width:60ch;margin:0;font-size:15px}.play-help kbd{font:700 12px var(--mono);border:2px solid #fff6;border-radius:6px;padding:1px 6px}.pick-label{font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;margin:6px 0 -12px}@media (max-width:640px){.tap-hand{right:-30px}.tap-hand svg{width:34px}.score>span{min-width:92px}}@media (prefers-reduced-motion:reduce){.pb-blink,.heart-ring,.tap-hand{animation:none!important}}.d-flash{z-index:120;pointer-events:none;background:#fff;position:fixed;inset:0}.d-flash.zap{background:radial-gradient(circle,#e9f6ff 0%,#8fd0ff 40%,#5096ff66 100%)}.death{z-index:96;text-align:center;color:var(--white);background:radial-gradient(at 50% 45%,#78142859,#0000 60%),radial-gradient(#120914 0%,#07060b 75%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 16px;display:flex;position:fixed;inset:0;overflow:hidden}.d-scan{pointer-events:none;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px);position:absolute;inset:0}.death:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 180px 60px #000000d9}.d-ecg{width:100%;height:110px;position:absolute;top:9%;left:0;overflow:visible}.ecg-grid{fill:none;stroke:#5fa8941f;stroke-width:1px}.ecg-path{fill:none;stroke:var(--mint);stroke-width:3px;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #5fa894e6);transition:stroke .3s,filter .3s}.death.flat .ecg-path{stroke:#ff4d5e;filter:drop-shadow(0 0 8px #ff4d5ee6)}.d-bpm{top:calc(9% + 112px);font:700 14px/1 var(--mono);color:var(--mint);position:absolute;inset-inline-end:6%}.d-bpm b{font:800 30px/1 var(--display)}.death.flat .d-bpm{color:#ff4d5e;animation:.8s steps(2,jump-none) infinite blink}.d-stage{aspect-ratio:18/16;flex:none;width:min(250px,52vw);margin-top:70px;position:relative}.d-skull{filter:drop-shadow(0 0 24px #ffffff1f)drop-shadow(6px 8px #0009);width:100%;position:absolute;inset:0;overflow:visible}.sk{transform-box:fill-box;transform-origin:50%}.sk.bone{fill:#f2efe6}.sk.sh{fill:#c9c3b3}.sk.hole,.sk.ol{fill:#0b0a10}.pupil{fill:#ff3b4e;filter:drop-shadow(0 0 2px #ff3b4e)drop-shadow(0 0 5px #ff3b4e);transform-box:fill-box;transform-origin:50%}.alive-skull .pupil{animation:1.4s ease-in-out infinite pupil}@keyframes pupil{0%,to{opacity:1}45%{opacity:.55}50%{opacity:.1}55%{opacity:.9}}.sk-jaw{transform-box:fill-box}.alive-skull .sk-jaw{animation:.18s steps(2,jump-none) 6 chatter,2.6s ease-in-out 1.2s infinite jawIdle}@keyframes chatter{50%{transform:translateY(.9px)}}@keyframes jawIdle{0%,80%,to{transform:translateY(0)}88%{transform:translateY(.8px)}}.alive-skull .d-skull{animation:3s ease-in-out infinite skullBob}@keyframes skullBob{50%{transform:translateY(-6px)rotate(-2deg)}}.d-bones{width:144%;height:136%;position:absolute;inset:-18% -22%;overflow:visible}.d-bones .bn path{fill:none;stroke:#e8e3d6;stroke-width:3.4px;stroke-linecap:square}.d-bones .knob rect{fill:#e8e3d6;stroke:#0b0a10;stroke-width:.6px}.d-ghost{opacity:0;pointer-events:none;width:34%;position:absolute;top:-10%;left:50%;overflow:visible;translate:-50%}.d-ghost .body{fill:#ffffffd9}.d-ghost .eye{fill:#0b0a10}.d-ghost .wing{fill:#fff9}.d-ghost .halo{fill:none;stroke:var(--sun);stroke-width:.5px;filter:drop-shadow(0 0 2px var(--sun))}.d-title{color:#ff4d5e;text-shadow:var(--outline), 5px 9px 0 #000, 0 0 40px #ff4d5e80;margin-top:6px;font-size:clamp(54px,10vw,118px)}.d-sub{font:800 clamp(20px, 2.6vw, 28px)/1.2 var(--display);color:var(--white);margin:0}.d-stats{font:600 14px/1.5 var(--mono);color:#ffffffa6;margin:0}.d-cont{font:700 18px/1 var(--mono);color:var(--sun);letter-spacing:.14em;margin-top:6px}.d-cont b{min-width:1.4ch;font:800 34px/1 var(--display);color:var(--white);vertical-align:middle;display:inline-block}.d-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.d-clear{font:800 clamp(64px, 14vw, 170px)/1 var(--display);color:#e9f6ff;text-shadow:0 0 20px #6fb6ff,0 0 60px #3d8bff,4px 6px #000;opacity:0;pointer-events:none;z-index:2;position:fixed;top:45%;left:50%;translate:-50% -50%}.death.charging .d-skull{animation:80ms linear infinite shake}@keyframes shake{25%{transform:translate(1px,-1px)}75%{transform:translate(-1px,1px)}}.death.charging:before{content:"";background:radial-gradient(circle at 50% 45%,#6fb6ff40,#0000 50%);animation:.12s steps(2,jump-none) infinite blink;position:absolute;inset:0}html.dead .buddy{opacity:0}@media (max-width:640px){.d-stage{margin-top:90px}.d-stats{font-size:12px}}@media (prefers-reduced-motion:reduce){.alive-skull .pupil,.alive-skull .sk-jaw,.alive-skull .d-skull,.death.flat .d-bpm,.death.charging .d-skull,.death.charging:before{animation:none!important}}.d-bones{max-width:none}.d-stage{width:min(250px,52vw,30vh);margin-top:min(70px,9vh)}.d-title{font-size:clamp(44px,min(10vw,12vh),118px)}@media (max-height:560px){.d-stats{display:none}.death{gap:6px}}