.mes{--mes-bow:#e5527c;-webkit-user-select:none;user-select:none;pointer-events:none;padding-top:132px}.dark .mes{--mes-bow:#ff8fb1}.mes-digits{z-index:2;letter-spacing:-.03em;color:hsl(var(--primary,240 84% 42%) / .13);justify-content:center;align-items:baseline;gap:.03em;font-size:max(88px,min(22vw,168px));font-weight:800;line-height:1;display:flex;position:relative}.mes-props{z-index:2;justify-content:center;align-items:flex-end;gap:16px;min-height:140px;display:flex;position:relative}.mes-card,.mes-block,.mes-frag{border:1.5px solid hsl(var(--border,214 32% 91%));background:hsl(var(--card,0 0% 100%))}.mes-card{text-align:left;border-radius:16px;align-content:start;gap:9px;width:240px;height:140px;padding:18px 18px 14px;display:grid;position:relative;box-shadow:0 12px 32px -14px #0f172940}.mes-line{background:hsl(var(--muted,210 40% 96%));border-radius:99px;height:8px;display:block}.mes-bar{border:1px solid hsl(var(--border,214 32% 91%));background:hsl(var(--muted,210 40% 96%));border-radius:99px;height:13px;margin-top:6px;overflow:hidden}.mes-bar b{border-radius:inherit;width:100%;height:100%;transform:scaleX(var(--mes-stall,.62));transform-origin:0;background:repeating-linear-gradient(-45deg, hsl(var(--warning,17 88% 40%)) 0 7px, hsl(var(--warning,17 88% 40%) / .65) 7px 14px);animation:1.8s ease-in-out 2 mes-stall;display:block}.mes-caption{color:hsl(var(--muted-foreground,215 16% 42%));font-family:ui-monospace,monospace;font-size:11px}.mes-bang{background:hsl(var(--warning,17 88% 40%));width:30px;height:30px;box-shadow:0 0 0 4px hsl(var(--card,0 0% 100%));color:hsl(var(--card,0 0% 100%));border-radius:50%;place-items:center;font-size:17px;font-weight:800;display:grid;position:absolute;top:-13px;right:-13px}.mes-block{border-radius:14px;align-content:start;gap:7px;padding:12px;display:grid;position:relative;box-shadow:0 12px 32px -14px #0f172940}.mes-block-a{width:92px;height:118px}.mes-block-b{width:128px;height:62px}.mes-block-c{width:74px;height:88px}.mes-frag{border-radius:8px;width:32px;height:20px;position:absolute;bottom:0}.mes-frag-1{left:-48px;transform:rotate(-18deg)}.mes-frag-2{width:24px;height:16px;right:-40px;transform:rotate(14deg)}.mes-frag-3{width:16px;height:11px;bottom:-2px;left:44%;transform:rotate(32deg)}.mes-actor{z-index:3;will-change:transform;position:absolute;top:0;left:0}.mes-actor.mes-behind{z-index:1}.mes-body{transform-origin:50% 95%;will-change:transform}.mes-hopping .tk-shadow{opacity:.4}.mes-say{border:1px solid hsl(var(--border,214 32% 91%));background:hsl(var(--card,0 0% 100%));width:-webkit-max-content;width:max-content;max-width:200px;color:hsl(var(--foreground,222 47% 11%));text-align:center;opacity:0;border-radius:10px;margin:0;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.35;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)translateY(6px)scale(.92)}.mes-say-su{border-color:color-mix(in srgb, var(--mes-bow) 35%, transparent);background:color-mix(in srgb, var(--mes-bow) 9%, hsl(var(--card,0 0% 100%)))}.mes-say.mes-talking{opacity:1;transform:translate(-50%)}@keyframes mes-stall{0%,to{transform:scaleX(calc(var(--mes-stall,.62) - .01))}50%{transform:scaleX(calc(var(--mes-stall,.62) + .015))}}@media (max-width:480px){.mes{padding-top:116px}.mes-card{width:204px;height:128px}.mes-block-a{width:74px;height:98px}.mes-block-b{width:100px;height:54px}.mes-block-c{width:60px;height:74px}.mes-say,.mes-say.mes-talking{max-width:150px;left:0;transform:none}.mes-say-su,.mes-say-su.mes-talking{left:auto;right:0}}@media (max-height:560px){.mes{display:none}}@media (prefers-reduced-motion:reduce){.mes-bar b{animation:none}}