.playPage{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:52rem;margin:0 auto}.playHero{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.playHeroMain{min-width:0}.playHeroTitleRow{display:flex;align-items:center;gap:.5rem}.playHeroIcon{width:1.25rem;height:1.25rem;color:var(--color-accent);flex-shrink:0}.playHeroTitle{margin:0;font-family:var(--font-family-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:var(--color-primary)}.playHeroDesc{margin:.35rem 0 0;font-size:.875rem;line-height:1.5;color:var(--colors--grey)}.playHeroBadge{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.35rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg-primary));border:1px solid color-mix(in srgb,var(--color-accent) 28%,transparent);color:var(--color-accent);font-size:.75rem;font-weight:700;white-space:nowrap}.playHeroBadgeIcon{width:.875rem;height:.875rem}.playStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}@media (max-width:640px){.playStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.playHero{flex-direction:column}.playStat{padding:.65rem .75rem}.playStatValue{font-size:1.25rem}}.playStat{padding:.875rem 1rem;border-radius:var(--ui-radius);border:1px solid var(--border-default);background:var(--color-bg-primary);box-shadow:var(--shadow-card)}.playStatTop{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem}.playStatIcon{width:.875rem;height:.875rem;color:var(--color-accent)}.playStatLabel{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--colors--grey)}.playStatValue{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-accent);line-height:1.1}.playDifficulty{width:100%;max-width:100%}.playDifficultyLabel{display:block;font-size:.8125rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.playDifficultyOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.playDifficultyBtn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:0;padding:.55rem .5rem;border-radius:var(--ui-radius);border:1px solid var(--border-default);background:var(--color-bg-primary);font-size:.8125rem;font-weight:600;font-family:var(--font-family-primary);color:var(--colors--dark-grey);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.playDifficultyBtn:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent);transform:translateY(-1px)}.playDifficultyBtnActive{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-primary));color:var(--color-accent);box-shadow:0 1px 0 color-mix(in srgb,var(--color-accent) 18%,transparent)}.playDifficultyEmoji{font-size:1rem;line-height:1}.playDifficultyHint{margin:.5rem 0 0;font-size:.75rem;color:var(--colors--grey);line-height:1.4}.dinoRunnerWrap{--phase-accent:var(--color-accent);--phase-accent-soft:color-mix(in srgb,var(--color-accent) 55%,#fff);--phase-hud-bg:hsla(0,0%,100%,.82);--phase-hud-border:hsla(0,0%,100%,.65);--phase-text:var(--color-primary);--phase-text-muted:var(--colors--grey);--phase-card-bg:hsla(0,0%,100%,.9);--phase-overlay-tint:rgba(220,232,248,.45);position:relative;width:100%;max-width:100%;margin:0;transition:border-color .55s ease,box-shadow .55s ease}.dinoRunnerStage{position:relative;width:100%;min-height:200px;border:1px solid color-mix(in srgb,var(--phase-accent,var(--color-accent)) 28%,transparent);border-radius:calc(var(--ui-radius) + 4px);overflow:hidden;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;box-shadow:var(--shadow-card),0 16px 40px color-mix(in srgb,var(--phase-accent,var(--color-accent)) 16%,transparent),inset 0 1px 0 hsla(0,0%,100%,.35);background:color-mix(in srgb,var(--phase-accent,var(--color-accent)) 8%,var(--color-bg-primary));transition:border-color .5s ease,box-shadow .5s ease,background .5s ease}.dinoRunnerStagePulse{animation:dinoStagePulse .65s ease}@keyframes dinoStagePulse{0%{filter:brightness(1)}25%{filter:brightness(1.12)}to{filter:brightness(1)}}.dinoRunnerStageFs{border-radius:0;border:none;min-height:100vh;box-shadow:none}@media (max-width:800px){.dinoRunnerStage{min-height:min(52vh,380px);border-radius:calc(var(--ui-radius) + 2px)}}.dinoRunnerCanvas{display:block;width:100%;height:auto;vertical-align:top}.dinoRunnerHud{position:absolute;inset:0;pointer-events:none;padding:.65rem .75rem;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.45rem;align-content:start}.dinoRunnerHudHidden{visibility:hidden}.dinoRunnerHudLeft{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.dinoRunnerHudMetric{display:inline-flex;flex-direction:column;gap:.05rem;padding:.35rem .55rem;border-radius:10px;background:var(--phase-hud-bg,hsla(0,0%,100%,.92));border:1px solid var(--phase-hud-border,hsla(0,0%,100%,.65));box-shadow:0 4px 16px color-mix(in srgb,var(--phase-accent) 14%,transparent);transition:background .55s ease,border-color .55s ease,box-shadow .55s ease}.dinoRunnerHudMetricBest{flex-direction:row;align-items:center;gap:.3rem}.dinoRunnerHudMetricIcon{color:var(--phase-accent,var(--color-accent));flex-shrink:0;transition:color .55s ease}.dinoRunnerHudMetricLabel{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--phase-text-muted,var(--colors--grey));line-height:1;transition:color .55s ease}.dinoRunnerHudMetricValue{font-size:.8125rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--phase-text,var(--color-primary));line-height:1.1;transition:color .55s ease}.dinoRunnerProgressWrap{grid-column:1/-1;padding:0 .1rem}.dinoRunnerProgressTrack{height:4px;border-radius:999px;background:color-mix(in srgb,var(--phase-hud-bg) 70%,transparent);overflow:hidden;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--phase-accent) 18%,transparent);transition:background .55s ease}.dinoRunnerProgressFill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--phase-accent,var(--color-accent)) 65%,#fff),var(--phase-accent,var(--color-accent)));transition:width .25s ease,box-shadow .25s ease;box-shadow:0 0 8px color-mix(in srgb,var(--phase-accent,var(--color-accent)) 40%,transparent)}.dinoRunnerProgressFillNear{box-shadow:0 0 14px color-mix(in srgb,var(--phase-accent,var(--color-accent)) 65%,transparent)}.dinoRunnerPhaseBanner{grid-column:1/-1;justify-self:center;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;background:var(--phase-hud-bg,hsla(0,0%,100%,.92));border:1px solid var(--phase-hud-border,hsla(0,0%,100%,.7));box-shadow:0 8px 24px color-mix(in srgb,var(--phase-accent) 24%,transparent);font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--phase-accent,var(--color-accent));animation:dinoPhaseBannerIn .55s cubic-bezier(.22,1,.36,1)}@keyframes dinoPhaseBannerIn{0%{opacity:0;transform:translateY(-8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.dinoRunnerPhaseBannerDot{width:.45rem;height:.45rem;border-radius:999px;background:var(--phase-accent,var(--color-accent));box-shadow:0 0 8px var(--phase-accent,var(--color-accent));animation:dinoPhaseDotPulse .8s ease infinite}@keyframes dinoPhaseDotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.75}}.dinoRunnerScoreCard{justify-self:end;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem .45rem .55rem;border-radius:14px;background:var(--phase-hud-bg,hsla(0,0%,100%,.92));border:1px solid var(--phase-hud-border,hsla(0,0%,100%,.65));box-shadow:0 8px 24px color-mix(in srgb,var(--phase-accent) 18%,transparent),inset 0 1px 0 hsla(0,0%,100%,.8);transition:transform .18s ease,background .55s ease,border-color .55s ease,box-shadow .55s ease}.dinoRunnerScoreCardPop{transform:scale(1.06)}.dinoRunnerScoreEmoji{font-size:1.125rem;line-height:1}.dinoRunnerScoreBody{display:flex;flex-direction:column;gap:.05rem}.dinoRunnerScoreLabel{font-size:.5625rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--phase-accent,var(--color-accent));line-height:1;transition:color .45s ease}.dinoRunnerScoreValue{font-size:1.125rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--phase-text,var(--color-primary));line-height:1;letter-spacing:.02em;transition:color .55s ease}.dinoRunnerOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--phase-overlay-tint,hsla(0,0%,100%,.35));animation:dinoOverlayIn .35s ease;transition:background .55s ease}@keyframes dinoOverlayIn{0%{opacity:0}to{opacity:1}}.dinoRunnerOverlayCard{width:min(100%,22rem);padding:1.35rem 1.25rem;border-radius:calc(var(--ui-radius) + 6px);background:var(--phase-card-bg,hsla(0,0%,100%,.94));border:1px solid var(--phase-hud-border,hsla(0,0%,100%,.75));box-shadow:0 20px 48px color-mix(in srgb,var(--phase-accent) 22%,transparent),inset 0 1px 0 hsla(0,0%,100%,.9);text-align:center;animation:dinoCardIn .4s cubic-bezier(.22,1,.36,1);transition:background .55s ease,border-color .55s ease,box-shadow .55s ease}@keyframes dinoCardIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dinoRunnerOverlayKicker{margin:0;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--phase-accent,var(--color-accent));transition:color .55s ease}.dinoRunnerOverlayTitle{margin:.35rem 0 0;font-family:var(--font-family-primary);font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.dinoRunnerOverlayLead,.dinoRunnerOverlayTitle{color:var(--phase-text,var(--color-primary));transition:color .55s ease}.dinoRunnerOverlayLead{margin:.85rem 0 0;font-size:.9375rem;font-weight:600}.dinoRunnerOverlayHint{margin:.35rem 0 0;font-size:.8125rem;color:var(--phase-text-muted,var(--colors--grey));transition:color .55s ease}.dinoRunnerOverlayBest{display:inline-flex;align-items:center;gap:.35rem;margin-top:.85rem;padding:.35rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--phase-accent) 12%,transparent);color:var(--phase-accent,var(--color-accent));font-size:.75rem;font-weight:700;transition:background .55s ease,color .55s ease}.dinoRunnerOverCard{padding:1.5rem 1.25rem}.dinoRunnerOverScores{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.dinoRunnerOverScoreBlock{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .65rem;border-radius:var(--ui-radius);background:color-mix(in srgb,var(--phase-accent) 8%,var(--phase-card-bg,var(--color-bg-primary)));border:1px solid color-mix(in srgb,var(--phase-accent) 18%,transparent);transition:background .55s ease,border-color .55s ease}.dinoRunnerOverScoreLabel{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--phase-text-muted,var(--colors--grey));transition:color .55s ease}.dinoRunnerOverScoreValue{font-size:1.625rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--phase-text,var(--color-primary));line-height:1;transition:color .55s ease}.dinoRunnerOverScoreBest{color:var(--phase-accent,var(--color-accent))}.dinoRunnerNewBest{gap:.35rem;margin-top:.75rem;padding:.35rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--phase-accent) 16%,transparent);color:var(--phase-accent,var(--color-accent));font-size:.75rem;transition:background .55s ease,color .55s ease}.dinoRunnerNewBest,.dinoRunnerOverlayBtn{display:inline-flex;align-items:center;font-weight:700}.dinoRunnerOverlayBtn{justify-content:center;gap:.45rem;margin-top:1.1rem;width:100%;padding:.75rem 1rem;border:none;border-radius:var(--ui-radius);background:var(--phase-accent,var(--color-accent));color:var(--color-bg-primary);font-size:.9375rem;font-family:var(--font-family-primary);cursor:pointer;pointer-events:auto;box-shadow:0 8px 20px color-mix(in srgb,var(--phase-accent) 38%,transparent);transition:transform .18s ease,box-shadow .18s ease,background .55s ease}.dinoRunnerOverlayBtn:hover{transform:translateY(-1px);box-shadow:0 12px 28px color-mix(in srgb,var(--color-accent) 42%,transparent)}.dinoRunnerOverlayBtn:active{transform:translateY(0)}.dinoRunnerOverTapHint{margin-top:.65rem;font-size:.75rem}.dinoRunnerFsBtn{position:absolute;right:.55rem;bottom:.55rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--phase-hud-border,hsla(0,0%,100%,.6));border-radius:10px;background:var(--phase-hud-bg,hsla(0,0%,100%,.92));color:var(--phase-accent,var(--color-accent));cursor:pointer;pointer-events:auto;box-shadow:0 4px 12px color-mix(in srgb,var(--phase-accent) 14%,transparent);transition:transform .18s ease,background .55s ease,color .55s ease,border-color .55s ease}.dinoRunnerFsBtn:hover{transform:scale(1.05);background:hsla(0,0%,100%,.9)}@media (max-width:420px){.dinoRunnerHud{padding:.5rem;gap:.35rem}.dinoRunnerScoreValue{font-size:1rem}.dinoRunnerOverlayTitle{font-size:1.5rem}.dinoRunnerOverScoreValue{font-size:1.375rem}}@media (prefers-reduced-motion:reduce){.dinoRunnerFsBtn,.dinoRunnerOverlay,.dinoRunnerOverlayBtn,.dinoRunnerOverlayCard,.dinoRunnerPhaseBanner,.dinoRunnerPhaseBannerDot,.dinoRunnerProgressFill,.dinoRunnerScoreCard,.dinoRunnerStage,.playDifficultyBtn{animation:none;transition:none}}.playBack{margin-top:.25rem}.profilePlayLink{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-radius:var(--ui-radius);border:1px solid var(--border-default);background:var(--color-bg-primary);text-decoration:none;color:inherit;margin-top:1rem}.profilePlayLink:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent)}.profilePlayTitle{font-weight:600;font-size:.9375rem}.profilePlaySub{font-size:.8125rem;color:var(--colors--grey);margin-top:.15rem}