.lt-app{--lt-ink:#1d2433;--lt-red:#e5483a;--lt-gold:#ffc93c;--lt-teal:#18a0a0;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#33454a}.lt-scene{width:100%;height:100%;display:block;z-index:0}.lt-scene,.lt-zone{position:absolute;inset:0}.lt-zone{z-index:2;touch-action:none;cursor:pointer}.lt-app:not([data-phase=play]) .lt-zone{pointer-events:none}.lt-app:not([data-phase=play]):not([data-phase=ending]) :is(.lt-hud,.lt-keys,.lt-pause-btn,.lt-hint,.lt-mash){display:none}.lt-hud{position:absolute;inset:0 0 auto 0;z-index:4;pointer-events:none;flex-direction:column;padding:calc(env(safe-area-inset-top, 0px) + 10px) 64px 0 max(10px,env(safe-area-inset-left,0px))}.lt-hud,.lt-top{display:flex;gap:8px}.lt-top{align-items:flex-start;max-width:560px}.lt-board{flex:1 1;min-width:0;overflow:hidden;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:10px;column-gap:10px;align-items:center;background:rgba(16,22,31,.86);border:3px solid #fff;border-radius:16px;padding:6px 12px 7px;box-shadow:0 4px 0 rgba(0,0,0,.25)}.lt-clock{grid-row:span 2;font:800 30px/1 Courier New,monospace;color:var(--lt-gold);letter-spacing:1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(255,201,60,.45)}.lt-station{font:800 13px/1.2 Playful,sans-serif;color:#fff}.lt-score,.lt-station{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lt-score{font:700 12px/1.2 Playful,sans-serif;color:#9fe6d6;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lt-ring{position:relative;flex:none;width:70px;height:70px;display:grid;place-items:center}.lt-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 3px 0 rgba(0,0,0,.3))}.lt-ring-bg{fill:rgba(16,22,31,.86);stroke:#fff;stroke-width:7}.lt-ring-arc{fill:none;stroke:#5ee08a;stroke-width:6;stroke-linecap:round;transition:stroke .2s}.lt-ring.warn .lt-ring-arc{stroke:var(--lt-gold)}.lt-ring.chime .lt-ring-arc{stroke:var(--lt-red)}.lt-ring.chime{animation:lt-throb .5s ease-in-out infinite}.lt-ring.waiting .lt-ring-arc{stroke:#9aa3ad}.lt-ring-text{position:relative;font:800 21px/1 Playful,sans-serif;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes lt-throb{50%{transform:scale(1.12)}}.lt-track{position:relative;height:10px;max-width:470px;border-radius:6px;background:rgba(16,22,31,.55);margin:6px 26px 0 6px;border:2px solid rgba(255,255,255,.8)}.lt-track-fill{position:absolute;inset:0;border-radius:6px;background:linear-gradient(90deg,#5ee08a,#ffd45e);transform-origin:left;transform:scaleX(0)}.lt-track-dot{left:0;transform:translate(-50%,-58%) scaleX(-1)}.lt-track-dot,.lt-track-end{position:absolute;top:50%;font-size:18px;line-height:1}.lt-track-end{right:-24px;transform:translateY(-55%)}.lt-banner{position:absolute;left:50%;top:32%;z-index:6;pointer-events:none;transform:translate(-50%,-50%) scale(.85);font:800 clamp(26px,8vw,50px)/1.05 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:92vw;-webkit-text-stroke:3px var(--lt-ink);paint-order:stroke fill;text-shadow:0 5px 0 rgba(0,0,0,.4);opacity:0;transition:opacity .18s,transform .18s}.lt-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.lt-banner.red{color:#ffe1dc;-webkit-text-stroke-color:#9c1d10}.lt-banner.green{color:#e3ffd9;-webkit-text-stroke-color:#2f6b2a}.lt-banner.small{font-size:clamp(20px,6vw,34px)}.lt-stamp{position:absolute;left:50%;top:46%;z-index:6;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%,-50%) rotate(-7deg) scale(2.2);opacity:0}.lt-stamp.show{animation:lt-stamp .32s cubic-bezier(.2,1.6,.4,1) forwards}.lt-stamp b{font:900 clamp(30px,9vw,64px)/1 Playful,sans-serif;color:#d49a00;white-space:nowrap;border:6px solid;border-radius:14px;padding:6px 16px 4px;background:rgba(255,252,235,.92);box-shadow:0 6px 0 rgba(0,0,0,.3)}.lt-stamp.red b{color:var(--lt-red);background:rgba(255,255,255,.9)}.lt-stamp span{font:800 clamp(17px,4.8vw,24px)/1.1 Playful,sans-serif;color:#fff;-webkit-text-stroke:3px var(--lt-ink);paint-order:stroke fill;text-align:center}.lt-stamp span:empty{display:none}@keyframes lt-stamp{to{opacity:1;transform:translate(-50%,-50%) rotate(-7deg) scale(1)}}.lt-mash{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 210px);transform:translateX(-50%);z-index:5;pointer-events:none;display:none;flex-direction:column;align-items:center;gap:8px;background:rgba(16,22,31,.86);border:3px solid #fff;border-radius:16px;padding:10px 14px}.lt-mash.show{display:flex}.lt-mash-label{font:800 15px/1 Playful,sans-serif;color:#fff;white-space:nowrap}.lt-mash-pips{display:flex;gap:6px}.lt-mash-pips i{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid #fff;transition:background .08s,transform .08s}.lt-mash-pips i.on{background:#5ee08a;transform:scale(1.15)}.lt-hint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 70px);transform:translateX(-50%);z-index:5;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;transition:opacity .2s}.lt-hint.show{opacity:1}.lt-hint-hand{font-size:56px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}.lt-hint.mash .lt-hint-hand,.lt-hint.tap .lt-hint-hand{animation:lt-press .5s ease-in-out infinite}.lt-hint.mash .lt-hint-hand{animation-duration:.22s}.lt-hint.hold .lt-hint-hand{animation:lt-hold 1.4s ease-in-out infinite}.lt-hint-text{font:800 19px/1.15 Playful,sans-serif;color:#fff;background:rgba(16,22,31,.86);padding:8px 14px;border-radius:12px;max-width:min(80vw,340px);text-align:center}@keyframes lt-press{0%,to{transform:translateY(-14px)}45%,60%{transform:translateY(4px) scale(.92)}}@keyframes lt-hold{0%{transform:translateY(-14px)}20%,85%{transform:translateY(4px) scale(.9)}to{transform:translateY(-14px)}}.lt-fade{position:absolute;inset:0;z-index:8;pointer-events:none;background:#0c1016;opacity:0;transition:opacity .35s}.lt-fade.on{opacity:1}.lt-keys{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 14px);transform:translateX(-50%);z-index:4;font:700 13px/1 Playful,sans-serif;color:#fff;background:rgba(16,22,31,.6);padding:6px 12px;border-radius:10px;pointer-events:none;white-space:nowrap}@media (hover:none),(pointer:coarse){.lt-keys{display:none}}.lt-corner{position:absolute;z-index:7;top:calc(env(safe-area-inset-top, 0px) + 10px);right:max(10px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:8px}.lt-icon-btn{width:44px;height:44px;padding:0;border-radius:13px;border:2px solid #fff;display:grid;place-items:center;background:rgba(255,251,237,.9);color:var(--play-ink);box-shadow:0 3px 0 rgba(0,0,0,.3);cursor:pointer}.lt-icon-btn .off,.lt-icon-btn[aria-pressed=true] .on{display:none}.lt-icon-btn[aria-pressed=true] .off{display:inline}.lt-app:has(.overlay.show:not(.lt-menu)) .lt-corner{display:none}.playful-game .lt-menu{background:linear-gradient(90deg,rgba(16,22,31,0) 30%,rgba(16,22,31,.6) 62%);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-end;padding-right:max(5vw,24px)}.lt-card{width:min(410px,100%);background:var(--play-paper);border:4px solid #fff;border-radius:28px;box-shadow:0 8px 0 rgba(0,0,0,.3);padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px}.lt-card,.lt-card>*{flex-shrink:0}.lt-kicker{font:800 13px/1.2 Playful,sans-serif;letter-spacing:.06em;color:var(--lt-red)}.lt-title{margin:0;font:800 clamp(40px,6vw,58px)/.95 Playful,sans-serif;color:#fff;letter-spacing:-.5px;-webkit-text-stroke:2.5px var(--lt-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--lt-teal)}.lt-pitch{margin:0;font-size:15px;line-height:1.45}.lt-pitch b{color:var(--play-accent)}.lt-picks{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.lt-pick{min-height:64px;border:2px solid #d9d2bf;background:#fff;border-radius:16px;cursor:pointer;font:800 18px/1.1 Playful,sans-serif;color:var(--play-ink)}.lt-pick[aria-pressed=true]{background:var(--lt-ink);border-color:var(--lt-ink);color:#fff}.lt-best{margin:0;text-align:center;font-weight:800;color:#b5701c;min-height:1.2em}.lt-link-btn{background:none;border:0;color:var(--play-accent);font:800 17px/1.2 Playful,sans-serif;padding:6px;cursor:pointer}.playful-game .lt-pause,.playful-game .lt-results{align-items:center;background:rgba(16,22,31,.55)}.lt-small-card{width:min(380px,100%);align-items:stretch;text-align:center}.lt-result-title{margin:0;font:800 clamp(40px,11vw,62px)/1 Playful,sans-serif;color:#fff3c4;transform:rotate(-3deg);-webkit-text-stroke:3px #8a5a00;paint-order:stroke fill;text-shadow:0 5px 0 rgba(138,90,0,.3)}.lt-result-line{margin:0;font-size:16px;font-weight:700;color:var(--play-ink)}.lt-result-list{margin:4px 0;display:grid;grid-gap:6px;gap:6px}.lt-result-list>div{display:flex;justify-content:space-between;gap:10px;background:#fff;border-radius:12px;padding:8px 12px}.lt-result-list dt{color:#52667a;font-weight:700}.lt-result-list dd{margin:0;font-weight:800;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.lt-result-list .lt-result-score{background:var(--play-soft)}.lt-result-score dd{font-size:22px}@media (max-aspect-ratio:4/5),(max-width:700px){.playful-game .lt-menu{align-items:center;justify-content:flex-end;padding:0 12px calc(env(safe-area-inset-bottom, 0px) + 12px);background:linear-gradient(180deg,rgba(16,22,31,0) 35%,rgba(16,22,31,.65) 60%)}.lt-menu .lt-card{max-height:60dvh;overflow-y:auto;gap:8px;padding:16px 16px 12px}.lt-menu .lt-pitch{font-size:14px}.lt-menu #lt-start{position:-webkit-sticky;position:sticky;bottom:0;z-index:1}.lt-title{font-size:40px}}@media (max-height:520px){.playful-game .lt-menu{padding-top:12px;padding-bottom:12px}.lt-menu .lt-card{max-height:calc(100dvh - 24px);overflow-y:auto}.lt-menu .lt-pitch{display:none}.lt-ring{width:58px;height:58px}}@media (prefers-reduced-motion:reduce){.lt-hint .lt-hint-hand,.lt-ring.chime{animation:none}.lt-stamp.show{animation-duration:.01s}}