:root{--c-bg: #343434;--c-surface: #2b2b2b;--c-pill: #474747;--c-white: #ffffff;--c-zebra: #c6c6c6;--c-text-muted: #8c8c8c;--c-red: #e6301c;--c-grey: #b0b0a9;--c-purple: #e582fa;--c-yellow: #facc12;--c-green: #00d482;--c-blue: #1f64e5;--c-ink: #000000;--font: "DM Sans", "Helvetica Neue", Arial, system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;font-family:var(--font);color:var(--c-white);background:var(--c-bg);-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:var(--font);touch-action:manipulation}:focus-visible{outline:3px solid var(--c-red);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#stage{position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none}#stage:focus{outline:none}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#brand-header{position:absolute;top:max(20px,var(--safe-top));left:max(24px,var(--safe-left));right:max(24px,var(--safe-right));display:none;justify-content:space-between;align-items:flex-start;gap:28px;pointer-events:none;z-index:75}body.phase-menu #brand-header{display:flex}#brand-ropid{width:clamp(140px,22vw,197px);height:auto}#brand-logo{width:clamp(150px,20vw,190px);height:auto}.embed #brand-ropid{visibility:hidden}@media(max-width:460px){#brand-header{left:max(16px,var(--safe-left));right:max(16px,var(--safe-right));gap:16px}#brand-ropid{width:clamp(96px,24vw,140px)}#brand-logo{width:150px}}#hud{position:absolute;top:max(12px,var(--safe-top));left:max(14px,var(--safe-left));right:max(14px,var(--safe-right));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:80}.hud-left{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.hud-left-row{display:flex;align-items:center;gap:.5rem}#hud-goal{background:var(--c-pill);color:var(--c-white);font-weight:700;font-size:.85rem;padding:.32rem .85rem;border-radius:999px;font-variant-numeric:tabular-nums}#hud-goal[hidden]{display:none}#hud-goal .goal-arrow{color:var(--c-red)}#hud-streak{background:var(--c-pill);color:var(--c-green);font-weight:700;font-size:.78rem;padding:.25rem .7rem;border-radius:999px;font-variant-numeric:tabular-nums}#hud-streak[hidden]{display:none}#hud-score{display:flex;align-items:center;gap:.45rem;background:var(--c-pill);color:var(--c-white);font-weight:700;font-size:1.55rem;line-height:1;padding:.5rem 1.1rem;border-radius:999px;min-width:3.2rem;text-align:center;font-variant-numeric:tabular-nums}#hud-score[hidden]{display:none}.hud-score-check{color:var(--c-green);font-size:1.1rem}#hud-ear{width:3rem;height:3rem;border-radius:999px;background:var(--c-pill);color:var(--c-yellow);display:grid;place-items:center}#hud-ear[hidden]{display:none}#hud-ear svg{width:1.7rem;height:1.7rem}#btn-mute{pointer-events:auto;width:3rem;height:3rem;border-radius:999px;border:0;background:var(--c-pill);color:var(--c-white);display:grid;place-items:center;cursor:pointer}#btn-mute svg{width:1.5rem;height:1.5rem}#btn-mute .sound-cross{display:none}#btn-mute.muted .sound-cross{display:block;stroke:var(--c-red)}#btn-mute.muted .sound-waves{display:none}.badge{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:var(--c-red);color:var(--c-white);font-weight:700;font-style:normal;line-height:1}#ritual-steps{position:absolute;top:max(14px,var(--safe-top));left:50%;transform:translate(-50%);display:none;gap:.55rem;align-items:center;background:var(--c-pill);border-radius:999px;padding:.32rem .8rem;pointer-events:none;z-index:20}#ritual-steps.ritual--visible{display:flex}.ritual-step{display:flex;align-items:center;gap:.3rem;font-size:.78rem}.ritual-step .badge{font-size:.72rem;background:var(--c-bg);color:var(--c-text-muted);transition:background .15s,color .15s}.ritual-word{color:var(--c-text-muted);font-weight:500;text-transform:lowercase;transition:color .15s}.ritual-step.on .badge{background:var(--c-red);color:var(--c-white)}.ritual-step.on .ritual-word{color:var(--c-white)}@media(max-width:430px){.ritual-word{display:none}#ritual-steps{gap:.4rem}}#toast{position:absolute;top:20%;left:50%;transform:translate(-50%) translateY(6px);background:var(--c-surface);color:var(--c-white);font-weight:700;font-size:1rem;padding:.55rem 1.3rem;border-radius:999px;white-space:nowrap;opacity:0;transition:opacity .18s,transform .18s;pointer-events:none;z-index:24}#toast.toast--show{opacity:1;transform:translate(-50%) translateY(0)}#toast .toast-check{color:var(--c-green)}#toast.toast--perfect{color:var(--c-yellow)}#hint{position:absolute;top:27%;left:50%;transform:translate(-50%);background:var(--c-pill);color:var(--c-zebra);font-weight:500;font-size:.82rem;padding:.35rem .95rem;border-radius:999px;white-space:nowrap;opacity:0;transition:opacity .18s;pointer-events:none;z-index:23}#hint.hint--show{opacity:1}#camp-warning{position:absolute;top:22%;left:50%;transform:translate(-50%);background:var(--c-red);color:var(--c-white);font-weight:700;font-size:1.05rem;padding:.6rem 1.4rem;border-radius:999px;z-index:25;animation:camp-pulse .7s ease-in-out infinite;white-space:nowrap}@keyframes camp-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.08)}}#dim-overlay{position:absolute;inset:0;background:var(--c-ink);opacity:0;transition:opacity .14s;pointer-events:none;z-index:40}#dim-overlay.dim--on{opacity:.55}#vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:41}#flash{position:absolute;inset:0;background:var(--c-red);opacity:0;pointer-events:none;z-index:45}#flash.flash--go{animation:flash-anim .5s ease-out}@keyframes flash-anim{0%{opacity:.5}to{opacity:0}}#phone{position:absolute;bottom:calc(-1 * var(--safe-bottom) - 12px);left:50%;transform:translate(-50%);height:44%;aspect-ratio:5 / 9;z-index:50}#phone[hidden]{display:none}.phone-hand{position:absolute;inset:-12% -30% 0;width:160%;height:112%;pointer-events:none}.phone-hand .hand-shape{fill:var(--c-blue)}.phone-hand .hand-dots{fill:url(#halft-hand)}#halft-hand circle{fill:var(--c-ink);opacity:.28}.phone-body{position:relative;display:block;width:100%;height:100%;background:var(--c-surface);border-radius:26px 26px 0 0;padding:9px 9px 0}.phone-screen{display:block;width:100%;height:100%;background:var(--c-blue);border-radius:18px 18px 0 0;position:relative;overflow:hidden}.phone-clock{position:absolute;top:10%;left:0;width:100%;text-align:center;color:var(--c-white);font-weight:700;font-size:clamp(.9rem,2.6vh,1.4rem)}.phone-notif{display:flex;flex-direction:column;gap:.45em;position:absolute;top:26%;left:6%;right:6%;background:var(--c-white);color:var(--c-ink);font-size:clamp(.65rem,1.7vh,.9rem);font-weight:700;border-radius:14px;padding:.6em .8em;opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity .15s,transform .15s,visibility 0s linear .15s;pointer-events:none}.phone-dismiss{align-self:center;background:var(--c-white);color:var(--c-ink);border:1.5px solid var(--c-ink);border-radius:999px;font-weight:700;font-size:.92em;padding:.25em .9em;cursor:pointer;pointer-events:auto}#phone.phone--notif .phone-notif{opacity:1;transform:translateY(0);visibility:visible;transition:opacity .15s,transform .15s;pointer-events:auto}#pause-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c;z-index:60}#pause-overlay[hidden]{display:none}.pause-card{background:var(--c-surface);color:var(--c-white);padding:1.2rem 2rem;border-radius:18px;font-weight:700;font-size:1.05rem}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#343434f0;overflow-y:auto;touch-action:manipulation;z-index:70;padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left))}.screen[hidden]{display:none}.screen-inner{max-width:560px;width:100%;text-align:center;margin:auto 0;padding-top:clamp(48px,9vh,84px)}.embed .screen-inner{padding-top:clamp(40px,7vh,64px)}.menu-title{margin:0 0 .5rem;font-size:clamp(2.3rem,8vw,3.4rem);font-weight:700;color:var(--c-white);letter-spacing:-.01em}.menu-sub{color:var(--c-text-muted);font-size:1rem;line-height:1.5;max-width:36em;margin:0 auto 1.3rem}.btn--play{background:var(--c-red);color:var(--c-white);border:0;font-size:1.5rem;font-weight:700;padding:.55em 1.75em;margin-bottom:1.6rem}.menu-h2{font-size:.85rem;font-weight:500;color:var(--c-text-muted);margin:0 0 .7rem}#diff-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-bottom:1.2rem}@media(max-width:430px){#diff-cards{grid-template-columns:1fr}}.diff-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:var(--c-surface);border:2px solid var(--c-surface);border-radius:18px;padding:.9rem .8rem .7rem;cursor:pointer;text-align:center;color:var(--c-white);transition:border-color .12s,transform .12s}.diff-card:hover,.diff-card:focus-visible{border-color:var(--card-c, var(--c-red))}.diff-card:active{transform:scale(.97)}.diff-card--locked{opacity:.45;cursor:default}.diff-card--locked:hover,.diff-card--locked:focus-visible{border-color:var(--c-surface)}.diff-card--locked:active{transform:none}.diff-card[data-color=green]{--card-c: var(--c-green)}.diff-card[data-color=yellow]{--card-c: var(--c-yellow)}.diff-card[data-color=purple]{--card-c: var(--c-purple)}.diff-card[data-color=red]{--card-c: var(--c-red)}.diff-icon{display:flex;gap:.25rem;color:var(--card-c, var(--c-red));height:2.2rem}.diff-icon svg{width:2.2rem;height:100%}.diff-name{font-weight:700;font-size:1.05rem;text-transform:lowercase}.diff-tagline{color:var(--c-text-muted);font-size:.82rem;min-height:2.1em}.diff-best{color:var(--card-c, var(--c-red));font-weight:700;font-size:.78rem;font-variant-numeric:tabular-nums}.menu-hint{color:var(--c-text-muted);font-size:.85rem;margin:0 0 1rem}.menu-footer{color:var(--c-text-muted);font-size:.78rem;margin:0}.go-card{background:var(--c-surface);border-radius:22px;padding:1.5rem;max-width:420px;width:100%;text-align:center;margin:auto 0;color:var(--c-white)}.go-logo{width:158px;height:auto;margin:4px auto 28px;display:block}#go-title{margin:0 0 .9rem;font-size:1.3rem;font-weight:700}.go-score-wrap{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:1rem}.go-score-label{font-size:.8rem;font-weight:500;color:var(--c-text-muted);text-transform:lowercase}#go-score{font-size:3.4rem;font-weight:700;line-height:1;color:var(--c-white);font-variant-numeric:tabular-nums}.go-newbest{background:var(--c-green);color:var(--c-ink);font-size:.78rem;font-weight:700;padding:.2em .9em;border-radius:999px;text-transform:lowercase}.go-stats{color:var(--c-text-muted);font-size:.9rem;font-weight:500;font-variant-numeric:tabular-nums}.go-stats .stat-strong{color:var(--c-white);font-weight:700}.go-stats .stat-check{color:var(--c-green)}.go-speedhint{color:var(--c-yellow);font-size:.85rem;font-weight:700}.go-fact{background:var(--c-pill);border-left:4px solid var(--c-red);border-radius:10px;text-align:left;font-size:.92rem;line-height:1.45;padding:.8rem 1rem;margin:1rem 0 1.2rem;color:var(--c-white)}.go-buttons{display:flex;flex-direction:column;gap:.55rem}#btn-leaderboard{margin-bottom:1.1rem}.lb-title{margin:0 0 .8rem;font-size:1.3rem;font-weight:700}#lb-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-bottom:.9rem}.lb-tab{border:0;background:var(--c-pill);color:var(--c-text-muted);font-weight:700;font-size:.78rem;text-transform:lowercase;padding:.4em .9em;border-radius:999px;cursor:pointer}.lb-tab[aria-pressed=true]{background:var(--c-red);color:var(--c-white)}.lb-section{margin:0 0 1.1rem}#lb-form{display:flex;gap:.45rem;justify-content:center;margin-bottom:.5rem}#lb-form[hidden]{display:none}#lb-name{flex:1 1 auto;min-width:0;max-width:12rem;border:2px solid var(--c-pill);border-radius:999px;padding:.5em 1em;font-family:var(--font);font-size:1rem;font-weight:700;color:var(--c-white);background:var(--c-pill)}#lb-name::placeholder{color:var(--c-text-muted)}#lb-name:focus-visible{outline:3px solid var(--c-red);outline-offset:1px;border-color:var(--c-red)}.lb-status{min-height:1.2em;margin:0 0 .4rem;font-size:.85rem;font-weight:500;color:var(--c-text-muted)}.lb-list{list-style:none;counter-reset:lb;margin:0;padding:0;text-align:left}.lb-row{counter-increment:lb;display:flex;align-items:baseline;gap:.6rem;padding:.32rem .7rem;border-radius:10px;font-size:.92rem}.lb-row:before{content:counter(lb) ".";min-width:1.5em;font-weight:700;color:var(--c-text-muted);font-variant-numeric:tabular-nums}.lb-row:nth-child(odd){background:var(--c-pill)}.lb-row--me{background:var(--c-red);color:var(--c-white)}.lb-row--me:before{color:var(--c-white)}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.lb-score{font-weight:700;font-variant-numeric:tabular-nums}.btn{display:inline-block;border-radius:999px;border:0;font-weight:700;font-size:1rem;padding:.8rem 1.6rem;cursor:pointer;text-decoration:none;text-align:center;transition:transform .1s}.btn:active{transform:scale(.97)}.btn--primary{background:var(--c-red);color:var(--c-white)}.btn--secondary{background:var(--c-pill);color:var(--c-white)}.btn--compact{font-size:.85rem;padding:.55rem 1.2rem}.page-404{overflow:auto}.notfound{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;text-align:center;padding:24px}.notfound h1{margin:0;font-size:1.6rem;font-weight:700}.notfound p{margin:0;color:var(--c-text-muted)}.notfound-logo{width:158px;height:auto;margin-bottom:16px}@media(prefers-reduced-motion:reduce){#camp-warning{animation:none}#flash.flash--go{animation:flash-anim .25s ease-out}.diff-card,.btn,.phone-notif,#toast,#hint,.ritual-step .badge,.ritual-word{transition:none}}:root{color-scheme:dark}#stage{touch-action:manipulation}html.embed,html.embed body{overscroll-behavior:auto}.tt-input{-webkit-user-select:text;user-select:text}@media(hover:none)and (pointer:coarse){.key-hint{display:none}}:focus-visible{outline-color:var(--c-white)}@media(forced-colors:active){.lb-tab[aria-pressed=true],.lb-row--me{outline:2px solid}.dcard--winner{outline:3px solid}}@media(max-height:520px){body.phase-menu #brand-header{display:none}}[hidden]{display:none!important}.tt-tram svg{display:block;width:100%;height:auto}.zebra-edge{position:absolute;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,var(--c-zebra) 0 44px,transparent 44px 88px);pointer-events:none;z-index:72}.zebra-edge--top{top:0}.zebra-edge--bottom{bottom:0}body:not(.phase-menu) .screen-inner{padding-top:12px}@media(max-height:520px){.play-zone{min-height:10rem}#timer{font-size:clamp(2.6rem,12vh,4rem)}.screen-inner{padding-top:8px}}#stage .screen{padding-top:calc(max(16px,var(--safe-top)) + 22px);padding-bottom:calc(max(16px,var(--safe-bottom)) + 22px)}.btn-link{padding:.55em .8em;margin:-.55em -.8em}.verdikt{overflow-wrap:anywhere}.title-pill{white-space:normal}#play-name{display:inline-block;max-width:min(60vw,18em);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.landing-row{margin:1.1rem 0 .9rem}.embed .landing-link{display:none}#brand-logo-link{pointer-events:auto;display:block}.screen:not([hidden]){animation:tt-screen-in .15s ease}@keyframes tt-screen-in{0%{opacity:0}to{opacity:1}}.mode-note{color:var(--c-text-muted);font-size:.8rem;margin:0 0 1.1rem}.menu-board{background:var(--c-surface);border-radius:18px;padding:1rem 1rem 1.1rem;margin-top:.4rem;text-align:left}.menu-board .lb-status{text-align:center}.menu-stickers{position:fixed;inset:0;display:none;overflow:hidden;pointer-events:none;z-index:0;--edge: 300px;--out: 20px}#screen-menu .screen-inner{position:relative;z-index:1}.sticker{position:absolute;display:block;--w: min(var(--target), calc(50vw - var(--edge) + var(--out)), var(--cap));width:var(--w);transform:rotate(var(--r, 0deg));will-change:transform;animation:sticker-float var(--dur, 10s) ease-in-out infinite}.sticker img{display:block;width:100%;height:auto}.sticker--left{left:min(var(--x, 3vw),calc(50% - var(--edge) - var(--w)))}.sticker--right{right:min(var(--x, 3vw),calc(50% - var(--edge) - var(--w)))}@keyframes sticker-float{0%,to{transform:translateZ(0) rotate(var(--r, 0deg))}50%{transform:translate3d(0,var(--y, -10px),0) rotate(calc(var(--r, 0deg) + var(--rr, 1.5deg)))}}.sticker--eye{top:max(112px,16vh);--x: 4vw;--target: 110px;--cap: 22vh;--r: -9deg;--rr: -1.5deg;--y: -12px;--dur: 8s}.sticker--ear{display:none;top:38vh;--x: .5vw;--target: 200px;--cap: 17vh;--r: 10deg;--y: 14px;--dur: 11s}.sticker--stopwatches{bottom:4vh;--x: 2vw;--target: 140px;--cap: 34vh;--r: -6deg;--rr: -1.5deg;--y: -10px;--dur: 10s}.sticker--hand-mobile{display:none;top:max(112px,22vh);--x: 4vw;--target: 150px;--cap: 20vh;--r: 7deg;--y: 12px;--dur: 9.5s}.sticker--legs{bottom:5vh;--x: 6vw;--target: 130px;--cap: 30vh;--r: 5deg;--y: 10px;--dur: 8.5s}@media(min-width:768px){.menu-stickers{display:block}}@media(min-width:1024px){.menu-stickers{--edge: 308px;--out: 24px}.sticker--hand-mobile{display:block}.sticker--eye{--target: 170px}.sticker--stopwatches{--target: 250px}.sticker--legs{--target: 220px}}@media(min-width:1280px){.sticker--eye{--target: 200px}.sticker--stopwatches{--target: 300px}.sticker--hand-mobile{--target: 180px}.sticker--legs{--target: 260px}}@media(min-width:1280px)and (min-height:880px){.sticker--ear{display:block}}@media(min-width:1600px){.sticker--eye,.sticker--ear{--target: 230px}.sticker--stopwatches{--target: 340px}.sticker--hand-mobile{--target: 200px}.sticker--legs{--target: 300px}}@media(prefers-reduced-motion:reduce){.sticker{animation:none}}.setup-fields{display:flex;flex-direction:column;gap:.6rem;align-items:center;margin:1rem 0 1.3rem}.tt-input{width:min(20rem,86vw);border:2px solid var(--c-pill);border-radius:999px;padding:.65em 1.1em;font-family:var(--font);font-size:1rem;font-weight:700;color:var(--c-white);background:var(--c-pill);text-align:center}.tt-input::placeholder{color:var(--c-text-muted);font-weight:500}.tt-input:focus-visible{outline:3px solid var(--c-red);outline-offset:1px;border-color:var(--c-red)}.setup-error{color:var(--c-red);font-weight:700;font-size:.9rem;margin:0 0 .8rem;min-height:1.2em}.handoff-kicker{color:var(--c-text-muted);font-size:.85rem;font-weight:500;margin:0 0 .4rem}.handoff-name{font-size:clamp(2.4rem,11vw,3.8rem);font-weight:700;letter-spacing:-.01em;margin:0 0 .7rem;overflow-wrap:anywhere}.handoff-sub{color:var(--c-zebra);font-size:1rem;line-height:1.5;max-width:26em;margin:0 auto 1.4rem}.btn--go{background:var(--c-green);color:var(--c-ink)}.play-player{display:inline-flex;align-items:center;gap:.45rem;background:var(--c-pill);border-radius:999px;padding:.35rem .95rem;font-size:.85rem;font-weight:700;margin-bottom:.6rem}.play-player .badge{font-size:.7rem}#timer{font-size:clamp(3.4rem,17vw,5.6rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1;margin:.4rem 0 .2rem;color:var(--c-white)}#timer.timer-blind{color:var(--c-text-muted);animation:tt-blind-in .2s ease}@keyframes tt-blind-in{0%{opacity:0}to{opacity:1}}#timer.timer-fading{animation:tt-digits-fade .6s linear forwards}@keyframes tt-digits-fade{0%,25%{opacity:1}to{opacity:0}}#timer.grade-perfect{color:var(--c-green)}#timer.grade-great{color:var(--c-yellow)}#timer.grade-ok{color:var(--c-zebra)}#timer.grade-miss{color:var(--c-red)}.play-hint{color:var(--c-text-muted);font-size:.92rem;min-height:1.3em;margin:0 0 1.1rem}#action{display:block;width:min(20rem,86vw);margin:0 auto;font-size:1.35rem;letter-spacing:.08em;padding:1rem 1.6rem}#action.btn--stop{background:var(--c-yellow);color:var(--c-ink)}.key-hint{color:var(--c-text-muted);font-size:.8rem;margin:.7rem 0 0}.play-zone{min-height:clamp(14rem,36vh,20rem);display:flex;flex-direction:column;align-items:center;justify-content:center}#distraction-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:30}.tt-notif{position:absolute;background:var(--c-white);color:var(--c-ink);font-weight:700;font-size:clamp(.78rem,2.4vw,.95rem);border-radius:14px;padding:.6em .95em;max-width:min(13rem,44vw);transform:rotate(var(--rot, 0deg));animation:tt-notif-in 2.2s ease forwards}@keyframes tt-notif-in{0%{opacity:0;transform:translateY(-14px) rotate(var(--rot, 0deg))}12%{opacity:1;transform:translateY(0) rotate(var(--rot, 0deg))}82%{opacity:1}to{opacity:0;transform:translateY(8px) rotate(var(--rot, 0deg))}}.tt-tram{position:absolute;width:clamp(240px,46vw,360px);height:auto;animation:tt-tram-pass var(--dur, 1.7s) linear forwards}.tt-tram--rtl{transform:scaleX(-1);animation-name:tt-tram-pass-rtl}@keyframes tt-tram-pass{0%{left:-50%}to{left:110%}}@keyframes tt-tram-pass-rtl{0%{left:110%}to{left:-50%}}@media(prefers-reduced-motion:reduce){.screen:not([hidden]){animation:none}.tt-notif{transform:none;animation:tt-notif-fade 2.2s ease forwards}.tt-tram{display:none}}@keyframes tt-notif-fade{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0}}.reveal-kicker{color:var(--c-text-muted);font-size:.85rem;font-weight:700;margin:0 0 .3rem}.share-url{margin:.6rem auto 0;max-width:26rem;font-size:.85rem;-webkit-user-select:text;user-select:text}.story-wrap{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:1.1rem}.story-wrap img{width:min(230px,58vw);height:auto;border-radius:14px;border:2px solid var(--c-pill)}.big-time{font-size:clamp(3.6rem,20vw,6rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;margin:.2rem 0 .4rem}.reveal-delta{color:var(--c-zebra);font-size:1rem;font-weight:500;margin:0 0 .9rem}.title-pill{display:inline-block;border-radius:999px;font-weight:700;font-size:1.02rem;padding:.4em 1.05em;background:transparent;border:2px solid var(--c-pill);color:var(--c-zebra)}.title-pill--perfect{border-color:var(--c-green);color:var(--c-green)}.title-pill--great{border-color:var(--c-yellow);color:var(--c-yellow)}.title-pill--miss{border-color:var(--c-red);color:var(--c-red)}.reveal-save{color:var(--c-text-muted);font-size:.88rem;min-height:1.3em;margin:.9rem 0 0}.reveal-record{margin:.8rem 0 0}.reveal-actions{margin-top:1.4rem;display:flex;flex-direction:column;gap:.55rem;align-items:center}.result-summary{display:flex;align-items:baseline;justify-content:center;gap:.7rem;margin:0 0 .9rem;font-variant-numeric:tabular-nums}.result-summary .rs-time{font-size:1.9rem;font-weight:700}.result-summary .rs-diff{color:var(--c-text-muted);font-weight:500}.verdikt{font-size:clamp(1.8rem,8vw,2.6rem);font-weight:700;margin:0 0 1rem;color:var(--c-green)}.verdikt--tie{color:var(--c-yellow)}.duel-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:0 0 1.2rem}@media(max-width:430px){.duel-cards{grid-template-columns:1fr}}.dcard{background:var(--c-surface);border:2px solid var(--c-surface);border-radius:18px;padding:.9rem .8rem 1rem;text-align:center}.dcard--winner{border-color:var(--c-green)}.dcard-winslot{min-height:1.35rem;margin:0 0 .25rem}.dcard-name{font-weight:700;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 .2rem}.dcard-win{display:inline-block;background:var(--c-green);color:var(--c-ink);font-size:.72rem;font-weight:700;padding:.15em .8em;border-radius:999px;text-transform:lowercase}.dcard-time{font-size:1.9rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.dcard-delta{color:var(--c-text-muted);font-size:.85rem;font-variant-numeric:tabular-nums;margin:.15rem 0 .5rem}.dcard .title-pill{font-size:.8rem}.result-actions{display:flex;flex-direction:column;gap:.55rem;align-items:center;margin-top:1.2rem}.result-board{background:var(--c-surface);border-radius:18px;padding:1rem;margin-top:1.1rem;text-align:left}.lb-retry{display:block;margin:.3rem auto 0}.lb-list{max-height:min(21rem,44vh);overflow-y:auto;overscroll-behavior:contain}.lb-mine-stats{display:flex;justify-content:center;gap:.9rem;color:var(--c-text-muted);font-size:.8rem;font-variant-numeric:tabular-nums;margin:0 0 .6rem}.lb-mine-stats strong{color:var(--c-white)}.lb-footer{display:flex;justify-content:center;margin-top:.6rem}.btn-link{background:none;border:none;color:var(--c-text-muted);text-decoration:underline;cursor:pointer;font-family:var(--font);font-size:.8rem;padding:0}.btn-link:hover{color:var(--c-white)}.confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:90}.confetti i{position:absolute;top:-3vh;left:50%;width:.55rem;height:.85rem;border-radius:.15rem;opacity:0;animation:confetti-fall var(--fall, 1.4s) ease-in var(--delay, 0s) forwards}@keyframes confetti-fall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:.9;transform:translate(var(--dx, 0),105vh) rotate(var(--rot, 360deg))}}html:has(body.page-share){height:auto;overflow:auto;overscroll-behavior:auto}body.page-share{overflow:auto;height:auto;min-height:100svh}.share-main{max-width:34rem;margin:0 auto;padding:max(20px,var(--safe-top)) max(16px,var(--safe-right)) max(32px,var(--safe-bottom)) max(16px,var(--safe-left));display:flex;flex-direction:column;gap:1.1rem;text-align:center}.share-header{display:flex;justify-content:center;padding-top:.6rem}.share-card{background:var(--c-surface);border-radius:22px;padding:1.5rem 1.3rem}.share-kicker{color:var(--c-text-muted);font-size:.8rem;font-weight:700;text-transform:lowercase;letter-spacing:.06em;margin:0 0 .3rem}.share-name{font-size:1.5rem;font-weight:700;margin:0 0 .6rem;overflow-wrap:anywhere}.share-time{font-size:clamp(3.2rem,16vw,4.6rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;margin:0}.share-time.grade-perfect{color:var(--c-green)}.share-time.grade-great{color:var(--c-yellow)}.share-time.grade-ok{color:var(--c-zebra)}.share-time.grade-miss{color:var(--c-red)}.share-unit{color:var(--c-text-muted);font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;margin:.2rem 0 1rem}.share-delta{color:var(--c-zebra);margin:.7rem 0 0}.share-rank{color:var(--c-white);font-weight:700;margin:.7rem 0 0}.share-cta{display:block;width:100%;margin-top:1.3rem;font-size:1.15rem;padding:.95rem 1.6rem}.share-footer{color:var(--c-text-muted);font-size:.78rem}.zebra-strip{height:14px;border-radius:999px;background:repeating-linear-gradient(90deg,var(--c-zebra) 0 34px,transparent 34px 68px);opacity:.5}