.tr{--ink:#fff;--deep:#0f3d5c;--soft:#ffffffd1;--water:#2f9be0;--sun:#ffe066;height:100svh;color:var(--ink);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:#7cc45a;position:relative;overflow:hidden}.tr,.tr *,.tr :before,.tr :after{box-sizing:border-box}.tr-stage{touch-action:none;cursor:crosshair;position:absolute;inset:0}.tr[data-phase=nogl] .tr-stage{visibility:hidden}.tr-farm,.tr-gl{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tr-stage:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 85% 0,#ffc83c8c,#ff8c2800 60%);transition:opacity .8s;position:absolute;inset:0}.tr-stage[data-heat="1"]:after{opacity:1;animation:1.6s ease-in-out infinite tr-shimmer}@keyframes tr-shimmer{50%{opacity:.7}}.tr-hud{padding:max(10px, env(safe-area-inset-top,0px)) 10px 18px 16px;pointer-events:none;background:linear-gradient(#143c1e61,#143c1e00);grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute;top:0;left:0;right:0}.tr[data-phase=poster] .tr-hud,.tr[data-phase=over] .tr-hud,.tr[data-phase=nogl] .tr-hud{visibility:hidden}.tr-score{text-shadow:0 2px #143c1e59;align-items:baseline;gap:6px;margin:0;line-height:1;display:flex}.tr-score b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:800}.tr-score span{color:var(--soft);font-size:15px;font-weight:700}.tr-lives{gap:4px;margin:0;padding-top:8px;display:flex}.tr-lives i{border-radius:50%;place-items:center;width:30px;height:30px;transition:transform .3s,opacity .3s;display:grid}.tr-lives svg{fill:#8be06a;stroke:#2f7d2a;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px #143c1e59)}.tr-lives i[data-gone="1"]{opacity:.55;animation:.6s ease-out tr-wilt;transform:rotate(18deg)scale(.86)}.tr-lives i[data-gone="1"] svg{fill:#c9a35a;stroke:#7a5a2a}@keyframes tr-wilt{0%{opacity:1;transform:scale(1.5)}40%{transform:rotate(-12deg)scale(1.1)}}.tr-mute{width:44px;height:44px;color:var(--soft);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;justify-self:end;place-items:center;display:grid}.tr-mute:hover{color:#fff}.tr-hint{left:16px;right:16px;top:calc(var(--below,90%) - 8px);text-align:center;color:#fff;text-shadow:0 2px #143c1e80,0 0 16px #143c1e80;pointer-events:none;margin:0;font-size:clamp(16px,2.2vh,20px);font-weight:800;animation:.4s ease-out tr-hint;position:absolute}.tr-hint[data-hint=brim],.tr-hint[data-hint=empty]{color:#fff1b8;animation:.4s ease-out tr-hint,.5s ease-in-out .4s 3 tr-nudge}@keyframes tr-hint{0%{opacity:0;transform:translateY(8px)}}@keyframes tr-nudge{50%{transform:scale(1.08)}}.tr-heat{color:#fff3a6;letter-spacing:-.02em;text-shadow:0 3px #e8780c,0 0 26px #ff8c1ed9;pointer-events:none;white-space:nowrap;margin:0;padding:0;font-size:clamp(26px,7vw,38px);font-weight:800;animation:2.2s ease-out forwards tr-stamp;position:absolute;top:max(78px,11svh);left:50%;transform:translate(-50%)rotate(-4deg)}@keyframes tr-stamp{0%{opacity:0;transform:translate(-50%)rotate(-4deg)scale(2.2)}12%{opacity:1;transform:translate(-50%)rotate(-4deg)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%)rotate(-4deg)translateY(-10px)}}.tr-poster{text-align:center;pointer-events:none;background:linear-gradient(#0e3c5c8c,#0e3c5c00 32%),linear-gradient(#143c1e00 74%,#143c1e80);flex-direction:column;align-items:center;padding:max(7.5vh,66px) 16px max(4vh,20px);display:flex;position:absolute;inset:0}.tr[data-phase=nogl] .tr-poster{background:#4f9a3f;justify-content:center;gap:16px}.tr-poster>*{pointer-events:auto}.tr-poster h1{letter-spacing:-.04em;color:#fff;text-shadow:0 4px #1f7fc0,0 8px 26px #0a325073;flex-wrap:wrap;justify-content:center;gap:0 .22em;margin:0;font-size:clamp(42px,13vw,86px);font-weight:800;line-height:.98;display:flex}.tr-poster h1 span{animation:.75s cubic-bezier(.3,1.6,.5,1) both tr-drop;display:inline-block}.tr-poster h1 span:nth-child(2){color:#bff0ff}@keyframes tr-drop{0%{opacity:0;transform:translateY(-60px)scaleY(1.3)}60%{opacity:1;transform:translateY(4px)scale(1.06,.9)}}.tr-poster>p{color:#fff;text-shadow:0 2px 10px #0a325099;text-wrap:balance;max-width:28ch;margin:10px 0 0;font-size:clamp(15px,2.1vh,19px);font-weight:700;line-height:1.4;animation:.6s ease-out .5s both tr-in}@keyframes tr-in{0%{opacity:0}}.tr-go{flex-direction:column;align-items:center;gap:8px;margin-top:auto;animation:.5s cubic-bezier(.2,1.6,.4,1) .35s both tr-pop;display:flex}@keyframes tr-pop{0%{opacity:0;transform:translateY(26px)scale(.7)}}.tr-btn{background:var(--sun);color:#3b2a00;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 5px #d9a93a}.tr-btn:hover{transform:translateY(-1px)}.tr-btn:active{transform:translateY(3px);box-shadow:0 2px #d9a93a}.tr-play{color:#fff;text-shadow:0 2px #0a468280;background:linear-gradient(#5cc9ff,#2196e6);gap:10px;min-width:230px;min-height:72px;padding:0 46px 0 38px;font-size:27px;animation:1.8s ease-in-out infinite tr-beat;position:relative;box-shadow:0 6px #1467a8,0 22px 40px -14px #146ec8e6}.tr-play:before{content:"";border-radius:inherit;pointer-events:none;border:3px solid #bff0ff;animation:1.8s ease-out infinite tr-ring;position:absolute;inset:0}.tr-play:hover{filter:brightness(1.06);transform:none}.tr-play:active{animation:none;transform:translateY(4px);box-shadow:0 2px #1467a8,0 12px 24px -14px #146ec8e6}@keyframes tr-beat{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes tr-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.28,1.6)}}.tr-ghost{color:#fff;box-shadow:none;background:#ffffff2e}.tr-ghost:active{box-shadow:none}.tr-btn:focus-visible,.tr-mute:focus-visible,.tr-link:focus-visible{outline-offset:3px;outline:3px solid #fff}.tr-posterbest{color:#fff;text-shadow:0 1px 6px #143c1eb3;margin:0;font-size:14px;font-weight:800}.tr-over{background:#0e2c1ed1;place-items:center;padding:64px 16px 28px;animation:.3s ease-out tr-in;display:grid;position:absolute;inset:0;overflow-y:auto}.tr-end{text-align:center;width:min(100%,400px)}.tr-end h2{letter-spacing:-.02em;text-shadow:0 3px #b5862a,0 0 22px #ffbe508c;margin:0;font-size:clamp(30px,8vw,40px);font-weight:800;transform:rotate(-3deg)}.tr-pic{border:6px solid #fff;border-radius:6px;width:auto;height:min(40vh,330px);margin:16px auto 10px;animation:.5s cubic-bezier(.2,1.4,.4,1) tr-pic;display:block;transform:rotate(3deg);box-shadow:0 18px 40px -18px #0009}@keyframes tr-pic{0%{opacity:0;transform:rotate(-12deg)scale(.5)}}.tr-drew{color:var(--soft);margin:0;font-size:15px;font-weight:600}.tr-big{letter-spacing:-.03em;color:var(--sun);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(54px,15vw,72px);font-weight:800;line-height:1.05}.tr-sub{color:var(--soft);margin:2px 0 18px;font-size:14px;font-weight:600}.tr-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tr-note{color:#bff0ff;margin:12px 0 0;font-size:14px}.tr-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}.tr-cta{color:var(--soft);flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:26px 0 0;font-size:14px;line-height:1.5;display:flex}.tr-cta span{flex-basis:100%}.tr-link{color:#bff0ff;text-underline-offset:3px;font-weight:700;text-decoration:underline}@media (max-height:700px){.tr-pic{height:min(30vh,220px)}.tr-over{padding-top:56px}.tr-big{font-size:clamp(44px,12vw,60px)}.tr-cta{margin-top:16px}}@media (min-width:720px) and (min-aspect-ratio:1){.tr-end{text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:36px;width:min(100%,720px);display:grid}.tr-end h2{text-align:center;grid-column:1/-1;margin-bottom:8px}.tr-pic{height:min(60vh,420px);margin:0}.tr-row,.tr-cta{justify-content:flex-start}.tr-shot{margin-left:0}}@media (max-height:520px) and (orientation:landscape){.tr-poster{padding:10px 16px}.tr-poster h1{font-size:32px}.tr-poster>p{display:none}.tr-play{min-width:170px;min-height:50px;font-size:21px}.tr-hud{background:0 0}.tr-lives{flex-direction:column;position:absolute;top:60px;right:14px}.tr-mute{grid-column:3}.tr-hint{text-align:right;width:min(36vw,260px);inset:auto 16px 10px auto}.tr-end{text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:28px;width:min(100%,640px);display:grid}.tr-pic{grid-row:1/span 6;height:min(80vh,300px);margin:0}.tr-over{padding:12px 16px}.tr-big{font-size:46px}.tr-row,.tr-cta{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.tr-play,.tr-play:before,.tr-stage:after,.tr-poster h1 span{transition:none!important;animation:none!important}}
