.tm{--ink:#0b2b4a;--mint:#7ff5e2;--teal:#0a7066;--sun:#ffd23f;color:#fff;height:100svh;font-family:var(--mg-font,system-ui), system-ui, -apple-system, "Segoe UI", sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#79c3f2;position:relative;overflow:hidden}.tm,.tm *,.tm :before,.tm :after{box-sizing:border-box}.tm-stage{position:absolute;inset:0}.tm-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.tm[data-phase=play] .tm-canvas:active{cursor:grabbing}.tm[data-phase=poster] .tm-canvas{cursor:default}.tm-hud{height:64px;padding:calc(env(safe-area-inset-top,0px) + 10px) max(12px, env(safe-area-inset-right,0px)) 0 max(12px, env(safe-area-inset-left,0px));pointer-events:none;opacity:0;justify-content:space-between;align-items:flex-start;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-12px)}.tm[data-phase=play] .tm-hud,.tm[data-phase=dying] .tm-hud{opacity:1;transform:none}.tm-found{height:44px;color:var(--ink);background:#fffffff0;border-radius:999px;align-items:center;gap:6px;margin:0;padding:0 16px 0 4px;display:inline-flex;box-shadow:0 6px 18px -8px #0b2b4a8c}.tm-found img{background:#dff6f1;border-radius:50%;width:38px;height:38px}.tm-found b{font-variant-numeric:tabular-nums;font-size:21px;font-weight:800}.tm-clock{left:50%;top:calc(env(safe-area-inset-top,0px) + 6px);width:54px;height:54px;color:var(--ink);background:#fffffff0;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 6px 18px -8px #0b2b4a8c}.tm-clock svg{position:absolute;inset:3px;transform:rotate(-90deg)}.tm-clock circle{fill:none;stroke-width:3.4px;stroke:#0b2b4a1a}.tm-clock circle+circle{stroke:#12b76a;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .12s linear}.tm-clock b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;position:relative}.tm-clock[data-low="1"]{color:#d92d20;animation:.5s ease-in-out infinite tm-throb}.tm-clock[data-low="1"] circle+circle{stroke:#f04438}@keyframes tm-throb{50%{box-shadow:0 0 0 6px #f0443840,0 6px 18px -8px #0b2b4a8c}}.tm-icon{width:44px;height:44px;color:var(--ink);cursor:pointer;pointer-events:auto;background:#fffffff0;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 6px 18px -8px #0b2b4a8c}.tm-icon:hover{background:#fff}.tm-zoom{right:max(16px, env(safe-area-inset-right,0px));bottom:max(16px, env(safe-area-inset-bottom,0px));flex-direction:column;gap:8px;display:flex;position:absolute}.tm-hint,.tm-stamp{text-align:center;pointer-events:none;text-shadow:0 2px #0b2b4a99,0 0 18px #0b2b4a8c;margin:0;font-weight:800;position:absolute;left:16px;right:16px}.tm-hint{bottom:max(7%, calc(env(safe-area-inset-bottom,0px) + 28px));font-size:clamp(17px,2.4vh,21px);animation:.4s ease-out tm-in}.tm-stamp{letter-spacing:-.02em;color:var(--sun);font-size:clamp(30px,7vw,48px);animation:1.3s ease-out both tm-stamp;top:22%}@keyframes tm-stamp{0%{opacity:0;transform:scale(.4)rotate(-8deg)}18%{opacity:1;transform:scale(1.08)rotate(-3deg)}30%{transform:scale(1)rotate(-3deg)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)rotate(-3deg)}}.tm[data-phase=dying] .tm-stamp{animation-duration:2.4s}@keyframes tm-in{0%{opacity:0;transform:translateY(8px)}}.tm-poster{padding:80px 16px max(5vh, calc(env(safe-area-inset-bottom,0px) + 24px));text-align:center;pointer-events:none;background:linear-gradient(#0b2b4a00,#0b2b4a6b 42%,#0b2b4ab8);flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.tm-poster>*{pointer-events:auto}.tm-poster h1{letter-spacing:-.045em;white-space:nowrap;text-shadow:0 4px #0b2b4a8c,0 0 40px #0b2b4a73;margin:0;font-size:clamp(56px,15vw,112px);font-weight:800;line-height:.95;animation:.7s cubic-bezier(.2,1.5,.4,1) both tm-title}.tm-poster h1 span{display:inline-block;transform:rotate(-4deg)}.tm-poster h1 em{color:var(--mint);font-style:normal;animation:3.6s ease-in-out 1s infinite tm-peek;display:inline-block}@keyframes tm-title{0%{opacity:0;transform:translateY(30px)scale(.85)}}@keyframes tm-peek{0%,62%,to{transform:translateY(0)rotate(3deg)}70%{transform:translateY(26%)rotate(-2deg)}78%{transform:translateY(-10%)rotate(5deg)}86%{transform:translateY(0)rotate(3deg)}}.tm-poster>p{color:#ffffffeb;text-wrap:balance;text-shadow:0 1px 10px #0b2b4a99;max-width:30ch;margin:0 0 8px;font-size:clamp(16px,2.2vh,20px);font-weight:600;line-height:1.4;animation:.6s ease-out .4s both tm-in}.tm-btn{background:linear-gradient(#a8fff0, var(--mint));color:#063b36;min-height:54px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 30px;font-size:17px;font-weight:800;text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:0 4px #2fb8a3}.tm-btn:hover{transform:translateY(-1px)}.tm-btn:active{transform:translateY(3px);box-shadow:0 1px #2fb8a3}.tm-play{gap:10px;min-width:230px;min-height:72px;padding:0 46px 0 38px;font-size:27px;animation:.5s cubic-bezier(.2,1.6,.4,1) .3s both tm-pop,1.8s ease-in-out .8s infinite tm-beat;position:relative;box-shadow:0 6px #2fb8a3,0 22px 40px -14px #7ff5e2e6}.tm-play:before{content:"";border-radius:inherit;pointer-events:none;border:3px solid #d6fff8;animation:1.8s ease-out infinite tm-ring;position:absolute;inset:0}.tm-play:hover{filter:brightness(1.05);transform:none}.tm-play:active{animation:none;transform:translateY(4px);box-shadow:0 2px #2fb8a3,0 12px 24px -14px #7ff5e2e6}@keyframes tm-pop{0%{opacity:0;transform:translateY(26px)scale(.7)}}@keyframes tm-beat{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes tm-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.28,1.6)}}.tm-posterbest{color:#ffffffd9;margin:4px 0 0;font-size:14px;font-weight:700}.tm-ghost{color:#fff;box-shadow:none;background:#ffffff29}.tm-ghost:active{box-shadow:none}.tm-btn:focus-visible,.tm-icon:focus-visible,.tm-link:focus-visible{outline-offset:3px;outline:3px solid #fff}.tm-over{background:#08182ccc;place-items:center;padding:72px 16px 28px;animation:.3s ease-out tm-fade;display:grid;position:absolute;inset:0;overflow-y:auto}@keyframes tm-fade{0%{opacity:0}}.tm-end{text-align:center;width:min(100%,400px)}.tm-end h2{letter-spacing:-.02em;color:var(--sun);margin:0;font-size:clamp(30px,8vw,40px);font-weight:800;transform:rotate(-3deg)}.tm-pic{width:min(56vw,34vh,220px);margin:18px auto 10px;animation:.5s cubic-bezier(.2,1.4,.4,1) tm-pic;position:relative}.tm-pic img{border-radius:50%;width:100%;height:auto;display:block;box-shadow:0 0 0 5px #fff,0 18px 40px -12px #0009}.tm-pic figcaption{color:var(--ink);background:var(--sun);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:15px;font-weight:800;position:absolute;bottom:4%;right:-18%;transform:rotate(-6deg)}@keyframes tm-pic{0%{opacity:0;transform:rotate(-14deg)scale(.5)}}.tm-big{letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(54px,15vw,72px);font-weight:800;line-height:1.05}.tm-sub{color:#ffffffb8;margin:2px 0 18px;font-size:14px;font-weight:600}.tm-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tm-note{color:var(--mint);margin:12px 0 0;font-size:14px}.tm-shot{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;border-radius:16px;width:min(100%,230px);margin:16px auto 0;display:block}.tm-cta{color:#ffffffb8;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:26px 0 0;font-size:14px;line-height:1.5;display:flex}.tm-cta span{flex-basis:100%}.tm-link{color:var(--mint);text-underline-offset:3px;font-weight:700;text-decoration:underline}@media (max-height:700px){.tm-pic{width:min(44vw,26vh);margin-top:12px}.tm-over{padding-top:60px}.tm-big{font-size:clamp(44px,12vw,60px)}.tm-cta{margin-top:16px}}@media (max-height:520px) and (orientation:landscape){.tm-poster{gap:6px;padding:40px 16px 10px}.tm-poster h1{margin-bottom:4px;font-size:44px}.tm-poster>p{display:none}.tm-play{min-width:170px;min-height:50px;font-size:20px}.tm-over{padding:12px 16px 12px 150px}.tm-end{text-align:left;grid-template-columns:auto 1fr;place-items:center start;column-gap:28px;width:min(100%,620px);display:grid}.tm-pic{grid-row:1/span 5;width:min(50vh,200px);margin:0}.tm-end h2{font-size:26px}.tm-big{font-size:48px}.tm-sub{margin-bottom:10px}.tm-row,.tm-cta{justify-content:flex-start;justify-self:stretch}.tm-shot,.tm-note,.tm-cta{grid-column:1/-1}.tm-cta{margin-top:10px}}@media (prefers-reduced-motion:reduce){.tm-play,.tm-play:before,.tm-poster h1,.tm-poster h1 em,.tm-stamp,.tm-clock[data-low="1"]{animation:none!important}}
