.distance-toast{position:fixed;top:64px;left:calc(50% - 75px);z-index:var(--z-toast);display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;width:min(460px,calc(100% - 2rem));border-radius:12px;background:var(--color-surface);color:var(--color-text);box-shadow:0 6px 24px rgba(0,0,0,.3);border:1px solid var(--glass-border-subtle);transition:transform .7s var(--ease-standard),opacity .7s var(--ease-standard);transform:translateX(-50%);opacity:1}.distance-toast--enter{transform:translateX(-50%) translateY(-20px);opacity:0;transition:none}.distance-toast--visible{transform:translateX(-50%) translateY(0);opacity:1}.distance-toast--exit{transform:translateX(-50%) translateY(calc(100vh - 200px)) scale(.15);opacity:0;pointer-events:none}.distance-toast--prestige{background:linear-gradient(135deg,#1a0a2e,#2a1040);border-color:rgba(180,120,255,.3);box-shadow:0 6px 24px rgba(120,60,200,.3)}.distance-toast__icon{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:var(--glass-bg-medium);color:#ffd866}.distance-toast--prestige .distance-toast__icon{background:rgba(180,120,255,.15);color:#d4a0ff}.distance-toast__body{flex:1;min-width:0}.distance-toast__eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin:0}.distance-toast__name{font-size:.95rem;font-weight:700;margin:1px 0 0}.distance-toast__sub{font-size:.75rem;opacity:.6;margin:1px 0 0}.distance-toast__prestige-note{font-size:.7rem;color:#d4a0ff;margin:3px 0 0;font-style:italic}.distance-toast__close{flex-shrink:0;background:none;border:none;color:inherit;opacity:.4;cursor:pointer;padding:4px;transition:opacity .15s}.distance-toast__close:hover{opacity:.9}@media (max-width:600px){.distance-toast{left:50%}}.perf-hud{position:fixed;left:8px;bottom:calc(var(--footer-shell-height, 64px) + 10px);z-index:2147483000;display:flex;align-items:baseline;gap:5px;padding:3px 8px;border-radius:8px;background:rgba(0,0,0,.72);color:#e8e8e8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.4;pointer-events:none;user-select:none}.perf-hud--jank{outline:2px solid #ff6b6b;outline-offset:1px}.perf-hud__unit{opacity:.55;font-size:10px}.perf-hud__heap{margin-left:4px;opacity:.8}.perf-hud__fps--good{color:#5dff8f;font-weight:600}.perf-hud__fps--ok{color:#ffc94d;font-weight:600}.perf-hud__fps--bad{color:#ff6b6b;font-weight:600}.daily-mystery-banner{position:fixed;top:calc(var(--site-header-height, 64px) + 12px);left:12px;right:12px;z-index:var(--z-floating);display:flex;justify-content:center;pointer-events:none}@media (min-width:768px){.daily-mystery-banner{left:0;right:0}}.daily-mystery-banner__card{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:420px;margin:0 auto;padding:10px 40px 10px 14px;pointer-events:auto;opacity:1}@media (prefers-reduced-motion:no-preference){.daily-mystery-banner__card{animation:daily-mystery-banner-in .42s var(--ease-standard) backwards}}@keyframes daily-mystery-banner-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.daily-mystery-banner__body{display:flex;flex-direction:column;gap:2px;min-width:0}.daily-mystery-banner__title{margin:0;font-size:var(--text-sm);font-weight:700;color:var(--on-media-text);white-space:nowrap}.daily-mystery-banner__sub{margin:0;font-size:var(--text-xs);color:var(--on-media-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-mystery-banner__close{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-full);background:var(--on-media-fill);color:var(--on-media-text);font-size:var(--text-base);line-height:1;cursor:pointer}.daily-mystery-banner__close:before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.daily-mystery-banner__close:hover{background:var(--on-media-fill-hover);color:var(--on-media-text)}